﻿@media (max-width: 1450px) {
	.models .items .item .name {
	    font-size: 38px;
	}
	.models .items .item img {
		max-width:49%;
	}
	.models .items .item .bg img {
		max-width:540px;
	}
	.models .items .item .rass {  
		width:100%;
	}
	.models .items .item .vigoda { 
		font-size: 24px;
		margin-bottom:20px; 
	}
	.models .items .item .rass { margin-bottom:20px; }
	.models .items .item .buttons1 .button { max-width:400px; }

	.models .items .item.eco .icons .icon-eco { left:350px; }
	.models .items .item.new .icons .icon-new { left: 308px; }

	.avail .items .item .button { font-size: 13px; }
}



@media (max-width: 1349px) {
    .title2_container {
        padding-top: 412px;
        margin-bottom: 0;
    }

}

/*IPAD PRO BEGIN*/
@media (min-width: 768px) and (max-width: 1199px) {

	header .container .button {
		font-size:10px;
	}

	.models .items .item .name {
	    font-size: 38px;
	}
	.models .items .item img {
		max-width: 46%;
		right:15px;
	}

	.models .items .item .vigoda span b { font-size:28px; }
	.models .items .item .bg { 
		width:45%;
	}
	.models .items .item .bg img {
		max-width:100%;
	}
	.models .items .item .rass {  
		width:100%;
	}
	.models .items .item .vigoda { 
		font-size: 21px;
		margin-bottom:20px; 
	}
	.models .items .item .rass { margin-bottom:20px; }
	.models .items .item .buttons1 .button { max-width:400px; }

	.timer_wrap .timer {
		transform: scale(0.8);
		transform-origin: left top;
	}
	.timer_block .button {
		font-size:11px;
	}
	.models .items .item .buttons2 {
		width:300px;
	}
	.models .items .item .buttons2 >a { position:static !important; margin-bottom:10px !important; width:100% !important; 
		justify-content: flex-start !important; 
		background-position:24px center !important;
	}

	.models .items .item.eco .icons .icon-eco { 
	    left: 308px;
	    top: -48px;
	    width: 100px;
	    height: 100px;
	    background-size: cover;
	}
	.models .items .item.new .icons .icon-new { left: 308px; }


	#preim .items { }
	#preim .items .item { width:40% !important; margin-left:0 !important; margin-left:30px; margin-right:30px; }
	#service .container { background-position:right top; }

	.avail .items .item p { padding:15px; }
	.avail .items .item .button { margin-left:15px; margin-right:15px;     width: calc( 100% - 30px ); }

}

/*IPAD PRO BEGIN*/

/*IPAD BEGIN*/
@media (min-width: 768px) and (max-width: 991px) {
    .title2_container  {
          padding-top: 370px;  
    }
	h2 { font-size:34px; }
	/*#timer_form { flex-direction:column; }
	#timer_form .form-group { width:100%; }*/
	.timer_block .container  { 
		flex-direction:column; 
		height:auto;
		padding:30px 0;
	}
	.timer_wrap .timer {
		transform: scale(1); margin-right:auto;
		margin-bottom:20px;
	}
	#timer_form .agree_field a { color:white; }
	.timer_wrap { width:100%; }
	#timer_form { width:100%; }
	.timer_block #communication1 { width:100%; }

	.models .items .item .name {
	    font-size: 28px;
	}
	.models .items .item { padding:20px; }
	.models .items .item .vigoda { padding-left:56px; background-size:37px; }
	.models .items .item .vigoda span b { font-size: 23px; }
	.models .items .item img {
	    max-width: 44%;
	}
	.models .items .item .buttons2 { right:20px; width: 293px; bottom: 13px; }
	.models .items .item .buttons1 .button { max-width:50%; }

	.models .items .item.eco .icons .icon-eco { 
	    left: 264px;
	    top: -8px;
	    width: 80px;
	    height: 80px;
	    background-size: cover;
	}
	.models .items .item.new .icons .icon-new { 
	    left: 234px;
	    background-size: 100%;
	    width: 114px;
	    height: 100px;
	}


	.top_addr { display:none; } 
	header .button { font-size:16px; min-width: 190px; }

}

/*IPAD END*/

/*MOBILE BEGIN*/
@media (max-width: 767px) {
	.middle { padding-top:60px; }
	.desk {
		display:none !important;
	}
	.mob {
		display:flex !important;
	}

    body {
	    background-position: center -228px !important;
	    background-size: 781px !important;
	    background-image: url(../img/m_bg1.jpg) !important;
	}

    .mob {
        display: flex !important;
    }

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

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

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

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

    .fancybox-type-image .fancybox-close {
        top: -8px !important;
    }

    .popup_container {
        width: 100%;
    }

    #map1 {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
    }

	.button {
		height: 40px !important;
	}

	form input[type=text], form input[type=tel], form input[type=password], form select {
		height:40px !important;
	}


header {
    height: 60px;
} 
header .button { display:none; }
header .container {} 
.logo_wrap {
    width: calc( 100% - 60px );
} 
.top_addr {
    display: none;
} 
.top_addr b {} 
.phone_wrap {
    display: none;
} 
.top_phone {} 
.phone_wrap .button {} 
    header .m_button {
        display: block !important;
        position: absolute;
        width: 30px;
        height: 21px;
        z-index: 1;
        top: 0px;
        right: 15px;
    }

    header .m_button span {
        position: absolute;
        display: block;
        width: 30px;
        height: 3px;
        background: #fd000d;
        transition: all .3s linear;
    }

    header .m_button span:nth-child(1) {
        top: 0;
    }

    header .m_button span:nth-child(2) {
        top: calc(50% - 1px);
        opacity: 1;
    }

    header .m_button span:nth-child(3) {
        bottom: 0;
    }

    header .m_button.active span:nth-child(1) {
        transform-origin: top right;
        transform: rotate(-45deg);
        top: -1px;
    }

    header .m_button.active span:nth-child(2) {
        opacity: 0;
    }

    header .m_button.active span:nth-child(3) {
        transform-origin: bottom right;
        transform: rotate(45deg);
        bottom: -1px;
    }

	
    .menu {
        margin-top: 0;
        display: block;
        position: fixed;
        background: white;
        /* width: 100%; */
        width: 380px;
        max-width: 100%;
        height: auto;
        right: -100%;
        left: unset;
        transition: all .3s linear;
        z-index: 2;
        padding: 10px 0;
    }

    .menu.active {
        right: 0;
        padding: 20px 0;
    }

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

    .menu a {
        color: #000000;
        text-align: center;
        padding: 16px 0;
        font-size: 18px;
    }

    h1 {
    font-size: 23px;
    margin-bottom: 15px;
}
	h2 { font-size:30px !important; }

.menu .container {} 
.menu .container > div {
    flex-direction: column;
} 
.menu_cars {} 
.menu_blocks {} 
.menu a {} 
.menu a:before {} 
.menu a:hover {} 

.title_container {
    padding-top: 10px;
    height: 334px;
} 
.title_container .button {} 
.title1 {
    font-size: 19px;
    margin-bottom: 15px;
} 
.title1 span,
.title1 div {
	font-size:16px !important;
	margin-top:0px !important;
	margin-bottom:10px !important;
} 
.title1 .flex.items {
	flex-direction:column;
	align-items:flex-start;
	text-align:left;
	gap:5px !important;
}
.title1 h1 {
	margin-bottom:10px !important;
}

.desktop {
	display:none;
}


.title1 b {} 
.title2_container {
	display:block;
    padding-top: 180px;
	color:black;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 15px;
} 
.title2 {
	display:block;
	text-align:left;
	padding-right:0;
    font-size: 27px;
    width: 100%;
    justify-content: flex-start;
    margin: 0;
    margin-bottom: 10px;
} 
.title2 b {
    font-size: 27px;
} 
.title2 span {
    color: black !important;
} 
.title3 {
    width: 100%;
    margin: 0;
    background-position: left center;
    padding-left: 66px;
} 
.title3 b {} 
.title3 span {
    color: black !important;
} 
.timer_block {
padding-top: 35px;
    padding-bottom: 40px;
} 
.timer_block .container {
    flex-direction: column;
    height: auto;
    max-width: 100%;
} 

.timer_wrap {
transform: scale(1);
    white-space: nowrap;
    transform-origin: left;
    margin-left: -34px;
	padding-bottom:20px;
} 

.timer_title {} 
#timer_form,
.timer_block #communication1
{
    width: 100% !important;
    flex-direction: column !important;
} 
#timer_form .form-group,
.timer_block #communication1 ._control,
.timer_block #communication1 .submit
{
    width: 100%;
} 
#timer_form .agree_field, 
#timer_form .block_agree
{
    width: 100%;
    margin: 0;
} 
#timer_form .agree_field a {
    color: white;
} 
.avail {
    padding: 60px 0 40px 0;
} 
.avail .lines {
    margin-bottom: 35px;
} 
.avail .items {
    flex-wrap: wrap;
} 
.avail .items .item {
    width: 100%;
    margin-bottom: 20px;
} 
.avail .items .item:nth-child(n+5) {} 
.avail .items .item img { width:100%; } 
.avail .items .item p {} 
.avail .items .item .button {} 
.avail .items .item a {} 
.avail .items .item a:before {} 
.avail .items .item a:after {} 
.avail .items .item a:hover {} 
.avail .items .item .button:before {} 
.avail .items .item .button:after {} 
.avail .items .item .button:hover {} 
.models {
    padding-bottom: 0px;
    padding-top: 0px;
} 
.models .container {} 
.models .lines {
    margin-top: 60px;
    margin-bottom: 34px;
} 
.models .items {} 
.models .items .item {
    /* color: white; */
    padding: 20px;
    margin-bottom: 30px;
    background: none;
} 
.models .items .item .bg {
    /* left: 0; */
    /* top: 0; */
    /* right: 0; */
    top: 153px;
    bottom: initial;
    height: 160px;
    position: absolute;
    width: 100%;
	overflow:hidden;
	border-radius:15px;
} 
.models .items .item .bg img {
    width: 100%;
    max-height: none;
	position:absolute;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 0;
} 
.models .items .item .name {
    position: relative;
    z-index: 2;
    font-size: 36px;
    padding-top: 20px;
} 
.models .items .item .name b {} 
.models .items .item img {
    right: auto;
    left: 0;
    width: 90%;
	max-width:100%;
    margin: 0 auto;
    position: static;
    z-index: 1;
    margin-bottom: 22px;
} 
.models .items .item .vigoda {
} 
.models .items .item a {
    position: relative;
    z-index: 1;
    /* color: white; */
    margin-bottom: 20px !important;
} 
.models .items .item a:before {} 
.models .items .item a:after {} 
.models .items .item a:hover {} 
.models .items .item .vigoda:before {} 
.models .items .item .vigoda:after {} 
.models .items .item .vigoda:hover {} 
.models .items .item .vigoda span {
    /* color: white; */
} 
.models .items .item .vigoda span b {
    /* color: white; */
    font-size: 26px;
} 
.models .items .item .rass {} 
.models .items .item .rass:before {} 
.models .items .item .rass:after {} 
.models .items .item .rass:hover {} 
.models .items .item .rass span {} 
.models .items .item .rass span b {} 
.models .items .item .gar {} 
.models .items .item .gar:before {} 
.models .items .item .gar:after {} 
.models .items .item .gar:hover {} 
.models .items .item .gar span {} 
.models .items .item .gar span b {} 
.models .items .item .buttons1 {
    max-width: 100%;
} 
.models .items .item .buttons1 .button.black {} 
.models .items .item .buttons1 a {} 
.models .items .item .buttons1 a:before {} 
.models .items .item .buttons1 a:after {} 
.models .items .item .buttons1 a:hover {} 
.models .items .item .buttons1 .button.black:before {} 
.models .items .item .buttons1 .button.black:after {} 
.models .items .item .buttons1 .button.black:hover {} 
.models .items .item .buttons1 .button {
    margin: 0 !important;
    margin-bottom: 20px !important;
} 
.models .items .item .buttons1 .button:before {} 
.models .items .item .buttons1 .button:after {} 
.models .items .item .buttons1 .button:hover {} 
.models .items .item .buttons2 {
    position: static;
    justify-content: space-between;
} 
.models .items .item .buttons2 .icon1 {width: 49% !important;} 
.models .items .item .buttons2 a {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    height: 50px !important;
    max-width: none !important;
    margin-bottom: 20px !important;
    text-align: left !important;
    justify-content: flex-start !important;
    background-position: 20px center !important;
    border-color: black;
color: black;
	background-image:url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAQAAABu4E3oAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfnBhcMLwSZcB4MAAABQElEQVQ4y+3SsUuVYRQG8N+9fmQIDlqbg+EoBNIggQ1OkSBNooOzIS6B4CC1SP0RuQs2OTS0NLQ1KOIQDoIgKCgoyk3h6vW7956G+6mf3iJxtecM78M55zmHc97DFZ7aEHYN5nwdvgpVE4qhYXmUHZm3raYn87T6om7BqvCyWTKu7hk67VvTAT4KQyH46VuzZEjoB13KVrR7J7zN0jYtXkgKPmnLag4r+65oyys9Uolznz1S06fbmh1FqTMuxFUbShmvCAcq6tKmWBAWFF3He4Ele1pD3vSKm8m3QILHnmvJ+cKTjD0wUEhzkbSx/viLsfTnSOK1QdMmHSpcdhkxBkqmVC97tJjz0JvGJ4auf48v8cN6uMP4/yX3WZJk76zj3Fm+wIxe7T4Uarny3UoNOqqkdu3AK34JZSc3Dv/UcvgNAdOuMycCVqcAAAAASUVORK5CYII=);
} 
.models .items .item .buttons2 a:before {} 
.models .items .item .buttons2 a:after {} 
.models .items .item .buttons2 a:hover {} 
.models .items .item .buttons2 .icon1:before {} 
.models .items .item .buttons2 .icon1:after {} 
.models .items .item .buttons2 .icon1:hover {} 
.models .items .item .buttons2 .icon2 {order: 2;} 
.models .items .item .buttons2 .icon2:before {} 
.models .items .item .buttons2 .icon2:after {} 
.models .items .item .buttons2 .icon2:hover {} 
.models .items .item .buttons2 .icon2 br {} 
.models .items .item .buttons2 .icon2 b {} 
.models .items .item .buttons2 .icon3 {
    width: 49% !important;
} 
.models .items .item .buttons2 .icon3:before {} 
.models .items .item .buttons2 .icon3:after {} 
.models .items .item .buttons2 .icon3:hover {} 
#testdrive {
    background-size: 767px auto;
    background-position: center bottom;
    background-color: black;
    height: 636px;
} 
#testdrive .container {} 
#testdrive .tdrive_wrap {} 
#testdrive .tdrive_wrap .lines {} 
#testdrive .tdrive_wrap p {} 
#testdrive .tdrive_wrap .tdrive_form {} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form {} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form input {} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form .form-group,
#testdrive #tdrive_form ._control,
#testdrive #tdrive_form .submit
{
    width: 100% !important;
} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form .form-group .form-control {} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form .form-group .form-control.button {} 

#testdrive .tdrive_wrap .tdrive_form #tdrive_form .agree_field,
#testdrive #tdrive_form .block_agree
{
    width: 100% !important;
} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form .agree_field input {
    top: -2px;
} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form a {} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form a:before {} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form a:after {} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form a:hover {} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form .agree_field:before {} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form .agree_field:after {} 
#testdrive .tdrive_wrap .tdrive_form #tdrive_form .agree_field:hover {} 
#preim {
    padding-top: 60px;
    padding-bottom: 40px;
} 
#preim .container {} 
#preim .lines {
    margin-bottom: 40px;
} 
#preim .items {
    padding-bottom: 40px;
} 
#preim .items .item {
    width: 100% !important;
    max-width: none !important;
    margin-bottom: 20px;
    margin-left: auto;
} 
#preim .items .slick-dots { margin:0 auto !important; }
#preim .items .slick-dots li {
	margin:0px 5px !important;
}
#preim .items .slick-dots li:before {
	width:15px; height:15px; border-radius:15px;
	background:#bb171b;
}

#preim .items .slick-dots li.slick-active:before {
	border:1px solid #bb171b;
	background:none;
}

#preim .items .item .popup {} 
#preim .items .item a {} 
#preim .items .item a:before {} 
#preim .items .item a:after {} 
#preim .items .item a:hover {} 
#preim .items .item .popup:before {} 
#preim .items .item .popup:after {} 
#preim .items .item .popup:hover {} 
#preim .items .item .popup p {} 
#preim .items .item .popup p br {} 
#preim .items .item .popup p b {} 
#preim .items .item:hover {} 
#preim .items .item:hover a {} 
#preim .items .item:nth-child(1) {} 
#preim .items .item:nth-child(5) {} 
#preim .items .item:nth-child(6) {} 
#preim .items .item:nth-child(7) {} 

#preim .items .item {
	display:flex !important;
	font-size: 14px;
	height: 52px;
	margin-bottom:7px;
	padding-left:60px;
	padding-right:15px;
}
#preim .items .item:before {
	width: 53px;
	height: 52px;
	background-size:cover;
	background-position:2px center;
} 
#preim .items .item:after {
	width: 53px;
	height: 52px;
	background-size: 25px;
} 

#preim .items .item:after {} 
#preim .items .item:nth-child(2):after {} 
#preim .items .item:nth-child(3):after {} 
#preim .items .item:nth-child(4):after {} 
#preim .items .item:nth-child(5):after {} 
#preim .items .item:nth-child(6):after {} 
#preim .items .item:nth-child(7):after {} 
#preim .items .item:nth-child(8):after {} 
#service {
	margin-bottom: 60px;
	height: 810px;
} 
#service .container {
	padding: 40px !important;
	background: black url(../img/form_service_bg.jpg) -10px bottom no-repeat;
    background-size: 900px auto;
    padding-top: 100px;
    height: 100%;
    border-radius: 18px;
} 
#service .tservice_wrap {
    width: 100%;
} 
#service .tservice_wrap h2 {} 
#service .tservice_wrap .tservice_props {} 
#service .tservice_wrap .tservice_props .popup {} 
#service .tservice_wrap .tservice_props a {} 
#service .tservice_wrap .tservice_props a:before {} 
#service .tservice_wrap .tservice_props a:after {} 
#service .tservice_wrap .tservice_props a:hover {} 
#service .tservice_wrap .tservice_props .popup:before {} 
#service .tservice_wrap .tservice_props .popup:after {} 
#service .tservice_wrap .tservice_props .popup:hover {} 
#service .tservice_wrap .tservice_props .popup br {} 
#service .tservice_form {
    width: 100%;
} 
#service .tservice_form #tservice_form {} 
#service .tservice_form #tservice_form input {} 
#service .tservice_form #tservice_form .form-group {} 
#service .tservice_form #tservice_form .form-group .form-control {} 
#service .tservice_form #tservice_form .form-group .form-control.btn {} 
#service .tservice_form #tservice_form .agree_field {} 
#service .tservice_form #tservice_form .agree_field input {
    top: -3px;
} 
#service .tservice_form #tservice_form a {} 
#service .tservice_form #tservice_form a:before {} 
#service .tservice_form #tservice_form a:after {} 
#service .tservice_form #tservice_form a:hover {} 
#service .tservice_form #tservice_form .agree_field:before {} 
#service .tservice_form #tservice_form .agree_field:after {} 
#service .tservice_form #tservice_form .agree_field:hover {} 
#kred {
    margin-bottom: 60px;
    background: black url(../img/form_kred_bg.jpg) center bottom no-repeat;
    background-size: 900px;
    height: 1080px;
} 
#kred .container {} 
#kred .tkred_wrap {} 
#kred .tkred_wrap .lines {} 
#kred .tkred_wrap p {} 
#kred .tkred_wrap .tkred_form {} 
#kred .tkred_wrap .tkred_form #tkred_form {} 
#kred .tkred_wrap .tkred_form #tkred_form input {} 
#kred .tkred_wrap .tkred_form #tkred_form .form-group,
#kred #tkred_form ._control,
#kred #tkred_form .submit
{
    width: 100% !important;
} 
#kred .tkred_wrap .tkred_form #tkred_form .form-group .form-control {} 
#kred .tkred_wrap .tkred_form #tkred_form .form-group .form-control.btn {} 
#kred #tkred_form .agree_field,
#kred #tkred_form .block_agree
{
    width: 100%;
    margin-bottom: 20px;
} 
#kred .tkred_wrap .tkred_form #tkred_form .agree_field input {} 
#kred .tkred_wrap .tkred_form #tkred_form a {} 
#kred .tkred_wrap .tkred_form #tkred_form a:before {} 
#kred .tkred_wrap .tkred_form #tkred_form a:after {} 
#kred .tkred_wrap .tkred_form #tkred_form a:hover {} 
#kred .tkred_wrap .tkred_form #tkred_form .agree_field:before {} 
#kred .tkred_wrap .tkred_form #tkred_form .agree_field:after {} 
#kred .tkred_wrap .tkred_form #tkred_form .agree_field:hover {} 
#kred .tkred_wrap .buttons {
    flex-direction: column;
    position: static;
} 
#kred .tkred_wrap .buttons .button {} 
#kred .tkred_wrap .buttons a {
    width: 100%;
    margin-bottom: 20px;
} 
#kred .tkred_wrap .buttons a:before {} 
#kred .tkred_wrap .buttons a:after {} 
#kred .tkred_wrap .buttons a:nth-child(2):after {} 
#kred .tkred_wrap .buttons a:nth-child(3):after {} 
#kred .tkred_wrap .buttons a:nth-child(4):after {} 
#kred .tkred_wrap .buttons a:hover {} 
#kred .tkred_wrap .buttons .button:before {} 
#kred .tkred_wrap .buttons .button:after {} 
#kred .tkred_wrap .buttons .button:hover {} 
#kred .tkred_wrap .buttons .button b {} 
#kred .tkred_wrap .buttons .button br {} 
#predl {
    margin-bottom: 60px;
    height: 630px;
} 
#predl .container {
    padding: 40px !important;
    background-size: 600px;
    background-position: center bottom;
    background-color: black;
} 
#predl .tpredl_wrap {} 
#predl .tpredl_wrap h2 {} 
#predl .tpredl_wrap p {} 
#predl .tpredl_wrap .tpredl_props {} 
#predl .tpredl_wrap .tpredl_props .popup {} 
#predl .tpredl_wrap .tpredl_props a {} 
#predl .tpredl_wrap .tpredl_props a:before {} 
#predl .tpredl_wrap .tpredl_props a:after {} 
#predl .tpredl_wrap .tpredl_props a:hover {} 
#predl .tpredl_wrap .tpredl_props .popup:before {} 
#predl .tpredl_wrap .tpredl_props .popup:after {} 
#predl .tpredl_wrap .tpredl_props .popup:hover {} 
#predl .tpredl_form {} 
#predl .tpredl_form #tpredl_form {
    max-width: none;
} 
#predl .tpredl_form #tpredl_form input {} 
#predl .tpredl_form #tpredl_form .form-group {} 
#predl .tpredl_form #tpredl_form .form-group .form-control {} 
#predl .tpredl_form #tpredl_form .form-group .form-control.btn {} 
#predl .tpredl_form #tpredl_form .agree_field {} 
#predl .tpredl_form #tpredl_form .agree_field input {
    top: -3px;
} 
#predl .tpredl_form #tpredl_form a {} 
#predl .tpredl_form #tpredl_form a:before {} 
#predl .tpredl_form #tpredl_form a:after {} 
#predl .tpredl_form #tpredl_form a:hover {} 
#predl .tpredl_form #tpredl_form .agree_field:before {} 
#predl .tpredl_form #tpredl_form .agree_field:after {} 
#predl .tpredl_form #tpredl_form .agree_field:hover {} 
#contacts {
    position: relative;
} 
#contacts .container {
    flex-direction: column;
    position: static;
} 
#contacts .cont_wrap {
    height: auto;
    padding-top: 60px;
    padding-bottom: 20px;
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-bottom: 636px;
    min-width: auto;
} 
#contacts .cont_wrap h2 {} 
#contacts .cont_wrap p {
    margin-bottom: 30px;
} 
#contacts .cont_wrap .bot_phone {} 
#contacts .cont_wrap a {} 
#contacts .cont_wrap a:before {} 
#contacts .cont_wrap a:after {} 
#contacts .cont_wrap a:hover {} 
#contacts .cont_wrap .bot_phone:before {} 
#contacts .cont_wrap .bot_phone:after {} 
#contacts .cont_wrap .bot_phone:hover {} 
#contacts .cont_wrap .bot_addr {} 
#contacts .cont_wrap .worktime {} 
#contacts .cont_wrap .worktime br {} 
#contacts .cont_wrap .s {
    width: 100%;
    align-items: center;
    margin-bottom: 20px;
} 
#contacts .cont_wrap .s p {
    width: auto;
    margin-bottom: 0px;
    margin-right: 20px;
} 
#contacts .cont_wrap .s .v {} 
#contacts .cont_wrap .s a {} 
#contacts .cont_wrap .s a:before {} 
#contacts .cont_wrap .s a:after {} 
#contacts .cont_wrap .s a:hover {} 
#contacts .cont_wrap .s .v:before {} 
#contacts .cont_wrap .s .v:after {} 
#contacts .cont_wrap .s .v:hover {} 
#contacts .cont_wrap .s .t {} 
#contacts .cont_wrap .s .t:before {} 
#contacts .cont_wrap .s .t:after {} 
#contacts .cont_wrap .s .t:hover {} 
#contacts .cont_wrap .button {
    max-width: none;
    height: 60px;
} 
#contacts .cont_wrap .button:before {} 
#contacts .cont_wrap .button:after {} 
#contacts .cont_wrap .button:hover {} 



}
/*MOBILE END*/


@media (max-width: 650px) {
	.avail {
	    /*padding: 60px 60px 40px 60px;*/
	}
	.avail button.slick-prev, 
	.avail button.slick-next {
		left:20px !important;
	}
	.avail button.slick-next {
		left:auto !important;
		right:20px !important;
	}

	#kred {
	    padding-top: 50px;
	    background-size: 450px auto;
	}
}


@media (max-width: 600px) {
	body
	{
		background-position: center -82px !important;
		background-size: 637px !important;
	}
}


@media (max-width: 576px) {
	.timer_wrap {
	    transform: scale(0.9);
		margin-left: 0px
	}
	#testdrive {
	    background-size: 577px auto;
	    height: 600px;
	} 
}


@media (max-width: 505px) {
	body
	{
		background-position: center 9px !important;
		background-size: 549px !important;
	}
}



@media (max-width: 530px) {
    h2 {font-size: 20px !important;}
    #predl .tpredl_wrap p {font-size: 23px !important;}
    h2:before {left: -140px !important;}
    h2:after {right: -140px !important;}
    .models .items .item .vigoda {
        font-size:20px;
        display: flex;
        align-items: center;
    }
    .models .items .item .vigoda b {
    }
    .models .items .item .vigoda span {
        padding-left: 10px;
    }
    .models .items .item .gar {
        padding-left: 63px;
    }
    .models .items .item .rass {
        padding-left: 63px;
    }

	.models .items .item .bg { height:180px; top:140px; }

	.models .items .item.eco .icons {
	    position: relative;
	    right: -19px;
	    width: 100%; height:0;
	}
	.models .items .item.eco .icons .icon-eco { left:auto; right:0; width:80px; height:80px; background-size:100%; top: 10px; }
	.models .items .item.new .icons .icon-new { left:auto; right:0; width:120px; height:80px; background-size:100%; top: 40px; }

	footer .row { flex-direction:column; } 
	footer img { margin-top:20px; }

}

/* Portrait phones and smaller */
@media (max-width: 450px) {
	h2 { font-size:28px; }

	.timer_wrap {
	    margin-left: 15px;
	    overflow: hidden;
	    display: flex;
	    align-items: flex-start;
	    width: 100%;
	    height: 141px;
	    justify-content: flex-start;
	}
	.timer_wrap .timer { 
		position: absolute;top: 40px; 
		transform: scale(0.7);
		transform-origin: left;
	}
	.title3 { font-size:16px; display:flex; justify-content:center; flex-direction:column; }
	.title2 { font-size:22px; }

	.models .items .item .buttons2 .icon1,
	.models .items .item .buttons2 .icon3 { width:100% !important; }

	#kred {
	padding-top:50px;
	    background-size: 450px auto;
	    height: 840px;
	} 
	#testdrive {
	    background-size: 450px auto;
	    height: 520px;
	} 
	.models .items .item .name {
		font-size: 31px;
		margin-bottom: 40px;
	}

}

@media (max-width: 400px) {
	body
	{
		background-position: center 61px !important;
		background-size: 447px !important;
	}
	.title2_container {
		/* padding-top: 93px; */
	}
	.models .items .item .name {
		font-size: 29px;
	}
}


@media (max-width: 370px) {
	.title3 { font-size:14px; }
	.title2 { font-size:20px; }
	.models .items .item .bg { height:150px;     top: 112px; }
	.models .items .item .name {
	    font-size: 26px;
	}
}


@media (max-width: 360px) {
	.models .items .item .name {
	    font-size: 22px;
	}
}


@media (max-width: 320px) {
}




















