﻿body {
	font-family: 'KIA';
	font-size: 1em;
	color: #959595;
	background: url('../img/bg1.jpg') 50% 170px no-repeat #ffffff;
	overflow-x: hidden;
}


[class^="icon-"],
[class*=" icon-"] {
	background: url("../img/icons.png") left top no-repeat;
	width: 53px;
	height: 53px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 6px;
}

/*
::-webkit-input-placeholder {color:white;}
::-moz-placeholder          {color:white;}
:-moz-placeholder           {color:white;}
:-ms-input-placeholder      {color:white;}
*/



/**************************************
     INIIAIUA NOEEE
**************************************/
.container {
	width: 1140px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}

.container2 {
	max-width: 100%;
	/*width:1070px;
	max-width:100%;
	margin:0 auto;
	position:relative;*/
}




/*headers*/
.header1 {
	font-size: 32px;
	color: white;
	font-weight: bold;
	text-decoration: none;
	/*padding-top:6px;
	margin-bottom:23px;
	padding-left:24px;
	padding-right:24px;*/
}


/* buttons */
.button1 {
	font-family: 'KIA';
	font-size: 14px;
	font-weight: 500;
	color: white;
	background-color: #05141F;
	border: 1px solid #05141F;
	border-radius: 4px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding-left: 14px;
	padding-right: 14px;
	text-decoration: none;
}

.button1:hover {
	color: #05141F;
	background-color: white;
	text-decoration: none;
}

.button1.red {
	background: #05141F;
	color: white;
	line-height: unset;
	display: inline-flex;
	align-items: center;
}

.button1.red:hover {
	color: #05141F;
	background: white;
}


.button1.gray {
	background: #05141F;
	border-color: #05141F;
	color: white;
	line-height: unset;
	display: inline-flex;
	align-items: center;
}

.button1.gray:hover {
	color: #05141F;
	background: white;
}



.button1.white {
	background: white;
	border-color: white;
	color: #c8162c;
	line-height: unset;
	display: inline-flex;
	align-items: center;
}

.button1.white:hover {
	color: white;
	background: #bb162b;
}






.button_akciya {
	color: white;
	background-color: #bb162b;
	text-decoration: none;

}

.button_akciya:hover {
	color: #bb162b;
	background-color: white;
	border: 1px solid #bb162b;
}

/*.button1.small
{
	font-size:14px;
	height:44px;
	line-height:44px;
}*/


/*select, input*/
.select1 {
	display: inline-block;
	position: relative;
}

.select1.error select {
	border: 2px solid #db4360;
}

.select1::after {
	content: '';
	width: 23px;
	height: 23px;
	position: absolute;
	right: 2px;
	top: 2px;
	pointer-events: none;
	background: url("../img/icons.png") 0px -186px no-repeat;
}

.select1 select {
	color: #7d7d7d;
	position: relative;
	padding: 0px 26px 0px 6px;
	margin: 0;
	height: 42px;
	width: 100%;
	/*outline:none;*/
	display: inline-block;
	/*-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;*/
	cursor: pointer;
	border: 1px solid #e5e5e5;
	/*border:1px solid #d6d4d4;
	border-radius:2px;*/
}

/*INPUT, TEXTAREA*/
input[type=text],
input[type=password],
input[type=tel],
textarea,
select {
	font-family: 'KIA';
	display: inline-block;
	color: #7d7d7d;
	border-radius: 0px;
	border: 1px solid #9e9e9e;
	width: 100%;
	height: 40px;
	padding-left: 17px;
	padding-right: 17px;
	border-radius: 3px;
}

textarea {
	padding-top: 8px;
	padding-bottom: 8px;
}

/*input[type=text].error,
textarea.error,
select.error
{
	border:4px solid #ca224f !important;
}*/

input[type=submit],
button {
	cursor: pointer;
}

select {
	-webkit-appearance: none;
	background: url(../img/ico_select.png) 95% 50% no-repeat #ffffff;
}


.has-danger input,
.has-danger select,
.has-danger textarea {
	/*border-width:2px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #eba5a3;*/
	border: 2px solid #ca224f !important;
}



#bottom-block {
	display: none;
}




/**************************************
     FORM_POPUP
**************************************/
.form_popup,
#form_popup_kred {
	display: none;
}

.popup_container {
	width: 440px;
	max-width: 100%;
	padding: 20px;
	border: 3px solid #000000;
	padding-top: 12px;
}

.popup_container .agree_field a {
	color: black;
}

.popup_container .close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 34px;
	height: 34px;
	-moz-transform: rotate(45deg);
	/* Aey Firefox */
	-ms-transform: rotate(45deg);
	/* Aey IE */
	-webkit-transform: rotate(45deg);
	/* Aey Safari, Chrome, iOS */
	-o-transform: rotate(45deg);
	/* Aey Opera */
	transform: rotate(45deg);
	cursor: pointer;
}

.popup_container .close:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 16px;
	width: 34px;
	height: 1px;
	display: block;
	background-color: #a8a8a8;
}

.popup_container .close:after {
	content: '';
	position: absolute;
	left: 16px;
	top: 0px;
	width: 1px;
	height: 34px;
	display: block;
	background-color: #a8a8a8;
}

.popup_container .form_title {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	display: block;
	text-align: center;
	box-sizing: content-box;
	/*padding: 0px 20px;*/
	padding-top: 20px;
	padding-bottom: 10px;
}

.popup_container .form_title span {
	text-decoration: none;
}

.popup_container .title_comment {
	text-align: center;
}

.popup_container .title_comment a {
	text-decoration: underline;
}

.popup_container .form_text {
	font-size: 16px;
	font-weight: bold;
	color: #616161;
	padding-top: 10px;
	text-align: center;
	display: none;
}

.popup_container .form_text2 {
	font-size: 11px;
	color: #acacac;
	font-weight: bold;
	color: #acacac;
	padding-top: 10px;
	text-align: center;
}

.popup_container input[type=text],
.popup_container input[type=tel],
textarea,
select {
	margin-bottom: 20px;
	width: 100%;
}

textarea {}

.popup_container input[type=submit],
.popup_container button {
	width: 100%;
	color: white;
	cursor: pointer;
}

.popup_container .submit-wrap {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.popup_container button svg {
	position: absolute;
	top: 0;
	right: 0;
	color: #000000;
	width: 40px;
}


.irs--flat {
	margin-top: -15px;
	margin-bottom: 25px;
}

.carvznos {}

.carcost,
.carvznos {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 10px;
	border: 1px solid #9e9e9e;
	padding: 4px 18px;
	margin-bottom: 18px !important;
}

.carcost div,
.carvznos div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 5px;
}

.carcost input[type=number],
.carvznos input[type=number] {
	width: 110px !important;
	height: 40px !important;
	margin-bottom: 0px !important;
	margin-right: 8px !important;
	border: 0px !important;
	border-bottom: 1px solid #c71444 !important;
	padding-left: 0px;
	text-align: center;
	background: transparent;
}

.cars_complect {}

.okna_kruglyashi {
	width: 59px;
	height: 33px;
	display: block;
	position: relative;
}

.okna_kruglyashi_1[type="radio"]+.win_1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/vin_1.png) no-repeat;
	cursor: pointer;
}

.okna_kruglyashi_1[type="radio"]:checked+span {
	background-position: 0 -33px;
}




/**************************************
     HEADER
**************************************/

.mob_head {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 10;
}

.mob_head .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mob_head .text {
	width: 50%;
	color: #000000;
	padding: 15px 0;
}

.mob_head a {
	display: block;
	width: 50%;
	font-weight: 700;
	color: #000000;
	text-align: right;
	text-decoration: none;
}

header {
	background-color: white;
	padding-top: 24px;
	padding-bottom: 24px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
	color: #414141;
	position: static;
	z-index: 5;
	width: 100%;
}

header .column1,
header .column3 {
	display: block;
	float: left;
	width: 16.7%;
}

header .column2 {
	display: block;
	float: left;
	width: 66.6%;
}


header .columns3 .item:nth-child(2) {
	text-align: center;
}

header .columns3 .item:nth-child(2) span {
	display: inline-block;
	text-align: left;
}

header .columns3 .item:nth-child(3) {
	text-align: right;
}

header .phone {
	font-size: 22px;
	font-weight: bold;
	color: black;
	display: block;
	text-decoration: none;
	position: relative;
}

header .phone:before {
	content: url(../img/phone.png);
	width: 21px;
	height: 21px;
	position: absolute;
	top: 2px;
	left: 32px;
}

header .oz {
	font-size: 0.95rem;
}




/**************************************
     TOP-BANNER
**************************************/
.top-banner {
	background: #37434C;
	/* margin-top: 97px; */
	z-index: 5;
	position: absolute;
	width: 100%;
}

.top-banner .container {
	display: flex;
	padding-top: 10px;
	padding-bottom: 10px;
	align-items: center;
	justify-content: space-between;
}

.top-banner .text {
	font-weight: 500;
	color: white;
	font-size: 20px;
	white-space: nowrap;
}

.top-banner .text br {}

.top-banner .timer {}

.top-banner .timer script {}

.top-banner .timer>div {}

.top-banner .form-wrap {
	max-width: 550px;
}

.top-banner .form-wrap form {
	display: flex;
	flex-wrap: wrap;
}

.top-banner .form-wrap input {}

.top-banner .form-wrap .form_title.header1 {
	display: none;
}

.top-banner .form-wrap .form_error {}

.top-banner .form-wrap .columns2.margin3 {
	display: flex;
	width: 100%;
}

.top-banner .form-wrap .columns2.margin3 .item.form-group.ico_phone {
	width: 70%;
}

.top-banner .form-wrap .columns2.margin3 .item {
	height: 40px;
	border-radius: 4px;
	display: flex;
	font-weight: 300;
	align-items: center;
}

.top-banner .form-wrap .columns2.margin3 .item:before {
	content: '';
	display: none;
}

.top-banner .form-wrap .columns2.margin3 .item:after {
	content: '';
	display: none;
}

.top-banner .form-wrap .columns2.margin3 .item:hover {
	content: '';
}

.top-banner .form-wrap .columns2.margin3 .item.form-group.ico_phone .nacc.form-control.stream-wood-recall-phone-to-call {
	height: 40px;
	border-radius: 4px;
}

.top-banner .form-wrap .columns2.margin3 .item.form-group {}

.top-banner .form-wrap .columns2.margin3 .item.form-group .item.button1.form-control.ckformtrigger {}

.top-banner .form-wrap .columns2.margin3 .item.form-group .item {
	background: #05141F;
	color: white;
	line-height: unset;
}

.top-banner .form-wrap .columns2.margin3 .item.form-group .item:before {
	content: '';
	display: none;
}

.top-banner .form-wrap .columns2.margin3 .item.form-group .item:after {
	content: '';
	display: none;
}

.top-banner .form-wrap .columns2.margin3 .item.form-group .item:hover {
	content: '';
	color: black;
	background: white;
	border-color: white;
}

.top-banner .form-wrap .clear {}

.top-banner .form-wrap .agree_field {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.top-banner .form-wrap .agree_field input {}

.top-banner .form-wrap a {}

.top-banner .form-wrap a:before {
	content: '';
}

.top-banner .form-wrap a:after {
	content: '';
}

.top-banner .form-wrap a:hover {}

.top-banner .form-wrap .agree_field:before {
	content: '';
}

.top-banner .form-wrap .agree_field:after {
	content: '';
}

.top-banner .form-wrap .agree_field:hover {}




/**************************************
     MAIN BANNER
**************************************/

.title_container {
    margin-top: 132px;
	background: #FFFFFFCC;
	backdrop-filter: blur(4px);
	padding: 25px 26px;
	border-radius: 14px;

}

.title_container .title1 {
	font-weight: 700;
	font-size: 40px;
	text-align: center;
	color: #000000;
}

.title_container .title1 span {
	/* color: #a8101c; */
}

.title_container .title2 {
	font-weight: 500;
	font-size: 36px;
	color: #000000;
	text-align: center;
}

.title_container .title3 {
	font-weight: 400;
	font-size: 32px;
	color: #000000;
	text-align: center;
}

.title_container .title4 {
	font-weight: 600;
	font-size: 32px;
	color: #000000;
	text-align: center;
}

.title_container .title_comment {
	font-size: 36px;
	font-weight: 700;
	color: #ffffff;
	padding: 9px 0;
	width: 60%;
	background: #05141f;
	text-align: center;
	margin: 0 auto;
	position: relative;
	margin-top: 25px;
}

/*.title_container .title_comment:before {
	content: '+';
	position: absolute;
	font-weight: 700;
	color: #bb162b;
	top: -30px;
	left: 0;
	width: 100%;
	margin: 0 auto;
	font-size: 46px;
}*/

.title_container .title_offer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 440px auto 0;
	width: 67%;
}

.title_container .title_offer span {
	font-size: 26px;
	font-weight: 400;
	text-align: center;
	color: #000000;
}

.title_container .title_offer .button1 {
	width: 39%;
	height: 50px;
	text-align: center;
	justify-content: center;
}


/**************************************
     run
**************************************/

/******/
.run_now {
	width: 100%;
	overflow: hidden;
	background-color: #05141F;
	color: #FFFFFF;
	padding: 11px 0;
}

.run_now_cont {
	display: flex;
	align-items: center;
	white-space: nowrap;
	animation: text 40s linear infinite;
}

.run_item {
	margin: 0 15px;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	flex-shrink: 0;
}

.run_item img {
	height: 36px;
	width: 98px;
	vertical-align: middle;
}

.run_now_cont span {
	display: inline-block;
	width: 1px;
	height: 22px;
	border-left: 1px solid #FFFFFF;
	margin: 0 14px;
}

@keyframes text {
	0% {
		transform: translateX(-50%);
	}

	100% {
		transform: translateX(0%);
	}
} 



/**************************************
     BLOCK-CARS
**************************************/
.tabs_control {
	justify-content: space-between !important;
	width: 100%;
	margin: 0 auto;
	flex-wrap: unset;
	margin-bottom: 50px;
}

.tabs_control li {
	height: auto !important;
	/* margin-right: 40px !important; */
	/* text-transform: uppercase; */
	border: 1px solid;
	padding: 10px 0;
	display: block;
	width: 176px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}


.tabs_control li a {
	color: #000000 !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 400 !important;
}

.tabs_control li:last-child {
	text-decoration: underline;
}

.tabs_control li:last-child a {
	/* color: #bb162b !important; */
}

.tabs_control li:hover,
.tabs_control li.current {
	background: #05141F;
	border-color: #05141F;
}

.tabs_control li:hover a,
.tabs_control li.current a {
	color: white !important;
}

.menu_wrapper {
	position: fixed;
	top: 250px;
	left: 0;
	background: rgba(255, 255, 255, .7);
	width: 235px;
	z-index: 10;
}

.menu li a {
	width: 100%;
	color: black;
	font-weight: 700;
	font-size: 16px;
	display: block;
	padding: 7px 0;
	padding-left: 60px;
	text-decoration: none;
}

.menu li a:hover,
.menu li a.active {
	color: white;
	background: #242d38;
}



.block-cars {
	margin-bottom: 80px;
    margin-top: 450px;
}

.block-cars ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* text-align: center; */
	/* margin: 0 auto; */
}

.block-cars li {
	display: flex;
	flex-direction: row;
	margin: 0px;
	justify-content: space-between;
	height: 330px;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 10px;
}

.car_items li {
	width: 48% !important;
	margin-left: 0% !important;
}

.block-cars li .car_pl {
	position: absolute;
	top: 10px;
	right: 0;
}

.block-cars li .row1 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.car_items li .row1 {
	position: relative;
}

.car_items li .row1 .specprice {
	position: absolute;
	top: 25px;
	right: 0;
	color: #BB162B;
	text-decoration: none;
	text-transform: uppercase;
	padding: 3px 0;
	padding-left: 35px;
	font-size: 17px;
	font-weight: 700;
	background: url(../img/discount.png) 0% 50% no-repeat;
	/* animation: textBlink 1.5s infinite; */
}

@keyframes textBlink {
	0% {
		text-shadow: 0 0 0px #a8101c;
	}

	50% {
		text-shadow: 0 0 7px #a8101c;
	}

	100% {
		text-shadow: 0 0 0px #a8101c;
	}
}

.block-cars li.new_block {
	background: url(../img/block.png) 0px 50px no-repeat;
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	justify-content: flex-start;
}

.block-cars li.new_block .title {
	font-size: 30px;
	padding-top: 80px;
	padding-bottom: 51px;
	color: white;
	text-align: center;
	height: auto;
}

.block-cars li.new_block .button {
	font-size: 18px;
	font-weight: 500;
	/*color: white;*/
	text-transform: uppercase;
	/*background-color: #bb162b;*/
	cursor: pointer;
	/*border: 1px solid white;*/
	height: 53px;
	border-radius: 4px;
	display: block;
	line-height: 52px;
	width: 60%;
	text-align: center;
	padding-left: 14px;
	padding-right: 14px;
	text-decoration: none;
	margin: 0 auto;
}

.block-cars li.new_block .button:after {
	display: none;
}

.block-cars .header1 {
	font-size: 36px;
	text-align: center;
	color: black;
	padding-top: 2.6rem;
	padding-bottom: 1.6rem;
}

.block-cars .header1 span {
	font-size: 36px;
	text-align: center;
	color: black;
	padding-top: 0.6rem;
	padding-bottom: 1.3rem;
}

.block-cars .title {
	font-size: 28px;
	text-align: left;
	color: black;
	font-weight: bold;
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
	width: 100%;
	height: 115px;
}

.block-cars .title span {
	display: flex;
	font-weight: bold;
	font-size: 20px;
	/* color: #c8162c; */
	display: none;
}

.block-cars #seltos .title span {
	display: flex;
}

.block-cars .title span sup {
	font-size: .6em;
}

.block-cars .start {
	position: relative;
}

.block-cars .start img {
	position: absolute;
	left: 0px;
	top: -53px;
}

.block-cars .image {
	width: 55%;
	text-align: center;
	display: block;
	/* float:left; */
	height: 147px;
}

.block-cars .comment {
	width: 55%;
	text-align: center;
	display: block;
	position: absolute;
	bottom: 44px;
	left: 0px;
	color: #bb162b;
	font-weight: 700;
}

.block-cars .buttons {
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.block-cars .button1 {
	/* width:40%; */
	/* float:right; */
	/* display:block; */
	/* margin-top:10px; */
	/* margin-bottom:10px; */
	/* position:relative; */
	/* padding-left:10px; */
	/* padding-right:10px; */
	/* width:44%; */
	/* font-size:13px; */
	/* width:100%; */
	display: inline-flex;
	flex-flow: wrap;
	align-items: center;
	font-size: 14px;
	line-height: unset;
	margin-bottom: 10px;
	position: relative;
}

.block-cars .button1 nobr {
	position: relative;
}

.block-cars .button1 sup {
	/*margin-bottom: 8px;
    margin-left: 1px;
    margin-right: 5px;*/
	position: absolute;
	top: -3px;
}

.block-cars .button1.red,
.block-cars .button1.gray {
	font-size: 14px;
}

.block-cars .qp {
	/* text-decoration: line-through; */
}

.block-cars .button1:after {
	content: '>';
	color: white;
	position: absolute;
	right: 8px;
	top: calc(50% -5px);
}


.block-cars .button1.red:after {
	/*background-image:url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAQAAAC7k5UWAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjChkQHwNz0D9sAAAAO0lEQVQI103NQQ0AIRBD0ZpECxbWAhawsOIehxkS0sv/aZPGNqUSE9+VR2vQ2msLo3BgV9MoD0r81v05Ho1GIT8Qi/kAAAAASUVORK5CYII=");*/
	color: white;
}

.block-cars .button1.gray:after {
	color: white;
}

.block-cars .button1:hover::after {
	color: #05141F;
}


.block-cars .button1::before {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-45deg);
    animation: flareAnimation;
    left: -150%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
    animation: flareAnimation 3s infinite linear;
    overflow: hidden;
}

@keyframes flareAnimation {
	0% {
		left: 0%;
	}

	100% {
	    left: 100%;
	}
} 

.btn_how {
	margin: 0 auto;
	display: none;
}


.block-cars .colors {
	display: flex;
	margin-top: 10px;
	width: 100%;
	height: 30px;
	display: none;
}

.block-cars .colors-text {
	font-size: 16px;
	color: black;
	font-weight: 300;
	text-decoration: underline;
	white-space: nowrap;
}

.block-cars .kia-rotator-colors {
	display: flex;
	flex-grow: 1;
	justify-content: flex-start;
	margin-left: 20px;
	flex-wrap: wrap;
}

.block-cars .kia-rotator-colors button {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border: 2px solid #eeeeed;
	margin-left: 9px;
	margin-bottom: 5px;
}

.block-cars .kia-rotator-colors button div,
.block-cars .kia-rotator-colors button span {
	display: none;
}


.block-cars .kia-rotator-colors .model-color div {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border: 2px solid #eeeeed;
	margin-left: 10px;
}

.cars_more {
	position: relative;
	font-size: 16px;
	margin: 0 auto;
	color: #05141F;
	display: block;
	width: 150px;
	text-align: center;
}

.cars_more:after {
	content: '>';
	color: #000000;
	position: absolute;
	right: 8px;
	transform: rotate(90deg);
}



.car_items li.hidden-li {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.3s ease, max-height 0.3s ease;
}

/* При удалении класса .hidden-li элементы плавно появятся */
.car_items li {
	opacity: 1;
	max-height: 1000px;
	/* Достаточно большое значение */
	transition: opacity 0.3s ease, max-height 0.3s ease;
}



/**************************************
     BLOCK-COMPL
**************************************/
.block-compl {}

.block-compl .container {
	padding-left: 4%;
	padding-right: 4%;
}

.block-compl .header1 {
	font-size: 36px;
	text-align: center;
	color: black;
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
}

.block-compl select {
	font-family: "KIA";
	font-size: 16px;
	color: black;
	font-weight: bold;
	display: block;
	height: 45px;
	border: 1px solid #959595;
	padding-left: 20px;
	padding-right: 20px;
}

.block-compl th {
	background-color: #f5f5f5;
	border-top: none;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
	padding-right: 14px;
	text-align: center;
	color: black;
	border-right: 3px solid white;
}

/* .block-compl th:first-child {
	text-align: left;
} */
.block-compl td {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
	padding-right: 14px;
	text-align: center;
}

.block-compl tr td:nth-child(2) {
	text-decoration: none;
}

.block-compl td:last-child {
	text-align: left;
	white-space: nowrap;
}

.block-compl td:last-child div {
	position: relative;
	padding-left: 15px;
	color: black;
	margin-bottom: 5px;
}

.block-compl td:last-child div:before {
	content: '';
	position: absolute;
	top: 40%;
	left: 0px;
	margin-top: -4px;
	border: 6px solid transparent;
	border-left: 6px solid #05141F;
}

.block-compl td .button1 {
	width: 100%;
	display: block;
}

.block-compl td .button1:last-child {
	margin-top: 5px;
}

.block-compl tr td img {
	max-width: 205px;
}



.better_offer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #3b3b3b;
	padding: 50px;
	width: 100%;
	margin-bottom: 50px;
}

.better_offer .title {
	font-size: 24px;
	color: white;
	text-transform: uppercase;
}

.better_offer .comment {
	font-size: 14px;
	color: white;
	text-transform: uppercase;
}

.better_offer #form4 {
	width: 50%;
}

.better_offer #form4 .form-group_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.better_offer #form4 .form-group {
	width: 47%;
}


.better_offer #form4 .form-group .button1.red {
	width: 100%;
}

/**************************************
     Gallery
**************************************/


.gallery {
	padding: 70px 0;
	background: #242d38;
}

.gallery .title {
	color: white;
	text-transform: uppercase;
	font-size: 36px;
	padding-bottom: 30px;
	text-align: center;
}

.gallery .gallery_items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gallery .gallery_items a {
	display: block;
	width: 24%;
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
}

.gallery .gallery_items a:hover:before {
	content: "?????? ????";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	background: rgba(0, 0, 0, .75);
	font-size: 30px;
	pointer-events: none;
	line-height: 250px;
	z-index: 1;
}

.gallery .gallery_items a img {
	transition: all .3s linear;
}

.gallery .gallery_items a:hover img {
	transform: scale(1.02);
}

/**************************************
     cars-instock
**************************************/

.cars-instock {
	background: #fff;
	padding-bottom: 40px;
}

.cars-instock .container {
	padding: 0 76px;
}

.cars-instock .header1 {
	font-size: 36px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-bottom: 20px;
}

.cars-instock .filter {
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
}

.cars-instock ._control {
	width: 33%;
}

.cars-instock ._control select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 5px;
	width: 100%;
	height: 48px;
	background: url(../img/ico_select_bg.svg) 97% 50% no-repeat;
	padding: 0 10px;
	color: #000000;
	border: 1px solid #959595;
	font-size: 14px;
	cursor: pointer;
}

.cars-instock ._control .select::-ms-expand {
	display: none;
}

.cars-instock ._control select option {
	color: #000000;
}

.cars-instock .filter_result {
	display: flex;
	flex-wrap: wrap;
	column-gap: 1.6%;
	row-gap: 40px;
}

.cars-instock .filter_result .item {
	width: 32.2%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #959595;
	border-radius: 5px;
	padding: 20px;
}

.cars-instock .filter_result .item .title {
	font-size: 16px;
	padding: 0;
}

.cars-instock .filter_result .item .images {
	width: 100%;
	position: relative;
	z-index: 1;
}

.cars-instock .filter_result .item .images_about-car-compl {
	position: absolute;
	z-index: 2;
	color: #fff;
	background: #031170;
	top: 20px;
	right: 20px;
	padding: 5px 9px 6px 19px;
	border-radius: 50px;
	text-transform: uppercase;
}

.cars-instock .filter_result .item .images_about-car-compl span {
	position: absolute;
	z-index: 2;
	top: calc(50% - 1.5px);
	left: 12%;
	display: block;
	width: 3px;
	height: 3px;
	background: #fff;
	border-radius: 50%;
}

.cars-instock .filter_result .item .images.mgallery {}

.cars-instock .filter_result .item .images .m_item {
	border-radius: 5px;
	height: 176px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cars-instock .filter_result .item .images .m_item img {
	width: 100%;
	border-radius: 7px;
}

.cars-instock .filter_result .item .car-compl-info {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.cars-instock .filter_result .item .car-compl-info .compl-name {
	font-size: 24px;
	text-transform: uppercase;
}

.cars-instock .filter_result .item .car-compl-info .compl-techparams {
	margin-top: 12px;
}

.cars-instock .filter_result .item .car-compl-info .techparams-name {
	color: #03117033;
}

.cars-instock .filter_result .item .car-compl-info .techparams-val {
	font-size: 16px;
	display: flex;
	gap: 10px;
}

.cars-instock .filter_result .item .car-compl-info .techparams-val::before {
	content: '';
	display: block;
	background: url(../img/modification.svg) 0px 0px no-repeat;
	width: 16px;
	height: 16px;
}

.cars-instock .filter_result .item .btns {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.cars-instock .filter_result .item .btns .btn {
	position: relative;
	border-radius: 4px;
	width: 100%;
}

.cars-instock .filter_result .item .btns .btn:after {
	content: '>';
	color: white;
	position: absolute;
	right: 10px;
}

.cars-instock .filter_result .item .instock-image-pag {}

.cars-instock .filter_result .item .instock-image-pag .swiper-pagination-bullet {
	background: #F0F0F0;
	width: 6%;
	height: 3px;
	border-radius: 0;
}

.cars-instock .filter_result .item .instock-image-pag .swiper-pagination-bullet-active {}

.cars-instock .filter_more {
	position: relative;
	font-size: 16px;
	margin: 0 auto;
	color: #05141F;
	margin-top: 40px;
	display: block;
	width: 150px;
	text-align: center;
}


.cars-instock .filter_more:after {
	content: '>';
	color: #000000;
	position: absolute;
	right: 8px;
	transform: rotate(90deg);
}



/**************************************
     tradein
**************************************/
.bg_tradein {
	position: relative;
	background: #E1E1E1;
	height: 632px;
	display: flex;
	align-items: center;
}

.tradein {
    height: 100%;
    padding: 94px 30px;
    padding-left: 0;
    z-index: 1;
    border-radius: 30px;
    position: relative;
    max-width: 40%;
    background: #E1E1E1;
}

.tradein .title {
	color: black;
	font-size: 36px;
	font-weight: 700;
	padding-top: 10px;
	/* width: 650px; */
	line-height: 120%;
	max-width: 322px;
}



#form2 {
	width: 260px;
	box-sizing: border-box;
	padding-top: 15px;
}

#form2 .form_title {
	font-size: 20px;
	text-transform: none;
	text-align: left;
}

#form2 .columns {}

#form2 .form-group {}

#form2 input[type=text] {
	background: white;
	/* height: 59px; */
	/* border: 1px solid #dcdcdc; */
	margin-bottom: 20px;
}

#form2 button {
	font-size: 18px;
	font-weight: 700;
	width: 100%;
	text-align: center;
	justify-content: center;
}

#form2 select {
	border: 1px solid #9e9e9e;
	font-family: "SKODANext";
	font-size: 16px;
	font-weight: 300;
}

#form2 .agree_field {}

#form2 .agree_field a {
	color: black;
	border-color: black;
}

.tradein_video{
    position: absolute;
    right: 0;
    top: 0;
    width: 62%;
    height: 100%;
    z-index: 0;
}

#rightVideo {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/**************************************
     to_block
**************************************/

.to_block {
	margin-top: -87px;
	padding: 137px 0 50px;
	background: url("../img/to_block_bg.jpg") 50% 87px no-repeat;
}

.to_block>img {
	display: none;
}

.to_block_wrap {
	width: 530px;
	max-width: 100%;
	margin-left: auto;
}

.to_block_title1 {
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
}

.to_block_title2 {
	font-size: 28px;
	color: #ffffff;
	font-weight: 300;
	margin-bottom: 25px;
}

.to_block_title2 b span {
	font-size: 36px;
}

.to_block_comment {
	font-size: 22px;
	color: #ffffff;
	padding-left: 50px;
	background: url("../img/to_block_ico.png") 0 0 no-repeat;
}

.to_block_wrap .button1 {
	margin-top: 25px;
	width: 260px;
	height: 40px;
	background: transparent;
	color: #ffffff;
	border: 1px solid #ffffff;
	font-weight: 700;
	font-size: 17px;
	text-align: center;
}

.to_block_wrap .button1:hover {
	background: #ffffff;
	color: #000000;
}



/* kred */
.bg_kred {
	background: white url(../img/kred_bg.jpg) top left no-repeat;
	height: 552px;
	margin-top: 0px;
	display: flex;
	align-items: center;
}

.bg_kred .container {}

.bg_kred #kred {}

.bg_kred #kred .title {
	font-size: 36px;
	font-weight: bold;
	color: black;
	margin-bottom: 20px;
}

.bg_kred #kred #form3 {
	width: 460px;
	margin-left: auto;
}

.bg_kred #kred #form3 input {
	font-size: 16px;
}

.bg_kred #kred #form3 .form-group.vznos-wrap {
	display: flex;
	justify-content: space-around;
	border: 1px solid #9e9e9e;
	width: 100%;
	height: 40px;
	padding-left: 8px;
	/* padding-left: 17px; */
	/* padding-right: 17px; */
	border-radius: 3px;
	margin-bottom: 20px;
}

.bg_kred #kred #form3 .form-group.vznos-wrap span {
	width: 63%;
	display: flex;
	align-items: center;
	color: #7d7d7d;
}

.bg_kred #kred #form3 .form-group.vznos-wrap .nacc.form-control {
	width: 80px;
	border: 0px;
	border-bottom: 1px solid #bb162b;
	border-radius: 0px;
	padding: 0px;
	text-align: center;
	height: 30px;
	font-size: 16px;
	color: #bb162b;
	margin-top: 3px;
}

.bg_kred #kred #form3 .form-group.vznos-wrap b {
	display: flex;
	align-items: center;
	color: #bb162b;
	font-weight: 500;
}

.bg_kred #kred #form3 .form-group.srok-wrap {
	display: flex;
	justify-content: space-around;
	border: 1px solid #9e9e9e;
	width: 100%;
	height: 40px;
	padding-left: 8px;
	/* padding-right: 17px; */
	border-radius: 3px;
	margin-bottom: 20px;
}

.bg_kred #kred #form3 .form-group.srok-wrap span {
	width: 63%;
	display: flex;
	align-items: center;
	color: #7d7d7d;
}

.bg_kred #kred #form3 .form-group.srok-wrap .nacc.form-control {
	width: 80px;
	border: 0px;
	border-bottom: 1px solid #bb162b;
	border-radius: 0px;
	padding: 0px;
	text-align: center;
	height: 30px;
	font-size: 16px;
	color: #bb162b;
	margin-top: 3px;
}

.bg_kred #kred #form3 .form-group.srok-wrap b {
	display: flex;
	align-items: center;
	color: #bb162b;
	font-weight: 500;
}

.bg_kred #kred #form3 .form-group {
	margin-bottom: 20px;
}

.bg_kred #kred #form3 .form-group .nacc.form-control {}

.bg_kred #kred #form3 .form-group .form-control..ckformtrigger.button1.red {}

.bg_kred #kred #form3 button {
	width: 100%;
	text-align: center;
	justify-content: center;
}

.bg_kred #kred #form3 .agree_field {}

.bg_kred #kred #form3 .agree_field input {}

.bg_kred #kred #form3 a {
	color: black;
	border-color: black;
}

.bg_kred #kred #form3 a:before {
	content: '';
}

.bg_kred #kred #form3 a:after {
	content: '';
}

.bg_kred #kred #form3 a:hover {}

.bg_kred #kred #form3 .agree_field:before {
	content: '';
}

.bg_kred #kred #form3 .agree_field:after {
	content: '';
}

.bg_kred #kred #form3 .agree_field:hover {}



/**************************************
     BLOCK-COMPL
**************************************/
.block-preim {
	background: url("../img/black.bg.png") center top repeat-x;
	width: 100%;
	height: 304px;
}

.block-preim a {
	text-decoration: none;
	color: white;
}

.block-preim .header1 {
	font-size: 36px;
	text-align: center;
	/* color:#df001c; */
	padding-top: 1.6rem;
	padding-bottom: 2.6rem;
}

.block-preim .preim-padding {
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
}

.block-preim ul {
	display: flex;
    align-items: center;
    justify-content: center;

}

.block-preim ul li {
	margin-left: 0;
	flex: 1;
}

.block-preim li span {
	display: block;
	padding-top: 2rem;
}




/**************************************
     BLOCK-COMPL
**************************************/
.block-contacts {
	text-align: center;
}

.block-contacts .block-contacts-text1 {
	font-size: 30px;
	color: black;
	font-weight: bold;
	padding-bottom: 1rem;
}

.block-contacts .block-contacts-text2 {
	font-size: 18px;
	color: black;
	font-weight: 300;
	padding-bottom: 2rem;
}

#contacts .contact_container {
	box-sizing: border-box;
	z-index: 1;
	flex-shrink: 0;
	width: 450px;
	border-radius: 0px;
	overflow: hidden;
	position: absolute;
	top: 68px;
	left: 15px;
	background: #F2F2F2;
	padding: 32px 30px;
	color: rgb(0, 0, 0);
	font-weight: 700 !important;
}

#contacts a {
	font-weight: 700 !important;
}

#contacts .title1 {
	font-size: 32px;
	text-align: left;
	text-transform: none;
	padding-bottom: 28px;
}

#contacts .addr {
	font-size: 18px;
	display: flex;
	align-items: center;
	margin-bottom: 13px;
}

#contacts .addr:before {
	content: '';
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	margin-right: 10px;
	display: inline-block;
	background: url(../img/ico_addr.svg) 50% 50% no-repeat;
	border-radius: 2px;
}

#contacts .phone {
	text-decoration: none;
	align-items: center;
	display: flex;
	white-space: nowrap;
	color: inherit;
	font-size: 18px;
	margin-bottom: 13px;
}

#contacts .phone:before {
	content: '';
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	margin-right: 10px;
	display: inline-block;
	background: url(../img/ico_phone.svg) 50% 50% no-repeat;
	border-radius: 2px;
}

#contacts .worktime {
	align-items: center;
	display: flex;
	color: inherit;
	font-size: 18px;
}

#contacts .worktime:before {
	content: '';
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	margin-right: 10px;
	display: inline-block;
	background: url(../img/ico_worktime.svg?v=1) 50% 50% no-repeat;
	border-radius: 2px;
}

#contacts .btn {
	max-width: 100%;
	width: 100%;
	margin-top: 52px;
	box-sizing: border-box;
	background: black;
	border: 1px solid black;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	height: 58px;
	color: white;
	text-decoration: none;
	outline: none;
	transition: .3s;
	text-align: center;
	font-family: inherit;
	font-size: inherit;
	position: relative;
	padding: 0px;
	position: relative;
	/* text-transform: uppercase; */
	cursor: pointer;
	font-size: 16px;
	border-radius: 0px;
	overflow: hidden;
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}

/**************************************
	MAP
**************************************/
#map1,
#map2 {
	width: 100%;
	height: 480px;
	background: url(../img/map.jpg) 50% 0px no-repeat;
}



.resp_table {}

.resp_table tr {}

.resp_table tr th {}

.resp_table tr td {}

.resp_table tr td:before {
	display: none;
}




.fancybox-default-skin {
	border-radius: 10px;
}

.fancybox-wrap {
	height: auto !important;
}





.agree_field {
	display: block;
	align-items: center;
	vertical-align: middle;
	padding: 10px 0px;
	font-size: 12px;
}

.agree_field input {
	margin-right: 10px !important;
	vertical-align: middle !important;
	height: 14px;
	margin-top: 0px !important;
}

form.popup_on .agree_field input {
	width: auto !important;
	min-width: 0px !important;
}

.agree_field a {
	color: #fff;
	border-bottom: 1px dashed #005aab;
	text-decoration: none;
}

form.not_agree input[type="submit"],
form.not_agree button[type="submit"],
form.not_agree a.submit {
	background: #cccccc !important;
	cursor: auto !important;
	color: white !important;
}


.block-form1 .agree_field {
	color: white;
}




.table-cars.limit tr:nth-child(n+5) {
	display: none !important;
}


.btn_service {
	background: url(../img/btn_service.png) 100% 0% no-repeat;
	position: fixed;
	width: 203px;
	height: 56px;
	bottom: 100px;
	z-index: 2000;
	font-size: 14px;
	color: white;
	text-align: right;
	text-align: center;
	padding-left: 20px;
}

.btn_service:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0px;
	height: 100%;
}

.btn_service span {
	display: inline-block;
	vertical-align: middle;
}

.btn_test_drive {
	background: url(../img/btn_test_drive.png) 100% 0% no-repeat;
	bottom: 180px;
}


.slick-initialized .slick-slide {
	position: relative;
}

.slick-initialized .slick-slide .winter_wheels {
	background: url(../img/winter_wheels.png) 0px 0px no-repeat;
	width: 185px;
	height: 86px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: none;
}

.slick-initialized .slick-slide .winter_wheels2 {
	background: url(../img/winter_wheels2.png) 0px 0px no-repeat;
	width: 175px;
	height: 94px;
	position: absolute;
	bottom: 73px;
	right: 19px;
	display: none;
}


.uze_v_prodaze {
	background: url(../img/uze_v_prodaze.png) 0px 0px no-repeat;
	width: 147px;
	height: 73px;
	position: absolute;
	top: 40px;
	left: 0px;
	display: none;
}

.skoro_v_prodaze {
	background: url(../img/skoro_v_prodaze.png) 0px 0px no-repeat;
	width: 147px;
	height: 73px;
	position: absolute;
	top: 40px;
	left: 0px;
	display: none;
}

.footer {
	background: #fff;
	padding: 30px 0px;
	position: relative;
	text-align: center;
}

.disclamer_switch {
	text-align: center;
	color: #000;
	text-decoration: underline;
	font-size: 16px;
	padding-bottom: 0px;
	display: inline-block;
}

.footer .disclamer {
	color: #b8b8b8;
	font-size: 10px;
	display: none;
	text-align: left;
	white-space: normal;
}


#advantages {}

#advantages .title2 {
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	color: black;
	padding-top: 75px;
}

.advantages {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: flex;
	padding-top: 15px;
	width: 846px;
	margin: 0px auto;
	max-width: 100%;
	padding-bottom: 5px;
}

.advantages li {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	position: relative;
}

.advantages li a {
	display: block;
	position: relative;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	color: black;
}

.advantages li a:after {
	content: '';
	display: block;
	background: url(../img/items1.png) 0px 0px no-repeat;
	width: 56px;
	height: 56px;
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -28px;
}

.advantages li a span {
	display: block;
}

.advantages li a.ico1:after {
	background-position: 0px 0px;
}

.advantages li a.ico2:after {
	background-position: -56px 0px;
}

.advantages li a.ico3:after {
	background-position: -112px 0px;
}

.advantages li a.ico4:after {
	background-position: -168px 0px;
}

.advantages li a.ico5:after {
	background-position: -224px 0px;
}

.advantages li a.ico1:hover:after {
	background-position: 0px -56px;
}

.advantages li a.ico2:hover:after {
	background-position: -56px -56px;
}

.advantages li a.ico3:hover:after {
	background-position: -112px -56px;
}

.advantages li a.ico4:hover:after {
	background-position: -168px -56px;
}

.advantages li a.ico5:hover:after {
	background-position: -224px -56px;
}


.advantages li a:before {
	content: '';
	display: block;
	background: url(../img/bg_adv.png) 50% 0% no-repeat;
	width: 96px;
	height: 110px;
	margin: 0px auto;
	margin-bottom: 17px;
}


.btn_promocode {
	margin-top: 10px;
	display: block;
}




.footer_btns {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-top: 30px;
}

.footer_btns a {
	color: #000;
}



.cookie_message {
	display: none;
	position: fixed;
	background: white;
	padding: 15px 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #F3F3F3;
	/* border-radius: 10px; */
	box-shadow: 0px -2px 2px #37434C;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	z-index: 99999;
	font-size: 12px;
}

.cookie_message .container {
	display: flex;
	width: 1230px;
	gap: 20px;
}

.cookie_message ._text {}

.cookie_message .btn {
	height: 42px;
	text-align: center;
}

.cookie_message ._text a {
	text-decoration: underline;
}


.cookie_message .mob {
	display: none;
}



@media (min-width: 1540px) and (max-width: 1670px) {
	.bg_tradein {
		background-position: right -200px center;
	}

	.bg_kred {
		background-position: left -200px center;
	}
}

@media (max-width: 1650px) {

	.menu_wrapper {
		width: 145px;
	}

	.menu li a {
		padding-left: 10px;
	}
}

/* @media (max-width: 1450px) {

	.menu_wrapper {
		width: 145px;
		left: -125px;
		border: 1px solid black;
		transition: all .2s linear;
	}
	
	.menu_wrapper:hover {
		width: 145px;
		left: 0;
		border: none;
	}

	.menu li a {
		padding-left: 10px;
	}
} */

@media (min-width: 1300px) and (max-width: 1540px) {
	.bg_tradein {
		background-position: right -200px center;
	}

	.bg_kred {
		background-position: left -300px center;
	}
}


@media (min-width: 1199px) and (max-width: 1300px) {
	.bg_tradein {
		background-position: right -300px center;
	}

	.bg_kred {
		background-position: left -300px center;
	}
}


/* Large desktops and laptops */
@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}


/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

	.block-slider1,
	.slider-bg {}

}


@media (min-width: 768px) and (max-width: 1199px) {

	.menu_wrapper {
		display: none;
	}

	.block-slider1,
	.slider-bg {
		background-size: auto 650px;
		background-position: center 0px;
		height: 650px !important;
	}

	.bg_tradein {
		background-size: 100%;
		height: auto;
	}

	.bg_kred {
		background-size: 100%;
		background-position: -140px center;
		height: auto;
		margin-bottom: 30px;
	}

	.bg_kred #kred #form3 {
		width: 333px;
		max-width: 100%;
	}

	.title_container .title_offer span {
		font-size: 22px;
	}
}

/*IPAD PRO BEGIN*/

/*IPAD BEGIN*/
@media (min-width: 768px) and (max-width: 991px) {
	.block-cars { 
		    margin-top: 385px;
	}


	.tabs_control {
		width: 70%;
	}

	.title_container .title1 {
		padding-top: 0;
		font-size: 36px;
	}

	.title_container .title3 {
		font-size: 36px;
	}

	.title_container .title_comment {
		width: 100%;
	}

	.title_container .title2 {
		font-size: 30px;
	}

	.title_container .title4 {
		font-size: 30px;
	}

	.title_container .title_offer {
		font-size: 90px;
	}

	.block-slider1,
	.slider-bg {
		background-size: auto 540px !important;
		background: url(../img/block.slider1.bg.jpg) center 2px no-repeat;
		height: 550px !important;
		margin-top: 45px;
	}

	.slider-text {
		padding-bottom: 330px !important;
	}

	.timer_head {
		font-size: 24px;
	}


	.block-form1 .columns2 .item:nth-child(2) button {
		font-size: 16px;
	}

	.better_offer {
		flex-wrap: wrap;
	}

	.better_offer #form4 {
		width: 100%;
		margin-top: 20px;
	}

}

@media (max-width: 780px) {

	.menu_wrapper {
		display: none;
	}

	.bg_tradein {
		background-size: 100%;
		height: auto;
	}

	.bg_kred {
		background-size: 100%;
		background-position: -140px center;
		height: auto;
		margin-bottom: 30px;
	}

	.bg_kred #kred #form3 {
		width: 333px;
		max-width: 100%;
	}

	/* header .container
	{
		position:relative;
	}
	header .column1,
	header .column3
	{
		width:50%;
		padding-bottom:40px;
	}
	header .column2
	{
		width:0px;
		white-space:nowrap;
		float:right;
	}
	header .column2 .item
	{
		display:none;
	}
	header .column2 .item:nth-child(3)
	{
		position:absolute;
		display:block;
		right:20px;bottom:0px;
		float:right;
	}
	header .column2 .item:nth-child(3) a
	{
		float:right;
	} */



	.fancybox-type-image {
		width: 100% !important;
		margin: 0px !important;
		left: 0px !important;
	}

	.fancybox-close {
		right: -3px !important;
		top: -4px !important;
	}

	.fancybox-inner {
		width: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
	}

	.fancybox-wrap {
		margin: 0px !important;
		width: 100% !important;
		left: 0px !important;
	}

	.container {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		padding-left: 20px;
		padding-right: 20px;
	}

	.aslider .button-wrap3 {
		bottom: 50px;
	}

	.block-form1 {
		height: auto;
		background: url("../img/gray.bg.png") center top repeat-y;
		padding-bottom: 2rem;
	}

	.block-form1 .columns3 .item {
		display: block;
		width: 100%;
		margin-left: 0px;
		margin-bottom: 10px;
	}

	.block-compl .item {
		width: 100% !important;
		margin-left: 0px !important;
	}

	.block-cars li {
		display: flex;
		width: 100% !important;
		margin-left: 0px !important;
		flex-flow: wrap;
	}

	.tabs_control li {
		width: auto !important;
	}

	.block-slider1,
	.slider-bg {
		height: auto;
		background-size: auto 168px;
	}

	.block-slider1 .slider-view li,
	.slider-text {
		font-size: 17px;
		padding-bottom: 20px;
	}

	.block-slider1 .slider-view li div,
	.slider-text div {
		font-size: 22px;
	}

	.block-preim {
		height: auto;
		background: url("../img/black.bg.png") center top repeat-y;
		padding-bottom: 60px;
	}

	.block-preim .preim-padding {
		padding-left: 0%;
		padding-right: 0%;
	}

	.block-preim .columns4 li {
		width: 50% !important;
		margin-left: 0px !important;
		margin-bottom: 30px;
	}

	.resp_table tr {
		display: block;
	}

	.resp_table tr th {
		display: none;
	}

	.resp_table tr td {
		width: 100%;
		display: block;
		padding: 0px;
		padding-bottom: 4px;
	}

	.resp_table tr td:before {
		display: inline-block;
		width: 58%;
		margin-right: 2%;
		font-weight: 700;
		vertical-align: middle;
	}

	.resp_table input[type=submit],
	.resp_table button {
		margin-bottom: 40px;
	}

	.block-cars li.new_block {
		padding-bottom: 30px;
	}

	.block-cars li.new_block .title {
		padding-top: 60px;
	}

	.block-cars li.new_block .button {
		width: 90%;
		font-size: 15px;
	}

	.block-slider1,
	.slider-bg {}
}


/* MD Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.block-compl .button1 {
		margin-bottom: 30px;
	}
}


/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.run_now {
		    padding: 5px 0;
	}

	.block-cars {
        margin-top: 270px;
	}

	.car_items li .row1 .specprice {
		position: static;
	}

	.gallery .gallery_items a {
		width: 48%;
	}

	.block-cars li .car_pl {
		position: relative;
		top: 0;
	}

	body {
		background: url("../img/bg1_mob.jpg") 50% 495px no-repeat;
		background-size: 100%;
	}

	.title_container {
		margin-top: 236px;
	}

	.title_container .title1 {
		padding-top: 0;
		font-size: 28px;
	}

	.title_container .title2 {
		font-size: 17px;
	}

	.title_container .title3 {
		font-size: 17px;
	}

	.title_container .title4 {
		font-size: 17px;
	}

	.title_container .title_comment {
		font-size: 20px;
		width: 100%;
		margin-top: 10px;
	}

	.title_container .title_comment:before {
		font-size: 28px;
		top: -25px;
	}

	.title_container .title_offer {
		width: 100%;
		flex-direction: column;
		margin-top: 190px;
	}

	.title_container .title_offer .button1 {
		width: 90%;
		margin-top: 20px;
	}

	.title_container .title_offer span {
		font-size: 20px;
	}

	.tabs_control {
		width: 100%;
		margin: 0;
	}

	.tabs_control li {
		width: auto !important;
		margin-right: 20px !important;
		padding: 0;
		border: 0;
		text-align: left;
		display: inline;
	}

	.tabs_control li:last-child {
		margin-right: 0 !important;
	}

	.tabs_control li a {
		font-size: 20px;
	}

	header .phone:before {
		left: -25px;
	}

	.block-cars .start img {
		top: -27px;
	}

	.block-cars .image {
		width: 100%;
	}

	.block-cars .button1 {
		width: 100%;
	}

	.block-cars li {
		height: auto;
	}

	.block-compl .button1 {
		margin-bottom: 30px;
	}




	.btn_service {
		display: none;
	}


	.block-slider1,
	.slider-bg {}

	.block-cars .comment {
		position: relative;
		bottom: auto;
		width: 100%;
		clear: both;
		padding-top: 10px;
		padding-bottom: 5px;
	}

	.block-preim .preim-padding ul {
		display: flex !important;
		flex-wrap: wrap !important;
		font-size: 14px !important;
	}

	#contacts .contact_container {
		position: relative;
		top: 0px;
		left: 0px;
		width: calc(100% + 30px);
		margin-left: -15px;
		padding: 15px;
	}


	.footer_btns {
		padding-bottom: 15px;
	}


	.cookie_message {
		padding: 15px 0px;
		font-size: 12px;
	}

	.cookie_message .container {
		flex-direction: column;
	}

	.cookie_message ._text {}

	.cookie_message .btn {}




	.cookie_message .mob {
		display: block;
	}

	.cookie_message .desc {
		display: none;
	}


}


@media (max-width: 575px) {
	.top-banner .container {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.top-banner .form-wrap .columns2.margin3 {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.top-banner .form-wrap .columns2.margin3 .item {
		margin-bottom: 10px;
	}

	.top-banner .form-wrap .agree_field {
		margin-top: 0px;
		padding-top: 0px;
	}

	.top-banner .text br {
		display: none;
	}

	.slider-bg .container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.block-slider1 .slider-view li,
	.slider-text {
		font-size: 14px;
	}

	.block-slider1 .slider-view li div,
	.slider-text div {
		font-size: 19px;
	}

	.block-slider1,
	.slider-bg {
		background-size: auto 195px;
	}

	.better_offer {
		flex-wrap: wrap;
		padding: 30px 15px;
	}

	.better_offer .title br {
		display: none;
	}

	.better_offer #form4 {
		width: 100%;
		margin-top: 20px;
	}

	.better_offer #form4 .form-group_wrapper {
		flex-wrap: wrap;
	}

	.better_offer #form4 .form-group {
		width: 100%;
		margin-top: 10px;
	}

	.block-cars {
        margin-top: 200px;
	}

}

@media (max-width: 420px) {
	.block-cars {
        margin-top: 145px;
    }
}

@media (max-width: 390px) {
	.block-cars {
		margin-top: 136px;
	}
}

@media (max-width: 375px) {
	.block-slider1 .slider-view li {
		font-size: 16px;
	}

	.block-slider1,
	.slider-bg {
		background-size: auto 175px;
	}
}


@media (max-width: 360px) {


	.tabs_control li {
		margin-right: 10px !important;
	}

	header .column1 {
		padding-left: 0 !important;
	}

	header .column3 {
		padding-right: 0 !important;
	}

	.title_container .title1 {
		font-size: 24px;
	}

	.title_container .title2 {
		font-size: 15px;
	}

	.title_container .title_comment {
		font-size: 16px;
	}
}

@media (max-width: 320px) {

	body {
		background: url(../img/bg1_mob.jpg) 50% 500px no-repeat;
		background-size: 100%;
	}

	.tabs_control li a {
		font-size: 16px;
	}

	.title_container {
		margin-top: 280px;
	}
}