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

BEST CAR RENT Saudi Arabia is a new website designed and developed by Acorna Solutions  (http://accorna.com).
This is a Template Designed ,


Thank you.

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



/********* Template Styles *********/
/* ------------------------------- Start General ----------------------------------------- */
:root{
    --green: #166837;
    --yellow: #ffc600;
}

@font-face {
    src: url('../fonts/Bebas.ttf');
    font-family: babes;
}

@font-face {
    src: url('../fonts/dinbold.otf') format("opentype");
    font-family: bold-font;
}

@font-face {
    src: url('../fonts/jfflat.ttf');
    font-family: 'jflat';
}

/*@font-face {*/
/*    src: url('../fonts/medium.ttf');*/
/*    font-family: 'new';*/
/*}*/

@font-face {
    src: url('../fonts/PTC55F.ttf');
    font-family: 'new';
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'new', sans-serif;
    margin: 0;
    padding: 0
}

body { overflow-x: hidden; -webkit-overflow-x: hidden; }
ul, ol { list-style: none }
h1, h2, h3, h4, h5, h6, ul, ol, p {margin: 0; padding: 0}
a:hover{
    text-decoration: none;
}

a, a:hover, button, button:focus, div:focus, section:focus{
    outline: none !important;
}

.row-me::after,
.clearfix::after{
    content: '';
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}


.btn-me{
    background: var(--yellow);
}

/* The container */
.container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
}

/* Create a custom checkbox */
.checkmark , .checkmarks {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: #a7a7a7 1px solid;
}

/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark , .container-check:hover input ~ .checkmarks {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark , .container-check input:checked ~ .checkmarks {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkmarks:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after , .container-check input:checked ~ .checkmarks:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after ,
.container-check .checkmarks:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ------------------------------- End General ------------------------------------------- */

/* reserve */
#openReserve{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: fixed;
    top: 40%;
    left: 360px;
    z-index: 99;
    background: var(--green);
    border: none;
    padding: 15px 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(38,38,38,1);
    -moz-box-shadow: 2px 2px 3px 0px rgba(38,38,38,1);
    box-shadow: 2px 2px 3px 0px rgba(38,38,38,1);
}

.fixed-section{
    position: fixed;
    top: 61%;
    left: 0px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 360px;
    background: var(--green);
    z-index: 99;
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.fixed-section-mobile{
    display:none;

}


.tab-cont{
    padding: 20px 10px;
}

.tab-fix{
    margin-top: -40px;
}

.tab-fix2{
    margin-top: 0px;
}

.tab-fix > ul > li{
    display: inline-block;
}

.tab-fix ul li a{
    display: block;
    padding: 10px 27px;
    background: RGBA(22, 104, 55, 0.7);
    color: #FFF;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.tab-fix ul li a.active,
.tab-fix ul li a:hover,
.tab-fix ul li a:focus{
    background: var(--green);
}

.form-tab .form-group{
    margin-bottom: 10px;
}

.form-tab .form-control{
    height: 30px;
    border-radius: 5px;
}
.form-control{ display: inline;}
.form-tab label{
    color: #FFF;
}

.form-tab .container-check .checkmark,
.form-tab .container-check .checkmarks{
    border: 1px solid #fefefe;
}

.form-tab input,
.form-tab button,
.form-tab select{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form-tab button{
    background: var(--yellow);
    color: #000;
    height: 40px;
}

.tab-cont > div.tap-div:not(:first-of-type){
    display: none;
}

/* *--** .top-bar style section **--* */
.top-bar{
    background: #FBFCFC;
}

.left-top-bar{
    float: right;
}

.left-top-bar ul li{
    display: inline-block;
}

.left-top-bar ul li a{
    color: var(--green);
    font-size: 16px;
    display: block;
    padding: 12px;
    
}

.left-top-bar ul li a.btn{
    color: #FFF;

}

.bordered a{
    border: 1px solid #CCC;
    margin-top: 5px;
}

/*.left-top-bar ul li a:hover,*/
/*.left-top-bar ul li a:focus{*/
/*    color: var(--yellow);*/
/*    background: var(--green);*/
/*}*/

.left-top-bar ul li a img{
    height: 15px;
}

.left-top-bar ul li:last-child a{
    font-family: 'jflat';
}

.left-top-bar ul li a.btn-me{
    padding: 12px 35px;
}

.right-top-bar{
    float: right;
}

.right-top-bar p{
    padding: 12px;
}

.right-top-bar p i{
    color: var(--green);
    font-size: 16px;
    margin-right: 10px;
}

.right-top-bar p span{
    color: var(--green);
    font-size: 16px;
    font-weight: bold;
}

.right-top-bar > ul > li{
    display: inline-block;
    line-height: 47px;
}

.right-top-bar ul li span{
    font-size: 16px;
    color: var(--green);
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    padding: 6px 2px;

}
/* *--** .top-bar style section **--* */


/* *--** .main-navbar style section **--* */
.main-navbar{
    background: #FBFCFC;
}

.main-navbar .navbar-default{
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #FBFCFC;
    margin-bottom: 0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.main-navbar .navbar-default .navbar-nav > li > a:hover{
    background: none;
    color: var(--yellow);
}

.main-navbar .navbar-default .navbar-nav > li > a{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--green);
    padding: 28px 8px;
}

.main-navbar .navbar-brand{
    padding: 12px 15px;
}

.main-navbar .navbar-brand img{
    /*width: 260px;*/
    /*height: 60px;*/
    margin-top:-10px;
}

.nav-me.navbar-nav > li{
    margin-left: 5px;
}

.nav-me.navbar-nav > li > a{
    padding:0 !important;
    margin-top: 20px;
}

.nav-me.navbar-nav > li > a i,
.nav-me.navbar-nav > li > a img{
    padding: 7px;
    text-align: center;
    line-height: 27px;
    border: 1px solid #397f55;
    display: block;
    width: 39px;
}

.nav-me.navbar-nav > li > a:hover i{
    color: var(--yellow);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    background: var(--yellow);
    color: var(--green);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li.active > a{
    background: var(--green);
    color: var(--yellow);
}

.span-pos{
    position: absolute;
    top: -30px;
    min-width: 100%;
    left: 0;
    padding: 3px;
    background: var(--yellow);
    border-radius: 5px;
    border: 1px solid var(--green);

}

.span-pos:hover,
.span-pos:focus,
.nav-me.navbar-nav > li > a:hover,
.nav-me.navbar-nav > li > a:focus{
    color: var(--green) !important;
}


/* *--** .main-slider style section **--* */
.main-slider{
    height: 580px;
    overflow: hidden;
}

.main-slider .carousel-inner > .item > img,
.main-slider .carousel-inner > .item > a > img{
    width:100%;
    min-height: 580px;
    max-height: 680px;
}

.main-slider .carousel-control{
    background: none;
    color: var(--green);
    opacity: 1 !important;
    width: 7%;
}

.slider-caption{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px;
    background: RGBA(22, 104, 55, 0.7);
    min-width: 390px;
}

.slider-caption h1{
    font-size: 70px;
    font-family: bold-font, sans-serif;
    color: #FFF;
}

.slider-caption p{
    color: #FFF;
    margin-top: 15px;
}

.slider-caption a{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: var(--yellow);
    margin-top: -5px;
}

/* *--** .newsletter style section **--* */
.newsletter{
    padding: 25px 0;
    background: var(--green);
}

.newsletter-left p{
    color: #FFF;
    font-size: 24px;
    text-transform: uppercase;
    font-weight:bold;
    /*padding-top: 10px*/
}

.newsletter-right p{
    float: right;
    color: #FFF;
    font-size: 25px;
}

.newsletter-right p img{
    margin-top: -5px;
    height: 40px;
}

.newsletter-right form .form-group{
    position: relative;
    margin-bottom: 0;
}

.newsletter-right form .form-group input[type=email],
.newsletter-right form .form-group button{
    height: 52px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.newsletter-right form .form-group input[type=email]{
    width: 80%;
}

.newsletter-right form .form-group button{
    width: 57px;
    position: absolute;
    right: 0;
    top: 0;
}

/* *--** .offersr style section **--* */
.offers{
    padding: 55px 0;
}

.offers .row > div[class*=col]{
    padding-right: 5px;
    padding-left: 5px;
}

.offer-item{
    position: relative;
    height: 355px;
    overflow: hidden;
    margin-bottom: 10px;
}

.offer-item img{
    width: 100%;
    min-height: 355px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.offer-item:hover img{
    /* transform: scale(1.2, 1.2);*/
}

.item-caption{
    position: absolute;
    bottom: -300px;
    width: 100%;
    padding: 25px;
    text-align: center;
    background: var(--yellow);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.offer-item .item-caption{
    bottom: 0;
}

.item-caption h1 a {
    font-size: 15px;
    color: var(--green);
    display: block;
}

.item-caption h1 a:hover{text-decoration: none}

.item-label{
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 4px 20px;
    background: var(--green);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #d3d3d3;
}

.offer-item .item-label{
    top: 17px;
}

.item-label p{
    color: #FFF;
    font-size: 12px;
}

/* *--** .featured-cars style section **--* */

.featured-cars{
    padding: 60px 0;
    background: url("../images/background.jpg") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}

.sec-title{
    margin-bottom: 50px;
}

.sec-title h3{
    font-size: 48px;
    color: #FFF;
    font-family: bold-font, sans-serif;
}

.sec-title img{
    margin: 0 auto;
}

.feat-item{
    background: #FFF;
    position: relative;
    overflow: hidden;
    max-height: 450px;
    margin-bottom: 30px;
}

.feat-item .item-label{
    background: var(--yellow);
    color: var(--green);
}

.feat-item .item-label p{
    color: var(--green);
}

.feat-item:hover .item-label{
    top: 17px;
}

.feat-item img{
    margin-bottom: 20px;
    width: 100%;

    height: 200px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.feat-item:hover img{
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.feat-title{
    margin-bottom: 10px;
}

.feat-title h3{
    font-size: 20px;
    color: #000;
    height: 59px;
    overflow: hidden;
}

.feat-title h3 span{font-size: 30px;}

.feat-title p{
    margin-top: 10px;
    color: #4c6757;
    height: 20px;
    overflow: hidden;
}

.price-feat{
    background: var(--green);
    padding: 25px 10px;
    font-family: babes;
}

.feat-item:hover .price-feat{
    background: var(--yellow);
    color: var(--green);
}

.feat-item:hover .price-feat h1{
    color: var(--green);
}

.price-feat h1{
    color: #FFF;
    font-size: 24px;
}

.searc-in-branch{
    background: var(--green);
    padding: 25px 0;
}

.searc-in-branch ul li{
    display: inline-block;
}

.searc-in-branch ul li p{
    font-size: 24px;
    color: #FFF;
}

.searc-in-branch ul li input,
.searc-in-branch ul li button{
    height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.searc-in-branch ul li button {
    width: 60px;
    margin-top: -4px;
    font-size: 18px;
    padding:0;
    background: var(--yellow);
    color: #000;
}

.searc-in-branch ul li input{
    width: 274px;
    font-size: 18px;
}

.searc-in-branch ul li:not(:last-child){
    margin-right: 15px;
}

#map {
    height: 500px;
    width: 100%;
}

.footer{
    padding-top: 50px;
    background: #343235;
    position: relative;
}

.foot-contact-form input,
.foot-contact-form textarea,
.foot-contact-form button{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.foot-contact-form button{
    padding: 6px 35px;
    background: var(--yellow);
    color: #000;
}

.footer-item .footer-title{
    color: #FFF;
    /* padding-left: 15px; */
    margin-bottom: 40px;
}

.footer-item .footer-title h3{
    font-size: 25px;
}

.footer-item ul li{
    margin-bottom: 20px;
}

.footer-item ul li a{
    color: #FFF;
    /*    text-transform: uppercase;*/
    font-size: 16px;
}

.footer-item ul li a span{
    margin-right: 10px;
    color: var(--yellow);
}

.footer-item ol li{
    display: inline-block;
}

.footer-item ol li a{
    display: block;
    width: 45px;
    height: 45px;
    border: 1px solid var(--yellow);
    text-align: center;
    color: var(--yellow);
    font-size: 20px;
    line-height: 45px;
    margin-right: 7px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.footer-item ol li a:hover,
.footer-item ol li a:focus{
    background: var(--yellow);
    color: var(--green);
}

.copy{
    padding: 15px 0;
    background: #201e22;
    margin-top: 50px;
    color: #FFF;
}

.copy img{
    margin-top: -72px;
}

.copy p span{
    margin-right: 10px;
}

.copy p span a{
    color: #FFF;
}

/* inner pages style */
.hed-inner{
    padding: 120px 0;
    background: url("../images/hed-inner.jpg") no-repeat center RGBA(0, 31, 12, 0.52);
    -webkit-background-size: cover;
    background-size: cover;
    background-blend-mode: multiply;
}

.hed-title-inner{
    text-align: center;
}

.hed-title-inner h1{
    color: #FFF;
    font-size: 36px;
    font-family: bold-font, sans-serif;
}

.searc-inner{
    padding: 25px 0;
    background: #FFF;
}

.search-ul select{
    display: none;
}

.search-inner-form form .form-group label{
    color: var(--green);
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
}

.search-inner-form form .form-group ul li{
    display: inline-block;
    margin-right: -4px;
    width: calc(50% - 17px);
}

.search-inner-form form .form-group ul li:first-child{
    margin-right: 30px;
}

.search-inner-form form .form-group ul li select,
.search-inner-form form .form-group ul li input[type=date],
.search-inner-form form .form-group ul li input[type=time],
.search-ul li select{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
}

.search-ul li:first-child{
    width: auto;
}

.search-ul li {
    display: inline-block;
    margin-right: 20px;
    width: calc(50% - 295px);
}

.btn-me{
    background: var(--green);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.car-list,
.single-page{
    background: #f3f3f3;
    padding: 50px 0;
}

.car-list-item{
    background: #FFF;
    margin-bottom: 30px;
}

.car-img{
    height: 242px;
    position: relative;
    overflow: hidden;
}

.car-img img{
    width: 100%;
    min-height: 242px;
    max-height: 400px;
    transition: all 0.6s ease-in-out;
}

.car-list-item:hover .car-img img{
    transform: scale(1.2, 1.2)
}

.car-list-item:hover .item-label{
    top: 5px;
}

.car-list-item:hover .item-title{
    background: var(--green);
    color: #FFF;
}

.car-list-item:hover .item-title h3,
.car-list-item:hover .item-title p,
.car-list-item:hover .price-bottom h3,
.car-list-item:hover .price-bottom span{color: var(--yellow)}

.item-title{
    padding: 15px;
    transition: all 0.4s ease;
}

.item-title h3{
    font-size: 18px;
    color: #000;
    transition: all 0.4s ease;
}

.item-title p{
    color: #a3a3a3;
}

.my-btns.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.my-btns.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle,
.my-btns.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border-right: none;
    border-left: none;
}

.my-btns.btn-group-justified > .btn-group .btn{
    font-size: 11px;
    color: #969696;
    cursor: default;
    border-bottom: none;
    transition: all 0.4s ease;
}

.my-btns.btn-group-justified > .btn-group .btn:hover{
    background: var(--green);
    color: var(--yellow);
}

.price-bottom{
    padding: 10px 15px;
    background: var(--green);
    color: #FFF;
}

.price-bottom h3{
    font-size: 18px;
    float: left;
}

.price-bottom span{
    font-size: 18px;
    float: right;
}

.pagination > li > a, .pagination > li > span{
    margin: 0 5px;
    border: 1px solid var(--green);
    color: var(--green);
    font-size: 16px;
    transition: all 0.4s ease;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover{
    background: var(--green);
    color: #FFF;
}

/** --* single page *-- **/

.single-inner{
    background: #FFF;
    padding: 15px;
}

.single-left{
    border: 1px solid #eee;
}

.single-left #singleSlider img{
    width: 100%;
    max-height: 385px;
}

#singleSlider .carousel-control{
    color: var(--green);
    opacity: 1 !important;
    background: transparent !important;

}

.single-left .item-title h3{
    font-size: 30px;
}

.single-left .item-title p{
    font-size: 18px;
}

.single-right ul li{
    border-top: 1px solid #eee;
    padding: 10px 0;
}

.single-right ul li label,
.single-right ul li .form-group{
    margin-bottom: 0;
}

.single-right ul li .form-group > label,
.single-right ul li .form-group > span{
    font-size: 16px;
}

.single-right ul li .checkmark,
.single-right ul li .checkmarks{
    background: #FFF;
    border: 1px solid #ccc;
}

.container-check input:checked ~ .checkmark,
.container-check input:checked ~ .checkmarks{
    background: var(--green);
}

.single-right #map{
    height: 285px;
}

.my-btns-inner{
    margin-top: 20px;
}

.my-btns-inner span,
.my-btns-inner a{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: var(--green);
    width: calc(50% - 4px);
}

.my-btns-inner a{
    background: #FFF;
    color: var(--green);
}

/* branches */
.branches{
    padding: 25px 0 0 0;
    background: #efefef;
}

.branches-slider{
    margin-bottom: 40px;
}

.slide-item{
    /*background: #FFF;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    /*margin: 0 5px;*/
    margin-top: 20px;
}

.branch-left{
    background: #FFF;
    padding: 15px 0px 1px 0px ;
}

.branch-left .table tr,
.branch-left .table tr td,
.branch-left .table tr th{
    border: none;
}

/*.slide-item .table tr td:last-of-type,
.slide-item .table tr th:last-of-type{
    text-align: right;
}*/

.slide-item .table tr th h3,
.branch-map h3{
    color: var(--green);
    font-weight: bold;
    font-size: 18px;
}

.branch-map h3{
    margin-bottom: 10px;
}

.slide-item .table tr th h3 span{
    color: #222 !important;
}

.slide-title{
    padding: 15px 15px;
    background: var(--green);
    color: #FFF;
    font-size: 18px;
}

.slide-title h3{font-size: 18px}

.slide-iner{
    padding: 30px;
}

.slide-iner img{
    margin-bottom: 20px;
}

.slide-iner h4{
    font-size: 28px;
}

.slide-iner h4 span{
    color: #282828;
    font-size: 18px;
}

.slide-item .btn-group > .btn{
    padding: 15px;
    border: none;
    border-top: 1px solid #CCC;
    cursor: default;
}

.slide-item .btn-group > .btn:hover{
    background: none;
}

.slide-item .btn-group > .btn:first-of-type{
    border-right: 1px solid #CCC;
}

.owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background: none;
    opacity: 1;
    font-size: 28px;
    color: var(--green);
}

.owl-theme .owl-controls .owl-buttons div.owl-prev{
    left: -60px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next{
    right: -60px;
}

/* --**- solution -**-- */
.solution{
    padding: 25px 0;
    background: #efefef;
}

.solution-inner{
    padding: 25px 20px;
    background-color: #fff;
}

.sol-title{
    margin-bottom: 30px;
}

.sol-title h3{
    font-size: 30px;
    color: #000;
    margin-bottom: 20px;
}

.sol-title p{
    color: #565656;
    font-size: 16px;
}

.sol-item{
    padding: 30px 20px;
    background: #FFF;
    border-top: 6px solid var(--green);
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 265px;
    margin-bottom: 20px;
}

.about-me{
    min-height: 170px;
}

.sol-item h4{
    color: var(--green);
    font-size: 16px;
    margin-bottom: 20px;
}

.sol-item p,
.sol-item ul li,
.sol-item span,
.sol-item p span,
.sol-item a{
    color: #000;

}

.sol-item > i{
    color: var(--green);
    background: #F4F4F4;
    width: 90px;
    height: 90px;
    line-height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 20px;
}

.sol-item:hover > i{
    background: var(--green);
    color: #FFF;
    transition: all 0.4s ease
}

/* --**--* fleet-item *--**-- */

.fleet-item{
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

.fleet-item img{
    height: 160px;
}

.fleet-item h4{
    margin: 10px;
    height: 39px;
    overflow: hidden;
}


.fleet-image{
    border-bottom: 2px solid var(--green);
    height: 140px;
    overflow: hidden;
    position: relative;
}

.fleet-image img{
    width: 100%;
    min-height: 140px;
    max-height: 200px;
}

.hot-deal{
    position: absolute;
    top: 7px;
    right: 0;
    padding: 5px 7px;
    background: #ea0000;
    color: #FFF;
    font-weight: bold;
}

.sold{
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ea0000;
    border: 2px solid #ea0000;
    border-radius: 3px;
    padding: 3px 12px;
    transform: translate(-50%, -50%) rotate(-10deg);
    font-size: 28px;
    font-weight: bold;
}

.fleet-item .fleet-texts{
    padding: 15px;
}

.fleet-item .fleet-texts > h4{
    color: var(--green);
    padding: 12px 0;
    padding-top: 0;
}

.fleet-texts p{
    color: #A1A1A1;
}

.fleet-texts span{
    color: #666;
    font-weight: bold;
}

.fleet-item ul li:not(:last-child){
    border-bottom: 1px solid #CCC;
}

.fleet-item ul li:last-child{
    background: var(--green);
}

.fleet-item ul li p{
    color: var(--green);
    padding: 6px 15px;
}

.fleet-item ul li:last-child p{
    color: #FFF;
}

.fleet-item a{
    border: none;
    border-radius: 0;
    color: #FFF;
    background: var(--green);
    transition: all 0.4s ease
}

.fleet-item a:hover,
.fleet-item a:focus{
    background: var(--yellow);
    color: var(--green);
}

.new-search{
    background: #cbcbcb;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
}

.new-search h4{
    color: var(--green);
    font-weight: bold;
    margin-bottom: 10px;
}

.new-search input.btn{
    margin-top: 25px;
}

/* LoginRegister Form in MODAL */
#loginRegister .modal-body{
    padding: 0;
}

.nav-tabs > li > a{
    color: var(--green);
    font-size: 18px;
    background: #f3f3f3;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border-top: 3px solid #f3f3f3;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{
    background: #FFF;
    border-top: 3px solid var(--yellow);
    color: var(--green) !important;

}

.tab-content > div{
    padding: 40px 30px;
}

.tab-content > div > h4{
    color: var(--green);
    font-size: 16px;
    margin-bottom: 50px;
    text-align: center;
}

.my-input{
    display: block;
    width: 100%;
    border: none;
    border-bottom: 2px solid #f4f4f4;
    font-size: 18px;
    color: var(--green);
}

.my-input::-webkit-placeholder,
.my-input::-moz-placeholder
.my-input::placeholder{
    color: var(--green);
}

.my-input:focus{
    border-color: var(--green);
}

.modal-dialog{
    /*width: 500px;*/
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

#loginRegister .modal-body{
    position: relative;
}

#loginRegister .modal-body #closeIT{
    position: absolute;
    top: -8px;
    right: -7px;
    background: red;
    color: #FFF;
    z-index: 333;
    opacity: 1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}

.modal-content{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.login-form input,
.register-form input{
    margin-bottom: 30px;
}

.login-form  .checkmark,
.register-form .checkmark{
    border: 1px solid #AAA;
    background: #FFF;
}

.login-form .container-check{
    font-size: 15px;
    color: var(--green);
}

.register-form .container-check{
    font-size: 16px;
    color: #AAA;
    font-weight: normal;
}

.register-form .container-check a{
    color: var(--green);
    text-decoration: underline;
}

#loginBtn{
    background: var(--green);
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    height: 40px;
    font-size: 18px;
}

.login-form .form-group p a{
    color: var(--green);
    font-size: 16px;
    text-align: center;
}

.contact-form .form-group{
    margin-bottom: 30px;
}

.sub-btn{
    background: var(--green);
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    height: 40px;
    font-size: 18px;
}

.contact-me ul li{
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCC;
}

/**** search-bbox Style ****/
.search-bbox{
    position: fixed;
    background: #f4f4f4;
    top: 0;
    left: 0;
    padding: 25px;
    width: 100%;
    height: 100%;
    z-index: 1031;
    overflow-x: hidden;
    overflow-y: scroll;
    display: none;
}

.search-title{
    margin-bottom: 50px;
}

.search-title a,
.search-title button{
    background: #e7e2e2;
    color: var(--green);
    font-size: 20px;
    padding: 7px 10px;
    /*margin-right: 40px;*/
    float: right;
    /*transition: all 0.3s ease;*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    top: 20px;
    right: 45px;
    left: auto;
}

.search-title a:hover,
.search-title button:hover{
    background: #ff1200;
    border-color: #ff1200;
    color: #FFF;
}

.search-title h3{
    font-size: 26px;
    color: var(--green);
    padding-left: 40px;
}

.form-search{margin-bottom: 45px;}

.form-search .form-group{
    margin: 0;
    position: relative;
}

.form-search .form-group button{
    background: none;
    color: var(--brown);
    font-size: 18px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
}

.form-search .form-group input{
    border: none;
    border-bottom: 1px solid #CCC;
    box-shadow: none;
    border-radius: 0;
    color: var(--green);
    height: 50px;
    background: none;
    font-size: 18px;
}


.form-search .form-group input::-webkit-input-placeholder,
.form-search .form-group input::-moz-input-placeholder,
.form-search .form-group input::-o-input-placeholder{
    color: green;
}

.search-tabs .nav-tabs{border: none;}

.search-tabs .nav-tabs>li>a{
    color: #888888;
    font-size: 16px;
    padding: 6px 15px;
    border: none;
    border-bottom: 3px solid transparent;
    transition: all 0.4s ease;
}

.search-tabs .nav-tabs > li.active > a,
.search-tabs .nav-tabs > li.active > a:hover,
.search-tabs .nav-tabs > li.active > a:focus,
.search-tabs .nav-tabs>li>a:hover{
    border: none;
    color: var(--brown);
    border-bottom: 3px solid var(--green);
    background: none;
}

/* .search-tabs .tab-pane{
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
} */

.search-item{
    border: 1px solid #CCC;
    height: 110px;
    overflow: hidden;
    margin-top: 30px;
}

.search-item .media-object{
    width: 120px;
    height: 110px;
}

.search-item .media-body{vertical-align: middle;}

.search-item .media-body p{
    color: var(--brown);
    font-size: 16px;
    line-height: 1.7;
}

.profile-left .sol-item img{
    max-height: 200px;
    margin-bottom: 20px;
    width: 100%;
}

.edit-user-profile-img{
    position: relative;
}

.upload-item{
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

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

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn-up-me {
    border: 2px solid var(--green);
    color: #FFF;
    background-color: var(--green);
    padding: 2px 4px;
    border-radius: 0;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

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

.profile-left .sol-details .badge{
    background: var(--green);
    color: #FFF;
    float: right;
}

.profile-right .sol-item .navbar-default{
    background: var(--green);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.profile-right .sol-item .navbar-default .navbar-nav > li > a{
    color: #FFF;
}

.profile-right .sol-item .navbar-default .navbar-nav > .active > a,
.profile-right .sol-item .navbar-default .navbar-nav > .active > a:hover,
.profile-right .sol-item .navbar-default .navbar-nav > .active > a:focus,
.profile-right .sol-item .main-navbar .navbar-default .navbar-nav > li > a:hover{
    background: var(--yellow);
    color: var(--green);
}

#bs2{
    padding-left: 0;
}

.edit-map #map{
    height: 150px;
}

.edit-form input,
.edit-form select,
.edit-form button{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.edit-form .btn-success{
    background: var(--green);
}

.nav-tabs{
    border: 0;
}

.sol-details .nav-tabs > li.active > a,
.sol-details .nav-tabs > li.active > a:hover,
.sol-details .nav-tabs > li.active > a:focus{
    background: var(--green);
    color: #FFF;
}

.sol-details .tab-content > div{
    padding: 20px 0;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus{
    background: var(--green);
}

.serving .tab-content > div > h4{
    text-align: left;
}

.myBox{
    margin: 0 auto !important;
}

.sciout div > span{
    cursor: pointer;
    margin: 5px;
}

#frame{
    width: -moz-fit-content !important;
    width: -webkit-fit-content !important;
    margin: 0 auto;
    display: block;
}

.compare-list table tr td{
    vertical-align: middle;
    position: relative;
}

.compare-list table tr td:not(:last-child){
    text-align: center;
}

.compare-list table tr td img{
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.btn-pos{
    position: absolute;
    top: 10px;
    left: 10px;
}

.after-book > p{
    color: #a8a8a8;
    font-size: 18px;
}

.table-par{
    padding: 5px 0;
}

.table-par > p:first-of-type{
    float: left;
    color: var(--green);
}

.table-par > p:last-of-type{
    float: right;
}

.after-book{
    display: none;
}

.after-book table tr td:first-of-type{
    color: var(--green);
}

.after-book table tr td:last-of-type{
    text-align: right;
}

.xx{

    color: #fff;
    font-weight: bold;
    margin-bottom: -10px;
    margin-top: 5px;
    text-align: left !important;
    padding:  0px 15px;
}
.xx1{

    color: #000;
    font-weight: bold;
    margin-bottom: -10px;
    margin-top: 5px;
    text-align: left !important;
    padding:  0px 15px;
}

.form-tab label.container-check{
    font-size: 15px;
}

.form-group small{
    color: #FFF;
}

.clearfix::after{
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.wizard-progress {
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
    margin-bottom: 70px;
}
.wizard-progress .step {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    overflow: visible;
    position: relative;
    font-size: 16px;
    color: #1b1b1b;
    margin-bottom: 10px;
    z-index:11;
}
.wizard-progress .step a{
    color: #1b1b1b;
}
.wizard-progress .step:not(:last-child):before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 55px;
    background-color: #dedede;
    height: 6px;
    width: 100%;
}
.wizard-progress .step .node {
    display: inline-block;
    border: 3px solid var(--green);
    background-color: #fff;
    border-radius: 18px;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -18px;
}
.wizard-progress .step.complete:before {
    background-color: var(--green);
}
.wizard-progress .step.complete .node {
    border-color: var(--green);
    background-color: var(--green);
}

.wizard-progress .step.in-progress .node {
    border-color: var(--green);
}

header.side-header{
    background: var(--green);
    padding: 14px 15px;
    color: #FFF;
    font-size: 18px;
}

.mail-list{
    background: #FFF;
    padding: 10px;
    margin-bottom: 20px;
}

.mail-list p{
    color: var(--green);
    font-size: 16px;
    margin-bottom: 15px;
}

.mail-list p:last-of-type{
    font-size: 14px;
}

.mail-list ul li {
    color: #AAA;
}

.mail-list ul li i{
    color: var(--green);
    margin-right: 10px;
}

.divider-me{
    height: 1px;
    background: #999;
    margin: 10px auto;
}

.mail-list select,
.mail-list input{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: var(--green);
}

.mail-list select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

.mail-list input[type=submit],
.mail-list button{
    background: var(--green);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: right;
}

.mail-list a.btn-success{
    border-radius: 0;
    float: left;
}

.mail-list::after{
    content: '';
    display: block;
    clear: both;
}

.right-header{
    padding: 10px 15px;
    background: var(--yellow);
}

.right-header span{
    float: left;
    color: var(--green);
    font-size:  18px;
}

.car-item{
    background: #FFF;
    padding: 10px;
    position: relative;
    margin-top: 15px;
}

.right-header a{
    padding: 6px 35px;
    float: right;
}

.car-img2 img{
    height: 135px;
    width: 100%;
}

.car-details-list ul li{
    display: inline-block;
    margin-right: -4px;
    width: 50%;
    font-size: 12px;
    color: #a1a1a1;
    margin-top: 7px;
}

.car-details-list ul li img{
    width: 20px;
    margin-right: 3px;
}

.car-details-list ul li p{
    color: var(--green);
    font-size: 16px;
}

.label-price{
    position: absolute;
    top: 5px;
    right: 10px;
    text-align: right;
}

.label-price p:first-of-type span{
    padding: 10px 20px;
    background: #bf1e2e;
    color: #FFF;
    display: inline-block;
}

.label-price p:last-of-type{
    color: #a1a1a1;
    margin-right: 10px;
    margin-top: 10px;
}

.label-price h2{
    margin-right: 10px;
}

.old-price{
    margin-right: 10px;
    color: red;
    text-decoration: line-through;
}

article {
    text-align: right;
    position: relative;
}

.book-btn{
    background: var(--green);
    padding: 15px 30px;
    font-size: 18px;
}

.alert-me{
    position: absolute;
    left: 46%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 100%;
    border-color: var(--green);
    text-align: left;
    padding: 5px;
    background: #d7e7d0;
    width: 300px;
    font-size: 14px;
}

.alert-me p{
    color: #231f20;
    font-size: 12px;
}

.discount{
    color: red;
    text-decoration: line-through;
}

.list-type-2 li .media .media-body,
.list-type-2 li .media .media-left,
.list-type-2 li .media .media-right{
    vertical-align: middle;
}

.list-type-2 li .media .media-object{
    height: 50px;
}

.list-type-2 li .media .media-body{
    position: relative;
}

.list-type-2 li .media .media-body .media-heading{
    color: #484848;
}

.list-type-2 li .media .media-body p{
    color: #8c8c8c;
    font-size: 14px;
    margin: 0;
}

.list-type-2 li .media .media-body a{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 2px solid var(--green);
    background: none;
    color: var(--green);
}

header.side-header-type-2{
    background: #a7a9ac;
}

.form-input{
    float: right;
    position: relative;
}

.form-input input{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #CCC;
    height: 30px;
    color: var(--green);
    font-size: 12px;
    width: 185px;
    padding: 0 10px 0 10px;
}

.form-input button{
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    border-color: transparent;
    background: var(--green);
    height: 30px;
}

.right-side-extra{
    background: #FFF;
    padding: 15px 10px;
    margin-top: 10px;
}

.right-side-extra h4 span{
    float: left;
    padding: 0 3px;
}

.right-side-extra > p{
    margin-top: 5px;
    margin-bottom: 5px;
    color: var(--green);
}

.car-image-extra img{
    max-height: 300px;
}

.right-side-extra .table,
.drop-table .table{
    margin-top: 20px;
}

.right-side-extra .table td,
.right-side-extra .table th,
.drop-table .table td,
.drop-table .table th{
    border: none;
    vertical-align: middle;
}

.right-side-extra .table th,
.right-side-extra .table td i,
.drop-table .table th,
.drop-table .table td i{
    color: var(--green);
}

.right-side-extra ul li{
    margin: 10px 0;
    padding: 5px 0;
}

.right-side-extra ul li:not(:last-child){
    border-bottom: 1px solid #CCC;

}

.right-side-extra ul li span{
    cursor: pointer;
    width: 23px;
    height: 23px;
    background: var(--green);
    color: #FFF;
    text-align: center;
    border-radius: 50%;
    margin-left: 10px;
    border: 1px solid var(--green);
}

.right-side-extra ul li:first-child span,
.right-side-extra ul li:last-child span{
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.right-side-extra ul li span:hover,
.right-side-extra ul li span:focus{
    background: #FFF;
    color: var(--green);
}

.back-tot {
    background: #dedede;
    padding: 10px;
    margin-top: 7px;
}

.back-tot span:first-of-type{
    float: left;
    font-size: 16px;
}

.back-tot span:last-of-type{
    float: right;
    font-size: 16px;
}

.total-price span{

    font-weight: bold;
    color: #FFF;
}

.red-color span{
    color: red;
}

.total-price{
    background: #8c8c8c;
}

.buttons-tot{
    margin-top: 7px;
}

.buttons-tot .btn:first-of-type{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px 20px;
    /*float: left;*/
}

.buttons-tot .btn-me{
    padding: 10px 45px;
    float: right;
}

.alert-me2{
    background-color: var(--yellow);
    color: var(--green);
    font-size: 18px;
}

.side-header > a{
    float: right;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 6px 25px;
}

.register-in h4{
    margin-bottom: 15px;
}

.alert-custom{
    border-color: #ff9304;
    background: #ffaf01;
    color: #000;
}

.choice-method ul{
    margin-bottom: 15px;
}

.choice-method ul li{
    display: inline-block;
}

.choice-method ul li span{
    color: #000;
}

.choice-method .visa-method,
.choice-method .cash-method{

    padding: 7px;
}

.choice-method .cash-method{
    min-height: 44px;
}

.choice-method ul li:last-child{
    float: left;
}

.choice-method .visa-method img{
    height: 18px;
    margin-right: 5px;
}

.choice-method .visa-method img:first-of-type{
    /*margin-left: 10px;*/
}

.register-in input[type=submit]{
    color: #FFF;
    height: 40px;
}

.verifecation{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: RGBA(3, 3, 3, 0.6);
    z-index: 999;
    display: none;
}

.table-display{
    display: table;
    width: 100%;
    height: 100%;
}

.table-td{
    display: table-cell;
    vertical-align: middle;
}

.table-td .form{
    max-width: 300px;
    margin: 0 auto;
    position: relative;
}

.table-td .form label{
    color: #FFF;
    font-size: 20px;
}

.table-td .form input{
    border-color: var(--yellow);
}

.table-td .form button{
    background: var(--yellow);
}

.close-md{
    position: absolute;
    top: -28px;
    right: -30px;
}

.close-md button{
    background: var(--green) !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    font-size: 18px;
    padding: 0;
    width: 30px;
    height: 30px;
}

.alert-me3{
    background: var(--green);
    color: #FFF;
    font-size: 18px;
}

.ul-type-2{
    margin-top: 20px;
}

.ul-type-2 li{
    float: left;
    width: 33.3333333%;

}

.ul-type-2 li h3{
    color: var(--green);
}

.ul-type-2 li p,
.span-color p{
    color: #000;
}

.span-color p span{
    color: var(--green);
    font-size: 20px;
}

.card{
    background: #FFF;
    margin-bottom: 15px;
    border: 1px solid #f4f4f4;
}

.card-header{
    border-bottom: 1px solid #f4f4f4;
}

.card-header button{
    color: var(--green);
    text-decoration: none;
    width: 100%;
    text-align: left;
}

.card-header button:hover,
.card-header button:focus{
    text-decoration: none;
    color: var(--green);
}

.card-body{
    padding: 20px;
    overflow: hidden;
}

.card .collapse{
    overflow: hidden;
}

#Delivary:hover,
#Delivary:focus{
    background: var(--green);
    color: #FFF;
}

.list-type-2 li .media .media-body a:focus,
.list-type-2 li .media .media-body a:hover,
a.btn.disabled, fieldset[disabled] a.btn{
    background: var(--green) !important;
    color: #FFF !important;
    opacity: 1
}

.inn-search{
    background: #FFF;
    padding: 10px;
    border: 1px solid #f4f4f4;
    margin-bottom: 20px;
}

.inn-search .form-group{
    position: relative;
    margin-bottom: 0;
}

.inn-search .form-group button{
    position: absolute;
    top: 0;
    left: 0;
}

.side-col h4{
    margin-bottom: 10px;
}

.ul-type-2 li h3{
    font-size: 18px;
}


#DelavaryValue > div{
    padding-right: 35px;
    padding-left: 10px;
    position: relative;
}

#mapClose,
#mapClose button{
    position: absolute;
    top: 50%;
    left: auto;
    right: 5px;
    transform: translate(0, -50%);
    background: red;
    color: #FFF;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
}

#mapClose a,
#mapClose button{
    color: #FFF;
}

/**--------------------------------------------------------------------**/
.carousel-caption{
    padding-bottom:100px;
}
.rw-words-1 span{
    position: absolute;
    opacity: 0;
    overflow: hidden;
    color: #f65a3a;
    font-weight:400 !important;
    -webkit-animation: rotateWord 18s linear infinite 0s;
    -ms-animation: rotateWord 18s linear infinite 0s;
    animation: rotateWord 18s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
    -ms-animation-delay: 3s; 
    animation-delay: 3s; 
    color: #0d9b56;
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
    -ms-animation-delay: 6s; 
    animation-delay: 6s; 
    color: #f65a3a;	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
    -ms-animation-delay: 9s; 
    animation-delay: 9s; 
    color:#0d9b56;
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    20% { opacity: 0; -webkit-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
    5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
    20% { opacity: 0; -ms-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
    5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
    20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
.rw-words{
    display: inline;
    text-indent: 10px;
}
.agileits-banner-info span {
    color: #fff;
    font-size: 28px;
    letter-spacing: 3px;
    font-weight: 700;
    text-align: left !important;
}

.agileits_w3layouts_more a {
    font-size: 1.1em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    background:#0d9b56;
    padding: .7em 2em;
    display: inline-block;
    margin-top: 40px;
    border-radius:2px;
}
.agileits_w3layouts_more a:focus{
    outline:none;
}
.agileits_w3layouts_more a:hover{
    background:#f65a3a;
}
.agileits_w3layouts_more.menu__item {
    text-align: center;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


.datepicker{
    right: auto !important;
    z-index: 99999;
}


.before-book .table{
    border: 1px solid #CCC;
}

.item-title h3{
    color: var(--green);
    font-size: 22px;
}

.my-btns-inner a.btn-block{
    width: 100%;
    background: var(--green);
    color: #FFF;
}

.car-features h3{
    color: var(--green);
    font-weight: bold;
    font-size: 22px;
    padding: 7px 7px 10px 7px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--green);
}

.car-features ul li{
    width: 33.3333333%;
    float: left;
    padding: 7px;
}

.car-features ul li i{
    color: var(--green);
}

.logo-top{
    float: right;
    display: none;
}

.logo-top img{
    height: 50px;
    max-width: 100%;
}

.bars-top{
    padding: 10px;
    float: left;
    display: none;
}

.bars-top .dropdown-menu,
.bars-top .dropdown{
    z-index: 99999999;

}
.dropdown-menu{ position: absolute; z-index: 99999999 !important;}
.left-top-bar .ul-me
{
    display: none;
    text-align: center;
}

.navbar-toggle.collapsed{
    background: var(--green) !important;
}

.tab-cont > div{
    height: 400px;
    /*min-height: 400px;*/
    overflow-x: hidden;
    overflow-y: hidden;
    /*padding-top: 10px;*/
}

input[type=date]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.datepicker .table-condensed > thead > tr > th,
.datepicker .table-condensed > tbody > tr > th,
.datepicker .table-condensed > tfoot > tr > th,
.datepicker .table-condensed > thead > tr > td,
.datepicker .table-condensed > tbody > tr > td,
.datepicker .table-condensed > tfoot > tr > td{
    padding: 3px;
}

.datepicker::after{
    top: auto;
    bottom: -6px;
    left: 50%;
    transform: rotate(180deg) translate(-50%, 0);
}

.crisp-client .crisp-6k5puw .crisp-ukuhcj, .crisp-client .crisp-6k5puw .crisp-f1id2w::before, .crisp-client .crisp-6k5puw .crisp-f1id2w::after{
    background: var(--green) !important;
}

.fixed-section-mobile{
    position: static !important;
    transform: none !important;
    display: block !important;
    padding: 3px 0 0 0;
    background: #f4f4f4;
}

.fixed-section-mobile .tab-fix{
    margin: 0;
}

.fixed-section-mobile .form-tab label,
.fixed-section-mobile .xx{
    color: #000 !important;
}

.fixed-section-mobile .form-group small{
    color: #000;
}

.footer-item .form-group{
    position: relative;
}

.footer-item .form-group input[type=submit]{
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
}

.zindex{
    z-index: -1;
    position: relative;
}

.card-header::after{
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.card-header > a{
    float: right;
}

.mb-0{
    float: left;
    width: calc(100% - 107px);
}

.branch-left::after{
    content: '';
    display: block;
    clear: both;
}

.car-details-list h4 span {
    text-align: left;
    float: left;
    padding: 0 3px;
}


.mail-list p a{
    color: var(--green);
}

#newsLetters input[type="email"]{
    border-radius: 0;
}

.form-tab .container-check .checkmark, .form-tab .container-check .checkmarks{
    border-color: #CCC;
}

.btn-drop{
    background: none;
    color: var(--green);
    border: none;
    font-size: 25px;
    padding: 0px 6px;
}

.close-modal-me{
        position: absolute;
    top: -14px;
    left: -12px;
    background: red !important;
    color: #FFF;
    opacity: 1;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.close-modal-me:hover{
    background: red !important;
    color: #FFF;
    opacity: 1;
}

*, *:before, *:after {
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
     }
     
     
     input, input:before, input:after {
      -webkit-user-select: initial;
      -khtml-user-select: initial;
      -moz-user-select: initial;
      -ms-user-select: initial;
      user-select: initial;
     } 


    /* .wpwl-container-card{
         height: auto;
         overflow: hidden;
     }*/

/* ------------------------------- Start Mediaquery -------------------------------------- */
@media(max-width: 435px){
    .tab-fix > ul::after{
        content: '';
        display: block;
        clear: both;
    }

    .tab-fix > ul > li{
        float: left;
        width: 50% !important;
        margin-left: 0 !important;
    }
    .tab-fix ul li a{
        min-height: 60px;
    }
    .left-top-bar ul li a {
        font-size: 14px;
        padding: 8px;
    }
    
    
}

@media(min-width: 100px) and (max-width: 499px) { /* Custom */
    .main-slider .carousel-control{
        display: none;
    }
    .offer-item{
        width: 100%;
    }

    .offer-item img,
    .offer-item{
        height: auto;
    }

    .searc-in-branch ul li:first-child{
        width: 100%;
        margin-bottom: 15px;
    }

    .searc-in-branch ul li{
        width: 100%;
        margin-bottom: 15px;
    }

    .searc-in-branch ul li button{width: 100%}

    .searc-in-branch ul li input{
        width: 100%;
    }

    .search-inner-form form .form-group ul li{
        width: 100% !important;
        margin-bottom: 15px;
    }

    .btn-group-justified > .btn, .btn-group-justified > .btn-group{
        width: 100%;
        display: block;
        float: left;
    }

    .my-btns-inner span,
    .my-btns-inner a{
        width: 100%;
        margin-top: 5px;
    }

    .single-left > img{
        height: auto;
        max-height: 250px;
    }

    .logo-top{
        text-align: center;
        float: none;
        padding: 7px 0 20px 0;
    }

    .bars-top{
        float: left !important;
    }

    #loginRegister .modal-dialog{
        width: 95%;
        margin: 20px auto;
    }

    .car-features ul li{
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }

    .tab-fix > ul > li{
        /*display: block;*/
        width: 50%;
        margin-bottom: 5px;
        margin-left: -4px;
    }

    .search-title h3{
        padding-left: 0;
    }

    .left-top-bar{
        float: right;
    }

    .searc-in-branch ul li{
        width: 100% !important;
    }
    
    .bars-top{
        padding: 0;
    }
    
    .car-img2 img{
        margin-top: 30px;
    }

}
@media(min-width: 500px) and (max-width: 767px) { /* X Small Screen */
    .offer-item{
        width: 75%;
        margin-right: auto;
        margin-left: auto;
    }

    .offer-item img,
    .offer-item{
        height: auto;
    }

    .feat-item{
        width: 75%;
        margin-right: auto;
        margin-left: auto;
    }

    .searc-in-branch ul li:first-child{
        width: 100%;
        margin-bottom: 15px;
    }

    .searc-in-branch ul li{
        width: 46%;
        margin-bottom: 15px;
    }

    .searc-in-branch ul li button{width: 100%}

    .searc-in-branch ul li input{
        width: 100%;
    }

    .car-list-item{
        width: 75%;
        margin-right: auto;
        margin-left: auto;
    }

}
@media(min-width: 768px) and (max-width: 991px) { /* Small Screen */
    .searc-in-branch ul li:first-child{
        width: 100%;
        margin-bottom: 15px;
    }

    .searc-in-branch ul li input{
        width: 200px;
    }

    .search-ul li{
        margin-right: 15px;
    }

    .search-ul li:first-child{width: 100%}

    .search-ul li:not(:first-child){width: calc(50% - 17px);}

    .search-ul li:last-child{
        margin-right: 0;
        margin-left: 15px;
    }
    .fixed-section-mobile{
        display: none !important;
    }
    
    .car-img2 img{
        height: auto;
    }

}
@media(min-width: 992px) and (max-width: 1199px) { /* Medium Screen */
    .searc-in-branch ul li input{
        width: 210px;
    }
    .fixed-section-mobile{
        display: none !important;
    }

}
@media(min-width: 1200px) { /* Larg Screen */


    .fixed-section-mobile{
        display: none !important;
    }

}

@media(max-width: 300px) {
    .navbar-brand > img{
        height: 40px;
    }
}

@media(max-width: 500px){
    /*.left-top-bar,*/
    .right-top-bar{
        float: none;
        text-align: center;
    }
}

@media(max-width: 768px) {
    .navbar-right.navbar-nav > li{
        margin-left: 8px;
    }

    .main-slider{
        min-height: 280px;
    }

    .main-slider .carousel-inner > .item > img,
    .main-slider .carousel-inner > .item > a > img{
        width:100%;
        min-height: 280px;
    }

    .newsletter-left p{
        margin-bottom: 20px;
    }

    .search-ul li{
        width: 100% !important;
        margin: 0 auto;
        display: block;
    }

    #openReserve,
    .fixed-section{
        display: none;

    }

    .fixed-section-mobile{ 



        display: -webkit-box;
        position: relative;
        width: 100%;
        z-index: 99;
        top: 330px !important;
        opacity: 1;
        right:50px;


    }

    .fixed-section-mobile .tab-cont > div{
        height: auto;
        min-height:400px;

    }

    #saveBTNI{  }
    .clear_m{ clear:both;}

    .car-img2{ padding-top:30px;}
    .car-img2 img{
        height: auto;
        width: 100%;
    }

    #loginRegister .modal-dialog{
        width: 90%;
        margin: 20px auto;
    }
    
    #before_booking .modal-dialog{
        width: 90% !important;
        margin: 20px auto !important;
    }

    .alert-me{
        position: static;
        width: 100%;
        transform: none !important;
    }

    #saveBTNI a{
        width: 100%;
    }
    
    .label-price p:first-of-type span{
        display: block;
        text-align: center;
        padding: 10px 15px !important;
    }
    
    .modal-body{
        
        background: #FFF;
        width: 100%;
        
    }
    
    .modal-dialog.dialogee {
        width: 90%;
        margin: 20px auto;
    }

}

@media(max-width: 991px){
    .single-right{
        margin-top: 20px;
    }

    .logo-top{
        display: block;
    }

    .navbar-brand{
        display: none;
    }

    .left-top-bar .ul-hidden{
        display: none;
    }

    .left-top-bar .ul-me{
        display: block;
    }

    .bars-top{
        display: block;
    }

    .newsletter-left,
    .newsletter-right{
        text-align: center;
    }

    .newsletter-right p{
        float: none;
    }
    .navbar-header {
        float: none !important;
        display: block;
        width: 100%;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-top: 19px;
        margin-bottom: 19px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none !important;
        width: 100%;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .main-navbar{
        display: none;
    }
}

@media (max-width: 1200px) {
    

    .navbar-default .navbar-toggle .icon-bar{
        background: #FFF;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus{
        background: #FFF !important;
    }

    .navbar-default .navbar-toggle:hover span.icon-bar,
    .navbar-default .navbar-toggle:focus span.icon-bar{
        background: var(--green);
    }

    .main-navbar .navbar-default .navbar-nav > li > a{
        padding: 15px 8px;
    }

    .navbar-right.navbar-nav{margin-bottom: 20px;}

    .navbar-right.navbar-nav > li{
        display: inline-block;
        margin-right: 5px;
    }

    .navbar-right.navbar-nav > li > a,
    .navbar-right.navbar-nav > li > a i{
        margin: 0;
    }

    .main-slider{
        height: auto;
    }

    .main-slider .carousel-inner > .item > img,
    .main-slider .carousel-inner > .item > a > img{
        width:100%;
        height: auto;
    }

    .search-ul li{
        width: calc(50% - 220px);
    }

}

@media(min-width: 768px){
    .my-modal-dialog{
        width: 600px;
    }
}

@media(max-width: 768px){
    .my-modal-dialog{
        width: auto !important;
    }
}
/* ------------------------------- End Mediaquery ---------------------------------------- */
.crisp-client .crisp-6k5puw .crisp-ukuhcj, .crisp-client .crisp-6k5puw .crisp-f1id2w::before, .crisp-client .crisp-6k5puw .crisp-f1id2w::after {
    background-color: #cc00cc !important;
}
/*--------------------------------------z*/


@media only screen and (max-width : 480px) {
    #recaptcha_challenge_image{
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    }
    #recaptcha_response_field
    {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    }
    .recaptchatable #recaptcha_image {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    }
    .recaptchatable .recaptcha_r1_c1, 
    .recaptchatable .recaptcha_r3_c1, 
    .recaptchatable .recaptcha_r3_c2, 
    .recaptchatable .recaptcha_r7_c1, 
    .recaptchatable .recaptcha_r8_c1, 
    .recaptchatable .recaptcha_r3_c3, 
    .recaptchatable .recaptcha_r2_c1, 
    .recaptchatable .recaptcha_r4_c1, 
    .recaptchatable .recaptcha_r4_c2, 
    .recaptchatable .recaptcha_r4_c4, 
    .recaptchatable .recaptcha_image_cell {

    margin: 0 !important;
    width: 100% !important;
    background: none !important;
    height: auto !important;
    }

}

.mbsc-mobiscroll .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-selected .mbsc-cal-cell-txt{
    background: var(--green) !important;
}

.mbsc-mobiscroll .mbsc-cal-days>div{
    color: var(--green) !important;
    border-color: var(--green) !important;
}

.mbsc-mobiscroll .mbsc-fr-btn{
    color: var(--green) !important;
}

.mbsc-mobiscroll .mbsc-fr-btn.mbsc-active, .mbsc-mobiscroll.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,
.mbsc-mobiscroll.mbsc-no-touch .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, .mbsc-mobiscroll .mbsc-cal-cell:focus .mbsc-cal-cell-txt{
    background: rgb(51, 104, 56) !important;
    
}

.mbsc-mobiscroll .mbsc-fr-btn:hover,
.mbsc-mobiscroll.mbsc-no-touch .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, .mbsc-mobiscroll .mbsc-cal-cell:focus .mbsc-cal-cell-txt{
    color: #FFF !important;
}

.cap-me{
    float: left;
}

#sendLeft{
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    padding: 10px 30px;
}


.wpwl-container-card{
    margin-top: 75px;
}