/* main */
* {
	margin: 0;
	padding: 0;
	border: none;
}
body {
    /*font: 15px/1.4 "Times New Roman", sans-serif;*/
    font: 15px/1.4 "gth", sans-serif;
    color: #000;
    background: #eee;
}
body.index {
    background: #fff;
}
.wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}
img {
    vertical-align: bottom;
}
a {
    color: #0d47a1;
}
a:hover {
    color: #b71c1c;
}
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
h1 {
    font-size: 30px;
    font-weight: bold;
    color: #0d47a1;
    text-transform: uppercase;
}
h2 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #0d47a1;
    text-transform: uppercase;
    margin: 1.4em 0 .6em;
}
h2:first-child {
    margin-top: 0;
}
.button {
    display: block;
    max-width: 580px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    background: #b71c1c;
    margin-bottom: 20px;
}
.button:hover {
    color: #fff;
    opacity: .9;
}
iframe {
    width: 100%;
}

@font-face {
    font-family: 'gth';
    src: url('/font/gth-regular.eot');
    src: url('/font/gth-regular.eot?#iefix') format('embedded-opentype'),
         url('/font/gth-regular.woff') format('woff'),
         url('/font/gth-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gth';
    src: url('/font/gth-bold.eot');
    src: url('/font/gth-bold.eot?#iefix') format('embedded-opentype'),
         url('/font/gth-bold.woff') format('woff'),
         url('/font/gth-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'PT Sans';
    src: url('/font/pts.eot');
    src: url('/font/pts.eot?#iefix') format('embedded-opentype'),
         url('/font/pts.woff') format('woff'),
         url('/font/pts.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* .headline {
	background: #030e20;
	color: #fff;
	padding: 10px 0;
}
.headline .brands {
	float: left;
}
*/

header {
    background: #fff;
    padding: 20px 0;
}
header .logo {
    float: left;
    margin-top: 3px;
}
/* header .phone {
    margin-left: 100px;
}
header .phone span {
    display: block;
    font-size: 24px;
    font-weight: 700;
}
header .phone a {
    float: right;
    font-size: 12px;
    font-weight: 700;
}
*/
/* header .search {
    float: right;
    margin-top: 7px;
} */
.search-bar input {
    width: 275px;
    border: 2px solid #0d47a1;
    border-right: none;
    padding: 6px 10px;
}
.search-bar input::-webkit-input-placeholder {
    color: #666;
    font: 10px/1.5 "gth", sans-serif;
    text-transform: uppercase;
}
.search-bar input::-moz-placeholder {
    color: #666;
    font: 10px/1.5 "gth", sans-serif;
    text-transform: uppercase;
}
.search-bar input::-ms-input-placeholder {
    color: #666;
    font: 10px/1.5 "gth", sans-serif;
    text-transform: uppercase;
}
.search-bar button {
    margin-left: -8px;
    color: #fff;
    font: 10px/1.5 "gth", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    padding: 9px 30px;
    background: url('/images/search-bg.png') left no-repeat;
    vertical-align: bottom;
    cursor: pointer;
    z-index: 5;
}

nav {
    /* background: #0d47a1; */
    /* padding: 10px 0; */
    padding-top: 2px;
    float: left;
}
nav li {
    float: left;
    list-style: none;
}
nav a {
    color: #0d47a1;
    text-decoration: none;
    font-size: 11px;
    /* font-weight: 700; */
    margin-left: 20px;
    text-transform: uppercase;
}
nav a.current {
    font-weight: 700;
    text-decoration: underline;
}
nav a:hover {
    /* color: #fff; */
    text-decoration: underline;
}

.headlinks {
    float: right;
    margin-top: 6px;
}
.headlinks .item {
    display: block;
    float: left;
    margin-right: 20px;
    width: 18px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
    text-decoration: none;
    cursor: pointer;
    color: #0d47a1;
}
.headlinks .item:last-child {
    margin-right: 0;
}
/* .headlinks a:hover {
    opacity: .8;
} */
.headlinks > .clock {
    background-image: url('/images/i/clock.png');
}
.headlinks > .socials {
    background-image: url('/images/i/socials.png');
}
.headlinks > .phone {
    background-image: url('/images/i/phone.png');
}
.headlinks > .search {
    background-image: url('/images/i/search.png');
}
.headlinks > .lang {
    position: relative;
    padding-right: 18px;
}
.headlinks > .lang:after {
    position: absolute;
    top: 4px;
    right: 0;
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    background: url('/images/i/downlist.png') center no-repeat;
}

/* .socials {
    float: right;
    margin-top: 3px;
} */
header .socials .facebook {
    background-image: url('/images/i/facebook.svg');
}
header .socials .vk {
    background-image: url('/images/i/vk.svg');
}
header .socials .youtube {
    background-image: url('/images/i/youtube.svg');
}
header .socials .instagram {
    background-image: url('/images/i/instagram.svg');
}
footer .socials .facebook {
    background-image: url('/images/i/facebook.png');
}
footer .socials .vk {
    background-image: url('/images/i/vk.png');
}
footer .socials .youtube {
    background-image: url('/images/i/youtube.png');
}
footer .socials .instagram {
    background-image: url('/images/i/instagram.png');
}
.socials a {
    display: block;
    float: left;
    margin-right: 20px;
    width: 18px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}
.socials a:last-child {
    margin-right: 0;
}
.socials a:hover {
    opacity: .8; 
}
.topblock .brands {
    float: left;
    width: 250px;
    background: #f5f5f5;
    margin-right: 20px;
}
.topblock .brands a {
	color: #222;
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	/* font-weight: bold; */
	border-bottom: 1px solid #cbcbcb;
	padding: 15px 15px 15px 60px;
	/* margin-right: 20px; */
	background-position: 20px;
    background-repeat: no-repeat;
    background-size: 24px;
}
.topblock .brands a:hover {
    background-color: #17479e;
    color: #fff;
    font-weight: bold;
	/* text-decoration: underline; */
}
.topblock .brands .kia {
	background-image: url('/images/i/m-kia.png');
}
.topblock .brands .nissan {
	background-image: url('/images/i/m-nissan2.png');
}
.topblock .brands .hyundai {
	background-image: url('/images/i/m-hyundai.png');
}
.topblock .brands .renault {
	background-image: url('/images/i/m-renault.png');
}
.topblock .brands .mitsubishi {
	background-image: url('/images/i/m-mitsubishi.png');
}
.topblock .brands .yamaha {
	background-image: url('/images/i/m-yamaha.png');
}
.topblock .brands .subaru {
	background-image: url('/images/i/m-subaru.png');
}
.topblock .brands .haval {
	background-image: url('/images/i/m-haval.png');
}
.topblock .brands .used-car {
	background-image: url('/images/i/m-auto.png');
}
.topblock .brands .used-car:hover {
	background-image: url('/images/i/m-whiteauto.png');
}

.topblock .brands .jetour-page {
	background-image: url('/images/i/jetour-bl.png');
}
.topblock .brands .jetour-page:hover {
	background-image: url('/images/i/jetour-wt.png');
}

.topblock .brands .brp-page {
	background-image: url('/images/i/brp.png');
}
.topblock .brands .brp-page:hover {
	background-image: url('/images/i/brp.png');
}

.topblock .brands .agro-page {
	background-image: url('/images/i/agro.png');
}
.topblock .brands .agro-page:hover {
	background-image: url('/images/i/agrow.png');
}

.topblock .brands .aodes-page {
	background-image: url('/images/i/sm.ico');
}
.topblock .brands .aodes-page:hover {
	background-image: url('/images/i/sm.ico');
}

.topblock .brands a:last-child {
	border-bottom: none;
	padding-right: 0;
}
.topblock .slider-root {
    float: left;
    width: calc(100% - 270px);
}
.slider-root, .brands {
    margin-bottom: 50px;
}
.slider {
    position: relative;
    overflow: hidden;
}
.slider .left, .slider .right {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    width: 30px;
    height: 73px;
    cursor: pointer;
}
.slider .left:hover, .slider .right:hover {
    opacity: .8;
}
.slider .left {
    background: url('/images/slider-left.png') center no-repeat;
    left: 0;
    z-index: 2;
}
.slider .right {
    background: url('/images/slider-right.png') center no-repeat;
    right: 0;
    z-index: 2;
}
.slider img {
    position: absolute;
    top: 0;
    transition: linear margin-left 0.3s;
    width: 100%;
    z-index: 1;
}

.feedback-form label {
    display: block;
    margin-bottom: 20px;
}
.feedback-form input, .feedback-form select {
    display: block;
    width: 260px;
    max-width: 100%;
    font-size: 14px;
    line-height: 1.5;
    /*vertical-align: bottom;*/
    background: #eee;
    padding: 4px 6px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.feedback-form input[type=submit] {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    padding: 6px 14px;
}
.feedback-form input[type=submit] {
    display: inline-block;
    font-size: 14px;
    padding: 7px 15px;
    text-decoration: none;
    font-weight: 700;
    /*box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);*/
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2), 0px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    cursor: pointer;
}
.feedback-form input[type=submit]:hover {
    -webkit-filter: brightness(95%);
    filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright90'><feComponentTransfer><feFuncR type='linear' slope='0.9'/><feFuncG type='linear' slope='0.9' /><feFuncB type='linear' slope='0.9' /></feComponentTransfer></filter></svg>#bright90");
    filter:brightness(95%);
}
.feedback-form input[type=submit]:active {
    box-shadow: none;
    position: relative;
    top: 2px;
}

.col-50 {
    float: left;
    width: calc(50% - 10px);
    margin-bottom: 30px;
}
.col-50:first-child {
    margin-right: 20px;
}
.white-block {
    padding: 20px;
    background: #fff;
}

.main-links {
    margin-bottom: 50px;
}
.main-links a {
    float: left;
    width: 33.33%;
    text-align: center;
    display: block;
    height: 180px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    line-height: 130px;
}
.main-links a:hover {
    opacity: .8;
}
.main-links img {
    vertical-align: middle;
}
.main-links a h3 {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 0;
}
.main-links .link-1 {
    background: #1570ff;
}
.main-links .link-2 {
    background: #0d47a1;
}
.main-links .link-3 {
    background: #5095ff;
}
.main-links .link-4 {
    background: #75abff;
}
.blink {
    margin-bottom: 20px !important;
}

.actions-items {
    margin: 0 -10px 60px -10px;
}
.slick-dotted.slick-slider {
    margin-bottom: 70px;
}
.zharnama {
    padding: 10px;
}
.actions-items img {
    max-width: 100%;
}
/* .zharnama:nth-child(2n)
{
    margin-right: 0;
} */
.slick-prev:before {
    content: '';
    display: block;
    background: url('/images/i/left.png') center no-repeat;
    width: 16px;
    height: 26px;
}
.slick-next:before {
    content: '';
    display: block;
    background: url('/images/i/right.png') center no-repeat;
    width: 16px;
    height: 26px;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #1570ff;
}
.slick-dots li button:before {
    opacity: .25;
    color: #1570ff;
    font-size: 12px;
}

.news-index article {
    float: left;
    width: calc(50% - 10px);
    margin-right: 20px;
}
.news {
    margin-bottom: 20px;
}
.news-index .news {
    margin-bottom: 0;
}
.news-index article:nth-child(2n) {
    margin-right: 0;
}
.more-news {
    display: inline-block;
    background: #030e20;
    color: #fff;
    font-size: 12px;
    padding: 20px 50px;
    text-transform: uppercase;
    text-decoration: none;
}
.more-news:hover {
    color: #fff;
    text-decoration: underline;
}

.news article {
    position: relative;
    margin-bottom: 20px;
    max-width: 600px;
}
.news article:last-child {
    margin-bottom: 0;
}
.news article .info {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    padding: 20px;
    color: #fff;
}
.news article h3 {
    margin-bottom: 3px;
}
.news article h3 a {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
}
.news article h3 a:hover {
    color: #fff;
    text-decoration: underline;
}
.news article .date {
    float: left;
}
.news article .view {
    float: right;
    background: url('/images/i/view.png') left no-repeat;
    padding-left: 30px;
}
.news article a:hover img {
    opacity: .9;
}
.news article img {
    width: 100%;
}

.reviews article {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
}
.reviews article:last-child {
    margin-bottom: 0;
}
.reviews article .thumb {
    float: left;
    width: 370px;
    margin-right: 20px;
}
.reviews article .info {
    float: left;
    width: calc(100% - 390px);
}
.reviews article .info .date {
    font-weight: bold;
    margin-bottom: .5em;
}
.reviews article .info h3 {
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: .5em;
}

.tradein .top {
    text-align: center;
}
.tradein h1 {
    margin: 50px 0;
}
.tradein-img {
    margin-bottom: 20px;
}
.tradein .advantages {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.tradein .advantages article {
    padding: 20px;
}
.tradein .advantages article img {
    margin-bottom: 20px;
}
.tradein h2 {
    margin-bottom: 30px;
}
.tradein .process {
    max-width: 100%;
    margin-bottom: 50px;
}
.tradein ul {
    margin-bottom: 50px;
}

.used-car article {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
}
.used-car article:last-child {
    margin-bottom: 0;
}
.used-car article .thumb {
    float: left;
    width: 450px;
    margin-right: 20px;
}
.used-car article .info {
    float: left;
    width: calc(100% - 470px);
}
.used-car article .info .date {
    font-weight: bold;
    margin-bottom: .5em;
}
.used-car article .info h3 {
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: .5em;
}
.used-car article .info .price {
    color: #0d47a1;
    font-size: 22px;
    font-weight: bold;
}
.used-car .two-column {
    column-count: 2;
}

.content {
    margin: 30px 0;
    padding: 0 0 20px 0;
    /* background: #fff; */
}
.content img {
    max-width: 100%;
}
.content h1 {
    margin-bottom: .7em;
}
.content h2 {
   text-align: left;
}
.content p, .content ul {
    margin-bottom: 1em;
}
.content ul {
    /* margin-left: 1em; */
    list-style: none;
}
.content li {
    margin-bottom: 1em;
}
.content > ul > li {
    list-style: none;
    background: url("/images/i/mark.png") left 4px no-repeat;
    background-size: 18px;
    padding-left: 30px;
}
.content table {
    border-collapse: collapse;
}
.content td {
    padding: 10px;
}

.toggle {
    background: #eee url("/images/i/arrow-down.png") center right 15px no-repeat;
    background-size: 16px;
    padding: 15px 47px 15px 15px;
    margin-bottom: 15px;
    cursor: pointer;
}
.toggle.opened {
    background-image: url("/images/i/arrow-up.png");
}
.toggle:hover {
    opacity: .8;
}
.toggle + .toggle-content {
    display: none;
}
.toggle.opened + .toggle-content {
    display: block;
}

footer {
    font-size: 14px;
    padding: 20px 0;
    background: #030e20;
    color: #fff;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #fff;
    text-decoration: none;
}
footer .copyright {
    float: left;
    width: 180px;
    margin: 43px 80px 0 0;
}
footer .right {
    float: right;
    /* margin-top: 30px; */
}
footer .socials {
    margin-bottom: 30px;
}
footer .links {
    float: left;
    margin-right: 30px;
    width: 140px;
}
footer .links a {
    display:  block;
    color: #fff;
    margin-top: 3px;
}
footer .links a:hover {
    text-decoration: none;
}
footer h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 5px;
}
footer .vialike {
    display: block;
    /*float: right;*/
    text-align: right;
    text-decoration: none;
    color: #ddd;
}
footer .vialike span {
    font-size: 12px;
    margin-bottom: 3px;
    display: block;
}
footer .vialike:hover img {
    transform: rotate(360deg);
    transition: transform linear .3s;
}

@media screen and (max-width: 1010px) {
    header {
        padding: 0;
    }
    header .logo,
    nav,
    .headlinks {
        display: block;
        float: none;
        width: auto;
        margin: 20px 0 !important;
        border: 0;
    }
    nav a {
        margin-left: 0;
        margin-right: 20px;
    }
}
@media screen and (min-width: 960px) {
    .topblock .toggle {
        display: none !important;
    }
    .topblock .toggle + .toggle-content {
        display: block !important;
    }
}
@media screen and (max-width: 960px) {
    footer .copyright,
    footer .links,
    footer .right,
    footer .vialike,
    .topblock .brands,
    .topblock .slider-root {
        float: none;
        width: auto;
        text-align: left;
        margin: 20px 0;
    }
    .topblock .toggle {
        display: block;
    }
    .topblock .toggle + .toggle-content {
        display: none;
    }
    .topblock .brands {
        margin: 0 0 20px 0;
    }
}
@media screen and (max-width: 900px)  {
    h1 {
        font-size: 24px;
    }
    .main-links a,
    .news article,
    .reviews article .thumb,
    .reviews article .info {
        display: block;
        float: none;
        width: auto;
        /* margin: 20px 0 !important; */
        border: 0;
    }
    .tradein .advantages {
        display: block;
    }
    .news article {
        margin: 20px 0 !important;
    }
    .reviews article .thumb {
        margin: 0 0 20px 0;
    }
    .slick-prev:before, .slick-next:before {
        display: none;
    }
    .content iframe {
        width: 100%;
        height: auto;
    }
    .search-bar input {
	    width: calc(100% - 117px);
	}
}
.success{
    text-align: center;
    color: #030e20;
    display: block;
    padding-bottom: 15px;
}
.centralform label{
    display: none !important;
}
.centralform input{
    width: 100% !important;
}
.centralform textarea{
    width: 100%;
}
.centralform .field_submit{
    max-width: 160px;    ;
        margin: 0 auto;
        display: block;
}