/* Start:/bitrix/templates/francauto_new/components/sitehit/shform_2_application/fa__application/style.css?16829060064238*/ .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .cf { zoom: 1; } /* IE6 */ *:first-child+html .cf { zoom: 1; } /* IE7 */ #apply-form.discount_11 .m-shform{} #apply-form.discount_11 .sh-ftitle{ font-size: 20px; text-align: center; margin: 5px 0px 25px; color: #FFF; text-transform: uppercase;} #apply-form.discount_11 .sh-form{ background: #000F19; padding: 20px; color: #000000; border: 1px solid #333F47; box-sizing: border-box; } #apply-form.discount_11 .shf-them, #apply-form.discount_11 .shf-name, #apply-form.discount_11 .shf-marka, #apply-form.discount_11 .shf-model, #apply-form.discount_11 .shf-phone, #apply-form.discount_11 .shf-mail, #apply-form.discount_11 .shf-company{ width: 100%; height: 35px; box-sizing: border-box; font-size: 16px; border-radius: 1px; border: 1px solid #333F47; padding-left: 10px; float: right; background: transparent; color: #FFFFFF; outline: none; } #apply-form.discount_11 .shf-them:focus, #apply-form.discount_11 .shf-name:focus, #apply-form.discount_11 .shf-marka:focus, #apply-form.discount_11 .shf-model:focus, #apply-form.discount_11 .shf-phone:focus, #apply-form.discount_11 .shf-mail:focus, #apply-form.discount_11 .shf-company:focus{border-color: #A5AFB6;} #apply-form.discount_11 .shf-them:hover, #apply-form.discount_11 .shf-name:hover, #apply-form.discount_11 .shf-marka:hover, #apply-form.discount_11 .shf-model:hover, #apply-form.discount_11 .shf-phone:hover, #apply-form.discount_11 .shf-mail:hover, #apply-form.discount_11 .shf-company:hover, #apply-form.discount_11 .shf-text:hover{} #apply-form.discount_11 .sh-dnpt{} #apply-form.discount_11 .shf-text{ margin-left: 0px; width: 100%; height: 100px; font-size: 15px; padding: 5px 0px 0px 5px; margin: 0px 0px 0px 0px; border-radius: 2px; border: 1px solid #A9A9A9; background: #F9F9F9; color: #000; box-sizing: border-box; outline: none;} #apply-form.discount_11 .sh-tnpt{ display: none;} #apply-form.discount_11 .sh-tnptnf{ display: none;} #apply-form.discount_11 .sh-dlnpt{width:100%; margin: 0px 0px 10px 0px;} #apply-form.discount_11 .shf-mndtr{font-size:20px; color:red} #apply-form.discount_11 .shf-sex{cursor: pointer;transition: all 400ms ease 0s;text-align: center; padding: 8px;/*text-transform: uppercase;padding: 5px;/*border: 1px solid #A9A9A9;*/ width: 100%; border: 1px solid #333F47; background: transparent; box-sizing: border-box; color: #fff;} #apply-form.discount_11 .shf-sex:first-child {margin-bottom: 10px;} #apply-form.discount_11 .shf-sex:hover, #apply-form.discount_11 .shf-sex.active{border-color: #A5AFB6;} #apply-form.discount_11 .shf-sex.red{background: #F00;font-weight: bold;color: #F5F5F5;} /*#apply-form.discount_11 #sex1{border-radius: 0px 2px 2px 0px; margin: 0% 23% 0% 0%;} #apply-form.discount_11 #sex2{border-radius: 2px 0px 0px 2px; border-right: none;}*/ #apply-form.discount_11 .shf-go{margin-top: 30px;} #apply-form.discount_11 .sh-fres{width:100%; display:none} #apply-form.discount_11 .sh-fres-good{width:100%; text-align:center; border-radius:10px; height:inherit; line-height:35px; } #apply-form.discount_11 .sh-fres-good div{box-sizing: border-box; padding: 10px;font-size:35px; font-weight:bold; text-align:center; margin-bottom:10px; text-shadow:1px 1px 2px #FFF,0 0 16px #B6B6B6; color:#57C606; text-transform:uppercase; line-height:39px} #apply-form.discount_11 .sh-fres-bad{width:100%; text-align:center; border-radius:10px; height:inherit; line-height:35px; } #apply-form.discount_11 .sh-fres-bad div{box-sizing: border-box; padding: 10px;font-size:35px; font-weight:bold; text-align:center; margin-bottom:10px; text-shadow:1px 1px 2px white,0 0 16px rgb(182,182,182); color:rgb(182,22,22); text-transform:uppercase; line-height:39px} #apply-form.discount_11 ::-webkit-input-placeholder{color:#5C6B74;} #apply-form.discount_11 ::-moz-placeholder{color:#5C6B74;} #apply-form.discount_11 :-moz-placeholder{color:#5C6B74;} #apply-form.discount_11 :-ms-input-placeholder{color:#5C6B74;} /*#apply-form {display: none !important; }*/ /* End */ /* Start:/bitrix/templates/francauto_new/components/bitrix/menu/fa-main-menu/style.min.css?1682906006490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/francauto_new/components/bitrix/menu/fa-main-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/templates/francauto_new/components/sitehit/shform_2_application/sh__order-call/style.css?16829060064464*/ .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .cf { zoom: 1; } /* IE6 */ *:first-child+html .cf { zoom: 1; } /* IE7 */ #shft-order-call {display: none;} #shft-order-call.discount_11 .m-shform{} #shft-order-call.discount_11 .sh-ftitle{ font-size: 20px; text-align: center; margin: 5px 0px 25px; color: #FFF; text-transform: uppercase;} #shft-order-call.discount_11 .sh-form{ background: #000F19; padding: 20px; color: #000000; border: 1px solid #333F47; box-sizing: border-box; } #shft-order-call.discount_11 .shf-them, #shft-order-call.discount_11 .shf-name, #shft-order-call.discount_11 .shf-marka, #shft-order-call.discount_11 .shf-model, #shft-order-call.discount_11 .shf-phone, #shft-order-call.discount_11 .shf-mail, #shft-order-call.discount_11 .shf-company{ width: 100%; height: 35px; box-sizing: border-box; font-size: 16px; border-radius: 1px; border: 1px solid #333F47; padding-left: 10px; float: right; background: transparent; color: #FFFFFF; outline: none; } #shft-order-call.discount_11 .shf-them:focus, #shft-order-call.discount_11 .shf-name:focus, #shft-order-call.discount_11 .shf-marka:focus, #shft-order-call.discount_11 .shf-model:focus, #shft-order-call.discount_11 .shf-phone:focus, #shft-order-call.discount_11 .shf-mail:focus, #shft-order-call.discount_11 .shf-company:focus{border-color: #A5AFB6;} #shft-order-call.discount_11 .shf-them:hover, #shft-order-call.discount_11 .shf-name:hover, #shft-order-call.discount_11 .shf-marka:hover, #shft-order-call.discount_11 .shf-model:hover, #shft-order-call.discount_11 .shf-phone:hover, #shft-order-call.discount_11 .shf-mail:hover, #shft-order-call.discount_11 .shf-company:hover, #shft-order-call.discount_11 .shf-text:hover{} #shft-order-call.discount_11 .sh-dnpt{} #shft-order-call.discount_11 .shf-text{ margin-left: 0px; width: 100%; height: 100px; font-size: 15px; padding: 5px 0px 0px 5px; margin: 0px 0px 0px 0px; border-radius: 2px; border: 1px solid #A9A9A9; background: #F9F9F9; color: #000; box-sizing: border-box; outline: none;} #shft-order-call.discount_11 .sh-tnpt{ display: none;} #shft-order-call.discount_11 .sh-tnptnf{ display: none;} #shft-order-call.discount_11 .sh-dlnpt{width:100%; margin: 0px 0px 10px 0px;} #shft-order-call.discount_11 .shf-mndtr{font-size:20px; color:red} #shft-order-call.discount_11 .shf-sex{cursor: pointer;transition: all 400ms ease 0s;text-align: center; padding: 8px;/*text-transform: uppercase;padding: 5px;/*border: 1px solid #A9A9A9;*/ width: 100%; border: 1px solid #333F47; background: transparent; box-sizing: border-box; color: #fff;} #shft-order-call.discount_11 .shf-sex:first-child {margin-bottom: 10px;} #shft-order-call.discount_11 .shf-sex:hover, #shft-order-call.discount_11 .shf-sex.active{border-color: #A5AFB6;} #shft-order-call.discount_11 .shf-sex.red{background: #F00;font-weight: bold;color: #F5F5F5;} /*#shft-order-call.discount_11 #sex1{border-radius: 0px 2px 2px 0px; margin: 0% 23% 0% 0%;} #shft-order-call.discount_11 #sex2{border-radius: 2px 0px 0px 2px; border-right: none;}*/ #shft-order-call.discount_11 .shf-go{margin-top: 30px;} #shft-order-call.discount_11 .sh-fres{width:100%; display:none} #shft-order-call.discount_11 .sh-fres-good{width:100%; text-align:center; border-radius:10px; height:inherit; line-height:35px; } #shft-order-call.discount_11 .sh-fres-good div{box-sizing: border-box; padding: 10px;font-size:35px; font-weight:bold; text-align:center; margin-bottom:10px; text-shadow:1px 1px 2px #FFF,0 0 16px #B6B6B6; color:#57C606; text-transform:uppercase; line-height:39px} #shft-order-call.discount_11 .sh-fres-bad{width:100%; text-align:center; border-radius:10px; height:inherit; line-height:35px; } #shft-order-call.discount_11 .sh-fres-bad div{box-sizing: border-box; padding: 10px;font-size:35px; font-weight:bold; text-align:center; margin-bottom:10px; text-shadow:1px 1px 2px white,0 0 16px rgb(182,182,182); color:rgb(182,22,22); text-transform:uppercase; line-height:39px} #shft-order-call.discount_11 ::-webkit-input-placeholder{color:#5C6B74;} #shft-order-call.discount_11 ::-moz-placeholder{color:#5C6B74;} #shft-order-call.discount_11 :-moz-placeholder{color:#5C6B74;} #shft-order-call.discount_11 :-ms-input-placeholder{color:#5C6B74;} /* End */ /* Start:/bitrix/templates/francauto_new/styles.css?1774278407661*/ table .table-head { color: #fff !important; background-color: #1da1dd; padding: 15px; text-align: left; margin-bottom: 16px; letter-spacing: 0.4px; opacity: 0.8; } .c-ul { margin-bottom: 20px; } .c-ul:last-child { margin-bottom: 0; } .c-ul > li { position: relative; padding-left: 15px; color: #555f65; line-height: 1.2; } .c-ul > li:before { position: absolute; content: ""; width: 0; height: 0; display: inline-block; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 6px solid #1b98d1; left: 0; top: 50%; margin-top: -3px; } .c-ul li + li { margin-top: 14px; } /* End */ /* Start:/bitrix/templates/francauto_new/template_styles.css?177427840781693*/ /*---CSS-RESET-AND-DEFAULT-SETTINGS---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block} body{line-height:1;} ol, ul{list-style:none} blockquote, q{quotes:none} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none} table{border-collapse:collapse; border-spacing:0} /**/ b{font-weight:bold} i{font-style:italic} a{-webkit-transition:all 400ms ease 0s;transition:all 400ms ease 0s; text-decoration: none;} a:hover{text-decoration: none;} h1{font-weight:bold; font-size:25px;} h2{font-weight:bold; font-size:23px;} h3{font-weight:bold; font-size:20px;} h4{font-weight:bold; font-size:18px;} h5{font-weight:bold; font-size:17px;} h6{font-weight:bold; font-size:16px;} html, body { height: 100%; font-family: "MyriadProRegular"; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } a:active {background-color: transparent;} @font-face { font-family: "MyriadProRegular"; src: url("/bitrix/templates/francauto_new/fonts/MyriadProRegular.eot"); src: url("/bitrix/templates/francauto_new/fonts/MyriadProRegular.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/francauto_new/fonts/MyriadProRegular.woff2") format("woff2"), url("/bitrix/templates/francauto_new/fonts/MyriadProRegular.woff") format("woff"), url("/bitrix/templates/francauto_new/fonts/MyriadProRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "MyriadProSemibold"; src: url("/bitrix/templates/francauto_new/fonts/MyriadProSemibold.eot"); src: url("/bitrix/templates/francauto_new/fonts/MyriadProSemibold.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/francauto_new/fonts/MyriadProSemibold.woff2") format("woff2"), url("/bitrix/templates/francauto_new/fonts/MyriadProSemibold.woff") format("woff"), url("/bitrix/templates/francauto_new/fonts/MyriadProSemibold.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "MyriadProBold"; src: url("/bitrix/templates/francauto_new/fonts/MyriadProBold.eot"); src: url("/bitrix/templates/francauto_new/fonts/MyriadProBold.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/francauto_new/fonts/MyriadProBold.woff2") format("woff2"), url("/bitrix/templates/francauto_new/fonts/MyriadProBold.woff") format("woff"), url("/bitrix/templates/francauto_new/fonts/MyriadProBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "MyriadProItalic"; src: url("/bitrix/templates/francauto_new/fonts/MyriadProItalic.eot"); src: url("/bitrix/templates/francauto_new/fonts/MyriadProItalic.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/francauto_new/fonts/MyriadProItalic.woff") format("woff"), url("/bitrix/templates/francauto_new/fonts/MyriadProItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "MyriadProCondensed"; src: url("/bitrix/templates/francauto_new/fonts/MyriadProCond.eot"); src: url("/bitrix/templates/francauto_new/fonts/MyriadProCond.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/francauto_new/fonts/MyriadProCond.woff2") format("woff2"), url("/bitrix/templates/francauto_new/fonts/MyriadProCond.woff") format("woff"), url("/bitrix/templates/francauto_new/fonts/MyriadProCond.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "MyriadProBoldCondensed"; src: url("/bitrix/templates/francauto_new/fonts/MyriadProBoldCondensed.eot"); src: url("/bitrix/templates/francauto_new/fonts/MyriadProBoldCondensed.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/francauto_new/fonts/MyriadProBoldCondensed.woff2") format("woff2"), url("/bitrix/templates/francauto_new/fonts/MyriadProBoldCondensed.woff") format("woff"), url("/bitrix/templates/francauto_new/fonts/MyriadProBoldCondensed.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "exoregular"; src: url("/bitrix/templates/francauto_new/fonts/exoregular.eot"); src: url("/bitrix/templates/francauto_new/fonts/exoregular.eot?#iefix")format("embedded-opentype"), url("/bitrix/templates/francauto_new/fonts/exoregular.woff2") format("woff2"), url("/bitrix/templates/francauto_new/fonts/exoregular.ttf") format("truetype"); font-style: normal; font-weight: normal; } .cb{clear:both; height:0; width:0; overflow:hidden} .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ #wrap{min-height: 100%; min-width: 1200px; margin-bottom: -98px; overflow: hidden; transition: padding .4s ease;} #wrap:after{height: 98px; content: ""; display: block;} .container{width: 1200px; margin:0 auto; box-sizing: border-box; padding: 0 10px; position: relative;} textarea {resize: vertical;} .checkbox { display:none;} .checkbox + label:before { content: ""; display:inline-block; width:15px; height:15px; margin:-3px 10px 0 0; vertical-align:middle; background:url(/bitrix/templates/francauto_new/images/checkbox.png) left top no-repeat; cursor:pointer;} .checkbox:checked + label:before { background:url(/bitrix/templates/francauto_new/images/checkbox.png) -18px top no-repeat;} /*img { height: auto; max-width: 100%; width: auto\9; }*/ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup {top: -.5em} sub {bottom: -.25em} input[placeholder] {text-overflow:ellipsis;} input::-moz-placeholder {text-overflow:ellipsis;} input:-moz-placeholder {text-overflow:ellipsis;} input:-ms-input-placeholder {text-overflow:ellipsis;} /*---HEADER---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .s-header { } .head { height: 100px; box-sizing: border-box; padding: 17px 0 0 0; background: #000f19; } .head__slogan { box-sizing: border-box; font-size: 24px; text-transform: uppercase; color: #1da2df; height: 54px; overflow: hidden; padding: 0 0 0 16px; border-left: 1px solid #4a545b; position: relative; display: inline-block; /*width: 612px;*/ width: 380px; letter-spacing: 1px; vertical-align: top; } .head__slogan span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 100%; overflow: hidden; line-height: 1.2; } .head__logo { display: inline-block; margin: 0px 14px 0 12px; } .phones { float: right; font-size: 18px; color: #c6c6c6; width: 290px; margin-right: 3px; /*font-size: 0;*/ } .phones__ttl { font-size: 20px; display: inline-block; width: 85px; text-align: left; /*float: left;*/ } .phones__ttl:not(:last-child) {margin-bottom: 12px;} .phones span { font-size: 24px; font-weight: bold; font-family: "MyriadProBold"; letter-spacing: 1.5px; } .phones .phone.tulaph span { font-size: 38px !important; } .phones .phone.tulaph { font-size: 26px; } .s-header .phones { display: inline-block; } .s-header .phone { display: inline-block; box-sizing: border-box; padding-left: 10px; letter-spacing: 1px; /*float: right;*/ } .navigation { text-align: center; padding: 5px 0; background: #555f65; position: relative; z-index: 25; width: 100%; min-width: 1200px; } .city { color: #c6c6c6; display: inline-block; font-size: 18px; float: right; margin-right: 5px; } .city__link { color: #feffff; cursor: pointer; position: relative; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s; } .city__link:after { position: absolute; content:""; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #feffff; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s; } .city__link:hover, .city__link:focus {color: #1da2df;} .city__link:hover:after, .city__link:focus:after {background-color: #1da2df;} .main-menu { font-size: 0; margin-left: 80px; } .main-menu__item { display: inline-block; font-size: 17px; } .main-menu__item:first-child .main-menu__link {padding: 4px 20px;} .main-menu__item:not(:first-child) {border-left: 1px solid #8c9297;} .main-menu__link { text-transform: uppercase; color: #fff; display: inline-block; padding: 4px 24px; position: relative; -webkit-transition: color .3s; transition: color .3s; text-align: center; } .main-menu__link:hover, .main-menu__link:focus { color: #1da2df; } .sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0; } /*---CONTENT---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*.content { min-height: 500px; } */ /*---SCT-SLIDER---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .sct-slider { box-sizing: border-box; /*padding: 56px 0 0 0;*/ height: 472px; background: #fff; position: relative; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4); z-index: 10; overflow: hidden; } .sct-slider:after { position: absolute; content: ""; width: 100%; height: 5px; left: 0; bottom: 0; } .sct-slider .container {height: 100%;} .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; top: 163px; display: block; width: 42px; height: 42px; /*margin-top: -21px;*/ padding: 0; cursor: pointer; color: transparent; border: none; outline: none; /*background: transparent;*/ background: url(/bitrix/templates/francauto_new/images/arrow.png) no-repeat center, rgba(0,0,0,0.3); z-index: 1; border-radius: 50%; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2); -webkit-transition:all .4s ease 0s; transition: all .4s ease 0s; } .slick-prev {left: 6px; -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); transform: scale(-1,1)} .slick-next {right: 6px;} /*.slick-prev:before { position: absolute; content: ''; width: 1600px; height: 1px; background: red; bottom: 0; left: -1200px; }*/ .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {background: url(/bitrix/templates/francauto_new/images/arrow.png) no-repeat center, rgba(0,0,0,0.45);} /* Dots */ .sct-slider .slick-slider {/*margin-bottom: 100px;*/ /*height: 368px;*/ height: 468px; width: 1180px; /*overflow: hidden;*/ padding-bottom: 100px;/*background:blue;*/ } .sct-slider .slick-list {max-height: 368px; overflow: hidden;} /*.slick-track {overflow: hidden; max-height: 368px;}*/ .sct-slider .slick-slide {width: 1180px; height: 368px; /*background: red;*/ /*overflow: hidden;*/} .sct-slider .slick-dots { position: absolute; /*bottom: -25px;*/ bottom: -90px; bottom: 10px; display: block; width: 100%; padding: 0; text-align: center; } .sct-slider .slick-dots li { position: relative; display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin: 0 3px; padding: 0; cursor: pointer; } .sct-slider .slick-dots li button { font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0; outline: none; width: 15px; height: 15px; border-radius: 50%; background: #fff; box-sizing: border-box; box-shadow: inset 0px 1px 3px 2px rgba(0,0,0,0.5); } .sct-slider .slick-dots li button:hover, .sct-slider .slick-dots li button:focus {outline: none;} .sct-slider .slick-dots li.slick-active button {background: #1c9fdb;} /*---SCT-CARS---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .sct-cars { padding: 25px 0 0 0; height: 404px; background: #f2f0f0; box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.15), 0px 2px 2px 0px rgba(0,0,0,0.4); position: relative; z-index: 5; box-sizing: border-box; } .car-list {text-align: center;} .car-list__item { display: inline-block; vertical-align: top; position: relative; } .car-list__item:not(:nth-child(3n)) {margin-right: 166px;} .car-list__logo { width: 240px; height: 240px; border-radius: 50%; background: #fff; box-sizing: border-box; box-shadow: inset 0px 4px 3px 0px rgba(0,0,0,0.5); margin-bottom: 34px; } .car-list__logo_citroen {background: url(/bitrix/templates/francauto_new/images/cars__item_citroen.png) no-repeat center, #fff;} .car-list__logo_peugeot {background: url(/bitrix/templates/francauto_new/images/cars__item_peugeot.png) no-repeat center, #fff;} .car-list__logo_renault {background: url(/bitrix/templates/francauto_new/images/cars__item_renault.png) no-repeat center, #fff;} .car-list__service-item:not(:last-child) {margin-bottom: 22px;} .car-list__service-item { position: relative; padding-left: 26px; text-align: left; } .car-list__service-list {margin-left: 45px;} /*.car-list__service-item:before { position: absolute; content:""; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-sizing: border-box; box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.5); top: 50%; left: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } */ .car-list__service-item:after { width: 1px; background: #929292; height: 72px; position: absolute; content: ""; left: 0; bottom: 10px; } .car-list__service-link { font-family: "MyriadProCondensed"; color: #1da2df; font-size: 30px; position: relative; } .car-list__service-link:before { position: absolute; content:""; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-sizing: border-box; box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.5); top: 50%; left: -36px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s; } .car-list__service-link:after { position: absolute; content:""; height: 2px; width: 100%; left: 0; bottom: 2px; background: #1da2df; /*transition: all 400ms ease 0s;*/ } .car-list__service-link:hover { /*color: #000;*/ } .car-list__service-link:hover:before { background: #1c9fdb; } .car-list__service-link:hover:after { /*background-color: #000;*/ opacity: 0; } /*---SCT-WARRANT---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .sct-warrant { box-sizing: border-box; /*height: 328px;*/ box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.15); /*background: url(/bitrix/templates/francauto_new/images/border.png) repeat-x bottom, #4a545b;*/ background-color: #4a545b; /*padding: 20px 0 0 0;*/ padding: 28px 0 25px 0; position: relative; z-index: 1; /*padding-bottom: 15px;*/ } .sct-warrant .sct-title {margin-bottom: 13px;} .sct-warrant .sct-title span {font-family: "MyriadProBoldCondensed";} .warrant-list { text-align: center; margin-bottom: 25px; font-size: 0; } /*.warrant-list__item:not(:nth-child(3n)) {margin-right: 25px;}*/ /*.warrant-list__large .warrant-list__item {width: 400px; margin-right: 0;}*/ .warrant-list__large .warrant-list__item {width: 330px; } /*.warrant-list__large .warrant-list__item:first-child {margin: 0 65px 0 55px;}*/ .warrant-list__large .warrant-list__item:first-child {margin: 0 36px;} .warrant-list__item { font-size: 16px; color: #dcddde; /*width: 365px;*/ width: 294px; display: inline-block; vertical-align: top; text-align: center; box-sizing: border-box; /*padding: 0 0 0 55px;*/ position: relative; line-height: 1.2; margin: 0 26px; } .warrant-list__item:not(:first-child):before { position: absolute; content:""; width: 1px; height: 100%; background: #1da1dd; left: -27px; top: 0; /* background: url(/bitrix/templates/francauto_new/images/check.png) no-repeat center; width: 43px; height: 51px; top: 15px; left: 0;*/ } .warrant-list__primary { font-family: "MyriadProBold"; display: block; text-transform: uppercase; letter-spacing: 1px; } .warrant-list__primary span {font-size: 24px;} .warrant-list__secondary { font-size: 12px; text-transform: uppercase; } .add-info { font-size: 12px; color: #c6c9ca; letter-spacing: 2px; display: block; text-align: center; text-transform: uppercase;} /*---SCT-ADV---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .sct-adv { box-sizing: border-box; height: 604px; background: #FFF; position: relative; padding: 36px 0; } .sct-adv:before { position: absolute; content:""; width: 100%; height: 10px; background: url(/bitrix/templates/francauto_new/images/border.png) repeat-x; left: 0; z-index: 1; } .sct-adv:before { top: -10px; } /*.sct-adv:after { bottom: -10px; -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); transform: scale(1,-1); }*/ .advantages-list { overflow: visible; width: 1060px; display: block; /*margin: 36px auto 0;*/ margin: 0 auto; position: relative; z-index: 0; } .advantages-list__item { font-size: 18px; float: left; position: relative; height: 96px; width: 50%; } .advantages-list__item:after { position: absolute; content:""; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-sizing: border-box; box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.5); top: 100%; margin-top: -10px; z-index: 2; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s; } .advantages-list__item:hover:after {background-color: #1c9fdb;} .advantages-list__item_1:after, .advantages-list__item_2:after {bottom: -10px} .advantages-list__item_3:after, .advantages-list__item_4:after {top: 60px;} .advantages-list__item_5:after, .advantages-list__item_6:after {top: 30px;} .advantages-list__item_1:after, .advantages-list__item_3:after, .advantages-list__item_5:after {right: -10px;} .advantages-list__item_2:after, .advantages-list__item_4:after, .advantages-list__item_6:after {left: -10px;} /*.advantages-list__icon { display: inline-block; height: 96px; width: 120px; } */ /*.advantages-list__desc:after { position: absolute; content: ""; width: 120px; height: 96px; top: 0; background-position: center; background-repeat: no-repeat; }*/ /*.advantages-list__item:nth-child(odd) .advantages-list__desc:after {left: -125px;} .advantages-list__item:nth-child(even) .advantages-list__desc:after {right: -110px;}*/ .advantages-list__item:nth-child(odd) {float: left;} .advantages-list__item:nth-child(even) {float: right;} .advantages-list__item:nth-child(odd) .advantages-list__desc {margin-left: 125px;} .advantages-list__item:nth-child(even) .advantages-list__desc {margin-right: 110px;} .advantages-list__item_1 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_4.png);} /*.advantages-list__item_1 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list.png); background-position: -315px -5px;} .advantages-list__item_2 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list.png); background-position: -134px -5px;} .advantages-list__item_3 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list.png); background-position: -5px -5px;} .advantages-list__item_4 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list.png); background-position: -429px -5px;} .advantages-list__item_5 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list.png); background-position: -531px -5px;} .advantages-list__item_6 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list.png); background-position: -228px -5px;}*/ /*.advantages-list__item_2 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_2.png);} .advantages-list__item_3 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_1.png);} .advantages-list__item_4 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_5.png);} .advantages-list__item_5 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_6.png);} .advantages-list__item_6 .advantages-list__desc:after {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_3.png);}*/ /*.advantages-list__item_1 .advantages-list__icon {background: url(/bitrix/templates/francauto_new/images/advantages-list__item_4.png) no-repeat center} .advantages-list__item_2 .advantages-list__icon {background: url(/bitrix/templates/francauto_new/images/advantages-list__item_2.png) no-repeat center} .advantages-list__item_3 .advantages-list__icon {background: url(/bitrix/templates/francauto_new/images/advantages-list__item_1.png) no-repeat center} .advantages-list__item_4 .advantages-list__icon {background: url(/bitrix/templates/francauto_new/images/advantages-list__item_5.png) no-repeat center} .advantages-list__item_5 .advantages-list__icon {background: url(/bitrix/templates/francauto_new/images/advantages-list__item_6.png) no-repeat center} .advantages-list__item_6 .advantages-list__icon {background: url(/bitrix/templates/francauto_new/images/advantages-list__item_3.png) no-repeat center}*/ .advantages-list__icon { position: absolute; width: 120px; height: 96px; display: inline-block; top: 0; background-position: center; background-repeat: no-repeat; } .advantages-list__item_1 .advantages-list__icon {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_4.png)} .advantages-list__item_2 .advantages-list__icon {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_2.png)} .advantages-list__item_3 .advantages-list__icon {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_1.png)} .advantages-list__item_4 .advantages-list__icon {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_5.png)} .advantages-list__item_5 .advantages-list__icon {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_6.png)} .advantages-list__item_6 .advantages-list__icon {background-image: url(/bitrix/templates/francauto_new/images/advantages-list__item_3.png)} .advantages-list__item:nth-child(odd) .advantages-list__icon {left: 0;} .advantages-list__item:nth-child(even) .advantages-list__icon {right: 0;} .advantages-list__item_1, .advantages-list__item_2, .advantages-list__item_5, .advantages-list__item_6 {width: 425px;} .advantages-list__item_3, .advantages-list__item_4 {width: 315px;} .advantages-list__desc { position: relative; height: 94px; box-sizing: border-box; /*background: #eee;*/ } .advantages-list__link { position: absolute; bottom: 38px; line-height: 1.2; max-height: 62px; max-width: 270px; overflow: hidden; max-height: 86px; color: #000; } .advantages-list__item:nth-child(even) .advantages-list__link {right: 0;} .advantages-list__item .advantages-list__desc:before { position: absolute; content:""; width: 100%; height: 100%; right: 0; bottom: 0; z-index: -1; } .advantages-list__item_1 .advantages-list__desc:before { background: url(/bitrix/templates/francauto_new/images/line1.png) no-repeat bottom left; -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); transform: scale(-1,1); } .advantages-list__item_2 .advantages-list__desc:before {background: url(/bitrix/templates/francauto_new/images/line1.png) no-repeat bottom left;} .advantages-list__item_3 .advantages-list__desc:before, .advantages-list__item_4 .advantages-list__desc:before {background: url(/bitrix/templates/francauto_new/images/line.png) repeat-x 0 60px;} .advantages-list__item_5 .advantages-list__desc:before, .advantages-list__item_6 .advantages-list__desc:before {background: url(/bitrix/templates/francauto_new/images/line1.png) no-repeat 0 30px;} .advantages-list__item_5 .advantages-list__desc:before { -webkit-transform: scale(-1,-1); -ms-transform: scale(-1,-1); transform: scale(-1,-1); } .advantages-list__item_6 .advantages-list__desc:before { -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); transform: scale(1,-1); } .advantages-list__item_1, .advantages-list__item_2 { position: absolute; top: 0px; } .advantages-list__item_3, .advantages-list__item_4 { position: absolute; top: 230px; } .advantages-list__item_5, .advantages-list__item_6 { position: absolute; top: 440px; } .advantages-list__item_1, .advantages-list__item_3, .advantages-list__item_5 {left: 0;} .advantages-list__item_2, .advantages-list__item_4, .advantages-list__item_6 {right: 0;} .advan-block { width: 360px; text-transform: uppercase; text-align: center; color: #b6babd; font-family: "MyriadProBold"; position: absolute; /*top: 138px;*/ top: 175px; left: 420px; } .sct-title_big { font-size: 116px; margin-top: -14px; } .sct-title_small { font-size: 46px; } .bfr-footer-txt { position: relative; z-index: -1; } /*---SCT-OTHER---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .sct-other { background: #f2f0f0; padding: 46px 0 40px 0; margin-bottom: -15px; } .sct-other .container {text-align: center;} .list-item { /*background: #ccc;*/ overflow: hidden; display: inline-block; width: 480px; height: 190px; vertical-align: top; position: relative; } .list-item_ltr .list-item__preview {float: right;} .list-item__preview img {border-radius: 50%;} .list-item_ltr .list-item__link {margin-right: 40px;} .list-item_rtl .list-item__link {margin-left: 40px;} .list-item_ltr .list-item__link:before { right: -33px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .list-item_rtl .list-item__link:before { left: -33px; } .list-item_rtl .list-item__preview {float: left;} .list-item_ltr {margin-right: 35px;} .list-item_rtl {margin-left: 35px;} .list-item__link { font-family: "MyriadProCondensed"; color: #1da2df; font-size: 39px; position: relative; text-transform: uppercase; display: inline-block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); letter-spacing: 2px; font-weight: bold; color: #4a545b; -webkit-transition:none; transition: none; } .list-item__link:before { position: absolute; content:""; width: 23px; height: 44px; background: url(/bitrix/templates/francauto_new/images/icon_other2.png) no-repeat center; top: 50%; margin-top: -22px; } .sct-other .list-item__link:after { position: absolute; content:""; height: 2px; width: 100%; left: 0; bottom: 2px; background: #4a545b; -webkit-transition:color 400ms ease 0s; transition: color 400ms ease 0s; } .list-item__preview { width: 190px; height: 190px; border-radius: 50%; overflow: hidden; position: relative; } .list-item:hover .list-item__link {color: #1da2df;} .list-item:hover .list-item__link:before {background-image: url(/bitrix/templates/francauto_new/images/icon_other.png);} .list-item:hover .list-item__link:after {background-color: #1da2df;} .list-item__preview_play:before { position: absolute; width: 98px; height: 98px; box-sizing: border-box; border: 5px solid #fff; border-radius: 50%; background: url(/bitrix/templates/francauto_new/images/icon_play.png) no-repeat 30px center; content:""; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; z-index: 1; -webkit-transition:opacity 400ms ease 0s; transition: opacity 400ms ease 0s; } .list-item:hover .list-item__preview_play:before {opacity: 1;} /*---BUTTONS---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .btn { color: #fff; background: #1b96ce; background: -webkit-linear-gradient(top, #1b96ce, #0e506e); background: linear-gradient(to bottom, #1b96ce, #0e506e); text-transform: uppercase; display: inline-block; padding: 6px 50px; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s; } .sct-slider .btn { border: 1px solid #06405a; box-shadow: 0 10px 15px rgba(0,0,0,.4); -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.4); -moz-box-shadow: 0 10px 15px rgba(0,0,0,.4); } #shft-default .sh-dlnpt .shf-go{ border: 1px solid #006a9a; box-shadow: 0 10px 15px rgba(0,0,0,.4); -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.4); -moz-box-shadow: 0 10px 15px rgba(0,0,0,.4); background: -webkit-linear-gradient(top, #146e97, #09364a); background: linear-gradient(to bottom, #146e97, #09364a); -webkit-transition: all 0ms ease 0s; transition: all 0ms ease 0s; } .btn:hover, .btn:focus { background: #0e506e; background: -webkit-linear-gradient(top, #146e97, #09364a); background: linear-gradient(to bottom, #146e97, #09364a); } .btn_primary { font-family: "MyriadProBold"; font-size: 28px; } /*---HEADLINES---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .sct-title { font-size: 40px; text-transform: uppercase; color: #dcddde; font-family: "MyriadProCondensed"; font-weight: normal; text-align: center; } /*---FOOTER---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .s-footer { height: 98px; min-width: 1200px; position: relative; background: #000f19; box-sizing: border-box; font-family:"exoregular"; padding-top: 15px; } .s-footer .container {height: 100%; font-size: 18px;} footer .container >div {float:left} .metrika {float: left; margin: 1px 20px 0 0;} footer .social { float:right; font-size:0; left:4px; position:relative; top: -13px; margin-top: 10px; } footer .social a {display:inline-block; -webkit-transition:none; transition: none; vertical-align:top; margin:0 5px; width:24px; height:24px; background:url("/bitrix/templates/francauto_new/images/social.png") no-repeat scroll 0 0} footer .social .vk{background-position:-32px 0} footer .social .vk:hover{background-position:-32px -30px} footer .social .facebook{background-position:0px 0px} footer .social .facebook:hover{background-position:0 -30px} footer .social .twitter{background-position:-96px 0} footer .social .twitter:hover{background-position:-96px -30px} footer .container .copyright{color:#525D66; width:240px; /*padding-right:26px*/} footer .container .menu_secondary { text-align:center; float: left; width: 730px; box-sizing: border-box; /*padding-right: 20px;*/ margin-right: 108px; } .menu_secondary__item {display: inline-block; font-size:18px; margin: 0 17px; vertical-align:top; } footer .menu_secondary a{color:#FFF; display:inline-block; text-decoration:none; text-transform:uppercase; } footer .menu_secondary a:hover{color:#29abe2} footer .container .txt-bfooter{color:#525D66; clear:both; width:840px; margin:0 auto; font-size:11px; margin-top:10px} /*---POPUP---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #sh-call .sh-call__popup{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); text-align:center; z-index:500} #sh-call .sh-call__popup:after{display:inline-block; height:100%; width:0; vertical-align:middle; content:''} #sh-call .popup{display:inline-block; position:relative; max-width:80%; /*padding:20px; border:2px solid #4B0000; border-radius:15px; background:#F5F5F5;*/ vertical-align:middle; min-height:300px; min-width:250px; /*opacity:0.9*/} #sh-call .popup__close{display:block; position:absolute; top: -12px; right: -10px; height: 22px;width: 22px;cursor:pointer} #sh-call .popup .popup__close #shoc1{background:url(/bitrix/templates/francauto_new/images/xsprite.png); display:block; height: inherit; width: inherit; position:absolute; z-index:10; background-position:0px 0px; -webkit-transition:all 400ms ease 0s; transition:all 400ms ease 0s} #sh-call .popup .popup__close #shoc2{background:url(/bitrix/templates/francauto_new/images/xsprite.png); display:block; height: inherit; width: inherit; position:absolute; z-index:10; background-position: -49px 0px; opacity:0; -webkit-transition:all 400ms ease 0s; transition:all 400ms ease 0s} #sh-call .popup__close:hover #shoc2{opacity:1} #sh-call .popup__close:hover #shoc1{opacity:0.5} #sh-call .popup .popup__close .shoc1{background:url(/bitrix/templates/francauto_new/images/xsprite.png); display:block; height: inherit; width: inherit; position:absolute; z-index:10; background-position:0px 0px; -webkit-transition:all 400ms ease 0s; transition:all 400ms ease 0s} #sh-call .popup .popup__close .shoc2{background:url(/bitrix/templates/francauto_new/images/xsprite.png); display:block; height: inherit; width: inherit; position:absolute; z-index:10; background-position: -49px 0px; opacity:0; -webkit-transition:all 400ms ease 0s; transition:all 400ms ease 0s} #sh-call .popup__close:hover .shoc2{opacity:1} #sh-call .popup__close:hover .shoc1{opacity:0.5} .sh-btn-popup { cursor: pointer; position: absolute; bottom: 44px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .btn_grad { outline: none; cursor: pointer; display: block; margin: 18px auto 0px; font-family: "MyriadProRegular"; color: #FFF; height: 50px; border: 1px solid #3a6d92; font-size: 20px; border-radius: 25px; /*padding: 12px 0px 0px;*/ box-sizing: border-box; width: 242px; text-decoration: none; text-transform: uppercase; background: #132e40; background: -webkit-linear-gradient(top, #5da6db 0%, #386a8e 50%, #132e40 100%); background: linear-gradient(top, #5da6db 0%, #386a8e 50%, #132e40 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5da6db', endColorstr='#132e40',GradientType=0); } .btn_grad:hover { color: #FFF; background: #5da6db; background: -webkit-linear-gradient(top, #132e40 0%, #386a8e 50%, #5da6db 100%); background: linear-gradient(top, #132e40 0%, #386a8e 50%, #5da6db 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#132e40', endColorstr='#5da6db',GradientType=0); } /*---COPYRIGHT---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .copyright-sh {position: absolute; bottom: 0; margin-left: 1090px; height: 40px; overflow: hidden; background: #002137; border-radius: 4px 4px 0px 0px; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s; -webkit-animation: sitehit 0.800s linear infinite alternate; animation: sitehit 0.800s linear infinite alternate; z-index: 100;} .copyright-sh a{color: #F4E2C2; text-decoration: none; cursor: pointer;} .copyright-sh .logo-sh-img-on {background: url(/bitrix/templates/francauto_new/images/site-hit-on.png) no-repeat; height: 40px; width: 90px; opacity: 0; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s; position: absolute;} .copyright-sh .logo-sh-img-off {background: url(/bitrix/templates/francauto_new/images/site-hit-off.png) no-repeat; height: 40px; width: 90px; opacity: 1; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s; } .copyright-sh .txt-sh-link {position: absolute; margin-top: -15px; text-align: center; width: 90px; font-size: 9px; text-transform: lowercase; color: #666; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s; } .copyright-sh:hover {-webkit-transition:all 400ms ease 0s;transition: all 400ms ease 0s; height: 51px; margin-top: -12px; -webkit-animation: sitehiton 0.300s linear infinite alternate; animation: sitehiton 0.300s linear infinite alternate;} .copyright-sh:hover .logo-sh-img-on {opacity: 1;} .copyright-sh:hover .logo-sh-img-off {opacity: 0;} .copyright-sh:hover .txt-sh-link {color: #09B800;} #shfpopup .title_link_reg{font-family: "exoregular";color: #fff;font-size: 28px;text-transform: uppercase;text-align:center;margin-bottom:30px;} #shfpopup .popup__overlay{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url('/bitrix/templates/francauto_city/images/city/bg_popup.jpg') center rgba(0,0,0,.7); text-align: center; z-index: 9900;} #shfpopup .popup__overlay:after{display:inline-block;height:100%;width:0;vertical-align:middle;content:''} #shfpopup .popup{display: inline-block; position: relative; max-width: 80%; padding: 20px; vertical-align: middle;} #shfpopup .popup__close{display: block; position: absolute; top: -60px; right: 20px; width: 10px; height: 10px; padding: 7px 9px 14px 9px; cursor: pointer; background: #000; font-size: 13px; color: #FFF; text-decoration: none; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s; border: 1px solid white;} #shfpopup .popup__close:hover{background: #29abe2;} #shfpopup #shpf-text{width:185px; min-height:85px; background:#FFF; text-shadow:1px 1px 2px #FFF,0 0 16px #FFF; box-shadow:0 0 5px rgba(255,255,255,0.5); -webkit-transition:all 400ms ease 0s; transition:all 400ms ease 0s; border-color:#999 #ccc #ccc; border-radius:2px} #shfpopup #shpf-text:hover{background:#FFE5E5; text-shadow:1px 1px 2px #FFF,0 0 16px #FFF; box-shadow:0 0 5px rgba(255,53,53,0.5)} #shfpopup #shfp-go{width:185px; height:35px; background:rgb(243,243,243); border:1px solid rgb(143,143,143); color:rgb(129,129,129); font-size:18px; margin-bottom:-20px; -webkit-transition:all 400ms ease 0s; transition:all 400ms ease 0s; cursor:pointer} #shfpopup #shfp-go:hover{color:maroon} #shfp-tt{width:185px; color:rgb(175,109,109)} #shfpopup .city-items .city-item:hover .open{background-color: #29abe2 !important; margin:0 auto; position:relative; width:966px; z-index:999;} #shfpopup .city-item-last{margin-right: 0 !important;} #shfpopup .city-items .city-item{float: left;margin-right: 52px;width: 200px;height: 280px;border: 1px solid #fff; color: #9ea7b0;} #shfpopup .city-items .city-item:hover {color: #29abe2;} #shfpopup .city-items .city-item .title-ib{height: 26px;} #shfpopup .city-items .city-item .title-ib .title-ib-txt{-webkit-transition:all 400ms ease 0s;transition: all 400ms ease 0s; font-family: "exoregular";color: #fff;font-size: 22px;text-transform: uppercase;cursor: pointer;position: absolute;margin-top: 10px;margin-left: 10px;} #shfpopup .city-items .city-item .title-ib .title-ib-txt .open{background: url("/bitrix/templates/francauto_city/style/img/mbottom-arr.png") no-repeat scroll center center #004573;bottom: 0;display: inline-block;height: 32px;left: 150px;top: -3px;position: absolute;vertical-align: top;width: 32px;z-index: 9;-webkit-transition: background 0.2s linear;transition: background 0.2s linear;} #shfpopup .city-items .city-item:hover .title-ib-txt{color: #29abe2;} #shfpopup .city-items .city-item .city-ib-img {margin-top: 20px; border-top: 1px solid #ddd;} #shfpopup .city-items .city-item .city-ib-img img{width: 200px;} #shfpopup .city-items .city-item .city-ib-img:hover .city-ib-img-off{opacity: 0;} #shfpopup .city-items .city-item .city-ib-img .city-ib-img-off{position: absolute; opacity: 1; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s;border-bottom: 1px solid;} #shfpopup .city-items .city-item .city-ib-img .city-ib-img-on{opacity: 1; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s;border-bottom: 1px solid;} .cbr-b-tel { text-decoration: none; padding: 5px 0px 5px 8px; font-size: 14px; text-align: left; font-family: "exoregular"; } .cbr-b-tel span { display: block; float: left; width: 67px; } #shfpopup_d .title_link_reg_d{font-family: "exoregular"; color: #fff; font-size: 72px; text-transform: uppercase; text-align: center; margin-bottom: 30px; line-height: 67px; margin-top: 65px;} #shfpopup_d .title_link_reg_d span{font-size: 25px;} #shfpopup_d .popup__overlay_d{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url('/bitrix/templates/francauto_city/images/city/bg_popup.jpg') center rgba(0,0,0,.7); text-align: center; z-index: 9900;} #shfpopup_d .popup__overlay_d:after{display:inline-block;height:100%;width:0;vertical-align:middle;content:''} #shfpopup_d .popup_d{display: inline-block; position: relative; max-width: 80%; padding: 20px; vertical-align: middle;} #shfpopup_d .popup__close_d{display: block; position: absolute; top: -60px; right: 20px; width: 10px; height: 10px; padding: 7px 9px 14px 9px; cursor: pointer; background: #000; font-size: 13px; color: #FFF; text-decoration: none; -webkit-transition:all 400ms ease 0s; transition: all 400ms ease 0s; border: 1px solid white;} #shfpopup_d .popup__close_d:hover{background: #29abe2;} /*SERVICE_MAIN*/ .sct-service { background-color: #f2f0f0; box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.4); position: relative; } .sct-service .car-list__logo {margin-bottom: 45px;} .sct-service .car-list__item {margin-top: 70px;} .sct-service .car-list__item:nth-child(2):before { position: absolute; content:""; width: 1px; background-color: #1b98d1; left: 50%; height: 35px; top: -68px; } /* .sct-service .car-list__item:nth-child(1):before, .sct-service .car-list__item:nth-child(3):before {height: 45px; top: -80px;} .sct-service .car-list__item:nth-child(2):before {height: 35px; top: -68px;} */ .sct-big-title { color: #cfcece; font-size: 72px; font-family: "MyriadProBoldCondensed"; text-transform: uppercase; text-align: center; margin-bottom: 10px; letter-spacing: 1.5px; } .sct-small-title { text-align: center; text-transform: uppercase; font-weight: bold; font-size: 30px; color: #555f65; font-family: "MyriadProCondensed"; font-weight: normal; margin: 40px 0 30px 0; letter-spacing: 1.4px; } .sct-small-title_secondary { color: #1b98d1; position: relative; display: inline-block; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 410px; margin: 0; letter-spacing: 0.5px; } .sct-small-title_secondary:before, .sct-small-title_secondary:after { position: absolute; content:""; /* height: 1px; width: 195px; background-color: #1b98d1; bottom: 10px;*/ height: 46px; width: 195px; background: url(/bitrix/templates/francauto_new/images/line_blue.png) no-repeat center; bottom: -36px; } .sct-small-title_secondary:before {left: -205px;} .sct-small-title_secondary:after {right: -205px; -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); transform: scale(-1,1);} .sct-service_second { background-color: #f2f0f0; box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.15); padding-top: 35px; } .sct-service_second .sct-big-title {margin-bottom: 15px;} .btn_secondary { font-size: 30px; font-family: "MyriadProCondensed"; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0px 5px 6px 2px rgba(0,0,0,0.3); padding: 5px 35px; letter-spacing: 0.6px; } .sct-service__img_big { display: block; margin: 0 auto; } .sct-service .car-list { z-index: 0; position: relative; } .sct-service .car-list__logo { display: block; position: relative; overflow: hidden; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .sct-service .car-list__logo_citroen, .sct-service .car-list__logo_peugeot, .sct-service .car-list__logo_renault {background: #fff;} .sct-service .car-list__logo:before { position: absolute; height: 100%; width: 100%; content:""; border-radius: 50%; top: 0; left: 0; -webkit-transition: all 200ms ease 0s; transition: all 200ms ease 0s; /*z-index: -1;*/ } .sct-service .car-list__logo:hover:before { -webkit-transform: translateZ(0) scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .sct-service .car-list__logo_citroen:before {background: url(/bitrix/templates/francauto_new/images/cars__item_citroen.png) no-repeat center, transparent} .sct-service .car-list__logo_peugeot:before {background: url(/bitrix/templates/francauto_new/images/cars__item_peugeot.png) no-repeat center, transparent} .sct-service .car-list__logo_renault:before {background: url(/bitrix/templates/francauto_new/images/cars__item_renault.png) no-repeat center, transparent} body {background-color: #f2f0f0;} .sh_table { border-collapse:separate !important; border-spacing: 10px 0; font-size: 18px; display: block; margin: 0 auto 50px; width: 920px !important; } .sh_table tr:first-child td, .sh_table tr:first-child th { color: #f2f0f0; text-transform: uppercase; background-color: #1da1dd; padding: 15px; text-align: left; margin-bottom: 16px; letter-spacing: 0.4px; } .sh_table tr:first-child td:first-child {width: 85%;} .sh_table td { color: #555f65; padding: 5px 15px; letter-spacing: 0.5px; height: auto !important; } .sh_table tr:nth-child(odd) {background-color: #dad7d7;} .sh_table tr:nth-child(even) {background-color: #fff;} .sh_table tr:first-child {background-color: transparent;} .content-table td:first-child {width: 756px; } .content-table td:nth-child(2) {width: 130px;} .content-table__padding {height: 17px;} .car-model, .news__img { display: block; float:none; margin: -75px 0 0 120px; width: 230px; } .link-back, .link-back:hover, .link-back:focus, .link-back:active { color: #f2f0f0; background: transparent; } /*CONTENT*/ .sct-big-title_secondary { color: #1b98d1; cursor: pointer; font-size: 48px; position: relative; padding-bottom: 12px; border-bottom: 1px solid; margin-bottom: 50px; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .sct-big-title_secondary:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 30px; border-color: #1b97d1 transparent transparent transparent; left: 50%; margin-left: -30px; top: 100%; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; } .sct-big-title_secondary:hover {color: #4a555b;} .sct-big-title_secondary:hover:before {border-color: #4a555b transparent transparent transparent;} .sct-info { height: auto; background: #fff; padding: 35px 0; position: relative; } .sct-info_bordered-top:before, .sct-info_bordered-bottom:after { position: absolute; content:""; width: 100%; height: 10px; background: url(/bitrix/templates/francauto_new/images/border.png) repeat-x; left: 0; z-index: 1; } .sct-info:before {top: -10px;} .sct-info:after { bottom: -10px; -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); transform: scale(1,-1); } .sct-info__content { overflow: hidden; display: none; } .sct-info__left { width: 50%; float: left; padding: 0 17px; box-sizing: border-box; } .sct-info__right { width: 50%; float: right; padding: 0 17px; box-sizing: border-box; } .sct-subtitle { font-size: 30px; color: #4a555b; margin: 30px 0 20px; font-weight: normal; } .sct-subtitle:first-child { margin-top: 0; } .sct-subtitle_centered { text-align: center; } p:not([class]) { color: #4a555b; line-height: 1.2; text-align: justify; margin-bottom: 10px; } /*a:not([class]) { font-weight: bold; color: #1b97d1; background: transparent; } a:not([class]):hover { text-decoration: underline; } */ a:not([class]) { /*font-weight: bold;*/ color: #1b97d1; background: transparent; text-decoration: underline; } a:not([class]):hover { text-decoration: none; } /*.link { color: #1b97d1; font-weight: normal; text-decoration: underline; }*/ b, strong { font-weight: inherit; font-weight: bolder; /*font-family: "MyriadProBold";*/ color: #1b97d1; } .content__ul {margin: 15px 0;} .content__ul li { margin-left: 50px; margin-bottom: 10px; position: relative; color: #4a555b; line-height: 1.2; } .content__ul li:before { position: absolute; content: ""; width: 11px; height: 22px; /* background: url(/bitrix/templates/francauto_new/images/icon_other2.png) no-repeat center; background-size: contain; top: -2px; left: -20px;*/ top: 0px; left: -20px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #4a555b; } .sct-title_secondary { color: #1b97d1; font-size: 30px; margin: 25px 0; text-align: center; display: block; } .phone_primary { font-size: 30px; font-family: "MyriadProBold"; color: #1b97d1; text-align: center; margin: 5px; } /*.phone_primary:not(:last-child) {margin-bottom: 10px;}*/ .atn-txt { display: block; color: #4a555b; font-size: 30px; text-align: center; margin-bottom: 5px; } /* stock */ .stock__ttl{margin: 30px 0px 30px 0px;} .stock__photos{display: inline-block; vertical-align: top; margin: 0px 15px 30px; width: 200px; height: 150px; box-sizing: border-box; /*border:1px solid #FFF;*/} .stock__photos img{width: 100%; height: 100%;} /* percent stock */ .percent{font-family:MyriadPro;} .percent__i { /*background: url(/bitrix/templates/francauto_new/../images/s10_line.png) no-repeat center bottom;*/ position: relative; margin: 0 123px; } .percent__i:not(:last-of-type) {margin-bottom: 35px;} .percent__i:not(:last-of-type):before { position: absolute; content: ""; width: 934px; height: 1px; bottom: 0; left: 0px; background: #5ca6db; background: -webkit-linear-gradient(right, #03131c 0%, #5ca6db 50%, #03131c 100%); background: linear-gradient(to left, #03131c 0%, #5ca6db 50%, #03131c 100%); } /*.percent__i:last-of-type{background: none;}*/ .percent__img-wr{position: relative; float: left;width: 204px; height: 204px; margin: 0 15px 35px 15px;} .percent__i:nth-of-type(2n) .percent__img-wr{float: right;} .percent__img{width: 100%; height: 100%; display: block;} .percent__num{position: absolute; background: #e1d900; border: 1px solid #FFF; box-sizing: border-box; width: 45px; height: 45px; text-align: center; color: #000; font-size: 30px;border-radius: 50%; padding: 4px 0px 0px; top: 1px; left: 1px;} .percent__txt-wr{float: right; height: 200px; width: 700px; text-align: center; position: relative; } .percent__txt-wr:after{content: ""; display: -moz-inline-box; display: inline-block; height: 100%; width: 0px; vertical-align: middle; zoom: 1;} .percent__i:nth-of-type(2n) .percent__txt-wr{float: left;} .percent .percent__i:nth-of-type(4) .percent__txt{text-align: left; padding-left: 70px; box-sizing: border-box;} .percent__txt{color: #a1aab3;font-family: "MyriadProItalic"; font-size: 24px; display: -moz-inline-box; display: inline-block; vertical-align: middle; width: 680px; zoom: 1; line-height: 1.4;} .percent__txt span{color: #000f19; font-size: 30px;font-family:"MyriadProRegular";} /*.percent__txt b{font-family:MyriadPro;}*/ .percent__link{display: block; margin: 18px auto 0px;font-family:"MyriadProRegular"; color: #FFF; height: 50px; border:1px solid #3a6d92; font-size: 20px; border-radius: 25px; padding: 12px 0px 0px; box-sizing: border-box; width: 242px; text-decoration: none; text-transform: uppercase; background: #5da6db; background: -webkit-linear-gradient(top, #5da6db 0%, #386a8e 50%, #132e40 100%); background: -webkit-linear-gradient(#5da6db 0%, #386a8e 50%, #132e40 100%); background: linear-gradient(#5da6db 0%, #386a8e 50%, #132e40 100%); box-shadow: 0 10px 15px rgba(0,0,0,.4); -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.4); -moz-box-shadow: 0 10px 15px rgba(0,0,0,.4); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5da6db', endColorstr='#132e40',GradientType=0);*/ } .percent__link:hover{color: #FFF; background: #386a8e; background: -webkit-linear-gradient(top, #132e40 0%, #386a8e 50%, #5da6db 100%); background: -webkit-linear-gradient(#132e40 0%, #386a8e 50%, #5da6db 100%); background: linear-gradient(#132e40 0%, #386a8e 50%, #5da6db 100%); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#132e40', endColorstr='#5da6db',GradientType=0);*/ } .percent__a{font-size: 30px; color: #29abe2; text-decoration: underline;} .percent__ttl{font-size: 30px; font-weight: bold; color: #000f19; text-transform: uppercase; /*margin:65px 0px 0px 0px;*/ text-align: center;} .percent__count-wr{ text-align: center; margin: 0px auto 50px; text-transform: uppercase; font-size: 18px; color: #929ba3; } .percent__count-bg:before, .percent__count-bg:after { position: absolute; content: ""; background-color: #333f47; width: 190px; top: 10px; height: 1px; } .percent__count-bg:before {left: -205px;} .percent__count-bg:after {right: -205px;} .percent__count-bg{position: relative;} .percent__count{font-size: 30px; border-radius: 50%; color: #000; background: #e1d900; width: 48px; height: 48px; text-align: center; display: inline-block; box-sizing: border-box; position: relative; top: 3px; margin: 0px 5px; padding: 7px 0px 0px;} /*.reveal_l, .reveal_r{visibility: hidden;}*/ /* stock dvs */ .dvs{color: #FFF; font-size: 24px;font-family:MyriadPro; margin-bottom: 108px;} .dvs__img{width: 461px; float: left; margin-right: 41px;} .dvs__txt{} .dvs__txt_b{font-size: 30px; line-height: 26px;} .dvs__txt_i{font-family: "MyriadProItalic"; margin-bottom: 38px; color: #a1aab3;} .dvs__txt_s{font-size: 18px;margin-bottom: 12px;} .dvs__txt_icon{display: inline-block; padding: 6px 0px 14px 58px; margin: 0px 0px 8px 0px; box-sizing: border-box;} .dvs__txt_diag{background: url(/bitrix/templates/francauto_new/../images/akcii/dvs_d.png) no-repeat 0px 50%;} .dvs__txt_oil{background: url(/bitrix/templates/francauto_new/../images/akcii/dvs_m.png) no-repeat 0px 50%;} .news-detail {position: relative;} .news-detail_primary { box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4); position: relative; z-index: 5; } .news-detail_secondary { padding: 65px 0 0 0; background: #fff; box-shadow: inset 0px 10px 5px 0px rgba(0,0,0,0.15); position: relative; /*z-index: 5;*/ box-sizing: border-box; text-align: center; } .link-back_white {color: #fff; background-color: #fff; display: block;} .contacts-list { display: inline-block; font-size: 0; width: 100%; margin-bottom: 38px; height: 330px; margin-left: 5px; } .contacts-list__item { display: inline-block; box-sizing: border-box; width: 282px; height: 156px; font-size: 18px; color: #555f65; position: relative; background-color: #fff; overflow: hidden; } .contacts-list__item:not(:nth-child(4n)) {margin-right: 17px;} .contacts-list__item:not(:last-child) {margin-bottom: 15px;} .contacts-list__item_wide { width: 100%; } .contacts-list__content { position: absolute; box-sizing: border-box; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 105px; line-height: 1.3; } .contacts-list__item_msg {cursor: pointer;} .contacts-list__item_msg .contacts-list__content { background-color: #ff0000; padding: 7px 10px 7px 35px; color: #fff; text-transform: uppercase; width: 475px; /*cursor: pointer;*/ -webkit-transition:background-color 400ms ease 0s; transition: background-color 400ms ease 0s; } .contacts-list__item_msg .contacts-list__content:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 10px 6px 0; border-color: transparent #ffffff transparent transparent; left: 8px; top: 50%; margin-top: -6px; } .contacts-list__item_msg:hover .contacts-list__content, .contacts-list__item_msg:focus .contacts-list__content {background-color: #cc0000;} .contacts-list__item_msg:hover:before, .contacts-list__item_msg:focus:before { -webkit-animation: myBounce 0.7s 1 ease; animation: myBounce 0.7s 1 ease;} .contacts-list__ttl { color: #198cc2; display: block; /*margin-bottom: 8px;*/ } .contacts-list__value { font-weight: bold; } .contacts-list__item_email a {color: #555f65;} .contacts-list__item:before { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 30px; background-image: url(/bitrix/templates/francauto_new/images/contacts-icons.png); background-repeat: no-repeat; } .contacts-list__item_msg:before { width: 32px; height: 43px; background-position: -10px -10px; } .contacts-list__item_address:before { width: 41px; height: 34px; background-position: -62px -10px; } .contacts-list__item_email:before { width: 41px; height: 30px; background-position: -123px -10px; } .contacts-list__item_phone:before { width: 30px; height: 29px; background-position: -184px -10px; } #shft-default.contacts-form .sh-ftitle:before { position: absolute; content: ""; top: 30px; left: 50%; margin-left: -16px; background: url(/bitrix/templates/francauto_new/images/contacts-icons.png) no-repeat -234px -10px; width: 33px; height: 26px; } .contacts-list__item_hours:before { width: 34px; height: 33px; background-position: -287px -10px; } .yandex-map { display: block; margin: 40px 5px 110px; position: relative; } .yandex-map:before { position: absolute; content: ""; width: 1200px; height: 1px; background-color: #1da1dd; left: -15px; top: -40px; } #bx_incl_area_5_2 {display: inline;} .container_secondary { padding-left: 0; padding-right: 0; } #msg-boss .msg-boss__popup{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); text-align:center; z-index:500} #msg-boss .msg-boss__popup:after{display:inline-block; height:100%; width:0; vertical-align:middle; content:''} #msg-boss .popup{display:inline-block; position:relative; max-width:80%; vertical-align:middle; min-height:300px; min-width:250px;} #msg-boss .popup__close{display:block; position:absolute; top: -12px; right: -10px; height: 22px;width: 22px;cursor:pointer} #msg-boss .popup .popup__close #shoc1{background:url(/bitrix/templates/francauto_new/images/xsprite.png); display:block; height: inherit; width: inherit; position:absolute; z-index:10; background-position:0px 0px; -webkit-transition:all 400ms ease 0s; transition:all 400ms ease 0s} #msg-boss .popup .popup__close #shoc2{background:url(/bitrix/templates/francauto_new/images/xsprite.png); display:block; height: inherit; width: inherit; position:absolute; z-index:10; background-position: -49px 0px; opacity:0; -webkit-transition:all 400ms ease 0s; transition:all 400ms ease 0s} #msg-boss .popup__close:hover #shoc2{opacity:1} #msg-boss .popup__close:hover #shoc1{opacity:0.5} .content-table { color: #555f65; } .content-table tr:nth-child(odd) { background-color: #dad7d7; } .content-table tr:nth-child(even) { background-color: #fff; } .content-table td { padding: 5px 5px 5px 30px; } #wrap { display: -webkit-box; display: -webkit-flex; /*display: -ms-flexbox;*/ /*-js-display: flex; */ display: -ms-flexbox; display: flex; /*-ms-flex: 1;*/ /*-ms-flex-direction: column;*/ -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content { display: -webkit-box; display: -webkit-flex; /*display: -ms-flexbox;*/ /*-js-display: flex;*/ display: -ms-flexbox; display: flex; /*-ms-flex: 1;*/ /*-ms-flex-direction: column;*/ -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*-ms-flex-positive: 1;*/ -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .test_btm { /*-ms-flex: 1;*/ /*-ms-flex-positive: 1;*/ -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } /* Chrome, Safari, Opera */ @-webkit-keyframes myBounce { 0% {margin-top: 0;} 25% {margin-top: -5px;} 75% {margin-top: 5px;} 100% {margin-top: 0;} } /* Standard syntax */ @keyframes myBounce { 0% {margin-top: 0;} 25% {margin-top: -5px;} 75% {margin-top: 5px;} 100% {margin-top: 0;} } .sh_table tr:first-child td:nth-child(1) {width: 746px;} .sh_table tr:first-child td:nth-child(2) {width: 127px;} .deal__right { float: right; width: 485px; padding-top: 35px; } .deal__title { font-family: "MyriadProBoldCondensed"; font-weight: bold; font-size: 36px; } .deal__info { color: #555f65; font-family: "MyriadProItalic"; font-size: 23px; margin-bottom: 35px; } .deal__info_secondary { position: relative; padding-left: 10px; } .deal__info_secondary:before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 8px; border-color: transparent transparent transparent #1da0dd; left: 0; top: 5px; } .deal-desc { position: relative; width: 462px; box-sizing: border-box; border: 1px solid #e1d900; padding: 30px 20px 30px; } .deal-desc_secondary { padding-top: 50px; } .deal-desc_secondary:before { position: absolute; content: "+"; box-sizing: border-box; width: 80px; height: 40px; background-color: #e1d900; border:2px solid #fff; border-radius: 10px; box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3); top: -20px; left: 30px; padding: 0 10px; font-weight: bold; color: #fff; font-size: 30px; background: url(/bitrix/templates/francauto_new/images/present.png) no-repeat 40px 2px, #e1d900; } .deal-desc__item { font-size: 24px; position: relative; padding-left: 60px; } .deal-desc__item:not(:last-child) {margin-bottom: 40px;} .deal-desc__item:before { position: absolute; content: ""; background-repeat: no-repeat; left: 0; bottom: -5px; background-image: url(/bitrix/templates/francauto_new/images/deals-icons.png); } .deal-desc__item_oil:before { width: 43px; height: 26px; /*background: url(/bitrix/templates/francauto_new/images/oil-check.png);*/ background-position: -42px -4px; } .deal-desc__item_oil-check:before { width: 30px; height: 44px; /*background: url(/bitrix/templates/francauto_new/images/dvs.png);*/ background-position: -4px -4px; } .deal-desc__item_check:before { width: 29px; height: 48px; /*background: url(/bitrix/templates/francauto_new/images/sus-check.png);*/ background-position: -140px -4px; } .deal-desc__item_shini:before { width: 39px; height: 44px; /*background: url(/bitrix/templates/francauto_new/images/shini.png);*/ bottom: 40px; background-position: -93px -4px; } .deal-desc__link { color: #1da1dd; text-decoration: underline; } .check-param { overflow: hidden; background: #fff; } .check-param .container { overflow: hidden; background: url(/bitrix/templates/francauto_new/images/sustainer-bg.jpg) no-repeat bottom right, #fff; padding-bottom: 25px; } .check-param .sct-small-title {margin-bottom: 20px;} .check-param .sct-subtitle { font-size: 23px; margin-bottom: 10px; text-align: center; } .check-param__left, .check-param__right { width: 50%; box-sizing: border-box; } .check-param__left {padding: 0 30px 0 19px; float: left;} .check-param__right {padding: 0 19px 0 30px; float: right;} .check-param__left .pres-table:last-child {float: left;} .pres-table { border: 1px solid #1da1dd; text-align: center; box-sizing: border-box; width: 270px; } .pres-table thead th { background-color: #1da1dd; padding: 16px 10px; color: #fff; text-transform: uppercase; } .pres-table tbody td { border: 1px solid #1da1dd; font-family: "MyriadProItalic"; color: #555f65; font-size: 14px; padding: 4px; } .pres-table:nth-child(even) {float: left;} .pres-table:nth-child(odd) {float: right;} .news-detail .btn_primary { position: relative; cursor: pointer; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 25px; box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.4); } .back-wrapper { text-align: center; padding: 28px 0 54px; } .back-btn { color: #929ba3; font-size: 18px; text-transform: uppercase; display: inline-block; position: relative; padding-right: 14px; background: url(/bitrix/templates/francauto_new/images/arw-icon.png) no-repeat right center; background-size: contain; } .back-btn:hover {color: #1da1dd;} .back-btn:before, .back-btn:after { position: absolute; content: ""; background-color: #333f47; width: 190px; top: 10px; height: 1px; } .back-btn:before {left: -265px;} .back-btn:after {right: -265px;} .pres-box { box-sizing: border-box; background-color: #e1d900; border: 2px solid #fff; border-radius: 10px; box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3); padding: 10px 12px 10px; font-size: 24px; width: 156px; text-align: center; display: inline-block; letter-spacing: 1px; color: #000; margin-left: 35px; vertical-align: middle; } .pres-box span { display: block; font-size: 60px; } .deal-desc__item_shini, .deal-desc__item_transfer { font-family: "MyriadProItalic"; font-weight: bold; color: #33a9df; } .deal-desc__item_transfer { line-height: 1.4; } .deal-desc__item_transfer:before { position: absolute; content: ""; background-repeat: no-repeat; left: 0; top: 5px; width: 34px; height: 45px; background-image: url(/bitrix/templates/francauto_new/images/ico_arws.png); } .detail_picture_moved { margin-top: -120px; /*position: relative;*/ z-index: -1; position: absolute; } .detail_picture_moved+.deal__right {margin-bottom: 120px;} /*.detail_picture_moved-l {margin-left: -40px;}*/ /*Гарантии*/ .pres-list { text-align: center; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; /*-js-display: flex;*/ display: flex; -ms-flex-direction: row; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: rwo; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; } .pres-list__item-wrapper { font-size: 16px; vertical-align: top; margin: 0 32px 32px; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; /*-js-display: flex;*/ display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 382px; /*display: table;*/ /*float: left;*/ } .pres-list__item { box-sizing: border-box; border: 1px solid #1da1dd; padding: 28px 16px 24px; text-align: center; margin-bottom: 30px; width: 382px; /*height: 506px;*/ overflow: hidden; -ms-flex: 1 auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .pres-list__title { text-transform: uppercase; font-size: 39px; font-family: "MyriadProBoldCondensed"; margin-bottom: 24px; } .pres-list__icon { width: 146px; height: 146px; box-sizing: border-box; position: relative; border-radius: 50%; background-color: #555f65; /*margin-bottom: 50px;*/ display: block; margin: 0 auto 50px; } .pres-list__icon:before { position: absolute; content: ""; top: 50%; left: 50%; background-image: url(/bitrix/templates/francauto_new/images/war-icons.png); background-repeat: no-repeat; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .pres-list__item_parts .pres-list__icon:before { width: 79px; height: 88px; background-position: -4px -4px; } .pres-list__item_repair .pres-list__icon:before { width: 101px; height: 87px; background-position: -91px -4px; } .pres-list__list { padding: 0 8px; } .pres-list__list-item:not(:last-child) { margin-bottom: 40px; } .pres-list__primary-txt { display: block; font-family: "MyriadProBold"; /*text-transform: uppercase;*/ font-size: 18px; margin-bottom: 5px; } .pres-list__secondary-txt { display: block; text-transform: lowercase; } .pres-list__item-wrapper .btn_secondary { cursor: pointer; display: block; box-sizing: border-box; width: 340px; /* transform: none; position: static; margin: 0 auto;*/ } .remark { box-sizing: border-box; padding: 22px 0 25px; background-color: #555f65; text-align: center; color: #fff; } .remark__content { display: block; text-transform: uppercase; letter-spacing: 3px; } .map-level-0 li { margin: 5px 0; font-size: 18px; font-weight: normal; font-family: "MyriadProBold"; } .iconed-list { /* display: table; table-layout: fixed;*/ width: 100%; background: #b8babd; box-sizing: border-box; padding: 0 60px; } .iconed-list:after { display: table; content: ""; clear: both; } .iconed-list__item { /*display: table-cell;*/ height: 100%; vertical-align: middle; /*padding: 15px 0 15px 60px;*/ padding: 15px 0; display: inline-block; float: left; position: relative; width: 230px; } .iconed-list__item:not(:last-child) {margin-right: 45px;} .iconed-list__icon { background: #f2f0f0; border-radius: 50%; width: 95px; height: 95px; /*display: table-cell;*/ position: relative; display: inline-block; } .iconed-list__icon:before { background-repeat: no-repeat; background-image: url(/bitrix/templates/francauto_new/images/ico_mono.png); position: absolute; content: ""; left: 50%; top: 50%; /* -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ } .iconed-list__item_drinks .iconed-list__icon:before { width: 47px; height: 66px; background-position: -77px -5px; left: 55%; top: 45%; margin: -33px 0 0 -24px; } .iconed-list__item_comfort .iconed-list__icon:before { width: 61px; height: 53px; background-position: -201px -5px; margin: -26px 0 0 -30px; } .iconed-list__item_manager .iconed-list__icon:before { width: 57px; height: 55px; background-position: -134px -5px; margin: -27px 0 0 -28px; } .iconed-list__item_wifi .iconed-list__icon:before { width: 62px; height: 48px; background-position: -5px -5px; margin: -24px 0 0 -31px; } .iconed-list__title { font-family: "MyriadProCondensed"; font-size: 30px; text-transform: uppercase; color: #fff; /*display: table-cell;*/ /*height: 100%;*/ /*vertical-align: middle;*/ padding-left: 13px; box-sizing: border-box; letter-spacing: 1.5px; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .city-list { text-align: center; margin: 10px 0 60px; font-size: 0; } .city-list__item { width: 240px; display: inline-block; vertical-align: top; font-size: 16px; } .city-list__item:not(:last-child) { margin-right: 72px; } .city-list__icon { font-size: 39px; color: #fff; width: 240px; height: 240px; border-radius: 50%; background: #1da2df; box-sizing: border-box; box-shadow: inset 0px 4px 3px 0px rgba(0,0,0,0.5); margin-bottom: 55px; font-family: "MyriadProBoldCondensed"; text-transform: uppercase; text-align: center; position: relative; } .city-list__name { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .city-list__phone { color: #01101a; font-size: 18px; border:1px solid #198cc2; padding: 8px; } .city-list__phone:first-child {margin-bottom: 10px;} .city-list__phone-ttl { font-size: 24px; font-family: "MyriadProBold"; display: block; } .city-list__info { box-sizing: border-box; } .city-list__info_secondary { background: #a5a9ac; color: #fff; padding: 20px 10px; line-height: 1.4; height: 130px; overflow: hidden; font-size: 18px; } .city-list__info_secondary span { font-family: "MyriadProBold"; display: block; text-transform: uppercase; } .city-list__item_serp .city-list__link:hover .city-list__icon, .city-list__item_serp .city-list__link:focus .city-list__icon{ background: url(/bitrix/templates/francauto_new/images/city_serp.png) no-repeat center; } .city-list__item_tula .city-list__link:hover .city-list__icon, .city-list__item_tula .city-list__link:focus .city-list__icon { background: url(/bitrix/templates/francauto_new/images/city_tula.png) no-repeat center; } .city-list__item_podolsk .city-list__link:hover .city-list__icon, .city-list__item_podolsk .city-list__link:focus .city-list__icon { background: url(/bitrix/templates/francauto_new/images/city_podolsk.png) no-repeat center; } .city-list__item_kaluga .city-list__link:hover .city-list__icon, .city-list__item_kaluga .city-list__link:focus .city-list__icon { background: url(/bitrix/templates/francauto_new/images/city_kaluga.png) no-repeat center; } .btn-center{text-align: center;margin: 20px 0;} .phones { font-size: 14px; text-align: right; margin-top: -8px; } .phones__ttl { font-size: 16px; } .phones__ttl:not(:last-child) { margin-bottom: 2px; } /*.phones span { font-size: 20px; }*/ .phones:after { content: ""; display: table; clear: both; } .phones__call { float: right; margin: 8px 0 0 0; padding: 4px 9px; border: 1px solid red; background: #fe0000; background: -webkit-linear-gradient(top, #fe0000, #9a0000); background: linear-gradient(to bottom, #fe0000, #9a0000); border-radius: 3px; max-height: 100%; width: 268px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; max-height: 1.572em; -webkit-transition: all 0ms ease 0s; transition: all 0ms ease 0s; } .phones__call:hover, .phones__call:focus { background: #fe0000; } .phones__call:active { background: #fe0000; } #apply-form { display: none; } /*new*/ .sct-title_sec { font-family: 'MyriadProBoldCondensed'; color: #44525b; margin-bottom: 55px; } .sct-reviews { padding: 30px 0 48px; background: #fff; } .btn_shadowed { -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.4); -moz-box-shadow: 0 10px 15px rgba(0,0,0,.4); box-shadow: 0 10px 15px rgba(0,0,0,.4); } .sct-other { position: relative; } .sct-other:before { position: absolute; content:""; width: 100%; height: 10px; background: url(/bitrix/templates/francauto_new/images/border.png) repeat-x; left: 0; z-index: 1; top: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sct-color { overflow: hidden; background: #fff; background: url(/bitrix/templates/francauto_new/images/bg-car.jpg) no-repeat; background-position: 50% -548px; } .sct-color .container { padding: 70px 0 84px; position: relative; } .big-notice { text-align: center; font-family: 'MyriadProCondensed'; } .big-notice span { color: #ff0000; } .big-notice__title { font-size: 108px; color: #000; line-height: 0.84em; margin-bottom: 16px; } .big-notice__content { font-size: 30px; line-height: normal; } .big-notice .btn_primary { padding-left: 44px; padding-right: 44px; } .big-notice .btn-c { margin-top: 50px; } /****************************************************************************/ /* APPLICATION BANNERS */ /****************************************************************************/ /*banner mobile*/ .o-flag{display:table;width:100%;border-spacing:0}.o-flag__body,.o-flag__thumb{display:table-cell;vertical-align:middle}.o-flag__thumb{width:1px}.o-flag__img{max-width:none;display:block;width:100px}.o-flag__body{width:auto;padding-left:1em}.o-flag__body,.o-flag__body>:last-child{margin-bottom:0}.banner-mobile{position:absolute;z-index:110;top:0;left:0;width:100%;background:#000;font-family:Arial, sans-serif;padding-top:36px;padding-bottom:36px;-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease;line-height:1.15}.banner-mobile_hidden{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.banner-mobile__btn{position:relative;padding-left:0;width:84px}.banner-mobile__close{height:100%;width:100%;position:absolute;top:0;left:0;box-shadow:none;border:0;background:0 0;border-radius:0;color:#fff;font-size:28px;user-select:none;outline:0}.banner-mobile__logo{width:112px;height:112px;border-radius:24px;}.banner-mobile__info{color:#fff;padding-left:24px}.banner-mobile__title{font-size:32px}.banner-mobile__desc{font-size:24px;margin-top:14px}.banner-mobile__links{padding-left:30px;padding-right:30px;width:292px}.banner-mobile__link{font-weight:700;color:#fff;text-decoration:none;text-align:center;background:red;line-height:1.15;padding:14px 28px;font-size:32px;display:none}@media (min-width: 768px){.banner-mobile__btn{width:204px}.banner-mobile__links{padding-left:100px;padding-right:100px}} /*banner desktop*/ .banner-desktop{background:#010f1a;padding:25px 0 26px;border-bottom:1px solid #474747;color:#fff}.banner-desktop__body{max-width:510px;padding-left:10px;margin-left:auto;margin-right:auto}.banner-desktop__img{width:40px;height:40px;border-radius:8px}.banner-desktop__content{padding-left:18px}.banner-desktop__title{font-size:17px;text-transform:uppercase;display:inline-block;vertical-align:inherit}.banner-desktop__links{display:inline-block;padding-left:20px;font-size:0;vertical-align:inherit}.banner-desktop__link{text-decoration:none;color:#fff;display:inline-block;margin:0 10px;font-size:16px}.banner-desktop__link-img{display:block} /*popup social*/ .popup-social{margin:0;padding:0;list-style:none;position:fixed;right:12px;top:50%;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transform:scale(0) translateY(-50%);-ms-transform:scale(0) translateY(-50%);transform:scale(0) translateY(-50%)}.popup-social__item+.popup-social__item{margin-top:5px}.popup-social__link{width:34px;height:34px;display:block;background:transparent;position:relative;-webkit-transition:background-color .15s ease;transition:background-color .15s ease}.popup-social__ico{display:inline-block;background-image:url(/bitrix/templates/francauto_new/images/logo-market_sm.png);background-repeat:no-repeat;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;max-height:100%;max-width:100%}.popup-social__item_google .popup-social__ico{width:28px;height:30px;background-position:-48px -5px}.popup-social__item_appstore .popup-social__ico{width:33px;height:33px;background-position:-5px -5px}@media (min-width:1200px){.popup-social_visible{-webkit-transform:scale(1,1) translateY(-50%);-ms-transform:scale(1,1) translateY(-50%);transform:scale(1,1) translateY(-50%)}} .u-1\/1 { width: 100% !important; } .u-1\/2 { width: 50% !important; } .u-2\/2 { width: 100% !important; } .u-1\/3 { width: 33.33333% !important; } .u-2\/3 { width: 66.66667% !important; } .u-3\/3 { width: 100% !important; } .u-1\/4 { width: 25% !important; } .u-2\/4 { width: 50% !important; } .u-3\/4 { width: 75% !important; } .u-4\/4 { width: 100% !important; } .u-1\/5 { width: 20% !important; } .u-2\/5 { width: 40% !important; } .u-3\/5 { width: 60% !important; } .u-4\/5 { width: 80% !important; } .u-5\/5 { width: 100% !important; } .o-layout { display: block; font-size: 0; } .o-layout__item { display: inline-block; vertical-align: top; width: 100%; font-size: 16px; } .o-layout_auto > .o-layout__item { width: auto; } .o-layout_middle > .o-layout__item { vertical-align: middle; } .c-acn { position: relative; } .c-acn__content { max-height: 0; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); overflow: hidden; visibility: hidden; will-change: max-height; transform: translateZ(0); } .c-acn_active .c-acn__content { max-height: 1000px; visibility: visible; z-index: 2; transition: max-height 1s ease-in-out; } .sct-teasers { position: relative; } .sct-teasers:before { position: absolute; content: ''; width: 100%; height: 10px; background: url('/bitrix/templates/francauto_new/images/border.png') repeat-x; left: 0; z-index: 1; top: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sct-teasers .container { padding-top: 65px; padding-bottom: 45px; } .sct-team { background-color: #6d6d6d; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url('/bitrix/templates/francauto_new/images/bg-gradient.jpg'); } .sct-team .container { padding-top: 42px; padding-bottom: 54px; } /* End */ /* /bitrix/templates/francauto_new/components/sitehit/shform_2_application/fa__application/style.css?16829060064238 */ /* /bitrix/templates/francauto_new/components/bitrix/menu/fa-main-menu/style.min.css?1682906006490 */ /* /bitrix/templates/francauto_new/components/sitehit/shform_2_application/sh__order-call/style.css?16829060064464 */ /* /bitrix/templates/francauto_new/styles.css?1774278407661 */ /* /bitrix/templates/francauto_new/template_styles.css?177427840781693 */