#brand-models-slider .brand-carousel{overflow:hidden;vertical-align:top;text-align:center;-webkit-transition:top .3s ease-in-out .5s;-moz-transition:top .3s ease-in-out .5s;-o-transition:top .3s ease-in-out .5s;transition:top .3s ease-in-out .5s}
#brand-models-slider .carousel-list {height:140px;  position: relative;
    width: 10000px;
}
#brand-models-slider .carousel-list.open{height:auto;width:100%;left:0;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
#brand-models-slider img {max-width:150px;max-height:70px;}
#brand-models-slider .brand-carousel.show-full-brand{height:auto;overflow:visible;width:100%;padding-bottom:20px;border-bottom:1px solid #999;margin-bottom:20px;}
#brand-models-slider .brand-carousel .carousel-element{display:inline-block;-webkit-transition:rigth-left .3s ease 1.5s;-moz-transition:rigth-left .3s ease 1.5s;-o-transition:rigth-left .3s ease 1.5s;transition:rigth-left .3s ease 1.5s}
.brand__slider>.carousel-list:first-child .item{text-align:center;padding:0 10px;margin-top:10px}
.brand__slider>.carousel-list:first-child{padding:0 12px 10px;background:#fff;border-radius:20px}
@media screen and (max-width:520px) {
.brand__slider{padding:10px}
.brand__slider .brand-carousel{text-align:center!important}
.brand__slider .carousel-element,.brand__model-list .splitscreen__item_quater{text-align:center}
}
.modail_car{position:relative;max-width:180px;}
.modail_car:before{content:'';position:absolute;z-index:0;bottom:0;left:0;height:0px;width:100%;background:#dde9ff}
.modail_car img{position:relative;z-index:1}
.modail_car a{position:relative;z-index:1;
  line-height: 1em;text-align:center;font-size:1.2em}
  .modail_car:hover:before{height:100%;}
  
@media screen and (max-width:1200px) {
.brand__slider{margin-bottom:10px!important}
}
@media screen and (max-width:768px) {
.brand__slider{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.px-0{padding-left:0;padding-right:0;}
.brand__slider>:first-child{width:calc(100% - 170px)}
@media screen and (max-width:1200px) {
.brand__slider>:first-child{width:calc(100% - 150px)}
}
@media screen and (max-width:550px) {
.brand__slider>:first-child{width:100%;margin-bottom:20px}
}
.brand__model-list .item img,.brand__slider .owl-wrapper img,.loyal p{margin-bottom:10px}
.brand__slider .owl__wrap-arrow{width:160px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
@media screen and (max-width:1200px) {
.brand__slider .owl__wrap-arrow{margin:0;width:140px}
}
@media screen and (max-width:550px) {
.brand__slider .owl__wrap-arrow{width:200px}
}
.brand__slider .btn{
  text-align: center;
font-size: 17px;}
.brand__slider .btn#show-model-list:after {
  content: '\2193';
}
.brand__slider .btn#hide-model-list:after {
  content: '\2191';
}
.brand__slider .owl__wrap-arrow .corner-brands__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}
.brand__slider .owl__wrap-arrow span{width:40px;height:40px;background:0 0;position:relative}
.brand__slider .owl__wrap-arrow span.disable{opacity:0.2;}
.brand__slider .owl__wrap-arrow span:before{
      width: 40px;
   height: 40px;
    position: absolute;
    content: "";
    background-size:40px 40px;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.brand__slider .owl__wrap-arrow span.next-arrow:before {  background-image:url('../img/next.png')  
    }
.brand__slider .owl__wrap-arrow span.prev-arrow::before {   background-image:url('../img/prev.png')
    }
.brand__slider .owl__wrap-arrow span.next-arrow:hover:before {  background-image:url('../img/next_a.png')
    }
.brand__slider .owl__wrap-arrow span.prev-arrow:hover:before {   background-image:url('../img/prev_a.png')
    }
@media screen and (max-width:1200px) {
.brand__slider .corner-brands__nav{top:0;width:auto;margin:0}
}