.btn, .btn-lg, .btn-group-lg>.btn {border-radius: 0} figure img {max-width: 100%; height: initial} body { /*font-family: Arial, sans-serif;*/ font-family: 'Roboto Condensed', sans-serif; background: rgba(73,155,234,1); background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(11,39,110,1))); background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0b276e', GradientType=1 ); font-size: 16px; } ul, ol {list-style-type: none} header:after {content: ""; display: block; position: absolute; width: 100%; z-index: -1; top: 0; height: 200px; background-image: url(../img/main-top-bg.jpg); background-repeat: center top} .form-control {line-height: 18px; font-size: 16px; font-weight: 100; color: #1C1D1D; border-radius: 0; height: 40px;} .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; color: #eee; font-weight: 100; font-size: 11px; line-height: 10px; color: #000; text-transform: uppercase; margin-top: 20px; } .modal-title {text-align: center; font-size: 14px; text-transform: uppercase; color: #0993FF;} .modal {z-index: 999991} .modal-header, .modal-footer {} .modal-header {background-color: #428bca} .modal-header h4 {color: #fff; font-weight: 400} .modal-header .close {color: #fff} .modal-content {border-radius: 0!important;} .modal-backdrop {background-color: #03a9f4!important;} .modal-backdrop.in {opacity: 0.84;} .modal-header .close { font-size: 32px; font-weight: normal; color: #000; opacity: .31; margin-top: -7px!important;} .fluid-block-cocial {float: right; position: relative;} .fluid-block-cocial > div {position: absolute; top: 100%; display: block; padding: 2px 15px; border-radius: 0 0 10px 10px; top: 29px; text-align: right; right: 0; width: 550px; z-index: 1; } section.top ul li.fluid-block-cocial div a {font-size: 24px; margin-top: 15px; margin-left: 4px; padding: 0} /* section.top ul li.fluid-block-cocial div a.test-drive-link { font-size: 10px; text-transform: uppercase; background: transparent; border: 1px solid #00DCFF; color: #00DCFF;} section.top ul li.fluid-block-cocial div a.test-drive-link:after {display: none;} section.top ul li.fluid-block-cocial div a.test-drive-link:hover {background-color: #00DCFF; color: #000; border-color: #00DCFF;} */ section.top ul li.fluid-block-cocial div a.test-drive-link { top: 0; background-image: url(../img/write-for-test-drive.png); background-repeat: no-repeat; font-size: 0; width: 180px; border: 0px solid; border-radius: 0; height: 71px; text-align: center; font-size: 10px; text-transform: uppercase; background-position: center top; color: #fff; padding-top: 50px; } /* section.top ul li.fluid-block-cocial div a.test-drive-link:first-line{ font-size: 170%; font-weight: 700; }*/ section.top ul li.fluid-block-cocial div a {width: 52px;} section.top ul li.fluid-block-cocial div a:after {display: none;} section.top ul li.fluid-block-cocial div a.test-drive-link:hover { } section.top ul li.fluid-block-cocial div a.test-drive-link:after {display: none;} section.top ul li.fluid-block-cocial div a.test-drive-link:active { color: rgb(255,255,255); border-color: #2970a9; background-image: linear-gradient(#5796c8, #6aa2ce); box-shadow: none; } a.soc span{background-image: url(../img/social-im.png); background-repeat: no-repeat; width: 50px; height: 50px; display: block; float: right; position: relative;} a.soc.soc-fb span{background-position: -78px 0px;} a.soc.soc-vk span{background-position: -155px 0px;} a.soc.soc-yb span{background-position: 0px 0px;} a.soc.soc-td {width: 200px!important;} a.soc.soc-td span{background-position: -227px 0px; font-size: 0px; margin-right: 50px;} a.soc.soc-td span.t {font-size: 12px; float: left; width: 120px; background: transparent; margin-right:0; top: 52px; right: 25px; display: block; position: absolute;} a {color: #02BAFF} a:hover {color: #000; text-decoration: underline;} section {display: block; width: 100%;} section.top {background-color: #000; box-shadow: 0 0 50px rgba(255, 255, 255, 0.21); border-bottom: 1px solid #558EC0;} section.top ul {display: block; text-align: left; padding: 0; margin: 0;} section.top ul li{display: inline-block; position: relative} section.top ul li:after { content: ""; height: 50%; width: 1px; display: inline-block; background-color: #7E7E7E; position: absolute; top: 25%;} section.top ul li:last-child:after {display: none;} section.top ul li a{display: inline-block; padding: 6px 10px; color: #DCDCDC; text-transform: lowercase; font-size: 12px; text-decoration: none; position: relative; transition: all 0.2s ease-out 0s;} section.top ul li a:after { content: ""; height: 0; bottom: 6px; border-bottom: 1px dotted #AFAFAF; position: absolute; left: 10px; right: 10px;} section.top ul li a:hover {color: #8FEAFF} section.top ul li a:hover:after {border-color: #8FEAFF} a.logo{display: inline-block; padding: 25px 15px; opacity: .94; transition: all 0.5s ease-out 0s;} a.logo:hover{opacity: 1} header { background-image: url(../img/bg-lay.png); position: relative; z-index: 99999} header .car-brands{display: block; padding: 0; text-align: center; background-image: url(../img/nav-bg.png); background-position: center; min-height: 75px; margin: 0; overflow: hidden;} header .car-brands {position: relative; overflow: visible;} /* header .car-brands:after {position: absolute; content: ''; left: 0; top: -27px; display: block; width: 100%; height: 131px; background-image: url(./../img/lights1.png); -webkit-animation: year2018 2s infinite ease-in-out; animation: year2018 2s infinite ease-in-out;} */ @-webkit-keyframes year2018 { 0% { background-image: url(../img/lights1.png);} 33%{ background-image: url(../img/lights3.png);} 66%{ background-image: url(../img/lights2.png);}} @keyframes year2018 { 0% { background-image: url(../img/lights1.png);} 33%{ background-image: url(../img/lights3.png);} 66%{ background-image: url(../img/lights2.png);}} @media (max-width: 1200px) { } @media (max-width: 768px) { header .car-brands:after {display: none;} } header .car-brands li {display: inline-block; position: relative; z-index: 2} header .car-brands li a{display: inline-block; width: 100%;} header .car-brands li a span{display: inline-block; background-position: center; min-height: 75px; background-repeat: no-repeat; min-width: 68px; opacity: .84; position: relative; transition: all 0.3s ease-out 0s;} header .car-brands li a:hover span{opacity: 1; } /* header .car-brands li:after{ z-index: 0; transition: all 0.5s ease-out 0s; content: ""; height: 30%; width: 100%; background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 78%, rgba(255,255,255,0) 100%); /* ff3.6+ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0.75)), color-stop(78%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0))); /* safari4+,chrome background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 78%, rgba(255,255,255,0) 100%); /* safari5.1+,chrome10+ background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 78%, rgba(255,255,255,0) 100%); /* opera 11.10+ / background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 78%, rgba(255,255,255,0) 100%); /* ie10+ background:radial-gradient(ellipse at center, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 78%, rgba(255,255,255,0) 100%); /* w3c / filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 ); /* ie6-9 display: block; opacity: 0; position: absolute; bottom: -30px; width: 200%; left: -50%; height: 90%; } */ header .car-brands li a:hover span:after{ opacity: .22; } span.car-im.bmw{background-image: url(../img/brands/bmw.png)} span.car-im.landrover{background-image: url(../img/brands/landrover.png)} span.car-im.hyundai{background-image: url(../img/brands/hyundai.png)} span.car-im.genesis{background-image: url(../img/brands/genesis.png)} span.car-im.citroen{background-image: url(../img/brands/citroen.png)} span.car-im.nissan{background-image: url(../img/brands/nissan.png)} span.car-im.renault{background-image: url(../img/brands/renault.png)} span.car-im.peugeot{background-image: url(../img/brands/peugeot.png)} span.car-im.mitsubishi{background-image: url(../img/brands/mitsubishi.png)} span.car-im.dongfeng{background-image: url(../img/brands/dongfeng.png)} span.car-im.ti{background-image: url(../img/brands/ti.png)} span.car-im.datsun{background-image: url(../img/brands/datsun.png)} span.car-im.gaz{background-image: url(../img/brands/gaz.png)} span.car-im.tonar{background-image: url(../img/brands/tonar.png)} span.car-im.pandora{background-image: url(../img/brands/pandora.png)} span.car-im.tuning{background-image: url(../img/brands/tuning.png)} span.car-im.lexus{background-image: url(../img/brands/lexus.png)} span.car-im.toyota{background-image: url(../img/brands/toyota.png)} #carousel-main {margin-top: 20px} #carousel-main .item{/*height: 520px;*/ background-position: center; background-size: 100% auto; padding-top: 26.5%; background-repeat: no-repeat} #carousel-main > .container{ position: relative; z-index: 2;} #carousel-main > .container>a {position: absolute; top: 0; right: -200px;} #carousel-main > .container>a>img { width: 200px; } @media (max-width: 1560px) { #carousel-main > .container>a {position: absolute; top: 0; right: -125px;} #carousel-main > .container>a>img { width: 125px; } } @media (max-width: 1440px) { #carousel-main > .container>a {position: absolute; top: 0; right: -100px;} #carousel-main > .container>a>img { width: 100px; } } @media (max-width: 1400px) { #carousel-main > .container>a {position: absolute; top: 0; right: -12px;} #carousel-main > .container>a>img { width: 100px; } } @media (max-width: 1240px) { #carousel-main > .container>a {position: absolute; top: 0; right: 0px;} #carousel-main > .container>a>img { width: 90px; } } #carousel-main .carousel-caption{display: block; height: 120px; background: rgba(6, 39, 94, 0.69)} #carousel-main .carousel-control {background: url(../img/slider-navs.png); height: 40%; width: 80px} #carousel-main .carousel-control.right, #carousel-main .carousel-control.left {top: calc(100%/2 - 40%/2); background-position: left center;} #carousel-main .carousel-control.right {background-position: right center } @media (max-width: 992px) { #carousel-main .carousel-control.right {background-position: right center;} #carousel-main .carousel-control.left {background-position: left center;} #carousel-main .carousel-control.right, #carousel-main .carousel-control.left {top: 0; bottom: 0; height: 100%; width: 100px; background-repeat: no-repeat;} #carousel-main .item { background-position: center; background-size: auto 100%; } } section h1 section h2 {font-size: 42px; color: #fff; border-bottom: 1px solid #50a7d2} section.content {} section.content .container{background-color: #fafafa; padding-top: 15px; padding-bottom: 30px} section.content h1{color: #02BAFF; font-size: 42px; border-bottom: 1px solid #50a7d2} .salon-item {background-color: #fff; height: 300px; height: inherit; position: relative; cursor: pointer; margin: 10px 0 15px 0} .salon-item .dealer-block {display: block; color: #223335} .salon-item:hover .dealer-block {display: block; color: #ccc} .salon-item:hover { background: #eee;} .salon-item:hover h4 {color: #868686} .salon-item:hover address, .salon-item:hover p {color: #fff} .salon-item a{ padding: 1px 1px; position: absolute; top: 0; right: 0; line-height: 36px; font-size: 15px; padding: 0 16px;} .salon-item a {float: right; margin-bottom: 3px; margin-left: -1px;letter-spacing: -.3px; padding: 2px; padding: 0 16px; text-decoration: none;} .salon-item address {color: #ccc} .salon-item address a {float: left} .salon-item:hover a {color: #00DCFF; border-radius: 3px; color: #fff} .news-categoryes {position: relative;} .news-categoryes i.fa-rss-square{position: absolute; right: 20px; top: 0; font-size: 24px; color: #FF9800} .news-categoryes ul {display: block; padding: 0; margin: 15px 0 30px} .news-categoryes ul li {display: inline-block; margin-right: 10px;} .news-categoryes ul li a {padding: 2px 10px; border: 1px solid transparent; color: #000; text-decoration: none;} .news-categoryes ul li:first-child a {text-decoration: underline; padding-left: 0} .news-categoryes ul li.lexus a{ border: 1px solid #c1c1c1; color: #c1c1c1;} .news-categoryes ul li.peugeot a{ border: 1px solid #3dbae7; color: #3dbae7;} .news-categoryes ul li.bmw a{ border: 1px solid #1c69d4; color: #1c69d4} .news-categoryes ul li.nissan a{ border: 1px solid #c61633; color: #c61633} .news-categoryes ul li.mitsubishi a{ border: 1px solid #ea1d24; color: #ea1d24} .news-categoryes ul li.toyota a{ border: 1px solid #ea1d24; color: #ea1d24} .news-categoryes ul li.avtodel a{ border: 1px solid #00bcd4; color: #00bcd4} .news-categoryes ul li.sport a{ border: 1px solid #00bcd4; color: #00bcd4} .news-categoryes ul li.renault a{ border: 1px solid #ffc107; color: #ffc107} .news-categoryes ul li.landrover a{ border: 1px solid #8bc34a; color: #8bc34a} .news-categoryes ul li.hyundai a{ border: 1px solid rgb(156, 141, 136); color: rgb(156, 141, 136)} .news-categoryes ul li.citroen a{ border: 1px solid #c9dd03; color: #859202} .news-categoryes ul li.dfm a{ border: 1px solid #f46236; color: #f46236} .news-categoryes ul li.tonar a{ border: 1px solid #0000ff; color: #0000ff} .news-categoryes ul li.gaz a{ border: 1px solid #626262; color: #626262} .news-categoryes ul li.lexus a:hover, .news-categoryes ul li.lexus.active a{ background-color: #c1c1c1; color: #fff;} .news-categoryes ul li.peugeot a:hover, .news-categoryes ul li.peugeot.active a{ background-color: #3dbae7; color: #fff;} .news-categoryes ul li.bmw a:hover, .news-categoryes ul li.bmw.active a{ background-color: #1c69d4; color: #fff} .news-categoryes ul li.nissan a:hover, .news-categoryes ul li.nissan.active a{ background-color: #c61633; color: #fff} .news-categoryes ul li.mitsubishi a:hover, .news-categoryes ul li.mitsubishi.active a{ background-color: #ea1d24; color: #fff} .news-categoryes ul li.toyota a:hover, .news-categoryes ul li.toyota.active a{ background-color: #ea1d24; color: #fff} .news-categoryes ul li.avtodel a:hover, .news-categoryes ul li.sport.active a{ background-color: #00bcd4; color: #fff} .news-categoryes ul li.sport a:hover, .news-categoryes ul li.avtodel.active a{ background-color: #00bcd4; color: #fff} .news-categoryes ul li.renault a:hover, .news-categoryes ul li.renault.active a{ background-color: #ffc107; color: #fff} .news-categoryes ul li.landrover a:hover, .news-categoryes ul li.landrover.active a{ background-color: #8bc34a; color: #fff} .news-categoryes ul li.hyundai a:hover, .news-categoryes ul li.hyundai.active a{ background-color: rgb(156, 141, 136); color: #fff} .news-categoryes ul li.citroen a:hover, .news-categoryes ul li.citroen.active a{ background-color: #c9dd03; color: #fff} .news-categoryes ul li.dfm a:hover, .news-categoryes ul li.dfm.active a{ background-color: #f46236; color: #fff} .news-categoryes ul li.tonar a:hover, .news-categoryes ul li.tonar.active a{ background-color: #0000ff; color: #fff} .news-categoryes ul li.gaz a:hover, .news-categoryes ul li.gaz.active a{ background-color: #626262; color: #fff} .sales-categoryes {position: relative;} .sales-categoryes i.fa-tag{position: absolute; right: 20px; top: 0; font-size: 24px; color: #ffeb3b} .sales-categoryes ul {display: block; padding: 0; margin: 15px 15px 30px} .sales-categoryes ul li {display: inline-block; margin-right: 10px;} .sales-categoryes ul li a {padding: 2px 15px; border: 1px solid transparent; color: #000; text-decoration: none; background-color: rgb(6, 40, 89)} .sales-categoryes ul li:first-child a {text-decoration: underline; padding-left: 0; background-color: transparent; color: #fff;} .sales-categoryes ul li.peugeot a{ border: 1px solid #3dbae7; color: #3dbae7;} .sales-categoryes ul li.bmw a{ border: 1px solid #1c69d4; color: #1c69d4} .sales-categoryes ul li.nissan a{ border: 1px solid #c61633; color: #c61633} .sales-categoryes ul li.mitsubishi a{ border: 1px solid #ea1d24; color: #ea1d24} .sales-categoryes ul li.toyota a{ border: 1px solid #ea1d24; color: #ea1d24} .sales-categoryes ul li.avtodel a{ border: 1px solid #00bcd4; color: #00bcd4} .sales-categoryes ul li.renault a{ border: 1px solid #ffc107; color: #ffc107} .sales-categoryes ul li.landrover a{ border: 1px solid #8bc34a; color: #8bc34a} .sales-categoryes ul li.hyundai a{ border: 1px solid rgb(156, 141, 136); color: rgb(156, 141, 136)} .sales-categoryes ul li.citroen a{ border: 1px solid #c9dd03; color: #c9dd03} .sales-categoryes ul li.dfm a{ border: 1px solid #f46236; color: #f46236} .sales-categoryes ul li.tonar a{ border: 1px solid #0000ff; color: #0000ff} .sales-categoryes ul li.gaz a{ border: 1px solid #626262; color: #626262} .sales-categoryes ul li.peugeot a:hover, .sales-categoryes ul li.peugeot.active a{ background-color: #3dbae7; color: #fff;} .sales-categoryes ul li.bmw a:hover, .sales-categoryes ul li.bmw.active a{ background-color: #1c69d4; color: #fff} .sales-categoryes ul li.nissan a:hover, .sales-categoryes ul li.nissan.active a{ background-color: #c61633; color: #fff} .sales-categoryes ul li.mitsubishi a:hover, .sales-categoryes ul li.mitsubishi.active a{ background-color: #ea1d24; color: #fff} .sales-categoryes ul li.toyota a:hover, .sales-categoryes ul li.toyota.active a{ background-color: #ea1d24; color: #fff} .sales-categoryes ul li.avtodel a:hover, .sales-categoryes ul li.avtodel.active a{ background-color: #00bcd4; color: #fff} .sales-categoryes ul li.renault a:hover, .sales-categoryes ul li.renault.active a{ background-color: #ffc107; color: #fff} .sales-categoryes ul li.landrover a:hover, .sales-categoryes ul li.landrover.active a{ background-color: #8bc34a; color: #fff} .sales-categoryes ul li.hyundai a:hover, .sales-categoryes ul li.hyundai.active a{ background-color: rgb(156, 141, 136); color: #fff} .sales-categoryes ul li.citroen a:hover, .sales-categoryes ul li.citroen.active a{ background-color: #c9dd03; color: #fff} .sales-categoryes ul li.dfm a:hover, .sales-categoryes ul li.dfm.active a{ background-color: #f46236; color: #fff} .sales-categoryes ul li.tonar a:hover, .sales-categoryes ul li.tonar.active a{ background-color: #0000ff; color: #fff} .sales-categoryes ul li.gaz a:hover, .sales-categoryes ul li.gaz.active a{ background-color: #626262; color: #fff} section.content, section.news {background-color: #F1F5F5; position: relative; padding: 25px 0} section.news .news-results {background-color: #FeFaFa; box-shadow: 0px 1px 1px rgba(0,0,0,.18); padding-top: 25px; padding-bottom: 25px;} section.news h1, section.news h2 {font-size: 32px; text-transform: uppercase; color: #646464; border-bottom: 1px solid #50a7d2} section.news .teaser-item{padding: 0} section.news .teaser {padding: 10px 5px 25px; border: 1px solid transparent} section.news .teaser {padding: 0px 0px 25px; border: 1px solid transparent} section.news .teaser:hover { border: 1px solid #fefefe; background-color: #F6F6F6 background: rgb(246,246,246); /* Old browsers */ background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(247,247,247,1) 30%, rgba(247,247,247,1) 70%, rgba(246,246,246,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(247,247,247,1) 30%,rgba(247,247,247,1) 70%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(247,247,247,1) 30%,rgba(247,247,247,1) 70%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ } section.news .teaser .header {position: relative; height: 182px; background-color: #042556; background-repeat: no-repeat; background-position: center top; background-size: 100%; background-size: auto 117% !important; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; cursor: pointer; } section.news .teaser .header:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; content: ""; background-color: rgba(0,0,0,.0); -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; } section.news .teaser:hover .header:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; content: ""; background-color: rgba(0,0,0,.24)} section.news .teaser:hover .header{background-size: auto 127% !important;} /* section.news .teaser .header:before {position: absolute; top: 0; left: 0; width: 32px; height: 32px; line-height: 32px; display: table; content: "+"; font-family: 'Times New Roman'; font-size: 18px; color: #fff; text-align: center; visibility: hidden; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 0; font-size: 32px; left: calc(50% - 16px); position: absolute; top: 40%; } section.news .teaser:hover .header:before { opacity: 1; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); visibility: visible; } */ section.news .teaser .header a .teaser-date {position: absolute; bottom: 10px; left: 14px; color: #00DCFF; font-size: 12px; border-bottom: 0px dashed rgb(27, 167, 199); padding-top: 6px; padding-left: 6px; padding-right: 4px;} section.news .teaser .header a .teaser-date.lexus { background-color: #c1c1c1; color: #05060a} section.news .teaser .header a .teaser-date.peugeot { background-color: #3dbae7; color: #fff} section.news .teaser .header a .teaser-date.bmw { background-color: #1c69d4; color: #fff} section.news .teaser .header a .teaser-date.nissan { background-color: #c61633; color: #fff} section.news .teaser .header a .teaser-date.mitsubishi { background-color: #ea1d24; color: #fff} section.news .teaser .header a .teaser-date.toyota { background-color: #ea1d24; color: #fff} section.news .teaser .header a .teaser-date.avtodel { background-color: #00bcd4; color: #fff} section.news .teaser .header a .teaser-date.sport { background-color: #00bcd4; color: #fff} section.news .teaser .header a .teaser-date.renault { background-color: #ffc107; color: #fff} section.news .teaser .header a .teaser-date.landrover { background-color: #8bc34a; color: #fff} section.news .teaser .header a .teaser-date.hyundai { background-color: rgb(156, 141, 136); color: #fff} section.news .teaser .header a .teaser-date.citroën { background-color: #c9dd03; color: #696969} section.news .teaser .header a .teaser-date.dfm { background-color: #f46236; color: #fff} section.news .teaser .header a .teaser-date.tonar { background-color: #0000ff; color: #fff} section.news .teaser .header a .teaser-date.gaz { background-color: #626262; color: #fff} section.news .teaser .body {padding: 0 15px; display: block; height: 180px; overflow: hidden; cursor: pointer} section.news .teaser .body h4{font-size: 18px; text-transform: uppercase; color: #4d74a4; margin-bottom: 0; overflow: hidden; border-bottom: 1px dotted #00DCFF; line-height: 20px} section.news .teaser .body h4 span { display: inline-block; max-height: 40px; overflow: hidden;} section.news .teaser .body p {margin-top: 10px; font-size: 12px; line-height: 17px; color: #B1B1B1; max-height: 100px; overflow: hidden;} section.news .teaser .footer {text-align: right} section.news .teaser .footer a.detail{background-color: #E4E6E8; text-transform: uppercase; background-image: url(../img/shevr-right.png); display: inline-block; text-decoration: none; background-repeat: no-repeat; color: #000; padding-right: 25px; padding-top: 6px; padding-left: 20px; background-position: calc(100% - 10px) 11px; line-height: 24px;} section.news .teaser:hover .footer a.detail {background-color: #efefef; color: #00DCFF;} section.news .teaser:hover .footer a.detail {background-image: url(../img/shevr-right-blue.png)} section.news .teaser .footer .teaser-date { display: none;} section.news .teaser.noimage .footer .teaser-date { display: inline-block; float: left; margin-left: 15px; color: coral; font-weight: bold} section.news .teaser.noimage .header {display: none; visibility: hidden; height: 0; opacity: 0; content: "";} section.news .teaser.noimage .body {height: calc(180px + 175px);} section.news .teaser.noimage .body p{height: 200px; max-height: 200px;} section.news .teaser.noimage .body h4 { max-height: 120px; height: 120px; display:table; width: 100%;} section.news .teaser.noimage .body h4 span {display: table-cell; vertical-align: middle} section.news .link-to-more {height: 100px; margin-bottom: 25px; background-color: transparent; box-shadow: none;} section.news .link-to-more .shevr-more {display: table; width: 100%; background-color: transparent; height: 100%; background-repeat: no-repeat; background-position: center} section.news .link-to-more .shevr-more span {display: table-cell; text-align: center; vertical-align: middle} section.news .link-to-more .shevr-more:hover span span{color: #00DCFF} section.news .link-to-more .shevr-more span span {display: inline-block; line-height: 16px; font-size: 16px; text-transform: uppercase; border-bottom: 1px dotted #00DCFF} section.news .news-full .col-sm-10 img {max-width: 100%;} section.news .news-full .label-group {display: block; width: 100%;} section.news .news-full .label-group .control-label {display: inline-block;} section.news .sales-list, section.news .news-full, section.news .news-list {background-color: #FeFaFa; box-shadow: 0px 1px 1px rgba(0,0,0,.18); padding-top: 25px; padding-bottom: 25px; transition: all 0.3s ease-out 0s;} section.news .news-full h1{margin-top: 15px} section.news .news-full h4 {line-height: 32px;} section.news .news-full .soc {text-align: left; margin: 30px 0} section.news .news-full .soc .control-label {font-size: 12px; font-weight: 100; margin-right: 18px; padding-right: 8px; padding-top: 5px; padding-bottom: 4px;} section.news .news-full .soc .control-label i{padding: 0 10px; color: #ccc;} section.news .news-full .soc .control-label u{ text-decoration: none;} section.news .news-full .soc .control-label.teaser-group i{ color: #fff;} section.news .news-full .soc .control-label.peugeot { background-color: #3dbae7; color: #fff;} section.news .news-full .soc .control-label.bmw { background-color: #1c69d4; color: #fff} section.news .news-full .soc .control-label.nissan { background-color: #c61633; color: #fff} section.news .news-full .soc .control-label.mitsubishi { background-color: #ea1d24; color: #fff} section.news .news-full .soc .control-label.toyota { background-color: #ea1d24; color: #fff} section.news .news-full .soc .control-label.avtodel { background-color: #00bcd4; color: #fff} section.news .news-full .soc .control-label.renault { background-color: #ffc107; color: #fff} section.news .news-full .soc .control-label.landrover { background-color: #8bc34a; color: #fff} section.news .news-full .soc .control-label.hyundai { background-color: rgb(156, 141, 136); color: #fff} section.news .news-full .soc .control-label.citroen { background-color: #c9dd03; color: #fff} section.news .news-full .soc .control-label.dfm { background-color: #f46236; color: #fff} section.news .news-full .soc .control-label.tonar { background-color: #0000ff; color: #fff} section.news .news-full .soc .control-label.gaz { background-color: #626262; color: #fff} section.news .news-full .soc .ya-share2{display: inline-block; text-align: center; padding: 0 25px; float: right;} section.news .news-list .teaser-item {} section.news .news-list .teaser {padding: 5px; height: 220px; transition: all 0.1s ease-out 0s;} section.news .news-list .teaser .header {width: 280px; float: left; background-size: 90%; height: 100%; background-color: transparent; transition: all 0.1s ease-out 0s; overflow: hidden;} section.news .news-list .teaser:hover .header {background-size: 100%;} section.news .news-list .teaser .body {width: calc(100% - 280px); height: cacl(100% - 24px); float: right; } section.news .news-list .teaser .body p{ max-height: 100px; height: 100px; } section.news .news-list .teaser .body h4 span{} section.news .news-list .teaser.noimage .body {height: 180px; width: 100%} section.news .news-list .teaser.noimage .body h4 {height: 40px} section.news .news-list .teaser.noimage:hover, section.news .news-list .teaser:hover .body h4{color: #00DCFF} section.news .news-list .teaser:hover {background: #113D75} section.news .news-list .teaser:hover .header {color: #fff} section.news .news-list .teaser:hover .body p{color: #fff;} section.news .news-list .teaser:hover .footer {color: #fff} section.news .news-list .teaser .header a .teaser-date {bottom: 7px; right: 20px; color: #fff; border-bottom: 0 solid;} section.news .news-list .teaser .footer a.detail{width: calc(100% - 320px); margin-right: 20px; text-align: right; padding-left: 30px; color: #113D75; font-size: 10px; } section.news .news-list .teaser.noimage .footer .teaser-date {color: #B6C6D5} section.news .news-list .teaser.noimage {} section.sales {position: relative; padding: 25px 0} section.sales .sales-results {padding-top: 25px; padding-bottom: 25px;} section.sales h1, section.sales h2 {font-size: 32px; text-transform: uppercase; color: #fff; border-bottom: 1px solid #50a7d2} section.sales .teaser-item{padding: 0; cursor: pointer} section.sales .teaser {padding: 10px 5px 25px; border: 1px solid transparent} section.sales .teaser {padding: 2px 2px 25px; border: 1px solid transparent;} section.sales .teaser .header {position: relative; height: 155px; background-color: #042556; background-repeat: no-repeat; background-position: center; background-size: 100%;} section.sales .teaser .header a .teaser-date {position: absolute; bottom: 10px; left: 14px; color: #00DCFF; font-size: 12px; border-bottom: 0px dashed rgb(27, 167, 199); padding-top: 6px; padding-left: 6px; padding-right: 4px;} section.sales .teaser .header a .teaser-date.peugeot { background-color: #3dbae7; color: #fff} section.sales .teaser .header a .teaser-date.bmw { background-color: #1c69d4; color: #fff} section.sales .teaser .header a .teaser-date.nissan { background-color: #c61633; color: #fff} section.sales .teaser .header a .teaser-date.mitsubishi { background-color: #ea1d24; color: #fff} section.sales .teaser .header a .teaser-date.toyota { background-color: #ea1d24; color: #fff} section.sales .teaser .header a .teaser-date.avtodel { background-color: #00bcd4; color: #fff} section.sales .teaser .header a .teaser-date.sport { background-color: #00bcd4; color: #fff} section.sales .teaser .header a .teaser-date.renault { background-color: #ffc107; color: #fff} section.sales .teaser .header a .teaser-date.landrover { background-color: #8bc34a; color: #fff} section.sales .teaser .header a .teaser-date.hyundai { background-color: rgb(156, 141, 136); color: #fff} section.sales .teaser .header a .teaser-date.citroen { background-color: #c9dd03; color: #fff} section.sales .teaser .header a .teaser-date.dfm { background-color: #f46236; color: #fff} section.sales .teaser .header a .teaser-date.tonar { background-color: #0000ff; color: #fff} section.sales .teaser .header a .teaser-date.gaz { background-color: #626262; color: #fff} section.sales .teaser .body {padding: 0 15px; display: block; height: 86px; overflow: hidden;} section.sales .teaser .body h4{font-size: 18px; text-transform: uppercase; color: #fff; margin-bottom: 10px; overflow: hidden; border-bottom: 1px dotted #fff; line-height: 20px; height: 58px;} section.sales .teaser .body h4 span { display: inline-block; max-height: 40px; overflow: hidden;} section.sales .teaser .body p {margin-top: 10px; font-size: 12px; line-height: 17px; color: #B1B1B1; max-height: 100px; overflow: hidden;} section.sales .teaser .footer {text-align: center} section.sales .teaser .footer a.detail{background-color: #E4E6E8; text-transform: uppercase; background-image: url(../img/shevr-right.png); display: inline-block; text-decoration: none; background-repeat: no-repeat; color: #000; padding-right: 25px; padding-top: 6px; padding-left: 20px; background-position: calc(100% - 10px) 11px; line-height: 24px; float: none; } section.sales .teaser:hover .footer a.detail {background-color: #efefef; color: #f44336;} section.sales .teaser:hover .footer a.detail {background-image: url(../img/shevr-right-blue.png)} section.sales .teaser .footer .teaser-date { display: none;} section.sales .teaser .footer .finished { display: block; width: 100%; margin: 0 auto; color: #f44336; font-weight: 400; text-align: center; height: 10px; font-size: 15px; text-align: center; position: relative; top: -12px; position: absolute; bottom: 75px; top: inherit;} section.sales .teaser .footer .finished span{ background-color: #fff; border: 1px solid #eee; box-shadow: inset 1px 1px 1px #fff; padding: 0 6px; border-radius: 3px;} section.sales .teaser.noimage .header {display: none; visibility: hidden; height: 0; opacity: 0; content: "";} section.sales .teaser.noimage .body {height: calc(180px + 175px);} section.sales .teaser.noimage .body p{height: 200px; max-height: 200px;} section.sales .teaser.noimage .body h4 { max-height: 120px; height: 120px; display:table; width: 100%;} section.sales .teaser.noimage .body h4 span {display: table-cell; vertical-align: middle} section.sales .link-to-more {height: 100px; margin-bottom: -55px; position: relative; z-index: 2; background-color: transparent; box-shadow: none;} section.sales .link-to-more .shevr-more-sales {display: table; width: 100%; background-color: transparent; height: 100%;} section.sales .link-to-more .shevr-more-sales span {display: table-cell; text-align: center; vertical-align: middle} section.sales .link-to-more .shevr-more-sales:hover span span{color: #00DCFF} section.sales .link-to-more .shevr-more-sales span span {display: inline-block; line-height: 16px; font-size: 16px; text-transform: lowercase; font-size: 72px; border-radius: 50%; border: 2px solid #fff; width: 72px; background-color: #fefefe} section.sales .sales-full .label-group {display: block; width: 100%;} section.sales .sales-full .label-group .control-label {display: inline-block;} section.sales .sales-list, section.sales .sales-full, section.sales .sales-list {background-color: #FeFaFa; box-shadow: 0px 1px 1px rgba(0,0,0,.18); padding-top: 25px; padding-bottom: 25px; transition: all 0.3s ease-out 0s;} section.sales .sales-full h1{margin-top: 15px} section.sales .sales-full .soc {text-align: left; margin: 30px 0} section.sales .sales-full .soc .control-label {font-size: 12px; font-weight: 100; margin-right: 18px; padding-right: 8px; padding-top: 5px; padding-bottom: 4px;} section.sales .sales-full .soc .control-label i{padding: 0 10px; color: #ccc;} section.sales .sales-full .soc .control-label u{ text-decoration: none;} section.sales .sales-full .soc .control-label.teaser-group i{ color: #fff;} section.sales .sales-full .soc .control-label.peugeot { background-color: #3dbae7; color: #fff;} section.sales .sales-full .soc .control-label.bmw { background-color: #1c69d4; color: #fff} section.sales .sales-full .soc .control-label.nissan { background-color: #c61633; color: #fff} section.sales .sales-full .soc .control-label.mitsubishi { background-color: #ea1d24; color: #fff} section.sales .sales-full .soc .control-label.toyota { background-color: #ea1d24; color: #fff} section.sales .sales-full .soc .control-label.avtodel { background-color: #00bcd4; color: #fff} section.sales .sales-full .soc .control-label.sport { background-color: #00bcd4; color: #fff} section.sales .sales-full .soc .control-label.renault { background-color: #ffc107; color: #fff} section.sales .sales-full .soc .control-label.landrover { background-color: #8bc34a; color: #fff} section.sales .sales-full .soc .control-label.hyundai { background-color: rgb(156, 141, 136); color: #fff} section.sales .sales-full .soc .control-label.citroen { background-color: #c9dd03; color: #fff} section.sales .sales-full .soc .control-label.dfm { background-color: #f46236; color: #fff} section.sales .sales-full .soc .control-label.tonar { background-color: #0000ff; color: #fff} section.sales .sales-full .soc .control-label.gaz { background-color: #626262; color: #fff} section.sales .sales-full .soc .ya-share2{display: inline-block; text-align: center; padding: 0 25px; float: right;} section.sales .sales-list .teaser-item {} section.sales .sales-list .teaser {padding: 5px; height: 220px; transition: all 0.1s ease-out 0s;} section.sales .sales-list .teaser .header {width: 280px; float: left; background-size: 90%; height: 100%; background-color: transparent; transition: all 0.1s ease-out 0s; overflow: hidden;} section.sales .sales-list .teaser:hover .header {background-size: 100%;} section.sales .sales-list .teaser .body {width: calc(100% - 280px); height: cacl(100% - 24px); float: right; } section.sales .sales-list .teaser .body p{ max-height: 100px; height: 100px; } section.sales .sales-list .teaser .body h4 span{} section.sales .sales-list .teaser.noimage .body {height: 180px; width: 100%} section.sales .sales-list .teaser.noimage .body h4 {height: 40px} section.sales .sales-list .teaser.noimage:hover, section.sales .sales-list .teaser:hover .body h4{color: #00DCFF} section.sales .sales-list .teaser:hover {background: #113D75} section.sales .sales-list .teaser:hover .header {color: #fff} section.sales .sales-list .teaser:hover .body p{color: #fff;} section.sales .sales-list .teaser:hover .footer {color: #fff} section.sales .sales-list .teaser .header a .teaser-date {bottom: 7px; right: 20px; color: #fff; border-bottom: 0 solid;} section.sales .sales-list .teaser .footer a.detail{width: calc(100% - 320px); margin-right: 20px; text-align: right; padding-left: 30px; color: #113D75; font-size: 10px; } section.sales .sales-list .teaser.noimage .footer .teaser-date {color: #B6C6D5} section.sales .sales-list .teaser.noimage {} section.news .sales-list .teaser-item {} section.news .sales-list .teaser {padding: 5px; height: 450px; transition: all 0.1s ease-out 0s;} section.news .sales-list .teaser .header {width: 100%; background-size: 90%; height: 220px; background-color: transparent; transition: all 0.1s ease-out 0s; overflow: hidden;} section.news .sales-list .teaser:hover .header {background-size: 100%;} section.news .sales-list .teaser .body {width: 100%; height: 180px; } section.news .sales-list .teaser .body h4 span{} section.news .sales-list .teaser .body p{ max-height: 100px; height: 100px; } section.news .sales-list .teaser.noimage .body {height: 180px; width: 100%} section.news .sales-list .teaser.noimage .body h4 {height: 40px} section.news .sales-list .teaser.noimage:hover, section.news .sales-list .teaser:hover .body h4{color: #00DCFF} section.news .sales-list .teaser:hover {background: #113D75} section.news .sales-list .teaser:hover .header {color: #fff} section.news .sales-list .teaser:hover .body p{color: #fff;} section.news .sales-list .teaser:hover .footer {color: #fff} section.news .sales-list .teaser .header a .teaser-date {bottom: 7px; right: 20px; color: #fff; border-bottom: 0 solid;} section.news .sales-list .teaser .footer a.detail{width: inherit; margin-right: 20px; text-align: right; padding-left: 30px; color: #113D75; font-size: 10px; float: right} section.news .sales-list .teaser.noimage .footer .teaser-date {color: #B6C6D5} section.news .sales-list .teaser.noimage {} section.news .sales-list .teaser .footer {text-align: left;} section.news .sales-list .teaser .footer span{font-size: 9px; text-transform: uppercase; display: block; color: #2196F3;} section.sales {padding: 0; margin-top: 50px} section.sales .col-content {padding: 50px 0; } section.sales .sale-title {background-color: #F1F5F5; display: none} section.sales .sale-title h2{ font-size: 32px; text-transform: uppercase; color: #646464; border-bottom: 1px solid #50a7d2; } footer {min-height: 600px; background-color:#fff; background-image: url(../img/bg-footer.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto ; padding-bottom: 40px; position: relative;} footer .container {position: relative;} article {color: #646464; position: relative;} .blockquote-text {margin-top: 20px;} .blockquote-text h5{margin: 25px 0 10px; font-size: 21px; color: #AEB5C2} .blockquote-text blockquote {font-size: 12px; font-weight: normal; color: #AEB5C2} section.crumb {padding: 10px 0;} section.crumb .breadcrumb {margin: 0; background-color: transparent; padding-left: 0;} section.crumb .breadcrumb a{color: #FFFFFF; font-size: 12px; text-transform: capitalize} section.crumb .breadcrumb a:hover{color: #FFFFFF;} section.crumb .breadcrumb a i.fa {font-size: 14px; color: rgba(255,255,255,.84); margin-right: 10px;} .breadcrumb>li+li:before {content: "\f105"; font:normal normal normal 14px/1 FontAwesome; color: #fff; margin: 0 5px;} section.copiright { background-color: #fff; padding: 0; } section.copiright .copy-text{color: #000; margin: 0;} section.copiright .copy-text p{line-height: 14px; font-size: 14px; margin: 10px 0;} section.copiright .copy-text a {color: #136288; line-height: 50px;} .creator {font-size: 12px; line-height: 14px; margin-top: 17px; position: relative; display: block; border-left: 1px solid #eee; padding-left: 25px;} .creator a{ color: #E91E63; font-family: Lobster; font-size: 18px; text-transform: capitalize;} .media-play {display: block; text-align: left; margin-top: 18px;} .media-play a.la {display: inline-block; background-position: center; background-size: auto 100%; height: 32px; background-repeat: no-repeat; } .media-play a.la.gp {background-image: url(../google.png); width: 124px;} .media-play a.la.ap {background-image: url(../apple.png); width: 108px; background-image: url(../apple.png); width: 124px; background-size: auto 37px; background-position: center -5px;} .media-play a.la.yp {background-image: url(../yandex.png); width: 124px; background-size: auto 27px;} /* .bg-white {background-color: #fff} */ section.heading {background-color: #fff; margin: 0 auto; max-width: 1400px} section.heading h1 {text-align: center} section.service { background: rgba(73,155,234,1); background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(11,39,110,1))); background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0b276e', GradientType=1 ); } section.service.main { background-image: url(../img/service-bg.png); background-repeat: no-repeat; background-position: center top; padding-top: 400px; height: 1000px; } section.service .heading {padding: 0} section.service .heading > div {background-image: url(../img/h1-ungle-bg.png); background-repeat: no-repeat; background-position: right bottom; background-size: 100% auto; min-height: 47px} section.landing .heading {padding: 0} section.landing .heading > div {background-image: url(../img/h1-ungle-bg.png); background-repeat: no-repeat; background-position: right bottom; background-size: 100% auto; min-height: 47px} section.landing.test-drive {background-position: center;} section.landing.test-drive .landing-content { background: transparent;} section.landing.test-drive .landing-content h1{ color: #1a85ca; font-weight: 100; margin-top: 60px; margin-bottom: 40px; text-align: left;} section.landing.test-drive .landing-content .form-control {background-color: rgba(41, 41, 41, 0.12); color: #1a85ca; border-color: #5d5d5d; margin-bottom: 32px; color: #c0c0c0;} section.landing.test-drive .landing-content .form-control:focus, section.landing.test-drive .landing-content .form-control:hover {border-color: #eee; outline: none} section.landing.test-drive .landing-content .bb {display: block; height: 1px; width: 100%; background-color: #3a3939} section.landing.test-drive .landing-content .cont-iamge {display: block; text-align: center; padding: 32px;} section.service .service-items { background-color: #FeFaFa; box-shadow: 0px 1px 1px rgba(0,0,0,.18); padding-top: 0; padding-bottom: 70px; padding-left: 16px; margin-bottom: 25px;} section.service .service-items .item {padding: 0; position: relative; background-color: #042556;} section.service .service-items .item .placeholder{ z-index: 1; min-height: 144px; overflow: hidden; max-height: 144px; background-repeat: no-repeat; background-position: center; background-size: auto 192px ; opacity: .91; } section.service .service-items .item a {border: 1px solid #fff; border-width: 0px 1px 1px 0px; z-index: 2; position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; transition: all 0.1s ease-out 0s; background: rgba(76,76,76,0); background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(43,43,43,0.24) 50%, rgba(19,19,19,0.47) 86%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,0)), color-stop(50%, rgba(43,43,43,0.24)), color-stop(86%, rgba(19,19,19,0.47))); background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(43,43,43,0.24) 50%, rgba(19,19,19,0.47) 86%); background: -o-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(43,43,43,0.24) 50%, rgba(19,19,19,0.47) 86%); background: -ms-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(43,43,43,0.24) 50%, rgba(19,19,19,0.47) 86%); background: linear-gradient(to bottom, rgba(76,76,76,0) 0%, rgba(43,43,43,0.24) 50%, rgba(19,19,19,0.47) 86%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); } section.service .service-items .item a:hover { } section.service .service-items .item a h3{ position: absolute; left: 0; right: 25px; bottom: 0; color: #fff; text-align: right; font-size: 21px; transition: all 0.1s ease-out 0s;} section.service .content-image { height: 500px; background-repeat: no-repeat; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; background-color: #fff} section.service .service-content { background-color: #fff; box-shadow: 0px 1px 1px rgba(0,0,0,.18); padding-top: 0; padding-bottom: 50px; } .service-content ul {list-style-type: square;} .service-content ul li{ font-size: 14px; font-weight: 400; color: #343434} section.service .service-content .title {font-size: 21px; text-transform: uppercase; font-weight: bold; padding: 30px 0 10px; text-align: center; font-weight: 600;} section.service .service-content {font-size: 16px} section.service .service-content h1 { text-align: center!important; font-size: 42px; font-weight: 100; margin-bottom: 20px; margin-top: 35px;} .service_brands {text-align: center; margin-top: 25px;} .service_brands li{display: inline-block; margin: 0 15px;} .service_brands li a{color: #000} .service_brands li a h3{font-size: 16px; background-repeat: no-repeat; background-size: 18px; padding-left: 25px; margin: 10px 0} form.writeforeservice {width: 100%; margin: 0; padding: 60px 0 30px; } form.writeforeservice h4 {font-size: 21px; } section.landing { background: rgba(73,155,234,1); background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(11,39,110,1))); background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(11,39,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#0b276e', GradientType=1 ); } section.landing .landing-content { background-color: #FeFaFa; box-shadow: 0px 1px 1px rgba(0,0,0,.18); padding-top: 0; padding-bottom: 70px; } section.landing .landing-content .soc-inline {padding: 0; margin-top: -35px} section.landing .landing-content .soc-inline a {color: #000} a.btn-news-nore {border-bottom: 1px dotted #2196F3; text-decoration: none; padding: 2px 6px; margin-bottom: 10px} a.btn-news-nore:hover {background: #2196F3; color: #fff; text-decoration: none; } .panel.panel-corp-blue {background-color: #26436d; display: table} .panel.panel-corp-blue .panel-heading {} .panel.panel-corp-blue .panel-body h4{color: #fff; text-transform: uppercase;} .avtodel-reklama a:hover {color: #fff; text-decoration: none;} .avtodel-reklama a{color: #fff; font-size: 18px; line-height: 21px;} .avtodel-reklama .reklama-label {font-size: 18px; color: #fff; background-color: #FF4379; padding: 4px 12px;} .avtodel-reklama a:hover .reklama-label {color: #26436D;} .panel-white {background-color: #fff; padding: 30px 15px;} .panel-white .lead {background-color: #fff} li.divider {display: inline-block; height: 1px; width: 70%; margin: 15px 15%;} li.divider.white {background-color: #fff} li.divider.libi {background-color: #96E3D4} li.divider.blue {background-color: #5CACD3} .li-soc a {font-size: 24px; margin: 0 4px; background: #fff; text-align: center; min-width: 24px; display: inline-block; height: 24px; border-radius: 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4fdff+15,f4fdff+51,f4fdff+88,ffffff+100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,253,255,1) 15%, rgba(244,253,255,1) 51%, rgba(244,253,255,1) 88%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,253,255,1) 15%,rgba(244,253,255,1) 51%,rgba(244,253,255,1) 88%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,253,255,1) 15%,rgba(244,253,255,1) 51%,rgba(244,253,255,1) 88%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .li-soc span.title{color: #5CACD3; text-transform: uppercase; display: block; font-size: 10px; font-size: 10px; margin-bottom: 7px; } .li-soc .fa.fb {color: #5670FF} .li-soc .fa.vk {color: #00ABFF} .li-soc .fa.ok {color: #FFC300} .li-soc .fa.in {color: #EA00FF} .panel .panel-heding, .panel .panel-footer, .panel .panel-body, .panel {border-radius: 0;} .panel.panel-corp-light-blue {background-color: #26436d;} .panel.panel-corp-light-blue .panel-heading {} .panel.panel-corp-light-blue .panel-heading h4{color: #fff; text-transform: uppercase;} h4.footer-h4 {text-transform: uppercase; color: #fff;} h4.footer-h4 span {border-bottom: 1px solid #fff} /* h5.footer-h5 {text-transform: uppercase; color: #fff; padding: 0 15px; margin-bottom: 0; padding-bottom: 0} h5.footer-h5 span {border-bottom: 1px solid #fff} */ footer p.lead {padding: 15px; line-height: 12px; font-size: 12px; color: #444; background: #E4E4E4; margin-left: -17px; margin-right: -17px} .menu-footer-blue.list-group {list-style-type: none;} .menu-footer-blue.list-group .list-item {} .menu-footer-blue.list-group .list-item > i{color: #96e3d4; width: 32px} .menu-footer-blue.list-group .list-item a{color: #fff; text-transform: lowercase; font-size: 18px;} .footer-logo { float: left; margin-right: 10px; padding: 18px;} .menu-footer-light.list-group {list-style-type: none; display: table} .menu-footer-light.list-group .list-item {} .menu-footer-light.list-group .list-item a{color: #fff; text-transform: lowercase;} #main-navigation {position: fixed; top: 0; left: 0; right: 0; height: 100vh; z-index: 999; width: 100%; height: 100vh!important; overflow: hidden; opacity: 0; visibility: hidden; display: block; transition: all .2s ease-out 0.15s;} #main-navigation.in {opacity: 1; visibility: visible; display: block;} #main-navigation .layer {position: fixed; top: 0; left: 0; right: 0; height: 100vh; z-index: 0; width: 100%; background-color: rgba(1, 1, 1, 0.62);} #main-navigation ul.menu{left: -100%; transition: all .2s ease-out 0.1s;} #main-navigation.in ul.menu{left: 0} #main-navigation ul.menu li.btn-close{visibility: hidden;} #main-navigation.in ul.menu li.btn-close{visibility: visible; transition: all .2s ease-out 0.15s;} #main-navigation ul.menu li.title{margin-top: -100px; visibility: hidden; transition: all .5s ease-out 1s;} #main-navigation.in ul.menu li.title{margin-top: 0; visibility: visible;} #main-navigation .navi-small ul.brand-image{opacity: 0; transition: all .5s ease-out 0.2s;} #main-navigation.in .navi-small ul.brand-image{opacity: 1;} #main-navigation .navi-small ul.brand-image .car-brand-logo {opacity: 0; transition: all .3s ease-out 0.2s;} #main-navigation.in .navi-small ul.brand-image .car-brand-logo {opacity: 1; transition: all .3s ease-out 0.5s;} @keyframes carmenu0 { 0% {background-color: #c1c1c1; color: #fff;} 100% {color: #c1c1c1;background-color: #fff} } #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(1) { background-color: #fff; animation-name: carmenu0; animation-duration: 1s; animation-delay: .1s} #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(1) span.text { color: #c1c1c1; animation-name: carmenu0; animation-duration: 1s; animation-delay: .1s} @keyframes carmenu1 { 0% {background-color: #c1c1c1; color: #fff;} 100% {color: #c1c1c1;background-color: #fff} } #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(2) { background-color: #fff; animation-name: carmenu1; animation-duration: 1s; animation-delay: .2s} #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(2) span.text { color: #c1c1c1; animation-name: carmenu1; animation-duration: 1s; animation-delay: .2s} @keyframes carmenu2 { 0% {background-color: #c1c1c1; color: #fff;} 100% {color: #c1c1c1;background-color: #fff} } #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(3) { background-color: #fff; animation-name: carmenu2; animation-duration: 1s; animation-delay: .3s} #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(3) span.text { color: #c1c1c1; animation-name: carmenu2; animation-duration: 1s; animation-delay: .3s} @keyframes carmenu3 { 0% {background-color: #c1c1c1; color: #fff;} 100% {color: #c1c1c1;background-color: #fff} } #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(4) { background-color: #fff; animation-name: carmenu3; animation-duration: 1s; animation-delay: .4s} #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(4) span.text { color: #c1c1c1; animation-name: carmenu3; animation-duration: 1s; animation-delay: .4s} @keyframes carmenu4 { 0% {background-color: #c1c1c1; color: #fff;} 100% {color: #c1c1c1;background-color: #fff} } #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(5) { background-color: #fff; animation-name: carmenu4; animation-duration: 1s; animation-delay: .5s} #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(5) span.text { color: #c1c1c1; animation-name: carmenu4; animation-duration: 1s; animation-delay: .5s} @keyframes carmenu5 { 0% {background-color: #c1c1c1; color: #fff;} 100% {color: #c1c1c1;background-color: #fff} } #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(6) { background-color: #fff; animation-name: carmenu5; animation-duration: 1s; animation-delay: .6s} #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(6) span.text { color: #c1c1c1; animation-name: carmenu5; animation-duration: 1s; animation-delay: .6s} @keyframes carmenu6 { 0% {background-color: #c1c1c1; color: #fff;} 100% {color: #c1c1c1;background-color: #fff} } #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(7) { background-color: #fff; animation-name: carmenu6; animation-duration: 1s; animation-delay: .7s} #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(7) span.text { color: #c1c1c1; animation-name: carmenu6; animation-duration: 1s; animation-delay: .7s} @keyframes carmenu7 { 0% {background-color: #c1c1c1; color: #fff;} 100% {color: #c1c1c1;background-color: #fff} } #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(8) { background-color: #fff; animation-name: carmenu7; animation-duration: 1s; animation-delay: .8s} #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(8) span.text { color: #c1c1c1; animation-name: carmenu7; animation-duration: 1s; animation-delay: .8s} @keyframes carmenu8 { 0% {background-color: #c1c1c1; color: #fff;} 100% {color: #c1c1c1;background-color: #fff} } #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(9) { background-color: #fff; animation-name: carmenu8; animation-duration: 1s; animation-delay: .9s} #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(9) span.text { color: #c1c1c1; animation-name: carmenu8; animation-duration: 1s; animation-delay: .9s} @keyframes carmenu9 { 0% {background-color: #c1c1c1; color: #fff;} 100% {color: #c1c1c1;background-color: #fff} } #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(10) { background-color: #fff; animation-name: carmenu9; animation-duration: 1s; animation-delay: 1s} #main-navigation.in .navi-small ul.menu li.car-list a:nth-child(10) span.text { color: #c1c1c1; animation-name: carmenu9; animation-duration: 1s; animation-delay: 1s} #main-navigation.in .navi-small ul.menu li.car-list a:focus, #main-navigation.in .navi-small ul.menu li.car-list a:focus span.text {background-color: #c1c1c1; color: #fff;} @keyframes salonaddress { 0% {bottom: 20px} 20% {bottom: 30px} 100% {bottom: 20px} } #main-navigation.in .navi-small ul.brand-image .contacts address { animation-name: salonaddress; animation-duration: 1s; animation-delay: 2s} .navi-small {margin: 0; padding: 0; display: block; width: 100%;} .navi-small ul li {list-style-type: none;} .navi-small ul.menu {position: fixed; top: 0; height: 100vh;} .navi-small ul.menu li {height: 32px; background-color: #000} .navi-small ul.menu li.title{display: block; width: 200px; float: left;} .navi-small ul.menu li.title span{color: #fff; text-transform: uppercase; line-height: 32px; padding: 0 0 0 30px} .navi-small ul.menu li.car-list {position: relative; z-index: -1; height: 100vh; background-color: #fff} .navi-small ul.menu li.car-list a{display: block; line-height: 42px; border-bottom: 1px solid #000; padding: 0 30px;text-decoration: none; background-color: #fff; transition: all 0.1s ease-out 0s;} .navi-small ul.menu li.car-list a span.text{color: #c1c1c1; text-transform: uppercase; font-size: 21px; transition: all 0.1s ease-out 0s;} .navi-small ul.menu li.car-list a:hover { background-color: #c1c1c1} .navi-small ul.menu li.car-list a:hover span.text{color: #fff;} .navi-small ul.menu li.car-list a span.icon{display: none;} .navi-small ul.menu li.btn-close{display: block; width: 100%; float: right; position: absolute; top: 0; left: 200px;} .navi-small ul.menu li.btn-close button{display: block; margin: 0; line-height: 32px; background: none; color: #fff; outline: none; box-shadow: none; border: none; padding: 0; text-align: right; font-size: 32px; float: right; padding: 0 8px;} .navi-small ul.menu{margin: 0; padding: 0; width: 200px; float: left; z-index: 99} .navi-small ul.brand-image{margin: 0; padding: 0; width: 195px; float: left; left: 200px} .navi-small ul.brand-image {display: block; position: relative; height: calc(100vh - 32px); z-index: 1; top: 32px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#042c5b+0,00eaff+100 */ background: #042c5b; /* Old browsers */ background: -moz-linear-gradient(top, #042c5b 0%, #00eaff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #042c5b 0%,#00eaff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #042c5b 0%,#00eaff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#042c5b', endColorstr='#00eaff',GradientType=0 ); /* IE6-9 */ } .navi-small ul.brand-image li {display: block; position: absolute;} .navi-small ul.brand-image .im {width: 100%; left: 0; top: 0; height: 100%;} .navi-small ul.brand-image .im .bg{ display: block; height: 100vh; background-repeat: no-repeat; background-position: 0; background-position-x: 0px; background-position-y: 150px;} .navi-small ul.brand-image .im .overlay{} .navi-small ul.brand-image .car-brand-logo {display: inline-block; height: 150px; width: 100%; top: 0; left: 0;} .navi-small ul.brand-image .car-brand-logo span{display: table; height: 100%; width: 100%; background-position: center; background-repeat: no-repeat;} .navi-small ul.brand-image .contacts {display: inline-block; top: 150px; width: 100%; height: calc(100vh - 150px);} .navi-small ul.brand-image .contacts address{position: absolute; background: rgba(0,0,0,.6); bottom: 20px; left: 10px; right: 10px; display: inline-block; padding: 12px 24px; color: #fff} .navi-small ul#car-container li{ background-color: #fff; min-height: 60vh; display: block; width: 100%; max-height: 90vh; overflow-y: auto; } .navi-small ul#car-container {position: absolute; z-index: 1; width: calc(100% - 200px - 195px - 8%); display: block; min-height: 100vh; padding-top: 32px; padding-left: 0; left: calc(200px + 195px)} .list-cars {padding: 35px 15px} .list-cars a {display: inline-block; height: 128px; width: 180px; position: relative; color: #545454; margin-bottom: 10px} .list-cars a:hover {color: #2196F3; text-decoration: none;} .list-cars a:after {content:""; height: 1px; display: block; width: 30%; left: 0; bottom: 0; position: absolute; left: 15%; background: #eee} .list-cars a:hover:after {background: #C5C5C5} .list-cars a img{max-width: 100%; opacity: .8} .list-cars a:hover img{opacity: 1} .list-cars a span{font-size: 12px; text-transform: uppercase; display: block; padding-left: 15%;} .list-cars a span.title{font-size: 16px; font-weight: bold;} .list-cars a span.price{text-transform: lowercase;} .spectitle {display: block; position: absolute; bottom: 0px; width: 100%; padding: 16px 8px; background-color: rgba(0,0,0,.64); color: #fff} .best-slider .gallery-cell{margin: 0; border: 1px solid #fff; border-width: 2px 1px} @media screen and (max-width: 867px) { #main-navigation.in .navi-small ul.brand-image {display: none;} .navi-small ul.menu {width: 120px} .navi-small ul.menu li.car-list a {padding: 0 7px 0 15px;} .navi-small ul.menu li.car-list a span.text {font-size: 12px;} .navi-small ul#car-container { width: calc(100% - 70px - 8%); left: 121px;} .navi-small ul#car-container li {text-align: center;} } .severnii-kredit td{padding: 2px 8px} .srvice_sidebar {PADDING: 0 ; margin: 25px 0 0;} .srvice_sidebar li {padding-left: 0px; list-style-type: none; margin: 0} .srvice_sidebar li h3 {font-size: 14px; background-position: left center; background-repeat: no-repeat; padding-left: 50px; height: 32px; line-height: 32px; color: #000; margin: 10px 0; background-size: 32px} .service-inline-all .srvice_sidebar {text-align: center} .service-inline-all .srvice_sidebar li { display: inline-block; margin: 0 0px -2px; overflow: hidden; position: relative; min-width: 232px; width: 210px; min-height: 150px; } .service-inline-all .srvice_sidebar li a{ display: table; height: 150px; width: 100%; } .service-inline-all .srvice_sidebar li h3{ padding: 50px 0px 10px; background-size: 42px; background-position: 15px 10px; text-align: center; position: relative; z-index: 1; margin: 0; background-color: rgba(255, 255, 255, 0.86); } .service-inline-all .srvice_sidebar li h3 span { display: block; width: 100%; text-align: center; font-size: 18px; line-height: 90px; color: #fff; background: rgba(0, 0, 0, 0.17); margin: 10px 0 0 0; } .service-inline-all .srvice_sidebar li img.bg {position: absolute;width: 150%; left: 0; z-index: 0} .fluid-block { display: block; width: 40px; position: fixed; right: 0; top: 30%; transition: all 0.1s ease-out 0s; } .fluid-block > div{ position: relative; width: 40px; left: 0; transition: all 0.3s ease-out 0s; } .fluid-block > div:hover{ width: 215px; left: -220px; } .fluid-block > div a{ } .fluid-block > div a span.icon { font-size: 21px; color: #fff; background: #4798E6; padding: 2px; text-align: center; display: inline-block; width: 36px; height: 32px; } .fluid-block > div a span.text { opacity: 0; position: absolute; left: 36px; display: block; height: 32px; width: 230px; top: 0; background-color: #fff; font-size: 12px; color: #232424; padding: 12px; line-height: 32px; padding: 0 15px; font-weight: bold; } .fluid-block > div:hover a span.text { opacity: 1; } section.top ul {display: none;} .soc-inline-block {text-align: right; position: relative; margin-bottom: -30px; bottom: -15px; z-index: 10;} .soc-inline-block {text-align: right; position: relative; margin-bottom: -30px; bottom: -38px; right: -33px; z-index: 10; width: 160px; } .soc-inline {display: table; width: 180px; float: right;} .soc-inline > li {text-align: center; display: table-cell;} .soc-inline > li > a{color: #fff} @media (max-width: 991px) { .soc-inline > li > a { display: inline-block; width: 32px; line-height: 32px; background-color: #022253; border-radius: 50%; color: #d9dfe8; font-size: 16px;} } .menu-main {display: block; width: 100%; max-width: 100%; padding: 0; margin-top: 35px; margin-bottom: 5px;} .menu-main > li {display: inline-block; margin: 0 10px} .menu-main > li > a{ font-size: inherit; padding: 4px 6px; color: #fff; text-decoration: none;} .menu-main > li > a:hover{ font-size: inherit; padding-left: 6px; color: #55e3ff; background-color: rgba(126, 215, 255, 0.18); border-radius: 3px} .menu-secondary {display: block; width: 100%; max-width: 100%; padding: 0; margin-top: 0;} .menu-secondary > li {display: inline-block; margin-right: 25px; position: relative; margin: 0 10px} .menu-secondary > li > a{ padding-left: 10px; padding-right: 10px; padding: 4px 6px; color: #fff; text-decoration: none;} .menu-secondary > li > a:hover {color: #55e3ff; background-color: rgba(126, 215, 255, 0.18); border-radius: 3px} .menu-secondary > li.sales > a{ padding-left: 10px; padding-right: 10px; } .menu-secondary > li.sales > a:hover{ color: #a3e656; text-decoration: none; background-color: rgba(139, 195, 74, 0.18)} .menu-secondary > li.sales > a i {margin-right: 8px; color: #a3e656} .menu-secondary > li.open > a{background-color: transparent; text-decoration: none; color: #55e3ff;} .menu-secondary > li.open >.dropdown-menu {margin: 0; padding: 0; background-color: #428ddb; left: -16px; padding: 4px 0; margin-top: 11px; border-radius: 0; box-shadow: 0;} .menu-secondary > li.open >.dropdown-menu > li {padding-left: 3px; padding-right: 3px;} .menu-secondary > li.open >.dropdown-menu > li > a {background-color: #428ddb; color: #fff; padding: 8px 20px; color: #fff; position: relative;} .menu-secondary > li.open >.dropdown-menu > li.background{display: block; position: absolute; left: 0; width: 100%; top: 0; height: 100%;} .menu-secondary > li.open >.dropdown-menu > li >a:hover, .menu-secondary > li.open >.dropdown-menu > li >a:focus {color: #fff; text-decoration: none; background-color: rgba(255,255,255,.3)} .menu-secondary > li.open >.dropdown-menu > li >a:hover:after, .menu-secondary > li.open >.dropdown-menu > li >a:focus:after {} div.galleriffic div.gal_main {width: 100%!important; position: relative; } div.galleriffic div.controls {position: absolute; bottom: 0; width: 100%; height: 100%!important; z-index: 10} div.galleriffic div.controls a {font-size: 32px; color: #eee; padding: 5px; display: inline-block; height: 100%; width: 120px; position: absolute; text-align: center; top: 0; font-size: 72px; } div.galleriffic div.controls a.prev {left: 0; padding-top: 200px!important;} div.galleriffic div.controls a.next {right: 0; padding-top: 200px!important;} div.galleriffic div.navigation {height: 153px; overflow: hidden; display: block; width: 100%;} div.galleriffic div.nav-controls {width: 100%; height: 100%!important;} div.galleriffic div.slideshow span.image-wrapper {left: 0!important; right: 0!important} div.galleriffic div.slideshow a.advance-link {margin: 0 auto;} #gal-gaff-caption {display: none;} header > .container {position: relative;} .gk-event {position: absolute; left: -120px; top: 15px;} .gk-event img {width: 110px} @media (max-width: 1400px) { .gk-event {left: -60px; top: 75px;} .gk-event img {width: 75px;} } @media (max-width: 1280px) { .gk-event {left: -40px; top: 75px;} .gk-event img {width: 75px;} } @media (max-width: 1240px) { .gk-event {left: 240px; top: 15px;} .gk-event img {width: 55px;} } @media (max-width: 1200px) { .gk-event {left: 228px; top: 25px;} .gk-event img {width: 40px;} header .car-brands li a span {min-width: 57px} .menu-secondary > li {margin-right: 0px;} .menu-secondary > li > a {font-size: 13px;} span.car-im.hyundai {min-width: 60px} span.car-im.landrover {min-width: 60px} span.car-im.tuning {min-width: 48px} } #site_vote_rates {display: block; padding: 10px} #site_vote_rates .g_title {text-align: center;} #site_vote_rates .g_title span {font-size: 18px; text-transform: uppercase; color: #4d74a4 } #site_vote_rates .votes ul{display: block; width: 100%; margin: 0; padding: 0;} #site_vote_rates .votes li .control-label{line-height: 21px; font-size: 16px; color: #646464; font-weight: 400; width: 100%; margin: 10px 0; display: block} #site_vote_rates .votes li .control-label span {display: inline-block; width: 80%} #site_vote_rates .votes li .control-label input{ margin-right: 10px; vertical-align: top; margin-top: 5px; margin-left: 10px} #site_vote_rates .g_submit {text-align: center;} #site_vote_rates .g_submit button{background-color: #E4E6E8; text-transform: uppercase; background-image: url(../img/shevr-right.png); display: inline-block; text-decoration: none; background-repeat: no-repeat; color: #000; padding-right: 25px; padding-top: 6px; padding-left: 20px; background-position: calc(100% - 10px) 11px; line-height: 24px; border: 0px solid; margin-top: 10px; } .gk-event {display: none;} .list-item.address { color: #fff; display: block; margin-top: 40px; margin-bottom: 20px; font-size: 12px; text-transform: uppercase;} @media (max-width: 1200px) { section.service .service-items .item .placeholder {min-height: 125px;} .menu-footer-blue.list-group .list-item, .menu-footer-blue.list-group .list-item a {font-size: 16px!important} section.sales .teaser .header, section.news .teaser .header {height: 140px;} } @media (max-width: 991px) { .soc-inline-block {bottom: -50px; right:0} .menu-footer-blue.list-group .list-item, .menu-footer-blue.list-group .list-item a {font-size: 12px!important; padding: 0} .menu-footer-blue.list-group .list-item > i {width: 22px;} .menu-footer-blue.list-group .list-item.li-soc a {margin: 0; font-size: 18px!important} header .car-brands li a span {background-size: 32px;} header .car-brands li a span {max-width: 54px;} section.service .heading {display: none;} section.service .service-items {padding: 10px 25px 25px} section.service.main {background-image: inherit; padding-top: 0px;} section.service .service-items .item a h3 {font-size: 40px;} section.service .service-items .item .placeholder {min-height: 190px} a.logo {padding: 20px 0} a.logo img{width: 150px} section.sales .teaser .header, section.news .teaser .header { height: 230px; } } /* Salon page */ .page_salon {} .page_salon h1{display: none;} .page_salon .article{} .page_salon .sidebar{} .page_salon .sidebar ul.info{ background-color: #ecf2f3; border-top: 2px solid #50a7d2; margin-top: 25px; padding: 25px 15px} .page_salon .sidebar ul.info li{ padding: 0 0 10px; border-bottom: 1px solid #eee; margin: 0 10px 10px; min-height: 80px;} .page_salon .sidebar ul.info li b{ width: 100%; display: inline-block; line-height: 21px; font-size: 12px; text-transform: uppercase; color: #3c7eb7} .page_salon .sidebar ul.info li a {color: #F44336; color: #000; line-height: 32px;} .page_salon .sidebar ul.info li a i{margin-right: 15px; display: inline-block; min-width: 16px;} .page_salon .sidebar ul.info li:last-child {border-bottom: 0; margin-bottom: 0;} .page_salon .sidebar ul.info .linksocia a{display: block;} .page_salon .sidebar ul.info .link{} .page_salon .sidebar ul.info .addr{} .page_salon .sidebar ul.info .phone{} .page_salon .sidebar ul.info .question{} .page_salon .sidebar ul.info .dayly{} .page_salon .sidebar ul.info.sto{} .page_salon .sidebar ul.info.sto .link{} .page_salon .sidebar ul.info.sto .addr{} .page_salon .sidebar ul.info.sto .phone{} .page_salon .sidebar ul.info.sto .question{} .page_salon .sidebar ul.info.sto .dayly{} /* //// // / // / Salon page */ /* map */ .map_content_left ul{padding: 0;} .map_content_left ul li{padding: 0; line-height: 21px; font-size: 15px; margin-bottom: 15px;} .map_content_left ul li.link {margin: 6px 0 3px;} .map_content_left ul li.link a{display: block; margin: 0; line-height: 32px; font-size: 14px; background-color: #03a9f4; color: #fff; padding: 0 15px; border-radius: 3px; text-decoration: none;} .map_content_right {padding: 0;} .map_content_right .phone {display: block; margin: 15px 0; line-height: 21px; font-size: 15px; color: #646464} .map_content_right .email {display: block; margin: 0 0 15px; line-height: 21px; font-size: 15px;} .content_map_title {font-size: 15px; padding: 0 20px; color: #737373; display: block; margin: 15px 0;} .map_content_avtosalon {margin: 0 20px;} #navi_btb { position: fixed; left: (15% - 32px); top: 0; display: block; width: 48px; height: 48px; line-height: 48px; background-color: #000; color: #fff; z-index: 1100; font-size: 32px; border: 0px solid #fff; padding: 10px;} #navi_btb .bar{display: block; height: 5px; background-color: #fff; margin: 2px 0;} #collapseMobileNavigation {position: fixed; left: 0; top: 0; bottom: 0; height: 100vh!important; z-index: 1101; background-color: #000;} #collapseMobileNavigation {padding: 32px; transform: translate3d(0px, 0px, 0px); transition: all 700ms ease; } #collapseMobileNavigation {left: -100%;} #collapseMobileNavigation.in {left: 0;} #collapseMobileNavigation .closebtn{ position: absolute; top: 64px; right: 54px; display: inline-block; background-color: #fff; text-align: center; padding: 0; width: 48px; right: 0; top: 0; border: 0 solid;} #collapseMobileNavigation .closebtn > span {font-size: 32px; line-height: 48px; color: #000;} .topline-device {display: none} .hidden-desktop {display: none!important} .only-mobile {display: none!important} @media (max-width: 991px) { .logo.hidden-mobile {display: none;} .hidden-sm {display: none!important} .soc-inline-block {width: 100%; margin: 0; bottom: inherit; top: inherit; position: relative; text-align: center;} .soc-inline-block .soc-inline {margin: 0 auto; padding: 0; margin-top: 25px; margin-bottom: 15px; width: 140px;} .soc-inline-block .logo.hidden-desktop {display: inline-block!important; float: left;} .menu-main {display: none;} header .car-brands li a span {max-width: 128px; background-size: inherit;} .topline-device {display: block; top: 0; left: 0; width: 100%; max-width: 100%; line-height: 48px; height: 48px; background-color: #000; color:#fff; padding-left: 15%;} .menu-secondary {display: block; width: 100%;} .menu-secondary > li > a {font-size: 16px; line-height: 32px;} header .car-brands li {width: 5%} header .car-brands li a span { min-width: 100%; background-size: 100% auto; } span.car-im.hyundai {min-width: 100%} span.car-im.landrover {min-width: 100%} span.car-im.tuning {min-width: 100%} #default-nav-position {position: relative; z-index: 99999} } .flickity-prev-next-button {display: none!important} .only-mobile {display: block;} @media (max-width: 768px) { header {z-index: 100} .navbar-toggle {z-index: 2} .navbar-header {position: relative; width: calc(100% + 30px); left: -15px;} .navbar-header .menu-secondary {position: absolute; top: 100%; z-index: 1; left: 15px; width: calc(100% - 30px);} .navbar-toggle .icon-bar {background-color: #fff} .menu-secondary > li {display: block; margin: 0; background: #fff;} .menu-secondary > li > a {color: #646464; line-height: 42px; padding: 0 15px} .menu-secondary > li.open >.dropdown-menu {width: calc( 100% + 30px );} .panel.panel-corp-blue {width: 100%; margin-bottom: 0;} .menu-footer-blue.list-group .list-item {display: block; text-align: center;} .menu-footer-blue.list-group .list-item, .menu-footer-blue.list-group .list-item a { font-size: 18px!important; padding: 0; } h4.footer-h4 {font-size: 24px; text-align: center;} .menu-footer-light.list-group {width: 100%;} .menu-footer-light.list-group .list-item {display: block; text-align: center;} .menu-footer-light.list-group .list-item a { color: #fff; text-transform: lowercase; font-size: 18px; } section.copiright .copy-text p {text-align: center;} .media-play {text-align: center;} .creator {text-align: center; margin-bottom: 20px;} footer {padding-bottom: 0} blockquote {color: #26436d!important} section.service .service-items {margin-bottom: 0} section.service .service-items .item .placeholder { min-height: 190px; background-size: auto 100%; } section.service .service-items .item a h3 {font-size: 21px} .news-categoryes ul li, .sales-categoryes ul li {margin-bottom: 15px} } #pirfest {z-index: 109999; height: 0px; display: block; text-align: right; position: relative; padding: 0;} .service-row-item:after { background-image: url(../img/h1-ungle-bg.png); background-repeat: no-repeat; background-position: right bottom; background-size: 100% auto; min-height: 47px; content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%;} .service-row-item:before {background-image: url(../img/h1-ungle-bg.png); background-repeat: no-repeat; background-position: right bottom; background-size: auto 100%; min-height: 59px; content: ""; display: block; position: absolute; top: 10px; left: -138px; width: 58%; transform: rotate(0); z-index: 1; transition: all .2s ease; transform: translate(0px); } .service-row-item:hover:before { transform: translate(20px);} a.service-row-item {text-decoration: none} .service-row-item {display: inline-block; width: 100%; position: relative; overflow: hidden; min-height: 192px; margin: 25px 0 15px; padding: 25px 15px; text-decoration: none;} .service-row-item img {max-width: 100%; width: 32px; position: relative; z-index: 22; margin-left: 0; opacity: .64; transition: all .61s ease; transform: translate(0px);} .service-row-item:hover img {transform: translate(10px); opacity: 1;} .service-row-item small {position: relative; z-index: 22; display: none;} .service-row-item h2 {position: relative; z-index: 22; color: #0f2f77; max-width: 100%; text-decoration: none; color: #333; opacity: .64; transition: all .3s ease; transform: translate(0); padding-right: 50%;} .service-row-item:hover h2 {opacity: 1; transform: translate(10px)} .service-row-item h2:after {content: ""; display: block; top: 100%; height: 2px; width: 15px; background-color: #3dbae7; right: 0; transition: all .3s ease;} .service-row-item:hover h2:after {width: 100%;} .service-row-item .placeholder { position: absolute; right: 0; opacity: .1; background-size: auto 100%; top: 0; width: 100%; display: block; height: 100%;} .service-row-item span {} .service-row-item:hover span {} .topnavi {display: block; background-color: #fff} .topnavi nav {margin: 0; width: 100%;} .topnavi nav ul{display: block; list-style-type: none; margin: 0} .topnavi nav ul li {display: inline-block; margin-right: 5px;} .topnavi nav ul li a{font-size: 15px; line-height: 32px; color: #666; padding: 0 15px} header.topmain {background: #FFF} header.topmain:after {display: none;} header.topmain .soc-inline > li > a, header.topmain .menu-secondary > li > a {color: #2f2f2f} header.topmain span.car-im.bmw{background-image: url(../img/brands_new/bmw.png)} header.topmain span.car-im.landrover{background-image: url(../img/brands_new/landrover.png)} header.topmain span.car-im.hyundai{background-image: url(../img/brands_new/hyundai.png)} header.topmain span.car-im.citroen{background-image: url(../img/brands_new/citroen.png)} header.topmain span.car-im.nissan{background-image: url(../img/brands_new/nissan.png)} header.topmain span.car-im.renault{background-image: url(../img/brands_new/renault.png)} header.topmain span.car-im.peugeot{background-image: url(../img/brands_new/peugeot.png)} header.topmain span.car-im.mitsubishi{background-image: url(../img/brands_new/mitsubishi.png)} header.topmain span.car-im.dongfeng{background-image: url(../img/brands_new/dongfeng.png)} header.topmain span.car-im.datsun{background-image: url(../img/brands_new/datsun.png)} header.topmain span.car-im.gaz{background-image: url(../img/brands_new/gaz.png)} header.topmain span.car-im.tonar{background-image: url(../img/brands_new/tonar.png)} header.topmain span.car-im.pandora{background-image: url(../img/brands_new/pandora.png)} header.topmain span.car-im.tuning{background-image: url(../img/brands_new/tuning.html)} header.topmain span.car-im.lexus{background-image: url(../img/brands_new/lexus.png)} header.topmain span.car-im.toyota{background-image: url(../img/brands_new/toyota.png)} @media (min-width: 768px) { a.logo {padding-left: 0; padding-right: 0; position: relative;} a.logo:after { content: ''; display: block; position: absolute; width: 54px; height: 97px; left: 114%; background-image: url(../img/avtodel-25.png); background-size: 100% auto; top: 0; background-repeat: no-repeat; background-position: center;} } @media (min-width: 768px) { a.logo:after { content: ''; display: block; position: absolute; width: 84px; height: 97px; left: 108%; background-image: url(../img/avtodel-25.png); background-size: 100% auto; top: 0; background-repeat: no-repeat; background-position: center; } } .headr-logo {display: flex; flex-direction: row; justify-content: space-around; max-width: 70%; height: 50px} .headr-logo figure:first-child {display: block; min-width: 192px; background-size: 70% auto; background-repeat: no-repeat; background-position: center;} .headr-logo figure:last-child {display: block; min-width: 64px; background-size: auto 90%; background-repeat: no-repeat; background-position: center;} .navbar-brand {padding: 0 15px} .navbar-header {left: 0;} .navbar.visible-xs {margin: 0; position: fixed; top: 0; left: 0; width: 100%; right: 0; z-index: 9111110} @media(max-width: 768px) { .navbar-collapse {overflow-y: scroll} #issues li p {margin-right: 25px!important} #issues li, #timeline {max-width: 340px} .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav>li>a:hover, .nav>li>a:focus {background: #4798e7} .nav>li>a#menu_service { position: absolute; right: 0; top: 0; z-index: 5; display: block; width: 74px; line-height: 28px; text-align: center;} .navbar {border: 0px solid;} .navbar-header {left: 0; background: #0b286f; padding: 15px 0 15px 15px;} body {margin-top: 80px; background: #0b286f} .navbar-collapse {background: #0b286f} header > .container > .row:first-child {display: none;} .navbar-nav>li>a {color: #fff; font-size: 18px;} .navbar-nav .open .dropdown-menu>li>a {background: #fff; line-height: 20px} .dropdown-menu {margin: 0; background-color: #fff; padding: 0} header .car-brands {background: #0b286f} header .car-brands li {width: 20%} header .car-brands li a span {background-size: 46px auto; padding-top: 98%; border-radius: 50%; background-color: rgba(255,255,255,.18)} section.news .news-full .col-sm-10 img {height: initial} }