@charset "utf-8";
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  body{margin: 0; padding: 0; background: #f4f4f4 !important; font: normal normal 12px Arial,Helvetica,sans-serif !important;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
h1,h2,h3,h4,h5,h6,p,ul,ol{margin: 0;}
a{ text-decoration: none !important;}
.row{margin: 0px !important;}
.template_4.overflow-h{overflow-y: hidden; position: fixed;}
.template_4 .container{max-width: 968px;}

.template_4 .header-top{text-align: right; padding: 0; color: #989898; background: #cccccb;}
.template_4 .header-top .col-12{padding: 0;}
.template_4 .header-top .call-email a{color: #676767; text-decoration: none;}
.template_4 .header-top .call-email a:hover{color: #c53939;}
.template_4 .header-top .call-email{font-size: 13px; margin-bottom: 2px; display: flex; align-items: center; justify-content: end; padding: 5px 0; color: #676767;}
.template_4 .header-top .call-email strong{color: #676767;}
.template_4 .header-top .call-email span{margin: 0 5px 0 5px;}
.template_4 .header-top .stock {margin-left: 8px;}
.template_4 .header-top .stock span{font-weight: bold; margin: 0 0 0 0px;}
.template_4 .header-top .stock strong{color: #676767; font-size: 13px;}
.template_4 header{border-top: 1px solid #dadada; padding: 16px 0; -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.12); -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.12); box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.12); background: #f4f4f4;}
.template_4 header article{display: flex; align-items: center; justify-content: space-between; position: relative;}
.template_4 header article .logo{text-align: left;}
.template_4 header article .logo img{ width:80%; }
.template_4 .menu-icon{position: absolute; right: 5px; top: 5px; border: 0; background: 0; display: none;}
.template_4 .menu-icon img{width: 28px;}
.template_4 .close-icon{position: absolute; right: 0; top: 0; border: 0; background: none; display: none;}
.template_4 .close-icon img{width: 36px;}
.template_4 nav{display: flex; align-items: center;}
.template_4 nav ul{display: flex; align-items: center; margin: 0; padding: 0; height: 30px; line-height: 30px; position: relative;}
.template_4 nav ul li{list-style: none;}
.template_4 nav ul li a{padding: 0 15px; text-transform: uppercase; font-size: 14px; color: #676767; min-height: 40px; font-weight: bold;}
.template_4 nav ul li a:hover, nav ul li a.active{color: #c53939;}
.template_4 .banner-section .col-12{padding: 0;}
.template_4 .banner-section .swiper-fade .swiper-slide img, .template_4 .banner-section .swiper-fade .swiper-slide{height: 350px; width: 100%;}
.template_4 .banner-section h2{font-size: 18px; font-weight: bold; color: #ffffff; text-transform: uppercase; position: absolute; bottom: 12%; left: 2%; text-shadow: -1px 4px 2px rgba(16,11,11,0.3);}
.template_4 .banner-section .swiper-pagination-bullet{width: 12px; height: 12px; background: transparent; border: 1px solid #ffffff; opacity: 1;}
.template_4 .banner-section .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #c53939; border: 1px solid #c53939;}
.template_4 .banner-section .swiper-button-next, .banner-section .swiper-button-prev{color: #f39b1f;}
.template_4 .banner-section .swiper-pagination{text-align: left; left: 15px; bottom: 7%;}
.template_4 .hdng{display: block; align-content: center; padding-top: 15px; margin-bottom: 30px;}
.template_4 .hdng h2{font-size: 30px !important; color: #676767 !important; text-transform: unset; text-align: center;}
.template_4 .bar{width: 80px; height: 1px; background: #f39b1f;}
.template_4 .round{width: 12px; height: 12px; border-radius: 50%; background: #f39b1f; margin: 0 5px;}
.template_4 .hdng.red{display: block; align-content: center; margin-bottom: 20px; padding-top: 30px;}
.template_4 .hdng.red h2{font-size: 30px !important; color: #c33839 !important; text-transform: uppercase; text-align: center;}
.template_4 .white .bar{width: 80px; height: 1px; background: #ffffff;}
.template_4 .white .round{width: 12px; height: 12px; border-radius: 50%; background: #ffffff; margin: 0 5px;}
.template_4 .sub-title{text-align: center;}
.template_4 .services .listout h2{font-size: 1.5rem;}

.template_4 .cars-stock-section .container{}
.template_4 .cars-stock-section .ourCarsSwiper{ text-align:center; }
.template_4 .cars-stock-section .ourCarsSwiper .swiper-wrapper{padding-bottom: 0px;}
.template_4 .cars-stock-section .ourCarsSwiper p{color: #676767; font-size: 14px; line-height: 18px;}.
.template_4 .cars-stock-section .ourCarsSwiper h4{color: #676767; font-size: 20px; font-weight: bold;}
.template_4 .cars-stock-section .col-6{margin-bottom: 20px;}
.template_4 .cars-stock-section .our-cars{display: flex; border: 1px solid #efeded; background: #ffffff;}
.template_4 .cars-stock-section .our-cars img{width: 160px;}
.template_4 .cars-stock-section .our-cars .car_name_price{text-align: left; padding: 10px;}
.template_4 .cars-stock-section .swiper-btns{display: flex;}
.template_4 .cars-stock-section .swiper-button-next, .template_4 .cars-stock-section .swiper-button-prev{position: relative; top: 0px; margin: 0 2px;}
.template_4 .cars-stock-section .swiper-button-next{left: 46.5%;}
.template_4 .cars-stock-section .swiper-button-prev{left: 46.5%;}
.template_4 .cars-stock-section .swiper-button-next:after{background: url(../images/round-alt-arrow.svg) no-repeat; content: ''; width: 28px; height: 28px; background-size: 28px;}
.template_4 .cars-stock-section .swiper-button-prev:after{background: url(../images/round-alt-arrow.svg) no-repeat; transform: rotate(-180deg); content: ''; width: 28px; height: 28px; background-size: 28px;}
.template_4 .cars-stock-section .swiper-button-prev:hover:after{background: url(../images/round-alt-arrow-h.svg) no-repeat; transform: rotate(-180deg); content: ''; width: 28px; height: 28px; background-size: 28px;}
.template_4 .cars-stock-section .swiper-button-next:hover:after{background: url(../images/round-alt-arrow-h.svg) no-repeat;  content: ''; width: 28px; height: 28px; background-size: 28px;}
.template_4 .cars-stock-section button.btn{width: auto; padding: 5px 15px;}
.template_4 .car-name a{font-size: 16px; font-weight: bold; text-align: left; color: #333333;}
.template_4 .car-name a:hover{color: #c53939;}
.template_4 .price{font-size: 14px; padding: 5px 0; color: #816b66; margin: 0;}
.template_4 .welcome-section{background: #f4f4f5; text-align: center; -webkit-box-shadow: 0px 0px 68px -30px rgba(85,85,85,1); -moz-box-shadow: 0px 0px 68px -30px rgba(85,85,85,1); box-shadow: 0px 0px 68px -30px rgba(85,85,85,1);}
.template_4 .welcome-section img{margin: 30px 0 0 0;}
.template_4 .welcome-section p{color: #979797; font-size: 14px; line-height: 20px; margin-bottom: 20px; padding: 0 100px;}
.template_4 .btn.btn-fill{font-size: 14px; color: #ffffff; background: #c33839; padding: 5px 0px; text-align: center; text-transform: uppercase; border-radius: 0; font-weight: bold; width: 130px;}
.template_4 .btn.btn-fill:hover{background: #676767;}
.template_4 .servie_facilite .col-4:last-child .sell-car{background: url(../images/sellcar_bg.jpg) no-repeat;}
.template_4 .servie_facilite article{background: #f1f0f0; padding: 18px; min-height: 324px; border-bottom: 2px solid #d2d0cf;}
.template_4 .servie_facilite article h4{text-transform: uppercase; font-size: 20px; margin-bottom: 15px;}
.template_4 .servie_facilite article .form-control{border-radius: 0; font-size: 14px;}
.template_4 .servie_facilite article .form-check{margin-right: 15px; display: flex; align-items: center;}
.template_4 .servie_facilite article .form-check input{margin-right: 5px; position: relative; top: -2px;}
.template_4 .servie_facilite article .form-check .form-check-input{width: 1.5em; height: 1.5em;}
.template_4 .servie_facilite article .form-select{border-radius: 0; font-size: 14px;}
.template_4 .discalimer{font-size: 12px; font-style: italic; margin: 10px 0 0 0; color: #555555;}
.template_4 .servie_facilite article.sell-car{ text-align:center; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #333333; padding: 40px; position: relative;}
.template_4 .servie_facilite article.sell-car img{position: absolute; top: 0;}
.template_4 .servie_facilite article.sell-car h3{color: #ffffff; font-size: 20px; font-weight: bold; text-transform: uppercase; z-index: 1; position: relative;}
.template_4 .servie_facilite article.sell-car h3 span{font-size: 28px;}
.template_4 .servie_facilite article.sell-car button{width: 100%; z-index: 1; position: relative;}
.template_4 .testimonial .container{padding: 30px;}
.template_4 .testimonial .testmonialSwiper{ text-align:center; padding-bottom: 50px; position: relative;}
.template_4 .testimonial .testmonialSwiper::before{content: ''; background: url(../images/quote.png) no-repeat; width: 39px; height: 27px; margin: 0 auto; display: block; margin-bottom: 25px;}
.template_4 .testimonial .testmonialSwiper .swiper-wrapper{padding-bottom: 0px;}
.template_4 .testimonial .testmonialSwiper p{color: #979797; font-size: 14px; line-height: 18px;}
.template_4 .testimonial .testmonialSwiper h4{color: #d4d4d4; font-size: 18px; font-weight: bold;}
.template_4 .testimonial .swiper-btns{display: flex;}
.template_4 .testimonial .swiper-button-next, .template_4 .testimonial .swiper-button-prev{position: relative; top: 0px; margin: 0 2px;}
.template_4 .testimonial .swiper-button-next{left: 46.5%;}
.template_4 .testimonial .swiper-button-prev{left: 46.5%;}
.template_4 .testimonial .swiper-button-next:after{background: url(../images/round-alt-arrow.svg) no-repeat; content: ''; width: 28px; height: 28px; background-size: 28px;}
.template_4 .testimonial .swiper-button-prev:after{background: url(../images/round-alt-arrow.svg) no-repeat; transform: rotate(-180deg); content: ''; width: 28px; height: 28px; background-size: 28px;}
.template_4 .testimonial .swiper-button-prev:hover:after{background: url(../images/round-alt-arrow-h.svg) no-repeat; transform: rotate(-180deg); content: ''; width: 28px; height: 28px; background-size: 28px;}
.template_4 .testimonial .swiper-button-next:hover:after{background: url(../images/round-alt-arrow-h.svg) no-repeat;  content: ''; width: 28px; height: 28px; background-size: 28px;}
.template_4 .testimonial button.btn{width: auto; padding: 5px 15px;}
.template_4 .testimonial .swiper-slide{position: inherit;}
/*.template_4 .testimonial .swiper-slide.swiper-slide-active h4{color: #c63937;}
.template_4 .testimonial .swiper-slide:nth-child(1) h4{position: absolute; left: 200px; top: 140px;}
.template_4 .testimonial .swiper-pagination{border-top: 1px solid #cdcdcc;}
.template_4 .testimonial .swiper-pagination-bullet{background: #ffffff !important;}
.template_4 .testimonial .swiper-pagination-bullet-active{background: url(../images/arrow-top.jpg) no-repeat !important; width: 15px !important; height: 9px !important; position: relative; top: -10px;}*/
.template_4 .testimonial .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 50px !important;}
.template_4 .testimonial .no-testimonial{margin: 0 auto;}

.template_4 .testimonial .mySwiperTest2 {height: 80%; width: 100%;}
.template_4 .testimonial .mySwiperTest {height: 20%; box-sizing: border-box; padding: 10px 0;}
.template_4 .testimonial .mySwiperTest .swiper-slide {width: auto !important; height: 100%; opacity: 0.4; margin: 0 30px;}
.template_4 .testimonial .mySwiperTest .swiper-slide-thumb-active {opacity: 1;}
.template_4 .testimonial .swiper {width: 100%; height: 100%;}
.template_4 .testimonial .swiper-slide {text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center;}
.template_4 .testimonial .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.template_4 .testimonial .swiper {width: 100%; height: auto; margin-left: auto; margin-right: auto;}
.template_4 .testimonial .swiper-thumbs{ border-top: 1px solid #cdcdcc; overflow: unset; margin: 10px 0 0 0;}
.template_4 .testimonial .swiper-slide {background-size: cover; background-position: center; display: block;}
.template_4 .testimonial .swiper-slide p{margin: 0px;}
.template_4 .testimonial .swiper-slide h4{font-size: 14px; font-weight: bold;}
.template_4 .testimonial .swiper-slide-thumb-active h4{color: #c33838; position: relative;}
.template_4 .testimonial .swiper-slide-thumb-active h4::before{ content: ''; background: url(../images/arrow-top.jpg) no-repeat !important; width: 15px !important; height: 9px !important; position: absolute; top: -19px; left: 0; right: 0; margin: 0 auto;}
.template_4 .resetflter{padding-left: 24px;}
.template_4 .info_cr_new ul{padding: 0; margin: 0;}
.template_4 .similar-price-cars .list-out img{width: 120px;}
.template_4 .price-slide a.button{border: none;}
.template_4 .fual li {float: none;}
.template_4 .fual li span{display: none;}
.template_4 .blk_grid_img_new a{padding: 10px;}
.template_4 .main_content_out{min-height: 650px;}
.template_4 .flexslider .slides img{width: 100%;}
.template_4 .similar-price-cars .list-title{margin-bottom: 0px;}
.template_4 .plc_hlder input{cursor: unset;}
.template_4 .flexslider .slides{display: flex; justify-content: flex-start;}
.template_4 .services .listout h2{font-size: 18px; text-align: center;}
.template_4 .welcome-section img.new-img{display: none;}

.template_4 footer{background: #333333; text-align: center; padding: 20px;}
.template_4 footer ul{display: flex; justify-content: center; margin-bottom: 10px; padding: 0;}
.template_4 footer ul li{list-style: none; color: #ffffff;}
.template_4 footer ul li a{color: #ffffff; padding: 0 8px;}
.template_4 footer ul li a:hover{color: #c13938;}
.template_4 footer ul li:after{content: '/';}
.template_4 footer ul li:last-child:after{display: none;}
.template_4 footer p{color: #ffffff; font-size: 12px; margin: 0; text-align: left; padding-left: 8px;}
.template_4 footer .copy{color: #adadad; margin-bottom: 5px;}
.template_4 .ver_main.vertual_main{width: 940px; margin: 0 auto;}
.template_4 .form-control{opacity: 1; color: #333333;} 
.template_4 .form-control::placeholder {color: #999;}
.template_4 .myThumbSwiper .swiper-slide{width: 168px !important;}
.template_4 .myThumbSwiper .swiper-slide article{border: 1px solid #e2e7e7; padding: 12px; display: block; background: #ffffff; min-height: 275px;}
.template_4 .myThumbSwiper .swiper-slide article img{margin-bottom: 15px; width: 100%;}
@media screen and (max-width:967px){
  .template_4 .menu-icon{top: unset;}
  .template_4 .header-top{position: sticky; top: 0; z-index: 99; background: #cdcdcc; padding-top: 0px;}
  .template_4 .container{max-width: 100%; width: 100%; padding: 0 10px}
  .template_4 header .container{padding: 0;}
  .template_4 header .logo{padding: 0 10px;}
  .template_4 .menu-icon{display: block;}
  .template_4 .close-icon{display: block;}
  .template_4 nav{width: 100%; height: auto; background: rgba(0, 0, 0, 0.2); position: fixed; height: 100vh; z-index: 9; left: 0; right: 0; top: 0; display: none; transform: translateX(1000px); opacity: 0; right: -1000px;}
  .template_4 nav.active{display: block; transform: translateX(0px); opacity: 1; right: 0;}
  .template_4 nav ul{display: block; background: #ffffff; width: 40%; height: 100vh; padding: 20px; text-align: left;}
  .template_4 nav ul li{line-height: 60px; border-bottom: 1px solid #eaeaea;}
  .template_4 nav ul li:after{display: none;}
  .template_4 nav ul li a{font-size: 20px; padding: 20px;}
  .template_4 .servie_facilite .col-4{width: 50%; margin-bottom: 20px;}
  .template_4 .servie_facilite .col-4:last-child{margin: 0 auto;}
  .template_4 .servie_facilite article.sell-car{height: 100%; background-size: cover !important;}
  .template_4 .cars-stock-section .swiper-btns{position: relative; left: -6px;}
  .template_4 .testimonial .swiper-button-next{left: 44%;}
  .template_4 .testimonial .swiper-button-prev{left: 44%;}
  .template_4 .welcome-section img{width: 100%;}
  .template_4 .car-name a{font-size: 14px;}
  .template_4 .ver_main{width: 100%; padding: 15px;}
  .template_4 nav ul li a{display: block; padding: 0;}
  .template_4 .contact-left, .template_4 .contact-right{width: 100%;}
  .template_4 .ver_main.vertual_main{width: 100%;}
}

@media screen and (max-width:830px){
  .template_4 .myThumbSwiper .swiper-slide{width: 240px !important;}
  .template_4 .myThumbSwiper .swiper-slide article img{width: 100%;}
  .template_4 footer{position: unset; width: 100%;}
  .template_4 .pagination {width: max-content;}
  .template_4 .carboutique .pagination ul{display: flex; align-items: center;}
}

@media screen and (max-width:767px){
   html{overflow-x: hidden;}
  .template_4 .header-top .call-email{margin-bottom: 5px; font-size: 12px; flex-wrap: wrap;}
  .template_4 .header-top .stock{margin-top: 3px;}
  .template_4 header{padding: 10px 0;}
  .template_4 header .logo{text-align: left;}
  .template_4 header article .logo img{width: 20%;}
  .template_4 .menu-icon{top: 7px;}
  .template_4 nav ul{width: 80%; float: right;}
  .template_4 nav ul li a{font-size: 16px; padding: 0px;}
  .template_4 .hdng.red h2, .template_4 .hdng h2{font-size: 20px !important;}
  .template_4 .header-top .call-email span{margin: 0 5px;}
  .template_4 .servie_facilite .col-4{width: 100%; margin-bottom: 20px;}
  .template_4 .servie_facilite .col-4:last-child{margin: 0;}
  .template_4 .welcome-section{background-size: cover;}
  .template_4 .welcome-section p{padding: 0;}
  .template_4 .banner-section h2{display: none;}
.template_4 .banner-section .swiper-fade .swiper-slide img, .template_4 .banner-section .swiper-fade .swiper-slide{height: auto; width: 100%;}
  .template_4 .servie_facilite .col-4:last-child{height: auto;}
  .template_4 .cars-stock-section .col-6{width: 100%; padding: 0;}
  .template_4 .testimonial .container{padding: 30px 20px;}
  .template_4 .testimonial .swiper-button-next{left: 43%;}
  .template_4 .testimonial .swiper-button-prev{left: 43%;}
  .template_4 footer ul{flex-flow: wrap; padding: 0; margin-bottom: 10px;}
  .template_4 .testimonial .swiper-thumbs{overflow: hidden;}
  .template_4 .testimonial .mySwiperTest .swiper-slide{width: 100% !important; margin: 0;}
  .template_4 .recordsblock input[type=radio] + label{color: #333333 !important;}
  .template_4 .recordsblock input[type=radio]:checked ~ label{color: #333333 !important;}
}
@media screen and (max-width:670px){
  .template_4 header article .logo img{width: 50%;}
  .template_4 .menu-icon img{width: 20px;}
  .template_4 .menu-icon{top: inherit; display: flex; align-items: center;}
  .template_4 .myThumbSwiper .swiper-slide{width: 100% !important;}
  .template_4 .myThumbSwiper .swiper-slide article img{width: 100%;}
  .template_4 .car-name{min-height: inherit;}
  .template_4 footer .container{display: block !important;}
  .template_4 footer p{text-align: center;}
  .template_4 footer{padding: 15px 0px;}
  .template_4 footer ul li{line-height: 16px;}
  .template_4 .col-12{padding: 0 !important;}
}
@media screen and (max-width:560px){
  .template_4 .excellent, .template_4 .good, .template_4 .fair, .template_4 .poor{text-align: center !important;}
  .template_4 .air-conditioning{font-size: 12px !important;}
  .template_4 .excellent, .template_4 .good, .template_4 .fair, .template_4 .poor{font-size: 14px;}
  .template_4 .excellent .radio, .template_4 .good .radio, .template_4 .fair .radio, .template_4 .poor .radio{margin: 0 !important; text-align: center !important; float: none !important;}
}
@media screen and (max-width:540px){
  .template_4 .air-conditioning{width: 90px; display: block; font-size: 14px;}
  .template_4 .excellent, .template_4 .good, .template_4 .fair, .template_4 .poor{width: 24%; text-align: center;}
  .template_4 .gtitle{font-size: 14px;}
  .template_4 .car-condition{padding: 15px 10px;}
  .template_4 .radio{margin: 0; float: none;}
}
@media screen and (max-width:320px){
  .template_4 .header-top .call-email{font-size: 11px;}
  .template_4 .cars-stock-section .our-cars{display: block;}
  .template_4 .cars-stock-section .our-cars img{width: 100%; height: auto;}
}