html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
body { line-height: 1; color: #78909c; font-size: 14px; font-weight: 300; }
ol,ul { list-style:none; }
table{ border-collapse:separate; border-spacing:0; vertical-align:middle; }
caption,th,td { text-align:left; font-weight:normal; vertical-align:middle; }
a img{ border:none; }
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic';
/*
Tabachkov Aleksey
- Студия АЙВИКС -
iwix.ru
*/
html { height:100%; min-height:100%; }
body { height:100%; min-height:100%; font-family: 'Roboto', sans-serif; min-width: 320px; }
#wrapper { min-width: 320px; height: auto !important; height: 100%; min-height: 100%; margin-bottom: -100px; }
a { color: #347ba6; text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
a:hover { opacity: 0.7; }
em { }
h1 { font-size: 30px; color: #01447b; padding-bottom: 15px; line-height: 1.3; font-weight: 500; }
h2 { font-size: 24px; color: #347ba6; padding-bottom: 15px; line-height: 1.3; font-weight: 400; }
h1 strong { font-size: 30px; color: #01447b; font-weight: 700; }
strong { font-weight: 500; }
p { line-height: 1.5; margin-bottom: 18px; }
p a:hover { }
input, textarea { outline: none; }
em {}
.d-none { display: none; }
.bg_ser { background-color: #f2f6f9; }
.show_760 { display: none; }
.w1000 { min-width: 320px; max-width: 1000px; margin: 0px auto; position: relative; }
.normal_size { position: relative; max-width: 1280px; margin: 0px auto; }
.normal_padd_n { padding: 0px 20px; }
.normal_padd_n p {font-size:16px;}
.normal_padd { padding: 0px 20px 20px 20px; }
.normal_back { padding-bottom: 10px; }
.normal_back a { display: inline-block; vertical-align: top; height: 30px; line-height: 30px; padding: 0px 15px 0px 25px; border: 1px solid #afc5d7; color: #01447b; font-size: 14px; font-weight: 400; background: url('/assets/i/ico_back.png') no-repeat 10px 50%; }
.normal_back a:hover { opacity: 1; background-position: 8px 50%; border: 1px solid #4581b1; }
.iw_style ul, .iw_style ol { padding: 10px 0px 10px 15px; }
.iw_style ul li { padding-left: 20px; margin-bottom: 10px; background: url('/assets/i/ico_li.png') no-repeat 0px 8px; line-height: 1.5; }
.iw_style ol li { margin-left: 10px; padding-left: 10px; margin-bottom: 10px; line-height: 1.5; list-style: list-style-type; }
img.resize { display: block; width: 100%; height: auto; max-width: 1000px; margin: 0px auto; }
img.resize_r { float: right; max-width: 250px; padding: 0px 0px 10px 10px; }
.zvonite { text-align: center; padding-bottom: 15px; font-weight: 500; font-size: 16px; line-height: 1.3; color: #222; }
/* HEADER */
.head_bg { height: 90px; padding-top: 60px; margin-bottom: 20px; background: #4ab0ee url('/assets/i/head_bg.jpg') 50% 0px no-repeat; }
.head_1 { float: left; margin-left: 20px; }
.head_2 { float: left; margin-left: 40px; padding-top: 0px; }
.head_3 { float: left; margin-left: 25px; padding-top: 15px; }
.head_4 { float: right; margin-right: 20px; text-align: right; padding-top: 15px; }
.btn_req{display: none;}
.btn_req_mob{display: none;}
.head_1 a { display: inline-block; font-size: 14px; color: #fff; font-weight: 300; letter-spacing: 2px; }
.head_1 a strong { display: block; font-size: 46px; color: #fff; font-weight: 700; padding-bottom: 8px; letter-spacing: 2px; }
.head_1 a:hover { opacity: 1; }
.head_4 a { display: inline-block; border: 3px solid #fff; height: 38px; line-height: 38px; padding: 0px 20px 0px 45px; color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; background: #3f96cb url('/assets/i/ico_go_serv.png') 15px 50% no-repeat; }
.head_4 a:hover { opacity: 1; background-color: #347ba6; }
.head_phone a, .head_adr { display: inline-block; height: 28px; line-height: 27px; text-transform: uppercase; margin-bottom: 4px; letter-spacing: 2px; background-color: #01447b; padding: 0px 12px; font-size: 15px; color: #fff; font-weight: 700; }
.head_txt { font-size: 12px; color: #fff; font-weight: 300; letter-spacing: 1px; }
.head_map a { display: inline-block; font-size: 12px; color: #fff; font-weight: 300; letter-spacing: 1px; padding-bottom: 2px; border-bottom: 1px solid #fff; }
.head_shadow { position: absolute; height: 40px; width: 100%; top: 0; background: rgba(0, 0, 0, 0.3); }
/*.head_shadow { position: fixed; height: 40px; width: 100%; top: 0; background: rgba(136, 15, 15, 0.8);z-index: 1000; }*/
.head_icons { float: left; margin-left: 20px; }
.head_icons a { display: inline-block; vertical-align: middle; /*height: 24px; margin: 8px 0px 0px 20px; */}
.head_icons a:first-child { margin-left: 0px; }
.head_icons a img { position: relative; display: block-cell; vertical-align: middle; }
.head_menu { display:flex;align-items:center;float: left; margin-left: 20px; text-align: left; line-height: 40px; }
.head_menu a { font-size: 14px; color: #fff; font-weight: 400; padding-left: 25px; }
.head_menu a:first-child { padding-left: 0px; }
.head_menu a.cur { opacity: 0.6; }
.imenu_all { margin: 0px 20px 10px 20px; text-align:center; /*border-bottom: 1px solid #afc5d7;*/ }
.imenu_one { position: relative; display: inline-block; vertical-align: top; width: 33.3333%; margin-bottom: 15px; text-align: center; }
.imenu_one a { display: inline-block; height: 68px; line-height: 68px; font-size: 20px; color: #347ba6; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; }
.imenu_one a i { display: inline-block; width: 64px; height: 64px; border: 2px solid #dcf2fd; margin-right: 15px; background-repeat: no-repeat; background-position: 50% 50%; }
.imenu_one a span { display: none; }
.imenu_one a:hover { opacity: 1; }
.imenu_one a:hover i { border: 2px solid #ffe4e6; }
.imenu_1 i { background-image: url('/assets/i/ico/mobile_1.png'); }
.imenu_2 i { background-image: url('/assets/i/ico/mobile_2.png'); }
.imenu_3 i { background-image: url('/assets/i/ico/mobile_3.png'); }
a.imenu_1_cur i { border: 2px solid #ffe4e6; background-image: url('/assets/i/ico/mobile_1_cur.png'); }
a.imenu_2_cur i { border: 2px solid #ffe4e6; background-image: url('/assets/i/ico/mobile_2_cur.png'); }
a.imenu_3_cur i { border: 2px solid #ffe4e6; background-image: url('/assets/i/ico/mobile_3_cur.png'); }
a.imenu_1_cur, a.imenu_2_cur, a.imenu_3_cur { color: #f03140; }
.imenu_4 i { background-image: url('/assets/i/ico/mobile_cart.png'); }
.imenu_4_cur i { background-image: url('/assets/i/ico/mobile_cart.png'); }
.swiper-container { margin-bottom: 40px; }
.swiper-slide { width: 320px; text-align: center; background: #0e203c;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img { width: 100%; height: auto; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
/* .swiper-slide a { position: absolute; width: 100%; height: 100%; top: 0; left:0; } */
.swiper-slide-desc {
position: absolute;
text-align: left;
color: #fff;
top: 16px;
left: 28px;
}
.swiper-slide-desc a {
color: #fff;
font-size: 17px;
}
.iw_style .swiper-slide-desc ul {
padding:0;
margin-top:20px;
}
.iw_style .swiper-slide-desc ul li {
padding-left: 12px;
background:none;
position:relative;
}
.iw_style .swiper-slide-desc ul li:before {
content: "";
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
top: 10px;
left: 0;
position: absolute;
}
.swiper-slide-ttl {
font-size: 25px;
text-transform: uppercase;
font-weight: bold;
}
.swiper-slide:hover img { opacity: 0.9; }
.swiper-button-next, .swiper-button-prev { width: 25px; height: 25px; opacity: 0.7; margin-top: -12px; background: url('/assets/i/arrows_to.png') no-repeat 0px 0px; }
.swiper-button-next { background-position: -25px 0px; }
.service_block {
width: 750px;
margin: 0 auto;
margin-top: 20px;
}
.service_block .swiper-wrapper {
display:block;
}
.service_block .swiper-slide {
width: 48%;
margin: 1%;
float:left;
}
/* END header */
/* GOOD */
.good_zag { text-align: center; padding-bottom: 40px; color: #01447b; font-size: 26px; line-height: 1.4; font-weight: 500; text-transform: uppercase; }
.good_all { position: relative; text-align: center; padding-bottom: 15px; }
.good_one { display: inline-block; width: 46%; vertical-align: top; min-height: 85px; margin-bottom: 45px; text-align: left; padding-left: 100px; font-size: 14px; line-height: 1.4; font-weight: 300; background-repeat: no-repeat; background-position: 0px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.good_name { display: block; color: #01447b; font-size: 18px; margin-bottom: 5px; font-weight: 400; }
.good_one strong { font-weight: 400; color: #576a73; }
.good_one:nth-child(even) { margin-left: 8%; }
.go_serv_red { text-align: center; padding-bottom: 25px; }
.go_serv_red a { display: inline-block; border: 3px solid #d22c38; height: 38px; line-height: 38px; padding: 0px 20px 0px 45px; color: #d22c38; font-size: 16px; font-weight: 500; text-transform: uppercase; background: #fff url('/assets/i/ico_go_serv_red.png') 15px 50% no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.go_serv_red a:hover { opacity: 1; color: #fff; background: #d22c38 url('/assets/i/ico_go_serv.png') 15px 50% no-repeat; }
/* END good */
/* PARALLAXATOR */
.parallaxator { overflow: hidden; position: relative; height: 1550px; background-color: #fff; margin-bottom: 50px; }
.parallaxator .parallax_child { position: absolute; top: 0; width: 100%;height: 1000px; }
.seo_shadow { position: relative; height: 1550px; overflow: hidden; background: rgba(0, 0, 0, 0.3); }
.texta_all { position: relative; height: 1500px; overflow: hidden; margin: 0; }
.texta_slide { position: relative; width: 100%; height: 1400px; }
.texta_one { width: 770px; padding: 30px 30px 40px 40px; margin: 80px auto 0px auto; background: rgba(255, 255, 255, 0.9); }
.texta_txt { display: inline-block; vertical-align: top; height: 1430px; /*width: 480px;*/ overflow: hidden; }
.texta_img { display: inline-block; vertical-align: top; height: 330px; width: 260px; margin-left: 30px; background-repeat: no-repeat; background-position: 50% 50%; }
.texta_txt h2 { font-size: 24px; color: #01447b; font-weight: 500; padding-bottom: 20px; }
.texta_txt p, .texta_txt li { color: #45535a; }
.texta_big { font-size: 16px; color: #1f1f1f; line-height: 1.4; padding-bottom: 15px; font-weight: 400; }
.texta_link a { display: inline-block; border: 1px solid #01447b; height: 30px; line-height: 28px; padding: 0px 30px 0px 15px; opacity: 0.8; color: #fff; font-size: 13px; font-weight: 400; background: #01447b url('/assets/i/ico_str.png') no-repeat 88% 46%; }
.texta_link a:hover { opacity: 0.9; background-position: 90% 46%; }
/* END parallaxator */
/* MAP */
.map_max { max-width: 1280px; margin: 0px auto 50px auto; text-align: center; }
.map_map { height: 600px; background: #ccc; position: relative; }
.map_instance { height: 100%; position: absolute; left: 0; top: 0; width: 50%; }
.map_half { display: inline-block; position: relative; width: 50%; vertical-align: top; }
.map_half_white { height: 100%; background-color: #f2f6f9; }
.map_zag { padding: 70px 0px 20px 0px; font-size: 28px; color: #01447b; font-weight: 500; text-transform: uppercase; }
.map_max_w { max-width: 600px; margin: 0px auto; }
.map_adr { padding-bottom: 40px; font-size: 16px; color: #63767f; line-height: 1.4; font-weight: 300; }
.map_adr strong { color: #63767f; font-size: 22px; font-weight: 500; }
.map_phone { padding-bottom: 15px; }
.map_phone a { font-size: 28px; color: #63767f; line-height: 1.4; font-weight: 500; }
.map_phone a strong { color: #63767f; font-weight: 500; }
.map_email { padding-bottom: 100px; }
.map_email a { font-size: 16px; font-weight: 400; text-decoration: none; }
.map_logos { position: relative; text-align: center; }
.map_logos a { display: inline-block; vertical-align: top; margin: 0px 16px 25px 16px; }
/* END map */
/* BLOG */
.home_blog_padd { padding: 40px 0px 20px 0px; }
.blog_all { position: relative; text-align: center; }
.blog_zag { font-size: 28px; color: #01447b; font-weight: 500; text-transform: uppercase; text-align: center; padding-bottom: 20px; }
.blog_all_inside { position: relative; text-align: center; margin: 0px -10px; }
.blog_one { display: inline-block; position: relative; vertical-align: top; width: 25%; padding: 0px 10px 25px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.blog_one a { display: block; background-color: #fff; text-decoration: none; border: 1px solid #d0e9f6; padding: 9px; }
.blog_one a span.blog_one_img { display: block; width: 100%; height: auto; overflow: hidden; background: #01447b; }
.blog_one a span.blog_one_img img { opacity: 0.8; position: relative; display: block; width: 100%; height: auto; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.1); transform: scale(1.1); }
.blog_one a span.blog_one_date { display: block; height: 30px; line-height: 30px; font-size: 11px; color: #78909c; text-transform: uppercase; }
.blog_one a strong { display: block; height: 50px; font-size: 14px; font-weight: 400; color: #6286a4; margin-bottom: 10px; line-height: 25px; overflow: hidden; }
.blog_one a:hover { opacity: 1; border: 1px solid #afc5d7; }
.blog_one a:hover strong { color: #01447b; }
.blog_one a:hover span.blog_one_img img { -webkit-transform: scale(1); transform: scale(1); }
.blog_all .slick-prev, .blog_all .slick-next { height: 28px; width: 28px; top: -26px; left: auto; right: 10px; border: 1px solid #afc5d7; background: url('/assets/i/arrows_blog.png') no-repeat 0px 0px; }
.blog_all .slick-prev { right: 50px; }
.blog_all .slick-next { background-position: -28px 0px; }
.blog_all .slick-prev:hover, .blog_all .slick-next:hover { opacity: 1; border: 1px solid #4581b1; }
.blog_all .slick-disabled, .blog_all .slick-disabled:hover { opacity: 0.4; border: 1px solid #afc5d7; }
/* END blog */
/* SPEC */
.spec_bg { background-color: #f2f6f9; padding: 25px 10px 20px 10px; margin-top: -10px; }
.spec_zag { color: #01447b; font-size: 24px; line-height: 1.4; font-weight: 500; text-transform: uppercase; text-align: center; padding: 0px 10px 30px 10px; }
.spec_one { border: 1px solid #d0e9f6; padding: 19px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; }
.spec_1 { display: inline-block; vertical-align: top; width: 30%; }
.spec_2 { display: inline-block; vertical-align: top; width: 50%; }
.spec_3 { display: inline-block; vertical-align: middle; width: 20%; text-align: center; }
.spec_1 a { display: block; background-color: #01447b; overflow: hidden; }
.spec_1 a:hover { opacity: 1; }
.spec_1 a img { opacity: 0.8; display: block; width: 100%; height: auto; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; -webkit-transform: scale(1.1); transform: scale(1.1); }
.spec_a { padding: 0px 15px 15px 20px; }
.spec_a a { font-weight: 400; color: #6286a4; font-size: 16px; line-height: 1.4; text-decoration: none; }
.spec_txt { padding: 0px 15px 0px 20px; font-size: 13px; line-height: 1.4; }
.spec_price { font-weight: 500; color: #01447b; font-size: 12px; line-height: 32px; padding-top: 40px; border-left: 1px solid #d0e9f6; min-height: 118px; }
.spec_price strong { font-weight: 500; font-size: 24px; }
.spec_one:hover { border: 1px solid #afc5d7; }
.spec_one:hover .spec_a a { opacity: 1; color: #01447b; }
.spec_one:hover .spec_1 a img { -webkit-transform: scale(1); transform: scale(1); }
/* END spec */
/* INSIDE */
.normal_maxi { position: relative; }
.maxi_one { position: relative; display: inline-block; vertical-align: top; width: 50%; padding: 0px 20px 20px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.maxi_one:nth-child(even) { padding: 0px 0px 20px 20px; }
.maxi_one_img { position: relative; margin-bottom: 15px; }
.maxi_one_img img { display: block; width: 100%; height: auto; }
.maxi_one_img a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: #01447b url('/assets/i/zoom.png') no-repeat 50% 60%; }
.maxi_one_img a:hover { opacity: 0.3; background-position: 50% 50%; }
.where { margin-top: -10px; padding: 0px 10px 15px 10px; color: #78909c; font-size: 13px; line-height: 1.4; }
.where a { color: #78909c; font-size: 13px; text-decoration: none; }
.where a:hover { opacity: 1; color: #01447b; }
.see_link { padding-top: 10px; }
.see_link a { display: inline-block; height: 50px; padding: 0px 25px; line-height: 48px; text-align: center; color: #fff; font-size: 16px; font-weight: 300; text-decoration: none; background-color: #01447b; border: 2px solid #01447b; }
.see_link a:hover { background: none; color: #01447b; opacity: 1; }
/* END inside */
/* CARS */
#cars_rez { min-height: 100px; }
.cars_v_zag { text-align: center; padding: 0px 10px 20px 10px; color: #01447b; font-size: 28px; line-height: 1.4; font-weight: 300; }
.cars_v_zag strong { font-weight: 500; }
.cars_v_bg { position: relative; padding-top: 25px; margin-bottom: 30px; text-align: center; background-color: #f2f6f9; }
.cars_v { display: inline-block; vertical-align: top; margin: 0px 10px 25px 10px; padding: 10px 20px; border-bottom: 1px solid transparent; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.cars_v:hover { border-bottom: 1px solid #afc5d7; }
.cars_v.cars_v_cur { border-bottom: 1px solid #afc5d7; background-color: #fff; }
.cars_v_name { text-align: center; padding: 0px 10px 5px 10px; color: #01447b; font-size: 20px; line-height: 1.4; font-weight: 300; }
.cars_v_name strong { font-weight: 500; }
.cars_v_slog { text-align: center; padding: 0px 10px 15px 10px; color: #78909c; font-size: 14px; line-height: 1.4; font-weight: 300; }
.cars_tip_all { text-align: center; padding-bottom: 25px; }
.cars_tip { display: inline-block; vertical-align: top; height: 30px; line-height: 29px; padding: 0px 25px; text-align: center; min-width: 40px; font-size: 13px; color: #01447b; font-weight: 300; border: 1px solid #afc5d7; cursor: pointer; }
.cars_tip:first-child { -webkit-border-radius: 16px 0px 0px 16px; -moz-border-radius: 16px 0px 0px 16px; border-radius: 16px 0px 0px 16px; }
.cars_tip:last-child { -webkit-border-radius: 0px 16px 16px 0px; -moz-border-radius: 0px 16px 16px 0px; border-radius: 0px 16px 16px 0px; }
.cars_tip:nth-child(even) { border-left: none; border-right: none; }
.cars_tip.cars_tip_cur { background-color: #afc5d7; color: #fff; }
.cars_max { max-width: 1280px; margin: 0px auto; text-align: center; }
.cars_one { display: inline-block; position: relative; width: 170px; margin: 0px 4px 20px 4px; text-align: center; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.cars_one a img { display: block; margin: 2px auto 7px auto; }
.cars_one a img.ico_star { position: absolute; margin: 23px 0px 0px -16px; left: 50%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.cars_one a span { color: #01447b; font-weight: 500; display: block; height: 34px; line-height: 32px; white-space: nowrap; font-size: 14px; }
.cars_ul_line { height: 2px; margin: 0px 15px; margin-bottom: 2px; }
.cars_one:hover * { opacity: 1; }
.cars_one:hover a span { color: #01447b; text-decoration: none; }
.cars_one:hover .cars_ul_line { background-color: #afc5d7; }
.cars_one:hover { background-color: #fff; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; border-top: 1px solid #afc5d7; border-left: 1px solid #afc5d7; border-right: 1px solid #afc5d7; }
.cars_one:hover a img.ico_star { -webkit-transform: scale(0.75); transform: scale(0.75); }
.cars_a_niz { display: none; width: 170px; border-bottom: 1px solid #afc5d7; border-left: 1px solid #afc5d7; border-right: 1px solid #afc5d7; background-color: #fff; margin-left: -1px; padding: 0px 0px 5px 0px;
-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
}
.cars_one ul { display: none; width: 170px; border-bottom: 1px solid #afc5d7; border-left: 1px solid #afc5d7; border-right: 1px solid #afc5d7; background-color: #fff; margin-left: -1px; padding: 5px 0px 10px 0px;
-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
}
.cars_one:hover ul { display: block; position: absolute; z-index: 1; }
.cars_one:hover .cars_a_niz { display: block; position: absolute; z-index: 1; }
.cars_one ul li { padding: 4px 1px; margin: 0px; text-align: center; background: none; }
.cars_one ul li a { font-size: 13px; color: #0e203c; text-decoration: none; line-height: 1.2; }
.cars_one ul li a:hover { color: #3a3a3a; text-decoration: underline; }
.cars_one_hide { display: none; }
.cars_bg { position: relative; margin-top: -10px; background-repeat: no-repeat; background-position: 100% 0px; }
.cars_bg_shadow { height: 250px; padding-left: 20px; background: rgba(1, 68, 123, 0.4); }
.cars_back { padding: 20px 0px 30px 0px; }
.cars_back a { display: inline-block; vertical-align: top; height: 30px; line-height: 30px; padding: 0px 15px 0px 25px; margin-left: 10px; border: 1px solid #fff; color: #fff; font-size: 13px; font-weight: 300; background: url('/assets/i/ico_back_w.png') no-repeat 10px 50%; }
.cars_back a:hover { opacity: 1; background-position: 8px 50%; }
.cars_back a:first-child { margin-left: 0px; }
.cars_bg_zag { color: #fff; font-size: 22px; line-height: 1.4; padding-bottom: 15px; font-weight: 300; }
.cars_bg_zag strong { font-size: 26px; font-weight: 500; }
.cars_bg_txt { color: #fff; font-size: 14px; line-height: 1.4; max-width: 500px; }
.auto_h1 { font-size: 26px; font-weight: 300; text-align: center; }
.auto_h1 strong { font-size: 26px; font-weight: 400; }
.auto_h1_left { text-align: left; }
.kuda_bg { position: relative; margin-bottom: 30px; text-align: center; }
.kuda_v { display: inline-block; vertical-align: top; opacity: 0.8; font-size: 15px; font-weight: 400; color: #01447b; background-color: #f2f6f9; width: 160px; margin-left: 20px; text-transform: uppercase; padding: 10px 0px; border-bottom: 1px solid transparent; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.kuda_v:first-child { margin-left: 0px; }
.kuda_v img { display: block; margin: 0px auto 15px auto; }
.kuda_v:hover { border-bottom: 1px solid #afc5d7; opacity: 1; }
.kuda_v.kuda_cur { background-color: #dfeaf2; opacity: 1; }
/* END cars */
/* AUTOPATS */
.cont_1 { float: left; width: 27%; padding-right: 3%; }
.cont_2 { float: left; width: 69%; }
ul.auto_ul { padding: 10px 0px 15px 0px; }
ul.auto_ul li { padding: 3px 0px 5px 40px; margin-bottom: 15px; line-height: 22px; background: url('/assets/i/auto_li.png') no-repeat 0px 0px; background-size: 30px 30px; }
ul.auto_ul li a { color: #347ba6; font-size: 15px; text-decoration: none; font-weight: 300; }
ul.auto_ul li a:hover { opacity: 1; color: #01447b; }
.auto_back { }
.auto_back a { display: block; height: 44px; line-height: 44px; font-size: 14px; color: #fff; text-decoration: none; padding-left: 30px; background: #afc5d7 url('/assets/i/ico_back_w.png') no-repeat 15px 50%; }
.auto_back a:hover { opacity: 1; background-position: 10px 50%; }
.auto_img { position: relative; background-color: #f2f6f9; }
.auto_img a { display: block; border-bottom: 2px solid #afc5d7; margin: 0px 5%; padding: 10px 0px; text-decoration: none; }
.auto_img a:hover { opacity: 1; }
.auto_img a img { display: block; margin: 0px auto 15px auto; }
.auto_img a strong { display: block; text-align: center; font-size: 14px; color: #0e203c; font-weight: 500; line-height: 1.4; }
ul.auto_menu { padding: 15px 10px 15px 15px; background-color: #f2f6f9; margin-bottom: 25px; }
ul.auto_menu li { padding: 2px 0px 2px 0px; margin-bottom: 5px; background: none; }
ul.auto_menu li a { font-size: 14px; color: #63767f; font-weight: 500; text-decoration: none; }
ul.auto_menu li a:hover { color: #0e203c; }
ul.auto_menu li a.cur { color: #0e203c; }
ul.auto_menu li ul { padding: 10px 0px 0px 0px; margin: 0px; background: none; }
ul.auto_menu li ul li { padding: 2px 0px 2px 16px; margin: 0px 0px 3px 0px; background: url('/assets/i/auto_menu_li_li.png') no-repeat 0px 12px; }
ul.auto_menu li ul li a { font-weight: 400; font-size: 13px; }
.auto_banners a { display: inline-block; }
.auto_banners img { display: block; margin-bottom: 20px; }
.auto_banners a:hover img { opacity: 0.7; }
.sort_bg { height: 50px; margin-bottom: 20px; background-color: #f2f6f9; line-height: 50px; padding-left: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sort_bg span { display: inline-block; vertical-align: top; font-size: 13px; color: #78909c; }
.sort_bg strong { display: inline-block; vertical-align: top; font-size: 14px; color: #78909c; margin-left: 15px; cursor: pointer; font-weight: 300; }
.sort_bg strong:hover { color: #01447b; }
.sort_bg strong.cur { color: #f13241; font-weight: 400; }
.tovar_one .iwix_red { position: absolute; z-index: 4; right: 5px; top: 5px; display: block; width: 29px; height: 29px; text-decoration: none; background: url('/assets/i/iwix_red.png') no-repeat top left; }
.iwix_red_card { position: absolute; z-index: 4; display: block; width: 29px; height: 29px; right: 0px; text-decoration: none; background: url('/assets/i/iwix_red.png') no-repeat top left; }
.tovar_one { border-bottom: 1px solid #d0d6d7; padding-bottom: 20px; margin-bottom: 20px; }
.tovar_one:last-child { border-bottom: none; }
.tovar_1 { position: relative; float: left; width: 23%; margin-right: 4%; }
.tovar_2 { position: relative; float: left; width: 73%; }
.tovar_1 img { display: block; width: 100%; height: auto; max-width: 200px; }
.tovar_1 a:hover img { opacity: 0.8; }
.tovar_link { padding-bottom: 10px; }
.tovar_link a { font-size: 16px; font-weight: 300; text-decoration: none; line-height: 1.4; }
.tovar_link a:hover { text-decoration: underline; }
.tovar_sm { padding-bottom: 7px; font-size: 13px; }
.tovar_sm strong { font-weight: 400; }
.tovar_txt { padding-top: 10px; }
.tovar_txt p { color: #63767f; font-size: 13px; line-height: 20px; margin-bottom: 16px; }
.tovar_price { height: 30px; line-height: 30px; text-align: right; font-size: 14px; color: #a1adb0; font-weight: 300; }
.tovar_price strong { display: inline-block; vertical-align: top; font-size: 22px; color: #0e203c; line-height: 26px; }
.tovar_price span.tovar_buy, .sop_price span.sop_buy { display: inline-block; vertical-align: top; height: 30px; width: 30px; margin-left: 10px; opacity: 0.7; background: #01447b url(/assets/i/ico_cart_w.png) no-repeat 50% 50%; /*background: #ccc url('/assets/i/ico_cart_w.png') no-repeat 50% 50%;*/ background-size: 18px 15px; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; }
.tovar_price span.tovar_buy:hover, .sop_price span.sop_buy:hover { opacity: 1; cursor: pointer; }
.tovar_price span.tovar_buy.added, .sop_price span.sop_buy.added { opacity: 1; background-color: #4ab0ee; }
.tovar_price span.tovar_buy { margin-right: 10px; }
.tovar_price_card { text-align: left; }
.card_1 { position: relative; float: left; width: 35%; }
.card_2 { position: relative; float: left; width: 61%; margin-left: 4%; }
.card_full { position: relative; }
.card_pusto { height: 30px; }
h1.card_h1 { font-size: 20px; font-weight: 400; line-height: 1.4; }
.card_img { position: relative; margin-bottom: 10px; }
.card_img a img { display: block; width: 100%; height: auto; max-height: 400px; }
.card_img a:hover { opacity: 0.7; }
.card_har_zag { font-size: 12px; color: #0e203c; padding-bottom: 5px; font-weight: 400; }
.card_har { font-size: 13px; color: #0e203c; padding-bottom: 15px; line-height: 1.4; }
.card_har a { text-decoration: none; }
.card_har a:hover { opacity: 0.7; }
.card_txt p { font-size: 13px; line-height: 20px; margin-bottom: 16px; color: #63767f; }
ul.card_gde { display: inline-block; padding: 0px; margin: 0px; }
ul.card_gde li { position: relative; padding: 5px 10px; background: none; line-height: 16px; }
ul.card_gde li:nth-child(2n) { background-color: #f7f7f7; }
ul.card_gde li a { color: #777; font-size: 12px; font-weight: 400; font-weight: 300; text-decoration: none; }
ul.card_gde li a strong { font-weight: 400; text-decoration: underline; }
ul.card_gde li a strong:hover { color: #0e203c; }
.sop_zag_a { padding-bottom: 10px; font-size: 16px; color: #01447b; padding-left: 10px; font-weight: 400; }
.sop_zag { padding-left: 15px; height: 40px; line-height: 40px; margin-top: 10px; font-size: 15px; font-weight: 400; color: #0e203c; background-color: #afc5d7; }
.sop_all { position: relative; padding-top: 20px; border-top: 1px solid #afc5d7; border-bottom: 1px solid #afc5d7; background-color: #fdfdfd; margin-bottom: 20px; }
.sop_one { position: relative; display: inline-block; vertical-align: top; width: 23%; margin: 0px 1% 20px 1%; text-align: center; }
.sop_one a { text-decoration: none; }
.sop_one a span { display: block; margin: 0px auto 0px auto; width: 130px; height: 130px; overflow: hidden; border: 1px solid #d0e9f6; line-height: 130px; vertical-align:middle; display: table-cell; }
.sop_one a img { display: block; vertical-align: middle; width: 100%; }
.sop_one a strong { display: block; padding-top: 7px; padding-bottom: 7px; font-size: 12px; text-decoration: none; line-height: 16px; font-weight: 300; }
.sop_one a:hover { opacity: 0.8; }
.sop_price { font-size: 13px; color: #a1adb0; font-weight: 300; }
.sop_price strong { color: #0e203c; font-weight: 500; }
.sop_all .slick-prev, .sop_all .slick-next { height: 28px; width: 28px; top: -15px; left: auto; right: 10px; border: 1px solid #fff; opacity: 1; background: url('/assets/i/arrows_blog_w.png') no-repeat 0px 0px; }
.sop_all .slick-prev { right: 50px; }
.sop_all .slick-next { background-position: -28px 0px; }
.sop_all .slick-prev:hover, .sop_all .slick-next:hover { background-color: #8ea8bd; }
.sop_1, .sop_2 { display: inline-block; vertical-align: top; }
.sop_1 { width: 345px; }
.sop_2 { width: 135px; }
.sop_price { height: 32px; line-height: 32px; text-align: right; font-size: 11px; color: #a1adb0; font-weight: 300; }
.sop_price strong { font-size: 16px; color: #0e203c; }
.sop_for_list { text-align: right; padding-top: 5px; }
.sop_for_more { text-align: right; }
.sop_for_more a { font-size: 12px; }
/* END autopats */
/* NA REMONT */
.zay_serr { background-color: #f2f6f9; padding: 25px 0px 40px 0px; }
.zay_form { width: 440px; position: relative; background-color: #fff; padding: 20px 30px; margin-left: 20px; border-top: 1px solid #01447b; border-bottom: 1px solid #01447b; }
.zay_zag { color: #01447b; font-size: 18px; padding-bottom: 15px; font-weight: 500; }
.zay_form_bg { background-repeat: no-repeat; background-position: 95% 100%; }
.zay_t1 { float: left; width: 30%; font-size: 13px; color: #898989; line-height: 30px; margin-bottom: 10px; font-weight: 300; }
.zay_t2 { float: left; width: 70%; margin-bottom: 10px; }
.zay_t1 span { color: #f13241; }
.zay--inp, .zay--text, .zay_select { font-size: 13px; color: #202020; font-family: 'Roboto', sans-serif !important; height: 32px; padding-left: 5px; padding-right: 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; border: 1px solid #dadada; }
.zay--text { resize:none; line-height: auto; height: 80px; padding-top: 3px; padding-bottom: 3px; }
.zay--inp:focus,.zay--text:focus { background-color: #f8f8f8; }
.zay_submit { border: none; background-color: #01447b; height: 36px; width: 150px; text-align: center; line-height: 30px; color: #fff; font-size: 14px; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;margin-top:20px;}
.zay_submit:hover { cursor: pointer; opacity: 0.8; }
.zay-calendar { background: url('/assets/i/calendar.png') no-repeat 90px 50%; }
.zay_ok { min-height: 360px; text-align: center; }
.zay_ok p { font-size: 14px; }
.zay_sogl { color: #777; font-size: 12px; }
.zay_sogl a { font-size: 13px; }
/* END na remont */
/* RAZDEL */
.razdel_size { position: relative; max-width: 1100px; margin: 0px auto; }
.razdel_bg { padding: 10px 0px 5px 0px; background-color: #f2f6f9; }
.razdel_max { max-width: 1280px; margin: 0px auto; text-align: center; }
.razdel_max a { position: relative; display: inline-block; vertical-align: top; width: 240px; margin: 0px 5px 10px 5px; padding: 10px 0px; border-bottom: 1px solid transparent; min-height: 32px; text-decoration: none; text-align: left; }
.razdel_max a img { position: absolute; margin: 0px 0px 0px 8px; opacity: 0.5; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.razdel_max a strong { display: block; padding: 0px 2px 1px 50px; font-size: 13px; color: #4d5b64; line-height: 18px; font-weight: 400; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; }
.razdel_max a span { padding-left: 50px; font-size: 11px; color: #78909c; }
.razdel_max a:hover { opacity: 1; border-bottom: 1px solid #afc5d7; }
.razdel_max a:hover strong { color: #01447b; }
.razdel_max a:hover img { opacity: 1; }
.razdel_max a.cur { background-color: #fff; border-bottom: 1px solid #afc5d7; }
.razdel_need_padd { height: 20px; }
.razdel_back { display: none; padding: 10px 0px 10px 10px; }
.razdel_all { position: relative; margin: 0 auto; max-width: 1280px; text-align: center; }
.razdel_all a { position: relative; display: inline-block; vertical-align: top; width: 300px; height: 300px; margin: 0px 10px 20px 10px; text-decoration: none; overflow: hidden; background-color: #01447b; }
.razdel_all a img { opacity: 0.6; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); }
.razdel_all a:hover { opacity: 1; }
.razdel_all a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 4s, -webkit-transform 4s; transition: opacity 4s, transform 4s; }
.razdel_all a span { position: absolute; display: block; top: 25px; left: 25px; width: 260px; color: #ddd; font-size: 14px; text-align: left; }
.razdel_all a span strong { display: block; font-weight: 500; color: #fff; font-size: 26px; padding-bottom: 15px; line-height: 32px; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; }
.razdel_all a:hover span strong { color: #4ab0ee; }
.sposob_dop { margin-bottom: 10px; text-align: center; }
.sposob_zag_dop { padding: 10px 15px 15px 15px; font-size: 18px; color: #0e203c; font-weight: 400; line-height: 30px; }
.sposob_ramm { border: 3px solid #dbf1fc; margin-bottom: 30px; text-align: center; }
.sposob_zag { padding: 15px 0px 20px 0px; font-size: 24px; color: #01447b; font-weight: 400; line-height: 1.4; }
.sposob_1, .sposob_2 { width: 280px; padding-top: 10px; text-align: center; font-size: 13px; font-weight: 300; line-height: 28px; display: inline-block; vertical-align: top; margin: 0px 6px 30px 6px; }
.sposob_1 { height: 70px; color: #fff; background-color: #4ab0ee; }
.sposob_2 { height: 68px; border: 1px solid #d8d8d8; color: #78909c; }
.sposob_1 strong { display: block; font-size: 20px; font-weight: 500; }
.sposob_1:hover { opacity: 1; background-color: #347ba6; }
.sposob_2 a { display: block; font-size: 20px; font-weight: 500; color: #01447b; text-decoration: none; }
/* END razdel */
/* TABLE */
.tab_tab { position: relative; width: 100%; background-color: #fff; margin-bottom: 30px; border-left: 1px solid #dbd8d8; border-right: 1px solid #dbd8d8; border-bottom: 1px solid #dbd8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tab_th_bg, .tab_th_bg_rad { background-color: #f2f6f9; }
.tab_th, .tab_th_rad { position: relative; display: inline-block; padding: 10px 2px; vertical-align: top; color: #63767f; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 30px; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tab_th_1 { width: 44%; border-right: 1px solid #dbd8d8; }
.tab_th_2 { width: 13%; border-right: 1px solid #dbd8d8; }
.tab_th_3 { width: 21%; border-right: 1px solid #dbd8d8; }
.tab_th_4 { width: 22%; }
.tab_all { text-align: center; padding: 10px 5px; background-color: #f3f3f3; line-height: 36px; -webkit-box-shadow: inset 0px 3px 5px #ccc; -moz-box-shadow: inset 0px 3px 5px #ccc; box-shadow: inset 0px 3px 5px #ccc; }
.tab_all span { color: #63767f; font-size: 13px; font-weight: 500; text-transform: uppercase; }
.tab_td_bg { display: table; width: 100%; }
.tab_tab .tab_td_bg:nth-child(2n) { background-color: #f7f7f7; }
.tab_td, .tab_td_rad { position: relative; display: table-cell; padding: 9px 5px; vertical-align: middle; color: #828282; font-size: 13px; text-align: left; line-height: 1.4;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.tab_td_1 { width: 44%; border-right: 1px solid #dbd8d8; }
.tab_td_2 { width: 13%; border-right: 1px solid #dbd8d8; text-align: center; font-size: 12px; }
.tab_td_3 { width: 21%; border-right: 1px solid #dbd8d8; font-size: 12px; line-height: 1.4; text-align: center; }
.tab_td_4 { width: 22%; text-align: center; }
.add_fot { float: right; margin-left: 7px; }
.add_fot img { display: block; width: 24px; height: auto; margin-top: -3px; }
.fot_sm img { width: 20px; }
.add_fot:hover { opacity: 0.7; }
.tab_td_2 strong { color: #0e203c; font-size: 14px; font-weight: 500; }
.tab_name_padd { margin-left: 5px; }
.tab_small { font-size: 11px; line-height: 1.4; color: #999; }
.tab_td_4 a { display: block; color: #477398; font-size: 12px; }
.tab_td_4 a:hover { color: #0e203c; }
.tab_td_4 span { font-size: 11px; display: block; }
.tab_a { padding-left: 5px; }
.tab_a a { color: #333; font-size: 13px; }
.tab_a a:hover { opacity: 1; color: #01447b; text-decoration: underline; }
.tab_tt_zag { color: #333; font-weight: 500; font-size: 13px; }
.tab_tt { padding-left: 5px; }
.tab_tt { color: #333; font-size: 13px; }
.tab_ico_1, .tab_ico_2 { display: inline-block; height: 20px; line-height: 20px; padding: 0px 10px; margin-left: 5px; margin-bottom: 2px; color: #fff; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tab_ico_1 { background-color: #f13241; }
.tab_ico_2 { background-color: #4ab0ee; }
.tab_besp { display: inline-block; height: 22px; line-height: 22px; text-align: center; margin: 0px auto; padding: 0px 10px; font-size: 12px; color: #161616; background-color: #fed130; letter-spacing: 1px; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tab_skidka { color: #f13241; font-size: 12px; }
.tab_skidka strong { color: #f13241; font-size: 12px; }
.tab_skidka span { text-decoration: line-through; }
.tab_old { color: #777; font-size: 11px; text-decoration: line-through; }
.tab_old strong { color: #222; font-size: 12px; font-weight: 400; }
.tab_cart_padd { position: relative; padding-left: 30px; }
.tab_addcart { position: absolute; width: 28px; height: 28px; left: 4px; top: 5px; cursor: pointer; z-index: 5; opacity: 0.7; background: #01447b url(/assets/i/ico_cart_w.png) no-repeat 50% 50%; /*background: #ccc url('/assets/i/ico_cart_w.png') no-repeat 50% 50%;*/ background-size: 18px 15px; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; }
.tab_addcart:hover { opacity: 1; }
.tab_addcart.added { background-color: #5c738a; }
.ff_filtr_center { text-align: center; }
.ff_filtr { display: inline-block; position: relative; padding: 0px 10px 10px 10px; }
.ff_bl { position: relative; width: 260px; display: inline-block; vertical-align: top; text-align: left; margin: 0px 15px 20px 15px; }
.ff_bl span { display: block; font-size: 14px; color: #aeaeae; font-weight: 400; margin-bottom: 10px; }
.ff_bl span.cur { color: #4ab0ee; }
.ff_filtr .fancy-select{ line-height: 100%; height: 40px; }
.ff_filtr .fancy-select select:focus + div.trigger{ border: 1px solid #4ab0ee; -webkit-box-shadow:none; box-shadow:none; }
.ff_filtr .fancy-select .trigger { width: 240px; height:40px; line-height: 40px; padding: 0px 10px 0px 10px; background: #fff; border: 1px solid #4ab0ee; -webkit-box-shadow: none; box-shadow: none; font-family: 'Roboto' !important; font-size: 14px; color: #1f1f1f; font-weight: 400; text-transform: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.ff_filtr .fancy-select .trigger.open { background: #fff; }
.ff_filtr .fancy-select .trigger:after { border: 7px solid transparent; border-top-color: #f13241; top: 50%; margin-top:-2px; right: 12px; }
.ff_filtr .fancy-select .options { min-width: 260px; z-index: 1000; background: #fff; -webkit-box-shadow:0 0 2px rgba(0,0,0,0.5); box-shadow:0 0 2px rgba(0,0,0,0.5); border: none !important; color: #1f1f1f; font-size: 14px; font-family: 'Roboto' !important; font-weight: 300; text-transform: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.ff_filtr .fancy-select .options li { padding-right: 20px; padding-left: 10px; color: #1f1f1f; }
.ff_filtr .fancy-select .options li:hover { background: #f2f6f9; }
.ff_filtr .fancy-select .options li.selected { background: #4ab0ee; }
.ff_filtr .fancy-select .options li.selected:hover { color: #fff; }
.ff_filtr .fancy-select .options li:hover { color: #333; }
.ff_itog_center { text-align: center; border-bottom: 2px solid #4ab0ee; margin-bottom: 30px; }
.ff_itog_one { display: inline-block; vertical-align: top; height: 60px; padding-left: 60px; text-align: left; margin: 0px 5px 20px 5px; }
.ff_plus { margin: 0px; background: url('/assets/i/ff_plus.png') no-repeat 50% 25px; }
.ff_ravno { margin: 0px; background: url('/assets/i/ff_ravno.png') no-repeat 50% 30px; }
.ff_summa { padding-left: 0px; line-height: 60px; color: #0e203c; font-size: 12px; }
.ff_summa strong { color: #0e203c; font-size: 32px; font-weight: bold; }
.ff_itog_zag { color: #0e203c; font-size: 14px; font-weight: 500; line-height: 20px; padding: 10px 0px 2px 0px; }
.ff_itog_cena { color: #0e203c; font-size: 12px; }
.ff_itog_cena strong { color: #4ab0ee; font-size: 22px; font-weight: 700; }
.ff_order { display: inline-block; vertical-align: top; text-align: left; margin: 0px 15px 20px 15px; background: #f13241 url('/assets/i/site_2/header_order.png') repeat-x 50% 50%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.ff_order a { display: block; height: 50px; padding-left: 70px; padding-top: 10px; padding-right: 20px; background: url('/assets/i/ico_order.png') no-repeat 15px 50%; color: #fff; text-decoration: none; font-size: 15px; line-height: 18px; }
.ff_order a strong { display: block; font-weight: 500; }
.ff_order a:hover { background: url('/assets/i/ico_order_ok.png') no-repeat 15px 50%; }
/* END table */
/* GALLERY */
.gall_bg { padding: 30px 0px; background-color: #aab6bc; }
.gall_zag { color: #fff; font-size: 22px; line-height: 30px; font-weight: 300; text-align: center; padding: 0px 10px 30px 10px; }
.gall_zag strong { font-weight: 500; }
.gall_padd { text-align: center; max-width: 960px; margin: 0px auto; }
.gall_one { display: inline-block; width: 290px; height: 290px; position: relative; margin: 0px 15px 20px 15px; text-align: left; }
.gall_one span { display: block; position: relative; width: 290px; height: 290px; overflow: hidden; margin: 0px auto; }
.gall_one span img { width: 100%; height: 100%; -webkit-transition: opacity 2.35s, -webkit-transform 2.35s; transition: opacity 2.35s, transform 2.35s; -webkit-transform: scale(1.15); transform: scale(1.15); }
.gall_one a { display: block; position: absolute; width: 290px; height: 290px; top: 0; left: 0; background: rgba(1, 68, 123, 0.5); }
.gall_one a strong { position: absolute; bottom: 50px; left: 10px; right: 10px; color: #fff; font-size: 16px; font-weight: 400; line-height: 1.4; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.gall_one a i { position: absolute; font-style: normal; text-transform: uppercase; bottom: 15px; left: 10px; color: #78909c; font-size: 10px; font-weight: 500; line-height: 20px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.gall_one a:hover { opacity: 1; }
.gall_one:hover span img { -webkit-transform: scale(1); transform: scale(1); }
.gall_one a:hover strong { bottom: 70px; }
.gall_one a:hover i { bottom: 25px; }
.gall_padd .slick-prev, .gall_padd .slick-next { height: 60px; width: 60px; top: 50%; margin-top: -30px; }
.gall_padd .slick-prev { left: 0%; margin-left: -65px; background: #01447b url('/assets/i/arr_l.png') no-repeat 45% 50%; }
.gall_padd .slick-next { right: 0%; margin-right: -65px; background: #01447b url('/assets/i/arr_r.png') no-repeat 55% 50%; }
.gall_padd .slick-prev:hover, .gall_padd .slick-next:hover { }
.foto_all { position: relative; text-align: center; }
.foto_one { position: relative; display: inline-block; vertical-align: top; width: 30%; margin: 0px 1.6% 30px 1.6%; }
.foto_one img { display: block; width: 100%; height: auto; }
.foto_one a { top: 0; left: 0px; opacity: 0; position: absolute; width: 100%; height: 100%; background: #01447b url('/assets/i/zoom.png') no-repeat 50% 50%; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.foto_one a:hover { opacity:.6; }
/* END gallery */
/* FOOTER */
.footer_min { height: 100px; clear: both; }
.footer { height: 80px; padding-top: 20px; background: #0e203c url('/assets/i/foot_bg.png') no-repeat center bottom; }
.foot_1 { float: left; width: 200px; margin-left: 20px; }
.foot_2 { float: left; width: 240px; margin-left: 20px; }
.foot_3 { float: left; width: 260px; margin-left: 20px; }
.foot_4 { float: right; margin-right: 20px; text-align: right; padding-top: 5px; }
.foot_5 { float: left; width: 100px; margin-left: 20px; }
.foot_b { font-size: 20px; color: #fff; line-height: 1.4; font-weight: 400; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 2px; padding-top: 2px; }
.foot_b a { color: #fff; font-weight: 400; }
.foot_sm { font-size: 12px; color: #fff; line-height: 1.4; font-weight: 300; letter-spacing: 2px; }
.foot_sm a { color: #fff; border-bottom: 1px solid #fff; font-weight: 300; }
.foot_4 a { display: inline-block; vertical-align: top; height: 38px; line-height: 38px; margin-left: 10px; text-align: center; width: 110px; color: #fff; font-size: 16px; font-weight: 500; border: 3px solid #fff; background-color: #032139; }
.foot_4 a:hover { opacity: 1; background-color: #01111f; }
.foot_4 span { display: inline-block; text-align: left; vertical-align: top; padding-top: 2px; color: #fff; font-size: 13px; font-weight: 400; line-height: 1.6; text-transform: uppercase; }
.foot_5 a {display: inline-block; text-align: left;vertical-align: top;padding-top: 4px;color: #fff;font-size: 14px;font-weight: 400;line-height: 1.6;text-transform: uppercase;}
/* END footer */
/* CART */
.cart_bg { height: 50px; line-height: 50px; position: fixed; text-align: right; min-width: 320px; bottom: 0px; width: 100%; background-color: #313940; z-index: 20; }
.cart_padd { padding: 0px 10px; }
a.cart_foot { display: inline-block; font-size: 14px; color: #a1adb0; padding: 0px 15px; }
a.cart_foot:hover { opacity: 1; background-color: #0a0d0f; }
a.cart_foot span.cart_n { display: inline-block; padding-left: 30px; background: url('/assets/i/ico_cart_w.png') no-repeat 0px 50%; }
a.cart_foot strong.cart_q { display: inline-block; margin-left: 10px; background-color: #f13241; height: 30px; line-height: 28px; padding: 0px 10px; color: #fff; font-weight: 500; min-width: 20px; text-align: center; }
a.cart_foot strong.cart_sum { color: #fff; font-weight: 400; margin-left: 10px; }
a.cart_foot span.cart_l { display: inline-block; padding: 0px 15px; height: 30px; margin-left: 10px; line-height: 28px; font-size: 14px; color: #fff; background-color: #f13241; }
.kr_maxx { max-width: 900px; margin: 0px auto 20px auto; }
.kr_tab { position: relative; width: 100%; margin-bottom: 15px; }
.kr_tr { position: relative; width: 100%; }
.kr_tab div.kr_tr:nth-child(2n) { background-color: #f2f6f9; }
.kr_th1, .kr_th2, .kr_th3, .kr_th4 { display: inline-block; vertical-align: middle; padding: 8px 5px; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; }
.kr_th1 { width: 58%; }
.kr_th2 { width: 20%; text-align: center; }
.kr_th3 { width: 14%; text-align: center; font-weight: 400; font-size: 13px; line-height: 1.4; color: #0e203c; }
.kr_th4 { width: 8%; text-align: center; }
.kr_img a img { display: block; float: left; margin: 0px 10px 10px 0px; }
.kr_img a:hover { opacity: 0.7; }
.kr_a { margin-bottom: 3px; line-height: 18px; font-size: 13px; }
.kr_a a { text-decoration: none; font-weight: 300; }
.kr_a a strong { font-weight: 400; }
.kr_txt { font-size: 11px; line-height: 1.4; font-weight: 300; }
.kr_kol { display: inline-block; vertical-align: top; width: 40px; margin: 0px 5px; text-align: center; font-size: 14px; line-height: 26px; font-weight: 500; color: #202020; border: 1px solid #dadada; font-family: 'Roboto', sans-serif; }
.cart_del, .cart_plus, .cart_minus { display: inline-block; vertical-align: top; margin-top: 2px; text-align: center; width: 26px; height: 26px; cursor: pointer; line-height: 24px; color: #0e203c; font-size: 16px; background-color: #d8e2ea; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.cart_del:hover, .cart_plus:hover, .cart_minus:hover { background-color: #afc5d7; }
.cart_desktop { text-align: right; font-size: 16px; padding-bottom: 20px; font-weight: 300; }
.cart_desktop strong { font-size: 22px; color: #0e203c; }
.cart_desktop span { color: #999; font-size: 16px; font-weight: 300; }
.cart_ord { text-align: right; }
.cart_ord a { display: inline-block; height: 40px; padding: 0px 25px; line-height: 38px; text-align: center; color: #fff; font-size: 16px; font-weight: 300; text-decoration: none; background-color: #4ab0ee; }
.cart_ord a:hover { background-color: #347ba6; opacity: 1; }
/* END cart */
/* DEFF */
.win_error { border: 1px solid #f13241; color: #f13241; padding: 5px; font-size: 13px; line-height: 20px; text-align: center; margin-bottom: 10px; }
.win_error strong { font-size: 13px; color: #f13241; }
.raz_tab { position: relative; text-align: center; margin-bottom: 20px; }
.raz_tab a, .raz_tab div.raz_cur { display: inline-block; margin: 0px 7px 10px 7px; padding: 0px 10px; text-align: center; background-color: #fff; border: 1px solid #afc5d7; min-width: 20px; height: 40px; color: #78909c; line-height: 40px; font-size: 16px; font-weight: 400; text-decoration: none; vertical-align: top; }
.raz_tab div.raz_cur { color: #fff; background-color: #87a5bd; border: 1px solid #87a5bd; }
.raz_tab a:hover { opacity: 1; color: #4581b1; border: 1px solid #4581b1; }
.raz_tab a.raz_end { font-size: 13px; }
.clear { clear: both; }
/* END deff */
.up { position: fixed; z-index: 21; opacity: 0; bottom: 60px; right: 10px; text-align: center; cursor: pointer; width: 58px; height: 48px; background: #aaa url("/assets/i/up.png") no-repeat 50% 10px;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.callback{
position: fixed;
z-index: 21;
opacity: 1;
bottom: 120px;
right: 10px;
text-align: center;
cursor: pointer;
width: 64px;
height: 64px;
background: #aaa url(/assets/i/ico/call-back.png);
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
/* transition: all 0.3s ease-in-out; */
border-radius: 50%;
}
.up span { color: #111; font-size: 12px; position: absolute; width: 58px; bottom: 7px; left: 0px; text-align: center; font-weight: 400; }
.up.visible { opacity: 1; }
.up:hover { bottom: 65px; }
/* MBURGER */
.nav_menu_zz { display: none; }
/**
* Sliding swipe menu CSS
*/
.nav_menu {
height: 100%;
width: 280px;
background-color: rgba(255, 255, 255, 0.97);
left: 0;
top: 0;
z-index: 79;
position: fixed;
overflow-y: auto;
overflow-x: visible;
transform: translate(-280px,0);
-webkit-overflow-scrolling: touch;
}
.ssm-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.15);
display: none;
z-index: 78;
-ms-touch-action: none;
touch-action: none;
}
ul.pushy_ul { padding: 105px 0px 0px 0px; margin: 0px; }
.nav_menu a {
display: block;
color: #000;
padding: 5px 10px 10px 10px;
text-decoration: none;
font-size: 15px; font-weight: 400;
outline: 0;
}
.nav_menu a strong { font-size: 16px; font-weight: normal; font-weight: 500; }
.nav_menu ul:first-child {
margin-top: 10px;
}
.pushy-submenu ul {
padding-left: 10px;
transition: max-height 0.2s ease-in-out;
display: none;
}
.pushy-submenu > a {
position: relative;
}
.pushy-submenu > a::after {
content: '';
display: block;
height: 11px;
width: 8px;
position: absolute;
top: 40%;
right: 15px;
background: url("/assets/i/arrow.svg") no-repeat;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: transform 0.2s;
}
.pushy-submenu-open a::after {
-webkit-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}
.pushy-podd a { font-size: 14px; line-height: 1.3; padding: 2px 10px; margin: 2px 0px; }
.pushy_bottom_pad { padding: 20px 0px 10px 0px; }
.pushy_soc { display: inline-block; vertical-align: top; margin-left: 15px; }
.pushy_soc a { display: inline-block; vertical-align: top; margin: 0px 0px 0px 15px; opacity: 1; padding: 0px; }
.pushy_soc a:first-child { margin-left: 0px; }
.pushy_soc a:hover { opacity: 0.6; }
.imenu_cart { display: none; text-align: center; }
.imenu_burger { display: none; padding-top: 7px; text-align: center; }
.mob_menu_bg { display: inline-block; position: relative; width: 42px; height: 40px; background-color: #fff; opacity: 0.9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.mburger { height: 30px; width: 26px; position: absolute; top: 3px; left: 8px; cursor: pointer; }
div.mx, div.my, div.mz {
position: absolute; margin: auto;
bottom: 0px;
background: #f13241;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
div.mx, div.my, div.mz { top: 2px; height: 3px; width: 26px; }
div.my{ top: -14px; }
div.mz{ top: 18px; }
div.collapse{
top: 3px;
-webkit-transition: all 70ms ease-out;
-moz-transition: all 70ms ease-out;
-ms-transition: all 70ms ease-out;
-o-transition: all 70ms ease-out;
transition: all 70ms ease-out;
}
div.rotate30{
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-transition: all 50ms ease-out;
-moz-transition: all 50ms ease-out;
-ms-transition: all 50ms ease-out;
-o-transition: all 50ms ease-out;
transition: all 50ms ease-out;
}
div.rotate150{
-ms-transform: rotate(150deg);
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
-webkit-transition: all 50ms ease-out;
-moz-transition: all 50ms ease-out;
-ms-transition: all 50ms ease-out;
-o-transition: all 50ms ease-out;
transition: all 50ms ease-out;
}
div.rotate45{
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-ms-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out;
}
div.rotate135{
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-ms-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out;
}
/* END mburger */
.head_right {
float: right;
position: relative;
margin-right: 20px;
text-align: right;
/*margin-top: 18px;*/
}
.ico-search{
position: absolute;
width: 14px;
height: 24px;
right: 0px;
cursor: pointer;
background: url(/images/ico_search.png) no-repeat 50% 50%;
}
.search_text--js
{
font-size: 12px;
color: #777;
width: 122px;
font-family: 'Roboto', sans-serif !important;
height: 24px;
padding-right: 18px;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #f4f4f4;
}
#searchform {
display: block;
position: absolute;
top: 60px;
right: 20px;
}
#s {
width: 153px;
height: 19px;
outline: none;
margin-right: -4px;
}
#searchsubmit {
width: 70px;
height: 25px;
color: #FFFFFF;
line-height: 1.6;
background-color: #C93D5B;
border: none;
font-family: 'Exo 2', sans-serif;
outline: none;
}
/*search*/
.search-submit{background-color: #347ba6;color: white;border-color: #347ba6;border-width: 1px;}
.service_btn a{
display: inline-block;
border: 3px solid #fff;
height: 38px;
line-height: 38px;
padding: 0px 20px 0px 45px;
color: #fff;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
background: #3f96cb url(/assets/i/ico_go_serv.png) 15px 50% no-repeat;
}
/* start popup callback*/
.popup__overlay {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.7);
text-align: center
}
.popup__overlay:after {
display: inline-block;
*display: inline;
*zoom: 1;
height: 100%;
width: 0;
vertical-align: middle;
content: ''
}
/* ADDED FOR IE<9 COMPATIBILITY */
.popup__overlay_ie {
background: #000;
opacity: .7;
filter: alpha(opacity=70)
}
.popup {
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
max-width: 80%;
padding: 20px;
/*border-radius: 15px;*/
border:3px solid #339900;
background: #fff;
vertical-align: middle
}
/* ADDED INSTEAD OF :AFTER PSEUDOELEMENT */
.popup__valignfix {
display: inline-block;
*display: inline;
*zoom: 1;
width: 0;
height: 100%;
vertical-align: middle
}
/*input[type="button"] {
padding: 6px 16px;
border: 0;
border-radius: 2px;
cursor: pointer;
background: #ff6600;
color: #fff
}*/
.popup__close {
display: block;
position: absolute;
top: -18px;
right: 10px;
width: 12px;
height: 12px;
padding: 8px;
border-radius: 50%;
cursor: pointer;
background: #339900;
text-align: center;
font-size: 12px;
line-height: 12px;
color: #fff;
text-decoration: none;
font-weight: bold;
cursor:pointer;
}
.popup__close:hover {
background: #ff6600
}
/* end popup callback*/
.white-popup {
position: relative;
background: #FFF;
padding: 40px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
.popup-content{
position: fixed;
z-index: 21;
opacity: 1;
bottom: 120px;
right: 10px;
text-align: center;
cursor: pointer;
width: 64px;
height: 64px;
background: #aaa url(/assets/i/ico/call-back.png);
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
/* transition: all 0.3s ease-in-out; */
border-radius: 50%;
}
.dj_message_box{top:20%;width:300px;padding:20px;z-index:9999;background-color:#10b410;color:#fff;text-align:center;opacity:1;display:none;position:fixed;left:50%;margin-left:-170px;border-radius:4px;box-shadow:rgba(0,0,0,.3) 0px 0px 3px;cursor:default}.
/*-----breadcrumbs-----*/
.bc{
display:flex;
}
.breadcrumbs ul li{
background:0;
}