@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css');
@import url('font-awesome.min.css');
@import url('jquery.fancybox.min.css');

body{background:#F8F8F8;}

body {font-family: 'Manrope', sans-serif;
float: left;
width: 100%;
color: #000;background:#f8f8f8;
background-attachment: fixed; background-size: 40%;
padding-right: 0 !important;

}
/* Search Home Starts */
.search-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}

input {
  min-width: 20px;
  padding: 8px;
  margin: 0 4px 0 0;
  border: 1px solid #666;
  border-radius: 5px;
  height: 30px;
}

.button {
  padding: 8px 16px;
  min-height: 48px;
  min-width: 10px;
  word-wrap: nowrap;
  background: #000;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
}

input {
    order: 0;
    align-self: auto;  
}

.search {
  flex: 2 1 auto;
}

.date-from {
  flex: 1 1 auto;
}

.date-to {
  flex: 1 1 auto;
}

.button {
    order: 4;
    flex: 0 1 auto;
    align-self: auto;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #eb5451;
    border-color: #eb5451;
}

/* Home Search Ends */

#snackbar1 {
  visibility: hidden;
  min-width:360px;
  margin-left:0;
  background-color:#00bc8c;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index:99999999999;
  right:10%;
  top: 1%;text-transform:uppercase;
  font-size: 14px;border-radius:4px;
}
#snackbar1::after{content:"\f217";position:absolute;width:10px;height:10px;left:15px;padding-right:5px;font-family: 'Line Awesome Free';}

#snackbar1.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


#snackbar2 {
  visibility: hidden;
  min-width:360px;
  margin-left:0;
  background-color:#fc5d44;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index:99999999999;
  right:10%;
  top: 1%;text-transform:uppercase;
  font-size: 14px;border-radius:4px;
}
#snackbar2::after{content:"\f217";position:absolute;width:10px;height:10px;left:15px;padding-right:5px;font-family: 'Line Awesome Free';}

#snackbar2.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.modal-open {
padding-right: 0!important;
overflow: hidden;
}
::-moz-selection {
/* Code for Firefox */
color: #fff;
background: #ed5c51;
}
::selection {
color: #fff;
background: #ed5c51;
}

.btn{ box-shadow: none; outline: none;}
button{ box-shadow: none; outline: none;}

/* remember to define focus styles! */
:focus {
outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
}
p {
color: #000;
line-height: 26px;
font-size: 14px; font-weight: 300;
}
ul li,
ul li a,
ol li,
ol li a {
color: #161616;
font-size: 14px;
line-height: 26px;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
:focus {
outline: none;
}
.no-padding {
padding: 0px;
}
.text-left {
text-align: left !important;
}
.mob-only {
display: none;
}
.desktop-only {
display: block;
}
.layout {
width: 100%;
background: #fff; 

overflow: hidden;
margin: 0 auto;
max-width: 100%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.desktop {
display: block;
}
.mob-view {
display: none;
}

.margin-auto{margin: auto; float: none;}
.full-width{width: 100% !important;}
.header {
position: relative; height:auto;
  background-repeat: repeat-x; z-index: 999;background:#fff;
}
.header .container {
width: 100%; padding: 0px;

}
.header .attr-nav{position: absolute; right:15px; margin-right: 0px; margin-top: 15px; z-index: 9999;}
.header .attr-nav a{font-weight: bold;}

.italic{font-style: italic;}
.container {
width: 100%; max-width: 1170px;
}

.header nav.navbar.bootsnav ul.nav > li > a{padding-top: 20px; padding-left: 6px; padding-right: 6px; text-transform:uppercase !important;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{border-top: 5px solid #ed5c51;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu img{width: 20px; margin-right: 5px;line-height: 30px; float: left; -webkit-filter: sepia(1);
    filter: sepia(1);}

.wrap-sticky nav.navbar.bootsnav{max-width: 1360px; right:0px;background: #fff !important; margin: 0 auto;}
.wrap-sticky nav.navbar.bootsnav.sticked .navbar-brand > img{max-width: 200px;}
.wrap-sticky nav.navbar.bootsnav.sticked{padding-left: 20px; padding-right: 20px;}
nav.bootsnav.brand-center .navbar-collapse{margin-top: 20px;}
.border-bottom-clear{border-bottom: 0px !important;}
.header .top-bar{background: linear-gradient( #006cb0, #02539cd6, #0063a8, #174995ed, #005ba1);width: 100%;float: left;padding: 6px 0px 7px 0px;float: left;}


.top-bar a{ float: left; color: #fff; font-size: 13px; font-weight: 300;}
.top-bar i{margin-right:5px;font-size: 16px;/* background: rgba(0,0,0,0.3); */width: 40px;height: 40px;border-radius: 50%;text-align: center;float: left;font-size: 26px;color: #fff;line-height: 35px;}
.top-bar svg{margin-top: 12px;width: 45px;float: left;position: relative;top: -7px;}
.top-bar h3{color: #fff;margin-top: 1px;margin-bottom: 5px;}

.after::after{content:"";position: absolute;background: url(../img/after.png);width: 240px;height: 123px;right: -60px;background-size: 88% 55%;background-repeat: no-repeat;top: -13px;z-index: -1;}
.socialicon a{float: right;padding:10px 5px; font-size: 16px;}
.navbar-brand{padding:0px;padding-left: 0px;}
.navbar-brand > img{width: 200px; }
nav.navbar.bootsnav{padding: 20px 0px;}
.header nav.navbar.bootsnav{ border-bottom: 0px; background: rgba(255,255,255,0.8);height: auto; border-bottom: 0px; float: left; width: 100%;}
.header nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{text-align: left;}
.inner-page .header nav.navbar.bootsnav{background: rgba(255,255,255,1);}
.header .navbar-nav > li a{color: #000 !important; font-weight: 500 !important; text-transform: capitalize !important; font-size: 14px;}
.header .navbar-nav > li a:hover{ color: #ed5c51 !important;  -webkit-transition: all 0.2s ease-out; 
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }

.header .navbar-nav > li.active{ color: #ed5c51 !important;background-image: linear-gradient(45deg, #28299a 0%, #1c63b0 99%, #0c92d0 100%); -webkit-transition: all 0.2s ease-out; 
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; border-bottom: 2px solid #2b3990;}

.header .navbar-right .dropdown-menu{ right: auto;}
.header .navbar-nav > li.active a{color: #2b3990  !important;}




.main-slider{position: relative;}
.main-slider .container {
    padding: 0px; 
}
.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto; position: relative;height: auto;

}
.main-slider .swiper-pagination {
    left: auto; margin: auto; right:10px;
    bottom: 5% !important; width: auto;  padding:10px 10px;  border-bottom: 0px; }
.main-slider .swiper-pagination-bullet {

    height: 20px;

    width:20px; 
    margin: 5px;background:#2EABD6;
    opacity: 1 !important; border-radius:50%;
}
.main-slider .swiper-pagination-bullet-active {
    background: #fff !important; height:20px;border-radius: 0px;border: 0px !Important;width:20px; border-radius: 50%;
}
.main-slider .swiper-slide { background-size: cover !important; background-position: center center !important;}
.main-slider .gallery-top {
    width: 100%;
}



.slide-text{position: absolute;z-index: 9999999999;top:25%;bottom: 0;margin: auto;float: left;height: 60%;width: 25%;padding-left: 0%;margin-top: 0%;text-align: center;left:10%;}

.slide-overlay{position: absolute;width: 100%; height: 100%; background: #1a485c;opacity: 0;}
.slide-text hr{width: 100px;height: 5px;background: #ec1a27; float: left;clear: both;}
.slide-text h1{color: #fff; font-size:50px;margin-top: 5%; line-height: 60px;font-weight: bold; width: 100%; text-align: center;margin-bottom: 10px;text-shadow:4px 4px 4px #000; text-transform:uppercase;}
.slide-text img{width:200px;}
.slide-text p{color: #fff; font-size:20px; line-height: 22px;font-weight:bold;margin-bottom: 4px; width: 100%; text-align:center;text-shadow: 2px 2px 4px #000; text-transform:uppercase;}
.slide-text .btn{padding: 10px 20px; width:auto;color: #fff; float: none; border-radius: 0px;margin-top: 10px;text-align: center;background: #e02222; border-radius:4px;}

.inner-head{width:100%; float:left;padding:20px;height:100px;background:#efefef;}
.inner-head h2{width:100%; float:left;text-align:center;font-size:16px; font-weight:bold;text-transform:uppercase;}

.veh-details-area{width:100%; float:left;padding:2em 0px;}
.main-listing{}


.top-filter{width:100%; float:left; border:1px solid #efefef; padding:15px;background:#fff; border-radius:4px;margin-bottom:15px;}
.top-filter p{margin-bottom: 0px;width: auto;float: left;line-height: 38px;font-size: 14px;margin-right: 10px;}
.fcount{float:left;}
.top-sort{float:right;width:38%;}
.top-sort p{float:left;}
.top-sort select{max-width:240px !important; float:left;padding: 10px 12px;
    padding-right: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;line-height: 1.75;
    color: #575757;
    background-color: #fff;
   border-radius: 4px;
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid rgba(11,22,63,.07);}

.veh-wrap{float:left;width:100%;}
.vec-list{background:#fff;width:100%;float:left;position: relative; margin:15px 0px; border-radius:4px;}

.veh-year{right: 16px;top: 16px;z-index: 1;background: #fff;font-size: 14px;font-weight: 600;display: inline-block;padding: 0 10px;border-radius: 3px;    position: absolute;}
.veh-price{top: -12px;z-index: 10;position: relative !important;text-align:right;width: 100%;right: -10px;}
.veh-text{padding: 0 24px 32px;position: relative;}
.veh-text h5{font-size: 15px;color: #000;text-transform: uppercase;font-weight: bold;}
.veh-view{width: 100%;float: left;border: 1px solid #ccc;margin-bottom: 15px;}
.spacer{border: 0;border-bottom: 1px solid rgba(11,22,63,.07);margin:5px 0px !important;}
.veh-img{height:180px;overflow:hidden;width: 100%;float: left; border-radius:4px 4px 0px 0px;}
.veh-img img{height: 100% !important;float: left;object-fit: cover;object-position: center;width: 100%;}

.pagination{width:100%;/* float:left; */float: none;margin: 10px auto;display: flex;}


.pagination ul li {margin:5px 5px;list-style:none; float:left;}
.pagination ul li a{background-color: #fff;color: #111010;font-weight: 600;border-radius: 3px;background: rgba(194,194,194,.5);
    -webkit-transition: .3s ease-in;transition: .3s ease-in;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;
    align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 35px;height: 35px;}
    
    
.small-btn-meta{background: #eb5451;color: #fff;padding: 5px 10px;border-radius: 6px;font-weight: bold;top: 0px;}  

.category-section{width:100%; padding:3em 0px; float:left; background:#efefef;}
.category-section h2{font-size:26px; font-weight:bold;width:100%; text-align:center; margin:10px 0px;padding-bottom:10px; text-transform:uppercase;}
.category-section ul{padding-left:0px;width:100%;}
.category-section ul li{ list-style:none; float:left; margin-bottom:15px; margin-top:15px;}
.category-section ul li a{width:100%; float:left;text-align:center;background:#fff;padding: 24px 20px 30px 20px; border-radius:6px;}
.category-section ul li img{width:100%; }
.category-section ul li h5{font-size: 1.25rem; margin-top:10px;text-transform:uppercase; font-weight:bold;}

.latest-collection {padding:2em 0px; width:100%; float:left;}
.latest-collection .subtitle{width:100%; font-size:20px;text-align:center;color:#eb3732; float:left;margin:5px 0px;position: relative;}
.latest-collection .subtitle::after{content: "";width: 130px;height: 50px;border: 3px solid #fc0012;position: absolute;bottom: -45px;right: -20px;border-radius: 50%;opacity: .2;
    -webkit-clip-path: circle(45.4% at 50% 0);clip-path: circle(45.4% at 50% 0);margin:auto; left:0px;}
.latest-collection h2{font-size:26px; text-align:center; text-transform:uppercase; font-weight:bold;margin:5px 0px 15px 0px;}
.veh-feature-box {padding:10px 0px;}
.vh-title{height:50px;margin:5px 0px;}
.iv2_rangeslider_widget .ui-slider-handle {
  width: 16px;
  height: 16px;
  background: #fff;
  border: 3px solid #eb3732;
  border-radius: 50%;

}

.vh-details-wrap{padding:2em 0px; float:left;width:100%;}
.vh-details{width:100%;background:#fff; border-radius:6px; float:left;padding:20px;}
.vh-details h2{text-transform:uppercase; font-size:20px;line-height:24px;}

.vh-widget{width:100%;background:#fff; border-radius:6px; float:left;padding:20px; margin-bottom:20px;}
.vh-widget input, .vh-widget textarea{display: block;
    width: 100%;
    border: 1px solid rgba(11,22,63,.07);
    border-radius: 4px;
    padding: 8px 12px;
    background: rgba(246,246,246,.1); margin-bottom:10px;}

.iv2_rangeslider_widget .ui-slider-range {
  background: #eb3732;
}
.iv2_rangeslider_widget input {
  border: 1px solid rgba(11, 22, 63, 0.07);
  padding: 6px 24px;
  border-radius: 4px;
  text-align: center;
  width: 47%;
}
.mt-15{margin-top:15px;}

.d-inline-block {
    display: inline-block !important;
}
.sidebar{background:#fff;padding:15px; border-radius:4px; float:left; width:100%;}
.sidebar .panel-default>.panel-heading{background:none;border:0px;border-radius:0px;border-bottom:0px dashed #ccc;width: 100%;float: left; }
.sidebar ul{padding: 15px 0px;width: 100%;float: left;}
.sidebar ul li{list-style:none;}
.sidebar li label {
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform:uppercase;
  color: #000;
  font-weight: 400;
}
.sidebar li input[type=checkbox] {
  opacity: 0;
}
.sidebar li input[type=checkbox]:checked ~ .ct-checkbox {
  background: #2a5fac;
  border-color: #2a5fac;
  color: #fff;
}
.sidebar li .ct-checkbox {
  width: 14px;
  height: 14px;
  border: 1px solid rgba(11, 22, 63, 0.5);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2px;
  font-size: 8px;
  margin-left: -13px;
  color: transparent; margin-right: 0.5rem !important;
}

.sidebar .btn-secondary {width:100%; float:left;padding:10px 10px ; text-align:center;background:#000;color:#fff;margin:10px 0px;}
.sidebar .panel-default{border:0px; border-radius:0px; border-bottom:0px solid #ccc; margin-bottom:5px;padding:5px 0px;float:left;width:100%; }
.sidebar .panel-heading{padding:5px 0px; color:000; font-weight:900;}
.side-search-widget{margin-bottom:15px; float:left;width:100%;padding-bottom:5px; border-bottom:1px dashed #ccc;}
.side-search-widget h6{font-size:16px; font-weight:bold; margin-bottom:5px;}
.side-search-widget input{
    padding: 10px 11px;
    font-size: 14px;
    margin: 0px;
    outline: 0px;
    border: 1px solid #ccc;
    border-right: 0px;
    border-radius: 4px 0px 0px 4px;width:80%;
    }
.side-search-widget button{width: 53px;height: 42px;margin: 0px;background: none;border: 1px solid #ccc;border-left: 0px;margin-left: -3px;border-radius: 0px 4px 4px 0px;}

.iv2_rangeslider_widget{width:100%; float:left;}
.sidebar .panel-title a{text-transform:uppercase; font-weight:bold;}

.footer-section{width:100%; float:left;padding:2em 0px;background:#222222;}

.newsletter {
margin-bottom:20px;
}

.newsletter .content {
max-width: 400px;
float:left;
text-align: left;
position: relative;
z-index: 2; }
.newsletter .content h2 {
color: #fff;
margin-bottom:10px; }
.newsletter .content .form-control {
height: 50px;
border-color: #ffffff;
border-radius:0;
}
.newsletter p{color:#fff;}
.newsletter .content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.newsletter .content .btn {
min-height: 50px; 
border-radius:0;
background: #eb5451;
color: #fff;
font-weight:600;
}

.footer-menu{width:100%; float:left; padding:20px 0px;}
.footer-menu ul{padding-left:0px;}
.footer-menu ul li{list-style:none; float:left; padding-right:15px;}
.footer-menu ul li a{color:#fff; font-size:16px; color:#fff;text-transform:uppercase; font-weight:600;}

.copyright{width:100%; float:left;padding:15px 0px; border-top:1px solid #fff;}
.copyright p{color:#fff; font-size:14px;}
.flogo{margin-top:150px;}
.flogo img{ width:100%; float:left;}

.home-brands{float:left;width:100%;background:#fff; }
.home-brands h2{text-transform:uppercase;width:100%;text-align:center;}
.home-brands ul li{list-style:none;float:left;width:20%;text-align:center;}
.home-brands ul li img{max-width:100px;}
.home-brands ul li a{float:left;width:100%; border:1px solid #ccc;margin:10px 0px;padding:10px 0px;}
.home-brands ul li h3{font-weight:600;font-size:14px;}

@media (min-width: 1400px){
 .container {
    max-width: 1320px;
}
}