body {
    font-family: "Favorit", Arial, sans-serif;
    font-size: 16px;
    color: black;
    position: relative;
    font-weight: 300;
    padding: 0px;
    overflow-x: hidden;
    max-width: 1920px;
    margin: 0 auto;
    background: #f6f6f6;
}

.compensate-for-scrollbar {
    margin: 0 auto !important;
    overflow: auto !important;
}

* {
    box-sizing: border-box;
}

ul {
    list-style: none;
    padding: 0;
}

input[type=file] {display:none;}

.resp_table{width:100%;}
.resp_table tr td:before{display:none;}
.resp_table img {
    max-width: unset;
    width: unset;
    display: block;
    width: 100%;
    /* height: 50px; */
}

img {
    border-style: none;
    vertical-align: middle;
    max-width:100%;
    transition: 0.5s;
}

select::-ms-expand{
    display: none;
}

select {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	background: url(../img/ico_select.png) 100% 50% no-repeat;
	font-family: "Favorit", Arial, sans-serif;
	outline: none;
}

a {text-decoration:none;}

.container {
    margin: 0px auto;
    padding: 0px 15px;
    max-width: 1140px;
    position: relative;
}

@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}

@media (min-width: 1280px) {
  .container {
    width: 1200px;
    max-width: 100%;
  }
}

@media (min-width: 1480px) {
  .container {
    width: 1420px;
    max-width: 100%;
  }
}


input[type=text],
input[type=tel]
{
	color:#939393;
}

.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;
}

#form_popup { display:none; }

.popup_container {width: 520px;max-width:100%;padding: 5px 29px;overflow: hidden !important;position: relative;box-sizing: border-box;/* border: 2px solid black; */background: white;text-align: center;padding-bottom: 30px;}

.popup_container .agree_field {color: #8b8b8b;font-size: 12px;}
.popup_container .agree_field a {color: #8b8b8b;}

.popup_container h2
{
	font-size: 24px;
	font-weight: 700;
	padding: 0px;
	margin: 0px;
	padding-bottom: 29px;
	text-align: center;
	padding-top: 25px;
	color: black;
}

.popup_container .form_comment {
    text-align: center;
    font-size: 20px;
    color: #414141;
    padding-bottom:  15px;
}
.popup_container .form_comment a {
    display: block;
    color: #414141;
    text-decoration: none;
}

.popup_container .form-group {
    margin-bottom: 19px;
}
.popup_container .form-group input[type=text],
.popup_container .form-group input[type=tel] {
    color: #000;
    display: block;
    height: 44px;
    line-height: 100%;
    text-decoration: none;
    text-align: left;
    /* text-transform: uppercase; */
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    background: #f7f6f6;
    border: 1px solid #f7f6f6;
    padding: 10px;
}

.popup_container .form-group ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000;
  }
.popup_container .form-group ::-moz-placeholder { /* Firefox 19+ */
    color: #000;
  }
.popup_container .form-group :-ms-input-placeholder { /* IE 10+ */
    color: #000;
  }
.popup_container .form-group :-moz-placeholder { /* Firefox 18- */
    color: #000;
  }

.popup_container .form-group textarea {
    color: black;
    display: block;
    height: 100px;
    text-decoration: none;
    text-align: left;
    /* text-transform: uppercase; */
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    background: #f7f6f6;
    border: 1px solid #f7f6f6;
    padding: 10px;
    resize: none;
    font-size: 16px;
}

.popup_container .form-group select {
    color: #000;
    height: 44px;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    padding-left: 10px;
    height: 38px;
    background-color: #f7f6f6;
    border-radius: 5px;
    border: 1px solid #f7f6f6;
}

.popup_container .form-group button {cursor: pointer; font-size: 16px;font-weight: 400;height: 44px;}


.alert.fancybox-content {
    overflow: hidden;
}

.not_agree button {
    background-color: #cccccc !important;
    cursor: auto !important;
    color: white !important;
    }

.agree_field {
    font-size: 14px;
    line-height: 100%;
    position: relative;
    display: inline-block;
    padding-left: 28px;
    top: 0px;
    font-weight: 300;
    color: #8b8b8b;
}
.agree_field a {
    color: #8b8b8b;
    /* text-decoration: underline; */
}
.agree_field input {
    position: absolute;
    top: -1px;
    left: 0px;
    margin: -0px;
z-index: -1;opacity: 0;}
.agree_field input + span {
    
    
display: block;
    width: 18px;
    height: 18px;
    background: transparent;
    border: 1px solid #cacaca;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    left: 0;}

.agree_field input:checked + span {
    
background: url(../img/checked.png) 100% 55% no-repeat;}

.popup_container .form-disclamer {
    color: #b8b8b8;
    font-size: 10px;
    padding-top: 10px;
    text-align: center;
}

form .form-group {
    margin-bottom: 15px;
    position: relative;
}

form .form-group input[type="text"],
form .form-group input[type="tel"] {
    height: 44px;
    width: 100%;
    color: #000;
    font-size: 16px;
    box-sizing: border-box;
    font-weight: 300;
    text-align: left;
    border: 1px solid #f7f6f6;
    padding: 0px 20px;
    outline: none;
    background: #f7f6f6;
    border-radius: 50px;
    font-family: "CenturyGothic", Arial, sans-serif;
}

select {
    display: block;
    color: #000;
    height: 44px;
    width: 100%;
    padding-left: 15px;
    padding-right: 35px;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    background: url(../img/ico_select.png) right 20px center no-repeat #f7f6f6;
    border: 1px solid #f7f6f6;
border-radius: 50px;font-family: "CenturyGothic", Arial, sans-serif;}

form .form-group button {
    width: 100%;
    /* height: 60px; */
    cursor: pointer;
    /* font-size: 18px; */
    /* font-weight: 300; */
    outline: none;
}

form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000;
  }
form ::-moz-placeholder { /* Firefox 19+ */
    color: #000;
  }
form :-ms-input-placeholder { /* IE 10+ */
    color: #000;
  }
form :-moz-placeholder { /* Firefox 18- */
    color: #000;
  }

.form_title {color: black;font-size: 36px;/* text-transform: uppercase; */padding: 0px;margin: 0px;text-align: center;padding-bottom: 47px;}

.form_title span {
    display: block;
    white-space: nowrap;
}


.btn {
    background: #b2f200;
    color: #000;
    /* text-transform:uppercase; */
    text-align: center;
    height: 44px;
    width: 300px;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    border: 1px solid #b2f200;
    position: relative;
    text-decoration: none;
    transition:  all .2s linear;
    border-radius: 50px;
}

.btn span {
    display:inline-block;
    width: 100%;
}

.btn:hover {
    background: transparent;  
}



/*************************************************************************************************************************/

.m_btn {
    display: none;
}

header {
    
background: #fff;
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.header .logo_text {
    
font-family: "Oranienbaum", Arial, sans-serif;font-size: 56px;text-transform: uppercase;}

.header .logo_text span {
    color: #7e817e;
}

.header .top_phone {
    padding-left: 25px;
    position: relative;
}

.header .top_phone a {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.header .top_phone:before {
    content: url(../img/phone_top.png);
    position: absolute;
    top: 2px;
    left: 0;
}

.header .top_email {
    padding-left: 25px;
    position: relative;
}

.header .top_email a {
    font-size: 16px;
    font-weight: 300;
    color: #000;
}

.header .top_email:before {
    content: url(../img/email.png);
    position: absolute;
    top: 2px;
    left: 0;
}
.menu {
    display: none;
}



/**************************************************************************************************************/


.banner {
    background: url(../img/bg1.jpg) 50% 0 no-repeat;
}
.webp .banner {
    background: url(../img/bg1.webp) 50% 0 no-repeat;    
}
.banner .content {}
.banner .banner_slider {
    
width: 70%;
    
margin: 0 auto;
    
}
.banner .banner_slider .brand_slide {
    display: block;
    width: 140px;
    height: 140px;
    background-size: 65% !important;
    transition: all .2s linear;
    transform: scale(.7);
}

.banner .banner_slider .brand_slide:hover {
    transform: scale(1);

}

.banner .banner_slider .brand_slide img.hov {
    display: none;
}

.banner .banner_slider .brand_slide:hover img {
    display: none;
}

.banner .banner_slider .brand_slide:hover img.hov {
    display: block;
}

/* .banner .banner_slider .brand_slide:hover {
    background-size: 90% !important;
}
.banner .banner_slider .brand_slide.kia {background: url(../img/brands/grey/kia.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.hyundai {background: url(../img/brands/grey/hyundai.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.nissan {background: url(../img/brands/grey/nissan.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.renault {background: url(../img/brands/grey/renault.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.chery {background: url(../img/brands/grey/chery.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.mazda {background: url(../img/brands/grey/mazda.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.volks {background: url(../img/brands/grey/volkswagen.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.skoda {background: url(../img/brands/grey/skoda.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.mitsu {background: url(../img/brands/grey/mitsubishi.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.suzuki {background: url(../img/brands/grey/suzuki.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.ford {background: url(../img/brands/grey/ford.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.peugeot {background: url(../img/brands/grey/peugeot.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.citroen {background: url(../img/brands/grey/citroen.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.haval {background: url(../img/brands/grey/haval.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.geely {background: url(../img/brands/grey/geely.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.dongfeng {background: url(../img/brands/grey/dongfeng.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.changan {background: url(../img/brands/grey/changan.png) 50% no-repeat;}

.banner .banner_slider .brand_slide.kia:hover {background: url(../img/brands/white/kia.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.hyundai:hover {background: url(../img/brands/white/hyundai.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.nissan:hover {background: url(../img/brands/white/nissan.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.renault:hover {background: url(../img/brands/white/renault.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.chery:hover {background: url(../img/brands/white/chery.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.mazda:hover {background: url(../img/brands/white/mazda.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.volks:hover {background: url(../img/brands/white/volkswagen.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.skoda:hover {background: url(../img/brands/white/skoda.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.mitsu:hover {background: url(../img/brands/white/mitsubishi.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.suzuki:hover {background: url(../img/brands/white/suzuki.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.ford:hover {background: url(../img/brands/white/ford.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.peugeot:hover {background: url(../img/brands/white/peugeot.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.citroen:hover {background: url(../img/brands/white/citroen.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.haval:hover {background: url(../img/brands/white/haval.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.geely:hover {background: url(../img/brands/white/geely.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.dongfeng:hover {background: url(../img/brands/white/dongfeng.png) 50% no-repeat;}
.banner .banner_slider .brand_slide.changan:hover {background: url(../img/brands/white/changan.png) 50% no-repeat;} */

.banner .banner_slider .slick-arrow {color: transparent;background: transparent;font-size: 0px;border: none;outline: none;cursor: pointer;position: absolute;top: calc(50% - 40px);display: block;width: 22px;height: 60px;}
.banner .banner_slider .slick-prev {border-right: 1px solid #cdcdcd;background: url(../img/banner_slider_prev.png) 50% no-repeat;left: -5%;}
.banner .banner_slider .slick-next {border-left: 1px solid #cdcdcd;
    background: url(../img/banner_slider_next.png) 50% no-repeat;
    right: -5%;}
.banner .title_container {background: #fff;padding: 20px 65px 25px 65px;border-radius: 0 0 70px 70px;display: flex;justify-content: space-between;align-items: center;width: 100%;/* max-width: 1120px; */margin-top: 454px;box-shadow: 15px 15px 20px 5px rgba(0,0,0,.08);}
.banner .title_container .title {/* font-size: 25px; *//* display: flex; *//* text-transform: uppercase; *//* align-items: center; *//* white-space: nowrap; */}
/* .banner .title_container .title span {font-size: 61px;
    font-weight: 300;} */
.banner .title_container .title .text1 {
    /* font-weight: 700; */
    font-size: 44px;
    line-height: 110%;
}

.banner .title_container .title .text1 b {
    font-weight: 600;
}
.banner .title_container .title .text1 span {font-size: 34px;}
.banner .title_container .title .text2 {font-size: 20px;/* margin-left: 35px; */margin-top: 10px;}
.banner .title_container .btn {}

.banner .main_title {
    font-size: 60px;
    line-height: 105%;
    color: #fff;
    font-weight: 400;
    text-align: center;
    /* padding-top: 0px; */
}


/**************************************************************************************************************/



.brand_profit {
    margin-top: 45px;
}
.brand_profit .container {}
.brand_profit .content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.666%;
}
.brand_profit .item {
    border-radius: 20px;
    padding-bottom: 40px;
    box-shadow: 6px 6px 12px 8px rgba(0,0,0,.075);
    width: 30%;
    margin: 35px 1.666% 0 1.666%;
    overflow: hidden;
    box-sizing: border-box;
}
.brand_profit .brand_img {}
.brand_profit .brand_img img {}
.brand_profit .brand_name {
    padding-top: 20px;
    padding-left: 35px;
    font-size: 48px;
    font-weight: 300;
    text-transform: uppercase;
    padding-right: 35px;
}
.brand_profit .profit {
    font-size: 28px;
    padding-top: 20px;
    padding-right: 35px;
    padding-left: 35px;
}
.brand_profit .profit b {}
.brand_profit .btn {
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 35px;
    width: calc(100% - 70px);
}



/**************************************************************************************************************/


.brands {margin-top: 55px;}
.brands .content {display: flex;justify-content: center;flex-wrap: wrap;}
.brands .item {
    margin: 0 18px;margin-top: 35px;width: 8%;
    /* height: 100px; */
    display: block;
    color: #000;
    background-size: 72% !important;background-position: 50% -7px !important;text-align: center;/* padding-top: 95px; */}

    .brands .item img {
        transform: scale(.68);
    margin-bottom: -16px;}

    .brands .item img.hov {
        display: none;
    }

    .brands .item:hover img {
        display: none;
    }

    .brands .item:hover img.hov {
        display: block;
    }


/* .brands .item:hover {transition: all .2s linear;} */
/* .brands .item.kia {background: url(../img/brands/grey/kia.png) 50% 0 no-repeat;}
.brands .item.hyundai {background: url(../img/brands/grey/hyundai.png) 50% 0 no-repeat;}
.brands .item.nissan {background: url(../img/brands/grey/nissan.png) 50% 0 no-repeat;}
.brands .item.renault {background: url(../img/brands/grey/renault.png) 50% 0 no-repeat;}
.brands .item.chery {background: url(../img/brands/grey/chery.png) 50% 0 no-repeat;}
.brands .item.mazda {background: url(../img/brands/grey/mazda.png) 50% 0 no-repeat;}
.brands .item.volks {background: url(../img/brands/grey/volkswagen.png) 50% 0 no-repeat;}
.brands .item.skoda {background: url(../img/brands/grey/skoda.png) 50% 0 no-repeat;}
.brands .item.mitsu {background: url(../img/brands/grey/mitsubishi.png) 50% 0 no-repeat;}
.brands .item.suzuki {background: url(../img/brands/grey/suzuki.png) 50% 0 no-repeat;}
.brands .item.ford {background: url(../img/brands/grey/ford.png) 50% 0 no-repeat;}
.brands .item.peugeot {background: url(../img/brands/grey/peugeot.png) 50% 0 no-repeat;}
.brands .item.citroen {background: url(../img/brands/grey/citroen.png) 50% 0 no-repeat;}
.brands .item.haval {background: url(../img/brands/grey/haval.png) 50% 0 no-repeat;}
.brands .item.geely {background: url(../img/brands/grey/geely.png) 50% 0 no-repeat;}
.brands .item.dongfeng {background: url(../img/brands/grey/dongfeng.png) 50% 0 no-repeat;}
.brands .item.changan {background: url(../img/brands/grey/changan.png) 50% 0 no-repeat;}

.brands .item.kia:hover {background: url(../img/brands/kia.png) 50% 0 no-repeat;}
.brands .item.hyundai:hover {background: url(../img/brands/hyundai.png) 50% 0 no-repeat;}
.brands .item.nissan:hover {background: url(../img/brands/nissan.png) 50% 0 no-repeat;}
.brands .item.renault:hover {background: url(../img/brands/renault.png) 50% 0 no-repeat;}
.brands .item.chery:hover {background: url(../img/brands/chery.png) 50% 0 no-repeat;}
.brands .item.mazda:hover {background: url(../img/brands/mazda.png) 50% 0 no-repeat;}
.brands .item.volks:hover {background: url(../img/brands/volkswagen.png) 50% 0 no-repeat;}
.brands .item.skoda:hover {background: url(../img/brands/skoda.png) 50% 0 no-repeat;}
.brands .item.mitsu:hover {background: url(../img/brands/mitsubishi.png) 50% 0 no-repeat;}
.brands .item.suzuki:hover {background: url(../img/brands/suzuki.png) 50% 0 no-repeat;}
.brands .item.ford:hover {background: url(../img/brands/ford.png) 50% 0 no-repeat;}
.brands .item.peugeot:hover {background: url(../img/brands/peugeot.png) 50% 0 no-repeat;}
.brands .item.citroen:hover {background: url(../img/brands/citroen.png) 50% 0 no-repeat;}
.brands .item.haval:hover {background: url(../img/brands/haval.png) 50% 0 no-repeat;}
.brands .item.geely:hover {background: url(../img/brands/geely.png) 50% 0 no-repeat;}
.brands .item.dongfeng:hover {background: url(../img/brands/dongfeng.png) 50% 0 no-repeat;}
.brands .item.changan:hover {background: url(../img/brands/changan.png) 50% 0 no-repeat;} */

/**************************************************************************************************************/


.tradein {
    background: url(../img/tradein.jpg) 50% 100% no-repeat;
    margin-top: 110px;
    /* padding: 78px 0; */
    padding-bottom: 592px;
    overflow: hidden;
    }
.webp .tradein {
    background: url(../img/tradein.webp) 50% 100% no-repeat;
}
.tradein .content {/* max-width: 700px; *//* margin-left: auto; */background: #fff;position: relative;padding: 40px 65px 50px 65px;border-radius: 72px 72px 0 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}

.tradein .content:after {content: "";display: block;width: 50%;height: 100%;background: #fff;position: absolute;top: 0;left: 100%;display: none;}
.tradein .tradein_title_wrap {}
.tradein .title {font-size: 44px;line-height: 120%;}

.tradein .title b {
    font-weight: 600;
}
.tradein .comment {font-size: 20px;padding-left: 30px;margin-top: 10px;position: relative;}

.tradein .comment:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #b2f200;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
}
.tradein #form_tradein {/* padding-left: 25px; *//* padding-top: 30px; */max-width: 630px;margin: 0 auto;}
.tradein #form_tradein .form-group_wrapper {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.tradein #form_tradein .form-group {width: 48%;}
.tradein #form_tradein .form-group:last-child {}
.tradein #form_tradein .agree_field,
.tradein #form_tradein .agree_field a {}


/**************************************************************************************************************/


footer {
    padding-top: 20px;
    padding-bottom: 20px;
background: #f0f0f0;}

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

footer .content .top_phone {
    padding-left: 25px;
    position: relative;
}

footer .content .top_phone a {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

footer .content .top_phone:before {
    content: url(../img/phone_top.png);
    position: absolute;
    top: 2px;
    left: 0;
}

.disclamer_switch_bg {
    
}

.disclamer_switch {
    color: black;
    font-size: 14px;
    text-decoration: none;
    font-weight: 300;
}

footer .disclamer {color:black;font-size:10px;display: none;text-align: left;padding-top: 35px;}

.copyright {
    
font-size: 10px;}


/*------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1900px) {
   
}
@media (max-width: 1800px) {
   
}
@media (max-width: 1500px) {

    .banner {}
    .banner .content {}
    .banner .banner_slider {width: 85%;}
    .banner .banner_slider .brand_slide {}
    .banner .banner_slider .slick-arrow {}
    .banner .banner_slider .slick-prev {}
    .banner .banner_slider .slick-next {}
    .banner .title_container {}
    .banner .title_container .title {}
    .banner .title_container .title span {}
    .banner .title_container .btn {}
    .banner .main_title {}

    /**************************************************************************************************************/


.brands {}
.brands .content {}
.banner .item.kia {}
.banner .item.hyundai {}
.banner .item.nissan {}
.banner .item.renault {}
.banner .item.chery {}
.banner .item.mazda {}
.banner .item.volks {}
.banner .item.skoda {}
.banner .item.mitsu {}
.banner .item.suzuki {}
.banner .item.ford {}
.banner .item.peugeot {}
.banner .item.citroen {}
.banner .item.haval {}
.banner .item.geely {}
.banner .item.dongfeng {}
.banner .item.changan {}


/**************************************************************************************************************/


.tradein {}
.tradein .content {}
.tradein .tradein_title_wrap {}
.tradein .title {}
.tradein .comment {}
.tradein #form_tradein {
    margin-top: 40px;
}
.tradein #form_tradein .form-group_wrapper {}
.tradein #form_tradein .form-group {}
.tradein #form_tradein .form-group:last-child {}
.tradein #form_tradein .agree_field,
.tradein #form_tradein .agree_field a {}
   
}

@media (max-width: 1480px) {
    .tradein_title_wrap {
        width: 100%;
        text-align: center;
    }

    .tradein .comment:before {
        display: none;
        padding-left: 0;
    }

    .brand_profit .profit {
        font-size: 22px;
    }
}

@media (max-width: 1280px) {

}

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

    .banner {}
.banner .content {}
.banner .banner_slider {}
.banner .banner_slider .brand_slide {}
.banner .banner_slider .slick-arrow {top: calc(50% - 50px);}
.banner .banner_slider .slick-prev {}
.banner .banner_slider .slick-next {}
.banner .title_container {}
.banner .title_container .title {}
.banner .title_container .title span {}
.banner .title_container .btn {}
.banner .main_title {}

/**************************************************************************************************************/



.brand_profit {}
.brand_profit .container {}
.brand_profit .content {}
.brand_profit .item {}
.brand_profit .brand_img {}
.brand_profit .brand_img img {}
.brand_profit .brand_name {
    font-size: 32px;
}
.brand_profit .profit {}
.brand_profit .profit b {
    display: block;
}
.brand_profit .btn {}



/**************************************************************************************************************/


.brands {}
.brands .content {}
.banner .item.kia {}
.banner .item.hyundai {}
.banner .item.nissan {}
.banner .item.renault {}
.banner .item.chery {}
.banner .item.mazda {}
.banner .item.volks {}
.banner .item.skoda {}
.banner .item.mitsu {}
.banner .item.suzuki {}
.banner .item.ford {}
.banner .item.peugeot {}
.banner .item.citroen {}
.banner .item.haval {}
.banner .item.geely {}
.banner .item.dongfeng {}
.banner .item.changan {}


/**************************************************************************************************************/


.tradein {/* background-position: 48% -6px !important; */}
.tradein .content {/* max-width: 530px; */}
.tradein .tradein_title_wrap {}
.tradein .title {}
.tradein .comment {}
.tradein #form_tradein {}
.tradein #form_tradein .form-group_wrapper {}
.tradein #form_tradein .form-group {}
.tradein #form_tradein .form-group:last-child {}
.tradein #form_tradein .agree_field,
.tradein #form_tradein .agree_field a {}
    
}
/*IPAD PRO BEGIN*/

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

    .header .logo_text {
        font-size: 40px;
    }

    .banner {}
.banner .content {}
.banner .banner_slider {}
.banner .banner_slider .brand_slide {}
.banner .banner_slider .slick-arrow {top: calc(50% - 55px);}
.banner .banner_slider .slick-prev {}
.banner .banner_slider .slick-next {}
.banner .title_container {}
.banner .title_container .title {
    flex-wrap: wrap;
}
.banner .title_container .title .text1 {
}
.banner .title_container .title .text1 span {}
.banner .title_container .title .text2 {
    margin: 0;
}
/* .banner .title_container .title span {font-size: 40px;} */
.banner .title_container .btn {}
.banner .main_title {}

/**************************************************************************************************************/



.brand_profit {}
.brand_profit .container {}
.brand_profit .content {}
.brand_profit .item {}
.brand_profit .brand_img {}
.brand_profit .brand_img img {}
.brand_profit .brand_name {}
.brand_profit .profit {}
.brand_profit .profit b {}
.brand_profit .btn {}



/**************************************************************************************************************/


.brands {}
.brands .content {}
.brands .item {width: 20%;}
.banner .item.kia {}
.banner .item.hyundai {}
.banner .item.nissan {}
.banner .item.renault {}
.banner .item.chery {}
.banner .item.mazda {}
.banner .item.volks {}
.banner .item.skoda {}
.banner .item.mitsu {}
.banner .item.suzuki {}
.banner .item.ford {}
.banner .item.peugeot {}
.banner .item.citroen {}
.banner .item.haval {}
.banner .item.geely {}
.banner .item.dongfeng {}
.banner .item.changan {}


/**************************************************************************************************************/


.tradein {/* background-position: 21% -6px !important; */}
.tradein .content {/* max-width: 100%; *//* margin-top: 430px; */}
.tradein .tradein_title_wrap {}
.tradein .title {}
.tradein .comment {}
.tradein #form_tradein {}
.tradein #form_tradein .form-group_wrapper {}
.tradein #form_tradein .form-group {}
.tradein #form_tradein .form-group:last-child {}
.tradein #form_tradein .agree_field,
.tradein #form_tradein .agree_field a {}

    

}

	
/*IPAD END*/

/*MOBILE BEGIN*/
@media (max-width: 767px) {
	
	.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;}

	.simple_slider .btn_left {display:none !important;}
	.simple_slider .btn_right {display:none !important;}
	
	.popup_container {width:100%;}


    /************************************************************************/
    

    .btn {
        width: 100%;
    }

    header {
    
        background: #fff;position: fixed;top: 0;width: 100%;left: 0;z-index: 10;}

    .header {
        flex-wrap: wrap;
    }

    .header .logo {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .logo .logo_text {
        padding-left: 0;
        font-size: 14px;
    }

    .header .top_addr {
        display: none;
    }

    .header .logo_text {
        
    /* text-align: center; */font-size: 28px;order: -1;width: 100%;padding-bottom: 10px;}

    .header .top_phone {
    }

    .btn {
        margin: 0 auto;
        margin-top: 10px;
        order: 1;
    }


    .m_btn {
        display: block;
        position: fixed;
        width: 30px;
        height: 22px;
        z-index: 1;
    top: 25px;right: 15px;z-index: 11;}

    .m_btn span {
        position: absolute;
        display: block;
        width: 30px;
        height: 3px;
        background: #000;
        transition: all .2s linear;
    }

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

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

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

    .m_btn.active span:nth-child(1) {
        transform-origin: top right;
        transform: rotate(-45deg);
        top: -1px;
    }
    
    .m_btn.active span:nth-child(2) {
        opacity: 0;
    }
    
    .m_btn.active span:nth-child(3) {
        transform-origin: bottom right;
        transform: rotate(45deg);
        bottom: -1px;
    }

    .menu {
       display: block; position: fixed;background: #fff;width: 100%;z-index: 10;top: 100px;left: 100%;transition: all .2s linear;
    overflow-y: scroll;height: 80vh;padding-bottom: 30px;}

    .menu.active {
        left: 0;
    }

    .menu .content  {

    }

    .menu .content .item {

    color: #000;display: block;text-align: center;margin: 15px 0;}
    
    .menu .content .item img {

    display: none;}


    .banner {background-size: 100% !important;margin-top: 100px;background: url(../img/bg1_mob.jpg) 50% 0 no-repeat;}

.webp .banner {
    background: url(../img/bg1_mob.webp) 50% 0 no-repeat;
}
.banner .content {}
.banner .banner_slider {width: 95%;display: none;}
.banner .banner_slider .brand_slide {}
.banner .banner_slider .slick-arrow {}
.banner .banner_slider .slick-prev {}
.banner .banner_slider .slick-next {}
.banner .title_container {margin-top: 0;background: none;padding: 0;padding-top: 16px;box-shadow: none;display: block;}
.banner .title_container .title {text-align: center;font-size: 24px;white-space: normal;flex-wrap: wrap;justify-content: center;}
.banner .title_container .title .text1 {
    font-size: 24px;
}

.banner .title_container .title .text1 b {
    display: block;
}
.banner .title_container .title .text1 span {
    font-size: 1.3em;
}
.banner .title_container .title .text2 {
    margin: 0;
    font-size: 20px;
    width: 100%;
}
/* .banner .title_container .title span {font-size: 32px;} */
.banner .title_container .btn {margin-top: 15px;}
.banner .main_title {
    /* color: #000; */
    font-size: 32px;
    padding-top: 60px;
    padding-bottom: 240px;
}

/**************************************************************************************************************/



.brand_profit {
    margin-top: 20px;
}
.brand_profit .container {}
.brand_profit .content {
    margin: 0;
}
.brand_profit .item {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-top: 40px;
}
.brand_profit .brand_img {}
.brand_profit .brand_img img {}
.brand_profit .brand_name {
    font-size: 32px;
}
.brand_profit .profit {
    padding-top: 0;
}
.brand_profit .profit b {
    display: block;
}
.brand_profit .btn {
    margin-top: 20px;
}



/**************************************************************************************************************/


.brands {margin-top: 20px;}
.brands .content {}
.brands .item {width: 30%;padding-top: 0;margin: 0;margin-top: 35px;}
.banner .item.kia {}
.banner .item.hyundai {}
.banner .item.nissan {}
.banner .item.renault {}
.banner .item.chery {}
.banner .item.mazda {}
.banner .item.volks {}
.banner .item.skoda {}
.banner .item.mitsu {}
.banner .item.suzuki {}
.banner .item.ford {}
.banner .item.peugeot {}
.banner .item.citroen {}
.banner .item.haval {}
.banner .item.geely {}
.banner .item.dongfeng {}
.banner .item.changan {}


/**************************************************************************************************************/


.tradein {margin-top: 55px;background-size: 750px auto !important;background-position: 56% 0% !important;padding: 0;background-color: #fff !important;padding-bottom: 20px;}
.tradein .content {padding: 0;background: none;padding-top: 250px;}

.tradein .content:after {display: none;}
.tradein .title {font-size: 32px;text-align: center;line-height: 110%;}
.tradein .comment {padding-left: 0;padding-top: 0;text-align: center;font-size: 20px;}

.tradein .comment:before {
    display: none;
}
.tradein #form_tradein {padding-left: 0;}
.tradein #form_tradein .form-group_wrapper {}
.tradein #form_tradein .form-group {width: 100%;}
.tradein #form_tradein .form-group:last-child {}
.tradein #form_tradein .agree_field,
.tradein #form_tradein .agree_field a {}


	.copyright {
        
    }



}

/*MOBILE END*/

/* Portrait phones and smaller */
@media (max-width: 388px)
{    

}

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

@media (max-width: 360px)
{
    .banner .main_title {
        padding-bottom: 205px;
    }
}

@media (max-width: 320px)
{	
    .menu {
        top: 120px;
    }

    .banner .main_title {
        font-size: 28px;
        padding-bottom: 170px;
    }

    .banner .title_container .title .text1 {
        font-size: 22px;
    }
}