@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,700,900');
*{box-sizing:border-box;}
body{margin:0px; padding:0; font-size:0px; text-align:center; font-family: 'Roboto', sans-serif; background:#fff;  color:#000;}
input, textarea{outline:none; font-family: 'Roboto', sans-serif;}
textarea, input, button,select{font-family: 'Roboto', sans-serif;}

nav, header, content, footer, section{float:left; width:100%; position:relative;}

header .logo{display:block; position:absolute;}
menu, menu>li{display:inline-block; margin:0; padding:0; vertical-align:top; list-style:none; font-size:0; text-align:center;}
menu li a{display:block;}
button{cursor:pointer}
a{color:#bb0000;}
.wrap{display:inline-block; font-size:18px; text-align:left; width:1180px; position:relative;}
/*****************/


header.min{height:110px; margin-bottom:20px; background:#000;}

header.min .slider, header.min .slider .slide{ display:none;}

header{height:550px;}

header .slider, header .slider .slide{position:absolute; left:0; top:0; width:100%; height:550px; z-index:10;}
header .slider .slide{background-position:center top; background-repeat:no-repeat;}

header .slider .slide{z-index:1; opacity:0; transition:opacity 1s;}
header .slider .slide.open{z-index:99999; opacity:1; }

header .slider .slide h1{position:absolute; text-shadow:0 0 1px #000; left:50%; margin-left:-450px; padding:20px 20px 70px 20px; border-radius:10px; background:rgba(0,0,0,0.6); width:900px; text-align:center; top:50%; margin-top:-80px; font-weight:700; color:#fff; font-size:44px;}
header .slider .slide h1 span{border-radius: 10px 0 10px 0; position:absolute; display:block; width:40%; padding-top:11px; height:50px; right:0; bottom:0px; text-align:center; color:#fff;  background:rgba(191,0,0,0.9); font-size:22px;}
header .slider span.paginator{display:block; width:20px; height:auto; position:absolute; z-index:999999; right:50%; top:50%; margin-top:-50px; margin-right:-640px; }
header .slider span.paginator span{float:left; cursor:pointer; width:18px; border:1px #fff solid; height:18px; margin:5px 0; border-radius:10px; background:transparent; }
header .slider span.paginator span.active{background:#fff; }
header .topLine{float:left; width:100%; height:90px; background:rgba(0,0,0,0.7); position:relative; z-index:100;border-bottom:3px #bb0000 solid;}
header .topLine a.logo{width:360px; height:60px; left:0; top:10px; background-size:contain; background-repeat:no-repeat;}
header .topLine a.logo img{width:100%;}

header .topLine.fixed{position:fixed; z-index:1000; height:60px; bottom:auto; top:0; width:100%; border-bottom:none; background:rgba(0,0,0,0.8);}
header .topLine.fixed a.logo{top:5px; width:320px; height:50px; }
header .topLine.fixed ul.phones{width:800px; text-align:right; top:5px;}
header .topLine.fixed ul.phones li {display:inline-block; margin-left:40px;}
header .topLine.fixed ul.phones li  a{border-bottom:none;}
header .topLine.fixed nav ul li{border-top:1px #000 solid; }

header .topLine ul.phones{margin:0; padding:0; list-style:none; position:absolute; right:0; width:800px; text-align:right; top:15px; }
header .topLine ul.phones li{margin:7px 0; display:inline-block; margin-left:40px;}
header .topLine ul.phones li a{color:#fff; font-size:28px; text-decoration:none; display:block; border-bottom:1px #595959 dotted;}
header .topLine ul.phones li a b{font-size:34px;}
header .topLine ul.phones li i{display:inline-block; position:relative; left:0; bottom:-2px; width:26px; height:26px; background-repeat:no-repeat; background-size:contain; background-position:center;}
header .topLine ul.phones li i.mts{background-image:url(images/mts.png);}
header .topLine ul.phones li i.velcom{background-image:url(images/velcom.png);}
header .topLine ul.phones li i.watvib{background-image:url(images/watvib.png); width:58px;}


header .topLine .btns{position:absolute; overflow:hidden;border-top:1px #8c0000 solid; left:50%; top:90px;width:440px;  margin-left:-220px;height:35px; font-size:0; text-align:center;background:#bb0000; border-radius:0 0 10px 10px;}
header .topLine button{ border:none; transition:0.3s; background:transparent; width:50%; height:35px; outline:none;  display:inline-block;cursor:pointer;  color:#fff; font-size:18px;}
header .topLine button:first-child{border-right:1px #8c0000 solid;}
header .topLine button:hover{background:#a10000;}
header .topLine.fixed .btns{top:110px}

header nav{position:absolute; left:0; bottom:0; width:100%; height:50px;  z-index:100; text-align:center; border-bottom:3px #bb0000 solid;}
header nav.fixed{position:fixed; z-index:1000; bottom:auto; top:60px; width:100%; background:rgba(0,0,0,0.8);}

header nav ul{display:inline-block; font-size:18px; position:relative; left:-1px;  width:1176px; position:relative; margin:0; padding:0; list-style:none; overflow:hidden; border-radius:5px 5px 0 0;}
header nav ul li{float:left; width:130px; border-left:1px #000 solid;   height:47px; background:rgba(255,255,255,0.2); }
header nav ul li:first-child{border-left:0px #000 solid;}
header nav ul li a{color:#fff; text-shadow:0 0 1px #000; text-decoration:none;  float:left; width:100%; height:50px; padding-top:14px; transition:0.2s;}
header nav ul li a:hover, header nav ul li.current a{background:#fff; border-bottom:3px #bb0000 solid; color:#000; text-shadow:0 0 1px #fff;}
header nav ul li a:hover{background:rgba(255,255,255,0.8); }

section{min-height:300px; padding:30px 0; }
section input{padding:0 10px; height:35px; border-radius:7px; border:1px #b4b4b4 solid;}
section select{height:35px; border-radius:7px; border:1px #b4b4b4 solid;}
section button{height:35px; transition:0.3s; background-image:linear-gradient(to top,#bb0000,#cb0b0b);  border-radius:7px; color:#fff; font-size:16px; border:none; padding:0 25px; }
section button:hover{background-image:linear-gradient(to bottom,#bb0000,#cb0b0b);}

h2{width:100%; text-align:center; font-size:36px; font-weight:300; margin:40px 0 50px 0; text-transform:uppercase;}
h3{font-weight:400;}
.lCol{float:left; width:50%; padding:20px 50px 20px 0;}
.lCol img{width:100%;}
.rCol{float:right; width:50%; padding:20px 0px 20px 50px;}
.lCol.border{border-right: 1px #8c8c8c dotted;}
.rCol.border{border-left: 1px #8c8c8c dotted;}


section.parts{background:url(images/shadowTop.png) no-repeat center top; }
section.parts:after{content:""; z-index:1; position:absolute; left:0; bottom:0; width:100%; height:150px; background:url(images/shadowBottom.png) no-repeat center bottom;}

section.parts .wrap{text-align:center;}
section.parts form{position:relative; z-index:100;}

section.parts .wrap>div{padding-top:0;}

section.parts input{width:800px; }

section.parts .brands {position:relative; z-index:10;}
section.parts .brands ul{display:block; margin:0; padding:0; list-style:none; text-align:center;}
section.parts .brands ul li{display:inline-block; margin:5px; padding:5px; width:100px; border:2px #d3d3d3 solid; border-radius:5px;}
section.parts .brands ul li:hover{border:2px #bb0000 solid; transition:0.3s;}
section.parts .brands ul li:hover a{color:#bb0000;}
section.parts .brands ul li img{width:80px; }
section.parts .brands ul li a{color:#000; text-decoration:none; display:block; font-size:12px;}

aside {position:relative; z-index:10; width:240px;}
aside  ul{display:block; margin:0; padding:0; list-style:none; text-align:left; width:240px;}
aside  ul li{display:inline-block; margin:0; position:relative; padding:7px 0 7px 35px; width:240px; border-bottom:1px #d3d3d3 dotted; }
aside  ul li a:hover{color:#bb0000;}
aside  ul li img{width:25px; position:absolute; left:0; top:3px;}
aside  ul li a{color:#000; text-decoration:none; display:block; width:150px; font-size:20px;}
aside  ul ul li a{padding-left:20px; font-size:16px;}
aside  ul ul li img{display:none;}
aside  ul ul {max-height:0; overflow:hidden; transition:0.5s;}
aside  ul ul.active{max-height:500px; overflow:hidden; transition:0.5s;}
aside>ul>li>span{display:block; cursor:pointer; position:absolute; transition:0.5s; right:3px; top:17px; width:10px; height:10px; transform:rotate(-135deg); border:1px #8f8f8f solid; border-top:none; border-right:none;}
aside>ul>li.active>span{transform:rotate(-45deg); top:17px;}

aside>ul>li>span:hover{border:1px #000 solid; border-top:none; border-right:none;}

aside{float:left; width:240px;}
article h1{font-weight:normal; font-size:28px;}

main{float:right; width:900px;}
main h1{margin-top:0; text-transform:uppercase;}
section .product{width:100%; padding-right:170px; border-bottom:1px #dcdcdc solid;  text-align:left; margin-bottom:20px; padding:10px 0; position:relative;}
section .product h2{text-align:left; font-size:18px; margin:0 0 10px 0; font-weight:bold; }
section .product ul.photos{display:inline-block; vertical-align:top; font-size:0; height:120px; overflow:hidden; margin:0; max-width:465px; list-style:none; margin:0; padding:0;}
section .product ul.photos li{display:inline-block; width:150px; height:120px; margin:0 5px 0 0; padding:0; position:relative;}
section .product ul.photos li a{position:absolute; left:0; top:0; width:100%; height:100%; display:block; overflow:hidden; border-radius:3px; background-size:cover; background-position:center;}
section .product .info{display:inline-block; vertical-align:top; font-size:14px;}

section .product.full{height:auto;}
section .product.full ul.photos{height:auto; margin-right:10px; max-width:700px; width:700px; height:400px;}
section .product.full ul.photos li:first-child{margin:0 0 5px 0; float:left; width:550px; height:400px;} 
section .product.full ul.photos li{float:right; margin:0 0 5px 0; width:145px; height:105px;}
section .product.full .price{bottom:auto; top:0;}

ul.crumbs{margin:0; padding:0; list-style:none; font-size:12px;}
ul.crumbs li{display:inline-block; margin:0 0 0 0;}
ul.crumbs li:after{content:"/"; display:inline-block; margin:0 10px;}

section .product button{height:35px; margin-top:15px;transition:0.3s; background-image:linear-gradient(to top,#009916,#00b71a);  border-radius:7px; width:100%; color:#fff; font-size:16px; border:none; padding:0 5px; }
section .product  button:hover{background-image:linear-gradient(to bottom,#009916,#00b71a);}
section .product button i{display:inline-block; margin:0 5px 0 0;}

section.pays{min-height:500px; position:relative;}
section.pays .wrap{z-index:10;}
section.pays ul{float:left; width:100%; margin:0 0 60px 0; padding:0; list-style:none;}
section.pays ul li{float:left; padding:0; text-align:center; width:25%; padding:0 40px; font-size:24px; font-weight:300;}
section.pays ul li i{display:inline-block; background:#bb0000; margin-bottom:20px; width:200px; padding-top:50px; height:200px; border-radius:100px; color:#fff; font-size:88px;}
section .product .price{float:right; width:160px; padding:10px;right:0; bottom:0; height:140px;  background:#f9f9f9; text-align:center;  position:absolute;}
section .product .price .red{font-size:24px; background:#bb0000; color:#fff; font-weight:normal; font-family:Georgia;  padding:6px 10px; border-radius:10px; display:inline-block; }
section .product .price small{font-size:14px;}
section .product .price .green{font-size:16px; color:#007613; font-weight:bold;}
section .product .price .sale{font-size:18px; color:#bb0000;font-weight:bold;}
section .product .price span{display:block; margin-bottom:10px;}

section .product p:first-child{margin-top:0;}

section.sto{}
section.sto ul{list-style:none; margin:20px 0;}
section.sto ul li{font-size:22px; margin-bottom:35px; position:relative; padding-left:40px;}
section.sto ul li i{position:absolute; left:0; top:3px; font-size:30px; color:#bb0000;}

section.garant{min-height:500px; background:url(images/shadowTop.png) no-repeat center top; position:relative;}
section.garant:after{content:""; z-index:1; position:absolute; left:0; bottom:0; width:100%; height:150px; background:url(images/shadowBottom.png) no-repeat center bottom;}
section.garant .wrap{z-index:10;}
section.garant ul{list-style:none; margin:20px 0;}
section.garant ul li{font-size:22px; margin-bottom:35px; position:relative; padding-left:40px;}
section.garant ul li i{position:absolute; left:0; top:3px; font-size:30px; color:#bb0000;}


section.map{min-height:500px; background:url(images/shadowTop.png) no-repeat center top; position:relative;}
section.reviews .wrap{z-index:10;}
section.reviews .box{float:left; width:565px; margin-bottom:90px; }
section.reviews .box:nth-child(even){float:right;}
section.reviews .box .avatar{float:left; width:200px; height:200px; position:relative;}
section.reviews .box .avatar img{width:126px; height:126px; border-radius:63px; position:absolute; left:40px; top:00px;}

section.map{padding-bottom:0;}  
#map{width:100%; height:400px; font-size:16px;}

section .target{position:absolute; left:0; top:-80px;}

#list{transition:0.5s;}
#list main>form{display:block; width:100%; text-align:center; margin-bottom:20px;}

#list main>form select{padding:0 10px;}
#list main>form select, #list form input{font-size:16px;}
#list main>form select{width:200px;}
#list main>form input[name="findTxt"]{width:370px;}

.mobile{display:none;}

#blacker{width:0; height:0; opacity:0; transition:opacity 0.5s; z-index:0;}
#blacker.open{position:fixed; opacity:1; z-index:10000000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}


footer{min-height:90px; padding:20px 0 10px 0;float:left; width:100%; background:#000; text-align:center; font-size:0;}
footer .col a.logo{top:10px; width:260px; height:50px; display:block; }
footer .col a.logo img{width:100%;}
footer .col ul.phones{margin-top:0; font-size:18px;}
footer a{color:rgba(100,100,100,1); text-decoration:none;}
footer .wrap{font-size:0;}
footer .col{display:inline-block; vertical-align:top; width:30%; font-size:14px; color:rgba(100,100,100,1); text-align:left;}
footer .col:nth-child(2){width:20%;}
footer .col:nth-child(4){width:20%;}
form.order.open{top:50%; opacity:1; z-index:100000000;}
form.order{width:420px; transition: 0.5s; z-index:0; opacity:0; z-index:20; background:#fff; position:fixed; padding:25px; left:50%; top:-1999px;  margin-left:-210px; margin-top:-170px;}
form.order label{display:block; width:100%;  font-size:14px; color:#181818; font-family: 'Roboto', sans-serif; margin:24px 0; text-align:left;}
form.order label:first-child{margin-top:0;}
form.order label b{font-weight:500;}
form.order label input, form.order label textarea{width:100%; margin-top:8px; height:42px; border:2px #e5c6c6 solid; padding:10px;}
form.order label textarea{height:90px; max-height:90px;}
form.order span.close{display:block; opacity:0.8; width:25px; height:25px; background:url(images/fancy_close.png) no-repeat center; background-size:cover; position:absolute; right:-15px; top:-15px; cursor:pointer;}
form.order h3{font-size:24px; margin-top:0;}
form.order  button{border:none; outline:none;  cursor:pointer; width:220px; height:35px; background:#bb0000; border-radius:10px; color:#fff; font-size:18px;}


ul.reviews{margin:0;  padding:0; box-sizing:border-box; list-style:none; width:100%; text-align:center; font-size:0;}
ul.reviews li{display:inline-block; box-sizing:border-box;  font-size:14px; text-align:left; width:100%; padding:40px 0; border-bottom:1px #ddd dotted; padding:10px;}
ul.reviews li .ava{width:100px; height:100px; border-radius:50px; background-position:center; float:left; margin-right:40px;}





@media only screen and (max-width: 839px), only screen and (max-device-width: 839px)
{
.wrap{min-width:320px; max-width:839px; width:100%; padding:0 10px;}	
.wrap *{max-width:100%;}
.mobile{display:block;}
section .target{position:absolute; left:0; top:-140px;}
header, header .wrap, header.min, header.min .wrap{height:160px; position:relative;}

section.parts input{width:100%; float:left;}
section.parts button{width:100%; float:right; margin-top:4px;}
.burg{position:fixed; right:10px; top:10px; width:25px; height:30px; cursor:pointer; z-index:1500;}
.burg>div{position:absolute; left:0; top:10px; height:3px; width:25px; background:#fff;}
.burg>div:before{position:absolute; content:""; left:0; top:-8px; height:3px; width:25px; background:#fff;}
.burg>div:after{position:absolute;content:"";  left:0; top:8px; height:3px; width:25px; background:#fff;}

header nav#menu.open{display:block;  padding-top:20px;width:100%; height:100%; position:fixed; left:0;top:0; overflow-y:auto; z-index:1490; background:rgba(0,0,0,0.95); text-align:center;}
header nav.open ul{width:100%;}
header nav.open ul li{display:inline-block;  background:transparent !important; padding:5px 25px; width:100%; border-bottom:1px #ddd solid;}
header nav.open ul li a{color:#fff; text-shadow:none; background:transparent !important; font-size:22px; text-decoration:none; font-family: 'Open Sans Condensed', sans-serif;}
header nav.open ul li a:hover{text-decoration:underline;}

header nav.open ul li a:hover, header nav ul li.current a{background:transparent; border-bottom:none; color:#fff; text-shadow:none}

header .topLine, header .topLine.fixed{position:fixed; z-index:1000; height:160px; bottom:auto; top:0; width:100%; border-bottom:3px #bb0000 solid;background:rgba(0,0,0,0.8);}
header .topLine a.logo, header .topLine.fixed a.logo{top:15px; width:280px; height:60px; left:50%; margin-left:-140px; background-position:center top;}
header .topLine ul.phones, header .topLine.fixed ul.phones{width:100%; text-align:center; top:70px;}
header .topLine ul.phones li,header .topLine.fixed ul.phones li {display:inline-block; margin-left:0px;}
header .topLine ul.phones li  a, header .topLine.fixed ul.phones li  a{border-bottom:none;}
header .topLine nav ul li, header .topLine.fixed nav ul li{border-bottom:1px #595959 dotted; }


header .topLine .btns{position:absolute; overflow:hidden;border-top:1px #8c0000 solid; left:50%; top:160px;width:300px;  margin-left:-150px;height:35px; font-size:0; text-align:center;background:#bb0000; border-radius:0 0 10px 10px;}
header .topLine button{ border:none; transition:0.3s; background:transparent; width:50%; height:35px; outline:none;  display:inline-block;cursor:pointer;  color:#fff; font-size:18px;}
header .topLine button:first-child{border-right:1px #8c0000 solid;}
header .topLine button:hover{background:#a10000;}
header .topLine.fixed .btns{top:160px}


header .topLine ul.phones li a{color:#fff; font-size:16px; text-decoration:none; display:block; border-bottom:1px #595959 dotted;}
header .topLine ul.phones li a b{font-size:20px;}
header .topLine ul.phones li i{display:inline-block; position:relative; left:0; bottom:-2px; width:22px; height:22px; background-repeat:no-repeat; background-size:contain; background-position:center;}
header .topLine ul.phones li i.mts{background-image:url(images/mts.png);}
header .topLine ul.phones li i.velcom{background-image:url(images/velcom.png);}
header .topLine ul.phones li i.watvib{background-image:url(images/watvib.png); width:58px;}
header .topLine ul.phones li{margin:5px 20px;}

header nav{position:absolute; left:0; bottom:0; width:100%; height:50px;  z-index:100; text-align:center; border-bottom:3px #bb0000 solid;}
header nav{position:fixed; z-index:1000; bottom:auto; top:60px; width:100%; background:rgba(0,0,0,0.8);}
header .slider{display:none;}
aside{display:none;}
header nav{display:none;}



section{min-height:300px; padding:20px 0; }
section input{padding:0 10px; height:35px; border-radius:7px; border:1px #b4b4b4 solid;}
section select{height:35px; border-radius:7px; border:1px #b4b4b4 solid;}
section button{height:35px; transition:0.3s; background-image:linear-gradient(to top,#bb0000,#cb0b0b);  border-radius:7px; color:#fff; font-size:16px; border:none; padding:0 25px; }
section button:hover{background-image:linear-gradient(to bottom,#bb0000,#cb0b0b);}
h2{width:100%; text-align:center; font-size:26px; font-weight:300; margin:20px 0 30px 0; text-transform:uppercase;}

.lCol{float:right; width:100%; padding:10px}
.lCol img{width:100%;}
.rCol{float:right; width:100%; padding:10px;}
.lCol.border{border:none;}
.rCol.border{border-left:none;}
.fisrt{float:left !important;}
 

section.pays ul li{float:left; padding:0; text-align:center; width:100%; padding:20px 0 20px 0;  border-bottom:1px #bb0000 dotted; font-size:24px; font-weight:300;}
section.pays ul li i{display:inline-block; background:#bb0000; margin-bottom:10px; width:200px; padding-top:50px; height:200px; border-radius:100px; color:#fff; font-size:88px;}

section div ul{padding-left:0!important; }

#list form select{padding:0 10px;}
#list form select, #list form input{font-size:16px;}
#list form select{width:100%; margin:5px 0;}
#list form input[name="findTxt"]{width:100%; margin:5px 0;}


section .product{width:100%; padding-right:170px; border-bottom:1px #f3f3f3 solid;  float:left; text-align:left; margin-bottom:20px; padding:20px 0; position:relative;}
section .product h2{text-align:left; font-size:18px; margin:0 0 10px 0; font-weight:bold; }
section .product ul.photos{height:100px; overflow:hidden; margin:0; width:100%; max-width:100%;}
section .product ul.photos li{display:inline-block; width:32%; height:100px; margin:0 1% 0 0; padding:0;}
section .product ul.photos li a{width:100%; height:100%; display:block; background-size:cover; background-position:center;}
section .product .info{float:left; font-size:14px; width:50%; margin-top:10px;}
  
section .product .price{float:right; width:50%; padding:7px 5px;right:0; bottom:0; height:120px;  background:#fff; text-align:right;  position:static;}
section .product .price .red{font-size:24px; background:#bb0000; color:#fff; font-weight:normal; font-family:Georgia;  padding:7px 10px; border-radius:10px; display:inline-block; }
section .product .price small{font-size:14px;}
section .product .price .green{font-size:16px; color:#007613; font-weight:bold;}
section .product .price span{display:block; margin-bottom:20px;}



form.order{width:280px; transition: 0.5s; z-index:0; opacity:0; z-index:20; background:#fff; position:fixed; padding:25px; left:50%; top:-1999px;  margin-left:-140px; margin-top:-170px;}
form.order label{display:block; width:100%;  font-size:14px; color:#181818; font-family: 'Roboto', sans-serif; margin:24px 0; text-align:left;}
form.order label:first-child{margin-top:0;}
form.order label b{font-weight:500;}
form.order label input, form.order label textarea{width:100%; margin-top:8px; height:42px; border:2px #e5c6c6 solid; padding:10px;}
form.order label textarea{height:90px; max-height:90px;}
form.order span.close{display:block; opacity:0.8; width:25px; height:25px; background:url(images/fancy_close.png) no-repeat center; background-size:cover; position:absolute; right:-15px; top:-15px; cursor:pointer;}

form.order  button{border:none; outline:none;  cursor:pointer; width:220px; height:35px; background:#bb0000; border-radius:10px; color:#fff; font-size:18px;}

header .topLine button{top:160px;}
}





#fancybox-loading {
	box-sizing:content-box;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	box-sizing:content-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(images/fancybox.png);
}

#fancybox-overlay {
	box-sizing:content-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
	opacity:1 !important;
	background-color:rgba(0,0,0,0.7) !important;
}

#fancybox-tmp {
	box-sizing:content-box;
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap *, #fancybox-tmp *{box-sizing:content-box !important;}
#fancybox-wrap {
	box-sizing:content-box;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	box-sizing:content-box;
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url(images/fancybox.png) -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url(images/blank.gif);
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url(images/fancybox.png);
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url(images/fancybox.png);
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(images/fancybox-x.png);
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(images/fancybox.png);
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(images/fancybox-y.png);
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(images/fancybox.png);
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(images/fancybox-x.png);
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(images/fancybox.png);
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(images/fancybox-y.png);
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(images/fancybox.png);
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url(images/fancy_title_over.png);
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url(images/fancybox.png) -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url(images/fancybox-x.png) 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url(images/fancybox.png) -55px -90px no-repeat;
}


/* это правила оформления. К скрипту отношения не имеют */

form.filter{float:left; width:100%; box-sizing:border-box; padding:0 20px; margin-bottom:20px;}

.formCost {

	width:100%;
	margin-bottom: 10px;
	text-align:center; font-size:18px;
}
.formCost label {
	display:inline-block;
}
.formCost input {
	display:inline-block; border:none;
	text-align: center;
	width:43px; font-size:18px !important; padding:0 !important; font-weight:bold;
}

.sliderCont {
	width: 100%;
	height: 27px;
	float: left;
}		

/* А это правила для скрипта:  */

.ui-slider {
	position: relative; width:100%;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	background: #000;
	background-image:linear-gradient(#e5e5e5, #a5a5a5); box-shadow:0 0 3px rgba(0,0,0,0.3);
	border-radius:10px;
	cursor: pointer; outline:none;
	
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	overflow: hidden;
}
.ui-slider-horizontal {
	 height: 10px; background:#eee; border-radius:5px; width:100%;
}
.ui-slider-horizontal .ui-slider-handle { 
	top: -5px;
	margin-left: -10px; 
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min { 
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-widget-content { 
	border: 1px solid #D4D4D4;
	background: #fff;
}
.ui-widget-header { 
	border: 1px solid #D4D4D4;
	background-image:linear-gradient(#fff,#f2f2f2);
}
.ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
