header.header { font-size: 1em; } h2.maintitle, div.maintitle { margin-top: 1em; margin-bottom: 1em; font-size: 2em; } .text-center { text-align: center; } .white-box { background: #fff; color: #000; } .yellow-box { background: #fbbb00; } .gray-box { background: #dadbe0; } .dark-gray-box { background: #252525; color: #bbbbbb; } .blue-box { background: #052b48; color: #fff; } .light-gray-box { background: #f9f7f7; } .black-box { background: #0f0f0f; color: #fbbb00; } .black-box h2.maintitle, .black-box div.maintitle { color: #fbbb00; } .diag_bg-box h2, .diag_bg-box div.maintitle { color: #fbbb00; margin-bottom: 1em; } .black-box .articles-detail h1 { color: #fbbb00; text-align: left; font-size: 2em; margin-bottom: 1em; } .blue-btn { border: none !important; background: #006cb5; color: #fff; display: inline-block !important; padding: 15px 30px; } .red-btn { border: none !important; background: #e31e24; color: #fff; display: inline-block !important; padding: 15px 30px; } .header .contact span { line-height: 1.4em; } .header .contact .phone { padding-top: 0; } .header .button { padding-left: 0; font-size: .9em; } .head_fixed .header { padding: 30px 100px 30px 150px; } .head_fixed .header .button { display: none; } .header .button div { text-align: center; margin-top: 3px; } .head_fixed .logo_fixed { top: -10px; left: -135px; } .head_fixed .contact { width: 20%; font-size: .9em; } .menu-wrap .logo { margin-right:15px; } .menu-wrap .btn-wrap { float: left; padding-top: 0; } .menu-wrap .btn-wrap b { display: block; padding: 25px 15px; cursor: pointer; text-transform: uppercase; } .head_fixed .menu-wrap .btn-wrap { float: right; } .menu-wrap .menu { padding: 0 0 0 145px; } .head_fixed .open-menu { right:15px; } .model-select .icon.car { display: inline-block; background-image: url(../img/tmp/ad_sprite.png); background-repeat: no-repeat; background-position: -446px -40px; width: 40px; height: 30px; margin: 0; margin-bottom: -15px; margin-right: 10px; } .work-select .icon.paper { display: inline-block; background-image: url(../img/tmp/ad_sprite.png); background-repeat: no-repeat; background-position: -467px -5px; width: 14px; height: 30px; margin: 0; margin-bottom: -15px; margin-right: 10px; } ul.nav-menu > li.up-menu { padding-left: 10px; padding-right: 10px; font-size: .9em; font-size: 1em; } /* */ .menu--visible ul.nav-menu > li.up-menu.model-select > a{ font-size: .9em; } ul.nav-menu > li.up-menu:last-child:hover .sub-menu { left:-388px; } .head_fixed .sub-menu .col-xs-2 { float: none; width:auto; } .menu li.model-select { font-weight: bold; } .menu li.model-select .sub-menu { font-weight: normal; } .sub-menu div.col-xs-2 { float: left; } .main-box { color: #fff; font-size: 3em; line-height: normal; text-align: center; height: 596px; height: 500px; } .main-box .icon { display: inline-block; background-image: url(../img/tmp/comments_sprite.png); background-repeat: no-repeat; height: 50px; width: 40px; vertical-align: -25px; margin-right: .7em; margin-bottom: 5px; float: left; margin-top: -5px; } .main-box .icon.warranty { background-position: -160px 0; } .main-box .icon.fast { background-position: -210px 0; width: 50px; } .main-box .icons { margin-top: 30px; text-align: center; width: 565px; margin: 20px auto 0; padding: 10px 0; position: relative; } .main-box .icons .bg { position: absolute; left: 0; top: 0px; height: 50px; width: 565px; background-color: #000000; filter: blur(32px); z-index: 0; } .main-box .icons .icon-block { margin: 0 25px; text-align: left; position: absolute; width: 220px; display: inline-block; font-size: 12pt; } .main-box .breadcrumbs, .diag_bg-box .breadcrumbs { margin: 1em 0 2em 0; font-size: 14px; } .main-box .breadcrumbs ul, .diag_bg-box .breadcrumbs ul { list-style: none; } .main-box .breadcrumbs ul li, .diag_bg-box .breadcrumbs ul li { float: left; } .main-box .breadcrumbs li + li:before, .diag_bg-box .breadcrumbs li + li:before { padding: 0 5px 0 3px; color: #fff; content: "/"; } .main-box .breadcrumbs li a, .diag_bg-box .breadcrumbs li a { color: #fff; border-bottom: 1px dashed #fff; } .diag_bg-box .breadcrumbs li + li:last-child a { color: #e0e0e0; } .main-box .head-title { text-transform: uppercase; font-size:.6em; } .main-box .head-title b { font-size:2em; } .wrapper h1 { color: #fff; font-size: 1em; text-transform: none; margin-top: .7em; margin-bottom: .3em; text-transform: uppercase; font-size: 1.2 em; } .main-box span.yellow-box { display: inline-block; color: #000; padding: .1em .8em; font-weight: bold; font-size: 1.3em; margin-bottom: .3em; } .main-box img { display: block; margin: 0 auto; margin-top: 1em; margin-bottom: 1em; } /* Форма диагностики */ .form-diag { margin-bottom: 1em; } .form-diag legend { display: block; width: 100%; font-weight: bold; margin-top: 1em; margin-bottom: 1em; padding-left: 15px; padding-right: 15px; } .form-control { display: block; width: 100%; border: none; margin-bottom: 1em; } input.form-control, select.form-control { height: 49px; padding: 12px; font-size: 15px; line-height: 1.4em; color: #555; vertical-align: middle; background-color: #fff; } .btn.form-control { height: 50px; padding: 6px 12px; line-height: 1.4em; } /* //Форма диагностики// */ /* Блок преимуществ */ .advantages-box h2, .advantages-box div.maintitle { color: #fff; } .advantages-box .col-xs-3 { margin-bottom: 2em; height: 200px; } .advantages-box .icon { display: inline-block; background-image: url(../img/tmp/ad_sprite.png); background-repeat: no-repeat; height: 99px; width: 110px; margin: 1em 0; } .advantages-box .icon.mech { background-position: -110px 0; } .advantages-box .icon.zone { background-position: -220px 0; } .advantages-box .icon.parts { background-position: -330px 0; } .advantages-box .col-xs-3 span { display: block; font-size: 1.2em; line-height: 1.6em; font-weight: bold; text-transform: uppercase; } /* //Блок преимуществ// */ /* Блок диагностики */ .diagnostic-box { padding-bottom: 1.5em; } .diagnostic-box .red-btn { font-size: 1.4em; margin-bottom: 2em; } .diagnostic-box .blue-btn { margin-top: 2em; margin-bottom: 1.5em; } /* //Блок диагностики// */ /* Блок сервиса */ .services-box { padding-bottom: 1.5em; } .services-box h2, .services-box div.maintitle { color: #fff; } .services-box .tabs label { background: #006cb5; border: 3px solid #006cb5; color: #fff; margin: 0 1% 10px; } .services-box .tabs input:checked + label { color: #ffc61e; background: transparent; border: 3px solid #ffc61e; } .services-box .tabs-content { position: absolute !important; top: 100%; z-index: 1; left: 0; text-align: left; display: none; margin-top: 100px !important; max-width: 100%; } .services-box .tabs #tab1:checked ~ #content1, .services-box .tabs #tab2:checked ~ #content2, .services-box .tabs #tab3:checked ~ #content3, .services-box .tabs #tab4:checked ~ #content4, .services-box .tabs #tab5:checked ~ #content5, .services-box .tabs #tab6:checked ~ #content6 { box-shadow: 0 2px 5px 2px #909090; -moz-box-shadow: 0 2px 5px 2px #909090; -webkit-box-shadow: 0 2px 5px 2px #909090; } .services-box .tabs-content img{ display: block; border-bottom: 4px solid #ffc61e; max-width: 100%; } .services-box .tabs-content .tel { display: block; padding: 20px 20px 0 20px; font-size: 2em; font-weight: bold; width: 328px; max-width: 100%; } .services-box .tabs-content .text{ display: block; padding: 1em; font-size: 1.3em; /* width: 28px;*/ max-width: 100%; } section.maps { margin-top: 0 !important; } /* //Блок сервиса// */ /* Блок отзывов */ .comment-box { background-image: url(../img/tmp/comments_bg.jpg); background-repeat: no-repeat; background-position: top center; font-size: 1.2em; } .comment-box h2, .comment-box div.maintitle { color: #fff; } .comment-box .icon { display: inline-block; background-image: url(../img/tmp/comments_sprite.png); background-repeat: no-repeat; height: 50px; width: 50px; vertical-align: -25px; margin-right: .5em; margin-bottom: 5px; } .comment-box .icon.parts-small { background-position: -50px 0; } .comment-box .icon.open { background-position: -100px 0; } .comment-box .col-xs-5 .white-box { padding: 1.2em; margin-bottom: 1.3em; } .comment-box .col-xs-5 b { text-transform: uppercase; font-size: 1.2em; } .comment-box .col-xs-5 p { display: block; } .comment-box .col-xs-7 .white-box { padding: 1.2em 2em; } .comment-box .col-xs-7 .white-box .title{ font-size: 1.7em; text-align: center; text-transform: uppercase; } .comment-box .comment-current { margin-top: 1em; } .comment-box .comment-current .slick-dots { display: none !important; } .comment-box .comment-current img { float: left; margin-right: 1.5em; margin-bottom: 1.5em; } .comment-box .comment-current b { font-size: 1.5em; } .comment-box .comment-current span { display: block; } .comment-box .comment-current .user b { text-transform: uppercase; } .comment-box .comments-slider-buttons { margin-top: 1.2em; border-top: 3px solid #f4ae00; padding-top: .6em; } .comment-box .comments-slider-buttons a { color: #006cb5; border: none; } .comment-box .comments-slider-buttons .comment-next { float: right; } .comment-box .comments-slider-buttons .comment-prev::before { content: '\2039'; margin-right: 5px; font-size: 1.3em; } .comment-box .comments-slider-buttons .comment-next::after { content: '\203A'; margin-left: 5px; font-size: 1.3em; } h2 { font-size: 1.5em; margin-top: 1em; } div.maintitle { font-size: 2em; margin-top: 1em; } .models-list > li { text-align: left; display: inline-block; min-width: 185px; padding-top: 15px; padding-bottom: 15px; } .models-list, .works-list { margin-bottom: 20px; } .works-list > li { text-align: left; display: block; width: 45%; height: 65px; margin-bottom: 10px; float: left; margin-right: 5%; } .works-list::after { display: block; clear: both; content: ''; } .model-select ul.sub-menu { width: 595px; } .work-select ul.sub-menu { width: 495px; } .model-select ul.sub-menu li { text-align: left; display: inline-block; width: 180px; padding-left: 5px; } .model-select ul.sub-menu li:hover { background-color: #004c95; } .work-select ul.sub-menu li { vertical-align: top; height: 47px; height: auto; padding: 5px; width: 225px; } #order .subtitle div {font-size: 0.8em; margin-top: 10px;} .fancybox-close { top: 14px; } .articles-list, .a-item, .articles-detail{ display:block; } .a-item{ padding: 15px; } .a-item img{ width: auto; height:50px; float:left; margin:10px; } .a-item .caption{ font-weight:bold; font-size:1.2em; color: #fbbb00; } .a-item .body{ _text-indent: 20px; font-size: 90%; } .a-item .caption span{ float: right; font-weight:normal; color:#fff; font-size:0.8em; } .articles-detail>img{ display:block; max-height:200px; width:auto; margin:0 auto; padding:15px 0; } .articles-menu a { font-weight: bold; } /* //Блок отзывов// */ /* Блок диагностики с фоном */ .diag_bg-box { background-image: url(../img/tmp/diag_bg.jpg); background-color: #161719; background-repeat: no-repeat; background-position: top center; color: #999999; font-size: 1.3em; line-height: 1.6em; padding-top: 1em; padding-bottom: 1em; } .diag_bg-box h3{ color: #cccccc; font-size: 1.3em; margin-top: 1em; margin-bottom: 1em; } .diag_bg-box .content{ text-align: justify; } /* //Блок диагностики с фоном// */ .modelslist-box { background-image: url(../img/content/models-bg.jpg); background-color: #161719; background-repeat: no-repeat; background-position: top center; color: #fbbb00; font-size: 1.3em; line-height: 1.6em; padding-top: 1em; padding-bottom: 1em; } .modelslist-box legend { color: #ffffff; margin-bottom: 10px; } .modelslist-box .models-list { margin-top:20px; margin-right: -30px; margin-bottom: 50px; } .modelslist-box .models-list > li { border: 2px solid #ffffff; text-align: center; background-color: #fbbb00; color: #161719; padding: 7px 5px; width: 270px; margin-right: 30px; margin-bottom: 15px; text-transform: uppercase; font-weight: bold; font-size: 12pt; } .modelslist-box .models-list > li a { color: #161719; text-decoration: none; border: 0; } .modelslist-box .models-list > li a:after { content: '›'; font-size: 13pt; display: inline-block; font-weight: bold; margin-left: 8px; } .modelslist-box .models-list > li:hover { background-color: #006cb5; border: 2px solid #006cb5; color: #ffffff; } .modelslist-box .models-list > li:hover a { color: #ffffff } .worklist-box { background-image: url(../img/content/works-bg.jpg); background-color: #f9f7f7; background-repeat: no-repeat; background-position: top center; color: #161719; font-size: 1.3em; line-height: 1.6em; padding-top: 1em; padding-bottom: 1em; } .worklist-box .works-list{ margin: 0 10% 20px 10%; } .worklist-box .works-list li{ font-size: 0.85em; height: auto; margin-bottom: 1px; } .ctext .worklist-box .works-list li a:hover{ border-bottom: 1px solid #606060; } .worklist-box .works-list li:before { content: '•'; color: #fbbb00; display: inline-block; width: 1em; } .ctext .worklist-box .works-list li:hover:before{ color: #006cb5; } .content-box { padding-top: 20px; padding-bottom: 50px; } .content-box li:before { content: '•'; color: #fbbb00; display: inline-block; width: 1em; } .preim-box { background-image: url(../img/content/preim-bg.jpg); background-color: #161719; background-repeat: no-repeat; background-position: top center; color: #ffffff; font-size: 1.3em; line-height: 1.6em; padding-top: 1em; padding-bottom: 1em; padding-bottom: 50px; } .preim-box legend { color: #fbbb00; } .preim-box .row div { padding: 10px 2% 20px; } .preim-box .row img { } /* Блок 42 пункта */ .points-box { background-image: url(../img/tmp/42_points_bg.jpg); background-repeat: no-repeat; background-position: top center; padding-bottom: 1.5em; } .points-box img{ display: block; margin: 0 auto; margin-bottom: 1em; box-shadow: 0 2px 5px 2px #909090; -moz-box-shadow: 0 2px 5px 2px #909090; -webkit-box-shadow: 0 2px 5px 2px #909090; } /* Блок 42 пункта */ @media (min-width: 1200px) { .head_fixed .col-xs-2 { font-size: 1em; } /* ul.nav-menu > li.up-menu { font-size: 1em; } */ } @media (max-width: 980px) { header.header { font-size: .8em; } .advantages-box .col-xs-3 { width: 49%; } .comment-box .col-xs-5, .comment-box .col-xs-7 { width: 100%; } } @media (max-width: 53em) { header.header { font-size: 1em; } .head_fixed .contact .phone { display: none; } .menu-wrap .logo { float:left; width:130px; } .menu-wrap .btn-wrap { float:right; } .menu-wrap .menu { padding: 0; } .open-menu { right:15px; } .head_fixed .open-menu{ top: 5px; } .head_fixed .col-xs-2 { width: 33.3%; } .main-box { font-size: 2.5em; } .form-diag .col-xs-3 { width: 49%; } .advantages-box .col-xs-3 span { font-size: 1em; } .points-box .col-xs-6 { width: 100%; } } @media (max-width: 650px) { .head_fixed .open-menu { right: 45px; } } @media (max-width: 520px) { .head_fixed .header { height: 90px; } .head_fixed .open-menu{ top: 0; } } @media (max-width: 500px) { .head_fixed .open-menu{ top: 10px; } .main-box { font-size: 2em; } .form-diag .col-xs-3 { width: 100%; } .services-box .tabs-content { margin-top: 20px !important; } .services-box .tabs-content img { max-width: 100% } } .geopoint {width:12px;height:19px;background:url("../img/png-sprite/geopoints.png") top left;background-repeat:no-repeat;margin-right:3px;display:inline-block !important;margin-left:-10px;} .geopoint.red {background-position: 0 0;} .geopoint.blue {background-position: -16px 0;} .geopoint.green {background-position: -32px 0;} .geopoint.yellow {background-position: -48px 0;} .geopoint.orange {background-position: -64px 0;} .header .contact span.mr { color: #f4ad02; font-size: 0.9em; display: inline !important;} .header .contact { border-right: 1px solid #4e4f50; } @media (max-width:440px){ header.v070218 { padding: 0; margin-bottom: 1.2em; } header.v070218 .hbtn, header.v070218 .contact, header.v070218 .profile { width: 100%; margin: 0; border: 0; background-color: #161719; font-size: 1em; } header.v070218 .hbtn { padding: 0; } header.v070218 .contact{ padding:5px 0 10px 20px; } header.v070218 .contact:nth-child(odd) { background-color: #333436; } header.v070218 .profile { background-color: #333436; text-align: center; padding:5px 0 10px 0; } header.v070218 .contact .pod { display: none; } header.v070218 .contact > span { display: inline-block; width: 50%; } header.v070218 .contact > span.ct_ph { width: auto; } header.v070218 .contact > span.ct_ph a { border-bottom: #ffffff 1px dashed; } header.v070218 .contact span.small { display: inline; width: auto; font-size: 1em; display: none; } header.v070218 .contact a.dotted { display: none; } header.v070218 .contact span.geopoint { width: 12px; margin-bottom: -3px; } header.v070218 .contact span.mr { width: auto; } header.v070218 .contact > span.profile { width: 100%; text-align: center; } header.v070218 .btn.forsmall { display: block; padding: 12px 0 9px; } .main-box .icons .icon-block { position: relative; display: block; margin: 0 auto 10px; width: auto; } .main-box .icons { width: 100%; } .main-box .icons .bg { display: none;} .modelslist-box .models-list { margin-right: 0; } .modelslist-box .models-list > li { width: 90%; } }