/* ========================>
    * Project Name: turo
    * Project Athor:Abu sayed
    * Project Date: 13/02/2020
    * All Section:
        1. Header-wrapper
        2. U-alignCenter 
        3. RentalCategory-slider 
        4. vehicleCard-slider 
        5. Recentlyviewed-slider 
        6. topCities-slider 
        7. imageContent-area 
        8. imageContent-reversed 
        9. footer-area 
        10. productsearch Page 
        11. listyourcar Page
        12. bookacare Page 
        13. Calculator Page
        14. allstarhosts Page
        15. hosttools Page
        16. nocarfound page
        17. trustandsafety Page
        18. mortymobile Page
        19. unlockcarsform Page
        20. About Page
        21. team-header Page
        22. classiccarrental Page        
        23. beverlyhillscare Page
        24. card-page        
        25. classiccarrental Page
        26. error-page

       
<===================== */

/* ====================> INCLUDE FONTS <======================= */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');

/* ==================> Links  <=================== */

a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #231f20;
    font-size: 14px;
}
a:hover, a:focus, a:active {
    text-decoration: none;
}
a:focus {
    outline:  none;
}
a:hover, a:active {
    outline: 0;  
}
p{
    font-size: 16px;
    font-weight: 400;
    color: #231f20;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
  /* ==================> Elements  <=================== */


body{
    background-color: #fff;
    color: #231f20;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    color: #231f20;
    margin: 8px 0;
}
h1 {
    font-size: 52px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    color: #231f20;
}
/*======================================
     BOOTSTRAP CUSTOM CSS
  ======================================
*/

.form-control:focus {
    color: none;
    background-color: none;
    border-color: none;
    outline:0;
    border: none;
    box-shadow: none;
} 
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow:none !important;
}
.custom-select:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}

button:focus {
    outline: none;
    outline: none;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1290px;
}

/*======================================
     Header-wrapper CSS
  ======================================
*/

/****header nav *****/
.header-wrapper{
    width: 100%;
    height: 600px;
    background-image: url(../images/headerbackground.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.Site_logo {
    padding: 4px 0;
    margin: 15px 0;
}

.hader_top{
    width: 100%;
    height: auto;
    background: #231F20;
}
.navbg_custom_color, .nav-item, .nav-link{
    color: #fff !important;
    margin: 8px;
}
.navbg_custom_color, .nav-item, .bg_icon{
    font-size: 40px;
    margin: 0;
    padding: 0;
}
/****header nav dropbtn nemu *****/
.navbg_custom_color, .dropbtn {
    color: white;
    padding: 19px 0;
    font-size: 14px;
    border: none;
    cursor: pointer;
    background: none;
    margin: -2px 8px;
  }
  
.navbg_custom_color, .dropdown {
    position: relative;
    display: inline-block;
}

.navbg_custom_color, .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.navbg_custom_color, .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.navbg_custom_color, .dropdown-content a:hover {background-color: #E6E6E6;}

.navbg_custom_color, .dropdown:hover .dropdown-content {
    display: block;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    background: #fff;
}

.option{
    display:none;
 }

/*** header_content ***/

.header_content{
    width: 100%;
    height: auto;
    position: relative;
    top: 20%;
}
.header_content .header_heading h1{
    font-size: 70px;
    color: #fff ;
}
.header_content .header_heading h6{
    font-size: 28px;
    margin-bottom: 30px;
    color: #fff;
}

/**header_form_color**/

.header_content .header_form_color{
    width: 100%;
    background: #fff;
    border-radius: 100px;
    padding: 5px 30px 0;
    position: relative;
}
.header_form_area{
    width: 95%;
    height: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.form_location_hide{
    width: 100%;
    position: absolute;
    top: 135%;
    z-index: 1;
}
.form_location_hide option{
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
    color: #fff;
    background: #231F20;
    padding: 10px;
}
.form_location_hide option:hover{
    color: #59D289 !important;
}

.btnsearch button {
    position: absolute;
    top: 21%;
    width: 38px;
    height: 38px;
    right: 2px;
    line-height: 28px;
    background: #55C882;
    border-radius: 100%;
    color: #ffff;
}
.ui-widget-header {
    font-weight: bold;
    background: #67E499;
    border: 1px solid #67E499;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    font-weight: bold;
    background: #67E499;
    border: 1px solid #67E499;
}

.line{
    width: 1px;
    height: 40px;
    position: relative;
    top: 27px;
    background:#777;
}
.header_form_area_border{
    border-right: 0;
}
.header_custom_formgroup{
    margin: 0;
}
.header_custom_formgroup .form_custom{
    border: none;
}
.header_form_area .header_custom_formgroup input{
    font-size: 18px;
    font-weight: bold;
    color: #777 !important;
    height: auto;
    width: 100%;
    border: none;
    outline: 0;
}
.header_form_area .header_custom_formgroup select{
    width: 40%;
    height: auto;
    padding: 0;
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    color: #777;
    border: none;
    outline: 0;
}
.header_form_area .header_custom_formgroup select option{
    font-size: 16px;
    text-align: center;
}
.header_custom_formgroup label{
    margin: 0;
}
.header_custom_formgroup .lableName_hide{
    opacity: 0;
}
.header_custom_formgroup span{
    position: relative;
    top: -28px;
    right: 13px;
    color: #777;
}
.header_form_area .header_custom_formgroup{
    width: 100%;
    height: auto;
}

/* headersearchbar */
.headersearchbarmenu{
    width:30%;
    position: relative;}
.headersearchbarmenu input{
    margin: 0 0px !important;}
.headersearchbarmenu span{
    top: 6px !important;}
.headersearchbarmenu .formlocationhide{
    top: 56px !important;
}
/*======================================
     U-alignCenter CSS
  ======================================
*/

.u-alignCenter .u_alignCenter_heading h4{
    font-size: 24px;
    padding: 10px 0;
}
.u-alignCenter .u_alignCenter_heading h1{
    font-size: 52px;
    padding-bottom: 20px;
}

/*u_alignCenter_content*/

.u_alignCenter_content .u_alignCenter_service{
    margin-top: 40px !important;
}
.u_alignCenter_content .u_alignCenter_content_img{
    margin-right: 30px;
}
.u_alignCenter_service_content h2{
    font-size: 22px;
}

/*alignCenter_btn*/

.u-alignCenter_btn{
    padding: 20px 0;
    margin: 0 auto;
    margin-top: 35px;
}
.u-alignCenter_btn a{
    padding: 11px 20px;
    background: #55C882;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

/*======================================
     RentalCategory-slider CSS
  ======================================
*/

.rentalCategory-slider{
    padding: 50px 0;
}
.rentalCategory-slider .vehicleCard_heading h2{
    font-size: 22px;
    font-weight: bold;
    font-family: sans-serif;
    margin-bottom: 40px;

}

/*rentalCategory_slider_menu*/

.rentalCategory_slider_service, .rentalCategory_slider_service, .rentalCategory_slider_img img{
    border-radius: 5px 5px 0px 0px;
    transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
}
.rentalCategory_slider_text{
    width: 100%;
    height: auto;
    text-align: center;
    color: #000;
    background: #fff;
}
.rentalCategory_slider_text p{
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    box-shadow: 0px 0px 10px 0px rgba(33,33,34,0.3);
    border-radius: 0px 0px 5px 5px;
}
.item:hover .rentalCategory_slider_service{
    color: #7EDFE0;
    transform: scale(1.1);
    transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}


/*owlCarousel*/

.owl-prev{
    width: 45px;
    height: 45px;
    background: #231F20 !important;
    color: #fff !important;
    border-radius: 50% !important;
    position: absolute;
    left: -25px;
    top: 27%;
}
.owl-next{
    width: 45px;
    height: 45px;
    background: #231F20 !important;
    color: #fff !important;
    border-radius: 50% !important;
    position: absolute;
    right: -29px;
    top: 27%;
}


/*======================================
     vehicleCard-slider CSS
     Recentlyviewed-slider CSS
  ======================================
*/

.vehicleCard_heading h2{
    font-size: 22px;
    font-weight: bold;
    color: #231f20;
    margin-bottom: 20px;
}

/*vehicleCard_slider_menu*/

 .vehicleCard_slider_img_icon{
    position: relative;
    font-weight: bold;
    font-size: 20px;
}
.vehicleCard_slider_img_icon span{
    position: absolute;
    top: -208px;
    right: 0px;
    padding: 5px 12px;
    color: #fff;
}
 .vehicleCard-priceAmount{
    position: relative;
    font-weight: bold;
    font-size: 16px;
}
 .vehicleCard-priceAmount span{
    position: absolute;
    top: -50px;
    right: 20px;
    background: #FFFFFF;
    padding: 5px 12px;
    border-radius: 3px;
}
 .vehicleCard_slider_service{
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    margin-top: 20px !important;
    font-family: 'Roboto', sans-serif;
    display: block;
}
.vehicleCard_slider_content {
    padding: 10px 0;
}
 .vehicleCard_slider_text h4 {
    font-size: 24px;
    display: inline-block;
}
 .vehicleCard_slider_text span{
    padding-left: 5px;
    font-size: 18px;
}

 .vehicleCard-rating{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-right: 2px;
    margin-bottom: 10px;
}
.vehicleCard-rating p{
    display: inline-block;
}
 .vehicleCard_trips{
    font-size: 16px;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 24px;
}
.vehicleCard a:last-child{
    font-size: 10px;
    line-height: 10px;
    border-radius: 2px;
    background: #e6e6e6;
    padding: 8px;
    margin-right: 10px;
    text-transform: uppercase;
}
.item:hover .vehicleCard_slider_service a{
    color: #000;
}
.item:hover .vehicleCard_slider_service{
    opacity: 0.8;
}

/*======================================
     Recentlyviewed-slider CSS
  ======================================
*/
.Recentlyviewed-slider{
    padding: 50px 0;
}
.Recentlyviewed_heading h2{
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    color: #231f20;
}


/*======================================
     topCities-slider CSS
  ======================================
*/

.topCities-slider{
    padding: 80px 0;
}
.topCities-slider .topCities_heading h2{
    font-size: 52px;
    margin-bottom: 20px;
}
.topCities-slider .topCities_heading p{
    margin-bottom: 20px;
}
.topCities_item:hover .topCities_slider_service{
    transform: scale(1.1);
    transition:1s;
}

.topCities_slider_service{
    width: 100%;
    height: 250px;
    background: #fff;
    border: 1px solid #fff;
    padding: 15px;
    margin: 15px 0;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(35,31,32,0.2), 0 0 1px 0 rgba(35,31,32,0.1);
    color: #231f20;
    transition:1s;
}

/*topCitiesslider_img1*/

.topCitiesslider_img1, .topCitiesslider_img2, .topCitiesslider_img3, .topCitiesslider_img4,
.topCitiesslider_img5, .topCitiesslider_img6, .topCitiesslider_img7, .topCitiesslider_img8,
.topCitiesslider_img9, .topCitiesslider_img10 {
    width: 100%;
    height: 180px;
    background: url(../images/topCities/atlanta-icon.png) no-repeat;
    display: inline-block;
    margin-left: 10px;
}
.topCities_slider_service:hover .topCitiesslider_img1{
    background: url(../images/topCities/atlanta-icon_hover.png) no-repeat;
}
.topCities_slider_service:hover .topCities_slider_content {
    color:#59D389 ;
}

/*topCitiesslider_img2*/

.topCitiesslider_img2 {
    background: url(../images/topCities/austin-icon.png) no-repeat;
}
.topCities_slider_service:hover .topCitiesslider_img2 {
    background: url(../images/topCities/austin-icon_hover.png) no-repeat;
}

/*topCitiesslider_img3*/

.topCitiesslider_img3 {
    background: url(../images/topCities/berlin-icon.png) no-repeat;
}
.topCities_slider_service:hover .topCitiesslider_img3 {
    background: url(../images/topCities/berlin-icon_hover.png) no-repeat;
}

/*topCitiesslider_img4*/

.topCitiesslider_img4 {
    background: url(../images/topCities/boston-icon.png) no-repeat;
}
.topCities_slider_service:hover .topCitiesslider_img4 {
    background: url(../images/topCities/boston-icon_hover.png) no-repeat;
}

/*topCitiesslider_img5*/

.topCitiesslider_img5 {
    background: url(../images/topCities/chicago-icon.png) no-repeat;
}
.topCities_slider_service:hover .topCitiesslider_img5 {
    background: url(../images/topCities/chicago-icon_hover.png) no-repeat;
}

/*topCitiesslider_img6*/

.topCitiesslider_img6 {
    background: url(../images/topCities/denver-icon.png) no-repeat;
}
.topCities_slider_service:hover .topCitiesslider_img6 {
    background: url(../images/topCities/denver-icon_hover.png) no-repeat;
}

/*topCitiesslider_img7*/

.topCitiesslider_img7 {
    background: url(../images/topCities/honolulu-icon.png) no-repeat;
}
.topCities_slider_service:hover .topCitiesslider_img7 {
    background: url(../images/topCities/honolulu-icon_hover.png) no-repeat;
}

/*topCitiesslider_img8*/

.topCitiesslider_img8 {
    background: url(../images/topCities/las-vegas-icon.png) no-repeat;
}
.topCities_slider_service:hover .topCitiesslider_img8 {
    background: url(../images/topCities/las-vegas-icon_hover.png) no-repeat;
}

/*topCitiesslider_img9*/

.topCitiesslider_img9 {
    background: url(../images/topCities/london-icon.png) no-repeat;
}
.topCities_slider_service:hover .topCitiesslider_img9 {
    background: url(../images/topCities/london-icon_hover.png) no-repeat;
}

/*topCitiesslider_img10*/

.topCitiesslider_img10 {
    background: url(../images/topCities/los-angeles-icon.png) no-repeat;
}
.topCities_slider_service:hover .topCitiesslider_img10 {
    background: url(../images/topCities/los-angeles-icon_hover.png) no-repeat;
}


/*owlCarousel*/

.topCities_slider_menu .owl-prev{
    background: none !important;
    color: #000 !important;
    border-radius: none !important;
    position: absolute;
    left: -45px;
    top: 35%;
    font-size: 36px !important;
}
.topCities_slider_menu .owl-next{
    background: none !important;
    color: #000 !important;
    border-radius: none !important;
    position: absolute;
    right: -45px;
    top: 35%;
    font-size: 36px !important;
}

/*======================================
     imageContent-area CSS
  ======================================
*/


.imageContent_1, .imageContent_2{
    margin-bottom: 100px;
}
.Right_title h1{
    font-size: 52px;
    margin-bottom: 20px;
}
.Right_btn {
    padding-top: 50px;
}
.Right_btn a{
    padding: 14px;
    background: #211D1E;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.pat{
    padding-left: 0;
}
.pat2{
    padding-right: 0;
}


/*======================================
     imageContent-area CSS
  ======================================
*/
.marquee-wrapper{
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
.marquee_area{
    font-size: 30px;
    font-weight: 800;
    font-family: sans-serif;
    padding: 10px 0;
    }
.marquee_content img{
    max-width: 100%;
    height: auto;
    margin-right: 20px;
}
.marquee_area h5{
    margin-bottom: 0;
    margin: 6px;
    margin-right: 20px;
}
/*======================================
     imageContent-reversed CSS
  ======================================
*/

.imageContent-reversed{
    max-width: 100%;
    height: auto;
    background-color: #231f20;
    overflow: hidden;
}
/*imageContent*/

.imageContent{
    padding: 40px 0;
    overflow: hidden;
}
.imageContent h1{ 
    font-size: 52px;
    color: #fff;
}
.imageContent p{ 
    color: #fff;
}
.imCRight_btn a{
    background: #885EE8;
}

/*imageConten_footer_text*/

.imageConten_footer_text{
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 20px 0;
}
.imageConten_footer_text p{
    color: #777;
    font-size: 12px;
    text-align: center;
    margin-bottom: 0;
}
/* Right_imagereversed */

.Right_imagereversed {
    width: 124%;
    left: -24%;
    background-image: linear-gradient(90deg,#231f20 0,transparent 50%);
    overflow: visible;
}

/*======================================
     footer-area CSS
  ======================================
*/
.footer-area{
    width: 100%;
    height:auto;
    background: #231F20;
    padding: 40px 0px 80px 0px;
}
.footer_content {
    padding: 30px 0;
}
.footer_logo{
    margin-bottom: 40px;
}
.footer_content .footer_address h4 {
    font-size: 16px;
    color: #fff !important;
    font-weight: 400;
    border-bottom: 1px solid #55C882;
    display: inline-block;
    padding-bottom: 5px;
    margin: 0;
}
.footer_address p{
    color: #fff;
    font-size: 14px;
    margin: 10px 0 25px 0;
}

/* footer_icon */

.footer_icon li{
    margin: 0;
    padding: 0;
}
.footer_icon li a{
    margin: 0 10px;
    line-height: 44px;
    color: #fff;
    border: 1px solid #fff;
    width: 40px;
    height: 42px;
    display: block;
}
.footer_logolist{
    width: 100%;
    height: auto;
    margin-top: 50px;
}
.footer_logolist a{
    width: 100%;
    height: auto;
}

/*copy*/

.copy{
    padding-top: 20px;
}
.copy_right_pop a{
    color: #fff;
}
.copy .footer_list li{
    margin: 0 10px ;
}
.copy .footer_list li a{
    color: #fff;
}
.copy .footer_list li a:hover{
   text-decoration: underline;
}
.footer_list a{
     color: #fff;
 }

/*
======================================
      listyourcar Page

/**   listYourCarNew-area CSS
/**   listCNCcontent-area CSS
/**   listYC-BackContentItem-area CSS
/**   listYC-video-area css
/**   listYCPortfolio-area css
/**   listYCBlog-area css
/**   listYC-footer-area css

  ======================================
*/

.listYourCarNew_content{
    padding: 50px 0;
}
.listYourCarNew_title h1{
    font-size: 61px;
}
.listYourCarNew_title p{
    font-size: 30px;
    line-height: 43px;
}
.listYourCarNew_btn{
    padding: 20px 0;
    display: inline-block;
}
.listYourCarNew_btn a{
    background: #885EE8;
    padding: 14px 30px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.listYourCarNew_headerHero_img{
    width: 100%;
    height: 560px;
    background: url(../images/share-your-car.b61adbcf.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 50px;
}

/*----------------------- >
    listCNCcontent-area 
<-------------------------*/

.listCNCcontent_heading{
    padding: 10px 0;
}


.listCNContent_contentsectiom{
    padding: 40px 0;
}
.listCNContent_content{
    border-left: 1px solid #999;
    padding-left: 55px;
    margin: 20px ;
}
.listCNContent_title{
    margin-bottom: 30px;
}
.listCNContent_title span{
    width: 22px;
    height: 22px;
    position: absolute;
    left: 24px;
    background: #fff;
    border: 2px solid #000;
    border-radius: 100%;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}

.listCNC_contentright_img{
    margin-top: 55px;
}

.listCNContent_footer{
    padding: 30px 0;
}
.listCNContent_footer a{
    color: #885EE8;
}
.listCNContent_footer a:hover{
   text-decoration: underline;
}

/* listCNContent_contentsectiom_2 */

.listCNContent_contentsectiom_2{
    padding-bottom: 50px;
}
.listCNContent_content2_heading h1{
    padding: 20px 0;
}
.listCNContent2_title{
    padding: 6px 0;
}
.listCNContent2_footer a{
    font-size: 14px;
    font-weight: bold;
    color: #9367F4;
}

/*----------------------- >
    listYC-BackContentItem-area
<-------------------------*/

.listYC-BackContentItem-conteent{
    padding: 30px 0;
}
.listCNContent_title img{
    padding: 10px 0;
}
.listCNContent{
    padding: 30px 0;
}

/*----------------------- >
    listYC-video-area
<-------------------------*/

.listYC-video-area{
    padding: 40px 0;
}
.listYCvideo{
    padding: 60px 0;
}

/*----------------------- >
    listYCPortfolio-area
<-------------------------*/
.listYCPortfolio-area{
    margin-bottom: 60px;
}
.listYCPortfolio_content{
    padding: 30px 0;
    margin: 10px;
}
.listYCPortfolio_photo img{
    border-radius: 100%;
}
.listYCPortfolio_text .icon{
    font-size: 65px;
}
.listYCPortfolio_text p{
    font-size: 18px;
    font-weight: 400;
    margin: 15px 0;
}
/* listYCPortfolio_quoteDivider */
.listYCPortfolio_quoteDivider{
    width: 1px;
    background: #999;
    margin: 0 65px;
}
/*----------------------- >
    listYCBlog-area
<-------------------------*/
.listYCBlog{
    padding: 50px 0;
}
.listYCBlog_content{
    background: #EFEFEF;
    padding: 30px;
    margin: 10px;
    min-height: 300px;
}
.listYCBlog_text p{
    font-size: 20px;
    font-weight: 500;
}
.listYCBlog_photo img{
    position: absolute;
    bottom: 29px;
}

/*----------------------- >
    listYC-footer-area
<-------------------------*/
.listYC-footer-area{
    padding: 50px 0;
}
.listYCfooter_content h1{
    font-size: 51px;
}


/*======================================
      productsearch Page

/**   searchcountry CSS
  ======================================
*/

.header_searchbar input {
    width: 100%;
    margin: 32px 0px;
    padding: 5px 0px 5px 52px;
    border: none;
    background: none;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.headersearchbar #insertText::placeholder{
    color:#FFF !important;
}
.headersearchbar .formlocationhide{
    top: 98px;
    z-index: 99999 !important;
    position: absolute;
}
.datrandtime{
    border-bottom: 1px solid #fff;
    height: 39px;
    margin: 29px 0 0px 0px;
}
.header .hasDatepicker::placeholder{
    color:#FFF !important;
}
.datrandtime .formdate{
    width: 39%;
    height:0;
}
.datrandtime .formdate input{
    width: 100%;
    padding: 7px;
    border: none;
    background: none;
}
.textform {
    color: #59d389;
    line-height: 36px;
    padding-right: 7px;}
.formtime{
    width:43%;
}
:focus {
    outline: -webkit-focus-ring-color 0;
}
.formtime select{
    border: none;
    background: none;
    color: #fff;
}
.formlocationhide{
    top: 60px !important;
  }

  /* header */
.header{
    width: 100%;
    position:fixed;
    left:0%;
    top:0%;
    z-index: 999;
}
.site_icon{
    padding: 17px 0;
    float: right;
}
.searchFilterBar {
    width: 100%;
    height: auto;
    position: fixed;
    left: 0%;
    top: 99px;
    z-index: 1;
    background-color: #fff !important;
}
.searchFilterBar_content{
    width: 100%;
    height: auto;
    padding: 10px 0;
    box-shadow: 1px 1px 5px 1px rgba(127,127,127,0.5);
}
.searchFilterBar_content .navlist{
    margin-left: 35px;
}
.searchFilterBar .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.searchFilterBar .nav-tabs {
    border-bottom: none;
}
.searchFilterBar_content .nav-item .nav-link{
    border: 1px solid #000;
    color: #000 !important;
    font-weight: bold;
    margin: 10px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff !important;
    background-color:#231f20;
    border-color: none;}


.searchFilterBar_Item_hide{
    width: 20%;
    height: auto;
    padding: 40px 30px;
    position: absolute;
    background: #fff;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    z-index: 999;
    top: 100%;
    left: 3%;
}

.Item_hide2{
    position: absolute;
    left: 10%;
    width: 30%;
}
.Item_hide3{
    position: absolute;
    left: 18%;
    width: 30%;
}
.Item_hide4{
    position: absolute;
    left: 30%;
    width: 30%;
}
.Item_hide5{
    position: absolute;
    left: 27%;
    width: 40%;
}
.searchFilterBar_Item_hide .form-check {
    margin-top: 17px;
}
.searchFilterBar_Item_hide label{
    margin-left: 20px;
    text-transform: capitalize;
}
/*searchBar_Item_btn*/

.searchBar_Item_btn{
    margin-top: 20px;
    font-weight: bold;
}
.searchBar_Item_btn button{
    width: 60%;
}
.searchBar_btn2 button{
    width: 60%;
}
.searchBar_btn3 button{
    width: 60%;
}
.searchBar_Item_btn4 button{
    width: 40%;
}


/* searchFilterBar_Item_list5......

/** formgroup_checkitem 

*/

.form_group_item{
    padding: 6px 0;
}
.form_check_title h6{
    color: #444;
    margin: 0;
}

/* formgroup_selectOption_item */
.selectOption_title{
    padding: 20px 0;
}
.selectOption_title h6{
    color: #444;
    margin: 0;
}
.formgroup_selectOption_item select {
    word-wrap: normal;
    width: 100%;
    padding: 6px;
}

/* price_range_progress */

.priceRange{
    padding: 20px 0;
}

/*======================================
      searchResults-area CSS
  ======================================
*/

.searchResults{
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 50px;
    margin-top: 180px;
    left: 0;
    overflow: hidden;
    z-index: -11;
}
.fullsearchResults{
    margin-top: 120px;
}
/*searchResults_iconBanner*/

.searchResults_iconBanner{
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #999;
}
.searchResults_iconBanner img{
    max-width: 8%;
    margin-right: 13px;
}
.searchResults_iconBanner p{
    margin-bottom: 0;
    font-size: 14px;
}

/*map*/

.map{
    position: fixed;
    float: right;
    right: 0;
}
.map-container{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    }
    .map-container iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    }


    /*
======================================
      bookacare Page

/**   bookacare-area CSS
/**   bookacareSlider-area CSS
/**   bookacareimage-area CSS
/**   youreCovered-area CSS
/**   bookacare-faqItems-area CSS
/**   bookacare-banner-area CSS
/**   bookacare-banner2-area CSS
/**   bookacare-RecentView-area CSS

  ======================================
*/

.book-header{
    width: 100%;
    height: 600px;
    background-image: url(../images/hero-window-mountain-view-large@2x.bbbc6e8e.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.bookacare-area{
    padding: 50px 0;
}
.bookacare{
    margin: 50px;
    position: relative;
}
.bookacare:after{
    width: 68%;
    height: 2px;
    margin: 0 auto;
    background: #59D389;
    position: absolute;
    content: "";
    top: 0;
    left: 16%;
}
.bookacare_photo img{
    position: relative;
    z-index: 1;
    padding: 10px 0;
    top: -25px;
    background: #fff;
}
.bookacare_text h5{
    margin-bottom: 20px;
}

/*----------------------- >
    bookacareSlider-area 
<-------------------------*/

/* .bookacareSlider-area{
    padding: 50px 0;
} */

/* bookacareSlider_content */
.bookacareSliderC_photo img{
    margin-bottom: 30px;
}
.bookacareSliderC_btn a{
    background: #55C882;
}


/*----------------------- >
    bookacareimage-area
<-------------------------*/

.bookacareimage-area{
    background: #231F20;
    margin: 80px 0;
}
.bookacareimage_right{
    width: 100%;
    height: 800px;
    background-image: url(../images/why-turo-driving-land-rover.01c4b26c.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.bookacareimage{
    padding: 80px 0 0 220px;
}
.bookacareimage_content{
    padding: 10px 0;
}
.bookacareimage_photo{
    margin-bottom: 10px;
}
.bookacareimage_heading h1{
    color: #fff;
}
.bookacareimage_text h5, .bookacareimage_text p{
    color: #fff;
}

/*----------------------- >
    youreCovered-area
<-------------------------*/

.youreCovered{
    padding: 80px 0;
}
.youreCovered_content{
    margin-left: 80px;
}
.youreCovered_text{
    padding: 10px 0;
}
.youreCovered_text h5{
    padding: 6px 0;
    display: inline-block;
    margin-left: 10px;
}

/* listYCPortfolio_text */
.listYCPortfolio_text h6{
    line-height: 27px;
    margin-top: 25px;
}


/*----------------------- >
    bookacare-faqItems-area 
<-------------------------*/

.bookacare_faqItems{
    padding: 40px 0;
}
.bookacareList{
    padding: 40px 0;
    position: relative;
}
.bookacare_faqItems_list li {
    padding: 10px;
    border-top: 1px solid #ddd;
    cursor: pointer;
}
.bookacare_faqItems_list li:last-child{
    border-bottom: 1px solid #ddd;
}
.bookacare_faqItems_list li a {
    font-size: 15px;
    font-weight: bold;
}
.bookacare_faqItems_list li:hover a{
    color: #59D39C;
    cursor: pointer;
}


/* bookacarefaqItems_hide_content */

.close{
    margin: 15px 15px 0 0;
}
.bookacarefaqItems_hide_content h1{
    text-align: center;
    font-size: 24px;
    margin-bottom: 15px;
}
/*----------------------- >
    bookacare-banner-area 
<-------------------------*/

.bookacare-banner-area{
    width: 100%;
    height: auto;
    background-image: url(../images/ready-interstitial-yellow-porsche.dced362d.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.bookacare-banner_content{
    padding: 100px 0 200px;
}
.bookacare-banner_content input{
    border: none;
    border-radius: 0;
}
.bookacare-banner_content button{
    border: 1px solid #fff;
    border-radius: 0;
}

/*----------------------- >
    bookacare-banner2-area
<-------------------------*/

.bookacare-banner2-area{
    background: #231F20;
    padding: 20px 0;
}
.bookacarebanner2_content p{
    font-size: 12px;
    color: #999;
    margin: 0;
}

/*---------------------------- >
    bookacare-RecentView-area
<------------------------------*/
.bookacare-RecentView-area{
    padding: 30px 0;
}
.bookacareRecent_heading {
    padding: 10px 0;
}
.bookacareRecent_content{
    border: 1px solid #ddd;
    padding: 25px;
    border-radius: 10px;
    margin: 1px;
    margin-top: 10px;
}
.bookacareRecent_photo img{
    border-radius: 100%;
}
.bookacareRecent_text a{
    font-size: 18px;
    font-weight: bold;
    color: #8f63f4;
    display: block;
    margin-bottom: 10px;
}
.bookacareRecent_text a:hover{
    text-decoration: underline;
}
.bookacareRecent_text span{
    font-size: 12px;
}
.bookacareRecent_icon .fa-star{
    color: #8f63f4;
}
/* bookacareRecent_btn */
.bookacareRecent_btn{
    padding: 40px 0;
}
.bookacareRecent_btn a{
    padding: 10px 15px;
    border: 1px solid #999;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.bookacareRecent_btn a:hover{
    background: #F2F2F2;
}
/*
======================================
      Calculator Page

/**   CalculatorSlider-area CSS
/**   Calculatorbanner-area CSS
/**   Calculatorbanner2-area CSS
  ======================================
*/
.carculetor-header{
    width: 100%;
    height: 700px;
    background-image: url(../images/18bb2bdb7630b11d53f15225c240cc4d.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

/* CalculatorSlider-area */
.CalculatorSlider{
    padding: 50px 0;
}
.CalculatorSlider .item{
    padding: 10px 0;
}
.CalculatorSlider_content{
    border: 1px solid #ddd;
    box-shadow: 0px 3px 6px 1px #ddd;
}
.CalculatorSlider_photo{
    width: 100%;
}
.CalculatorSlider_text{
    width: 100%;
}
.CalculatorSlider_text h6{
    margin-top: 34px;
}

/*---------------------------- >
   Calculatorbanner
<------------------------------*/
.Calculatorbanner{
    width: 100%;
    height: 350px;
    background-image: url(../images/9f45d9350a7346440d8e6ce74c3f3acd.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.Calculatorbanner_content{
    padding-top: 70px;
}
.Calculatorbanner_content h1, .Calculatorbanner_content h6{
    color: #fff;
}
/*---------------------------- >
   Calculatorbanner2
<------------------------------*/

.Calculatorbanner2{
    padding: 80px 0;
}
.Calculatorbanner2_photo{
    width: 100%;
    height: 200px;
    background-image: url(../images/b46dd96ba2002dcb08fbaa3347207f6e.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.Calculatorbanner2_photo2{
    width: 100%;
    height: 200px;
    background-image: url(../images/90a800e79ad1a44e333c4d1aeeba7107.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.Calculatorbanner2_photo, .Calculatorbanner2_photo2{
    margin: 10px 0;
}
.Calculatorbanner2_text{
    padding: 60px;
}

/*
======================================
      allstarhosts Page

/**   allstarhostsblock CSS
/**   allstarhostsblock-2-area  CSS

  ======================================
*/

.allstarhosts-header{
    width: 100%;
    padding: 80px 0px;
    background-image: none;
}
.allstarhostsblock{
    
}
.allstarhostsblockImg{
    width: 100%;
    height: 350px;
    background-image: url(../images/heroShort.6fbddc17.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.allstarhostsblock_heading{
    padding: 60px 0;
}
.allstarhostsblock_heading p{
    font-size: 20px;
    font-weight: 500;
}

/* allstarhostsblock_content2 */
.allstarhostsblock_content2{
    padding: 50px 0;
}
.allstarhostsblock_service_content p{
    text-align: justify;
}

/*---------------------------- >
   allstarhostsblock-2-area  CSS 
<------------------------------*/
.allstarhostsblock-2{
   margin-bottom: 80px;
}
.allsC2_heading{
    font-size: 24px;
    margin-bottom: 20px;
}

.allstarhostsblock_heading p{
    text-align: justify;
}

/*---------------------------- >
   allstarhostsblock-2-area  CSS 
<------------------------------*/
.allstarhostsbanner{
    width: 100%;
    height: 400px;
    background-image: url(../images/bg_carMountains_XL.c8455403.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
/*---------------------------- >
   allstarhostsfooter CSS 
<------------------------------*/
.allstarhostsfooter{
    background: #231F20;
    border-bottom: 1px solid #fff;
}
.allstarhostsfooter_content p{
    padding: 20px 0;
    margin: 0;
    color: #fff;
}

/*
======================================
      hosttools Page

/**   hosttool-video-area CSS
/**   hosttool-quick-area CSS
/**   hosttool-Community-area css
/**   hosttool-purple-area CSS
/**   hosttool-download-area CSS 
/**   hosttool-Protips-area css
/**   hosttool-earn-area CSS 
/**   hosttool-Additional-area CSS 
/**   hosttool-questions-area CSS 

  ======================================
*/

.hosttools-header{
    width: 100%;
    height:500px;
    background-image: url(../images/hero-porsche_mountains.4cbcb83b.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.line{
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background: #fff;
}

/*---------------------------- >
   hosttool-video-area CSS 
<------------------------------*/

.hosttool-video{
    background: #231F20;
}
.hosttoolvideo_content{
    padding: 80px 0;
}
.hosttoolvideo_content h1{
    color:#fff;
}
.hosttoolvideo_content p{
    color:#fff;
    padding: 20px 0;
}
/*---------------------------- >
   hosttool-quick-area CSS 
<------------------------------*/
.hosttool-quick{
    width: 100%;
    height:auto;
    background-image: url(../images/woman-jump.ab78fbe5.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.hosttoolquick_list{
    padding: 25px 0 80px 0;
}
.hosttoolquick_heading{
    margin-top: 105px;
}
.hosttoolquick_list_content li{
    border: 1px solid #fff;
    padding: 6px 0;
    margin: 11px 0;
    cursor: pointer;
    transition: 1s;
    -webkit-transition: 1s;
}
.hosttoolquick_list_content li a{
    color:#fff;
    font-weight: bold;
}
.hosttoolquick_list_content li:hover{
    background: rgba(123,141,162,0.5);
    transition: 1s;
    -webkit-transition: 1s;
}
/*---------------------------- >
   hosttool-Community-area CSS 
<------------------------------*/
.hosttool-Community{
    padding: 80px 0;
}
/* hosttoolCommunity_heading */
.hosttoolCommunity_heading h1{
    font-size: 78px;
}
.hosttoolCommunity_heading h1, .hosttoolCommunity_heading p {
    color: #211D1E;
}
/* hosttoolCommunity_content */
.hosttoolCommunity_content{
    padding: 10px 0;
}
.hosttoolCommunity_content h3{
    padding: 10px 0;
}
.hosttoolCommunity_content p{
    padding-top: 20px;
}
.hosttoolCommunity_content img{
    margin-bottom: 15px;
}
/* community_btn */
.community_btn{
    padding: 20px;
}
.community_btn a{
    border: 1px solid #999;
    padding: 12px 35px;
    font-weight: bold;
    color: #211D1E;
}
.community_btn a:hover{
    background: #F2F2F2;
}
/* Community_line */
.Community_line{
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background:#231f20 !important;
}

/*---------------------------- >
   hosttool-purple-area CSS 
<------------------------------*/
.hosttool-purple{
    background: #8F63F4;
}
.hosttool-purple{
    background: #8F63F4;
}

/*---------------------------- >
   hosttool-download-area CSS 
<------------------------------*/
.hosttool-download{
    width: 100%;
    height:auto;
    background-image: url(../images/hold-the-phone.8230af86.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.hosttooldownload_content {
    padding: 100px 0px 250px 0;
}
.hosttooldownload_content h1{
    font-size: 78px;
}

.hosttooldownload_logolist{
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.hosttooldownload_logolist a{
    width: 100%;
    height: auto;
}
.hosttooldownload_logolist .imgf{
    width: 100%;
    height: 40px;
}

/*---------------------------- >
   hosttool-Protips-area CSS 
<------------------------------*/
.hosttool-Protips{
    padding: 80px 0;
}

/*---------------------------- >
   hosttool-earn-area CSS 
<------------------------------*/
.hosttool-earn{
    width: 100%;
    height:auto;
    padding: 50px 0;
    background-image: url(../images/open-sky-road.6b40c610.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.hosttool_earn h1, .hosttool_earn p{
    color: #fff;
}
.hosttoolearn_content h3, .hosttoolearn_content p{
    color: #fff;
}
.earn_line{
    background: #fff !important;
}
.earn_btn{
    width: 100%;
    text-align: center;
}

/*---------------------------- >
   hosttool-Additional-area CSS 
<------------------------------*/
.hosttool-Additional{
    padding: 80px 0;
    background: #231F20;
}
.hosttoolAdditional_btn{
    padding: 30px 0;
}
.hosttoolAdditional_btn a{
    border: 1px solid #fff;
    padding: 10px 55px;
    margin: 15px;
    color: #fff;
    font-weight: bold;
}
.hosttoolAdditional_btn a:hover{
    background: #393637;
}

/*---------------------------- >
   hosttool-questions-area CSS 
<------------------------------*/
.hosttool-questions{
    background: #8F63F4;
}
.hosttoolqus_btn{
    padding: 30px 0;
}
.hosttoolqus_btn a{
    border: 1px solid #fff;
    padding: 10px 55px;
    margin: 15px;
    color: #fff;
    font-weight: bold;
}
.hosttoolqus_btn a:hover{
    background: rgba(154,115,245,0.8);
}

/*
======================================
      trustandsafety Page

/**   Trustandsafety-area CSS

  ======================================
*/
.trustsafe-header{
    width: 100%;
    height:500px;
    padding: 50px 0;
    background-image: url(../images/confident_driver.e6126355.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.Trustandsafety{
    padding: 50px 0;
}
.Trustscontent{
    padding: 60px 0;
}
.Trustandsafety_heading h1{
    margin-bottom: 20px;
    color: #8F63F4;
}
.Trustandsafety_line{
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background: #231f20;
}
.Trustandsafety_content h3{
    font-size: 38px;
    margin-bottom: 30px;
    color: #8F63F4 ;
}
.Trustandsafety_btn{
    text-align: center;
    width: 100%;
    margin-top:50px ;
}

/*---------------------------- >
   Trustravely-area CSS 
<------------------------------*/
.Trustravely{
    padding: 50px 0;
    background: #59D389;
}
.Trustravely_heading h1, .Trustravely_content h3, .Trustravely_content p{
    color: #fff;
}
.Trustravely_line{
    background-color: #fff;
}
.Trustravely_btn{
    width: 100%;
    padding-top: 50px;
    text-align: center;}
.Trustravely_btn a{
    padding: 15px 20px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    transition: 1s;
    -webkit-transition: 1s;
}
.Trustravely_btn a:hover{
    background: rgba(106,215,149,0.9);
    transition: 1s;
    -webkit-transition: 1s;
}

/*---------------------------- >
   TrustTipsTricks-area CSS 
<------------------------------*/

.TrustTipsTricks{
    padding: 50px 0;
}
.TrustTipsTricks_content h3{
    font-size: 18px;
}

/*
======================================
      Nocarsfound Page

/**   Nocarsfound-area CSS
  ======================================
*/

.Nocarsfound{
    width: 100%;
    height: auto;
    position: relative;
    margin: 180px 0;
    left: 0;
    overflow: hidden;
    z-index: -11;
}
.Nocarsfound_content{
    width: 100%;
    margin-top: 90px;
    z-index: -1;}

/*
======================================
      mortymobile Page

/**   mortymobile-area CSS
/**   mortymobileDrive-area CSS
  ======================================
*/
.mortymobilebannerImg{
    width: 100%;
    height: 600px;
    background-image: url(../images/homepage-image_morty.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.mortymobile_content{
    padding: 20px 0;
}
.mortymobile_text h1{
    margin-bottom: 20px;
}

/*---------------------------- >
   mortymobileDrive-area CSS 
<------------------------------*/

.mortymobileDrive{
    padding: 30px 0;
}
/*---------------------------- >
   mortymobileMorty-area CSS 
<------------------------------*/

.mortymobileMorty{
    padding: 30px 0;
}
.mortymobileMortyContemt{
    padding: 30px 0;
}
.mortymobileMorty_photo{
    width: 15%;
    margin-right: 10px;
}
.mortymobileMorty_text h3{
    font-style: 18px;
    color:#593cfb;
}
.mortymobileMorty_text p{
    font-style: 18px;
    font-weight: bold;
}

.mortymobileMortyphoto{
    text-align: center;
}
.mortymobileMortyphoto img{
    width: 40%;
}
.mortymobileMortytext h3{
    color:#593cfb;
}

/*---------------------------- >
   mortyTuro-area CSS 
<------------------------------*/
.mortyTurocontent{
    padding: 30px 0 ;
}
.mortyTuro_content img{
    width: 20%;
}
.mortymobileMortytextarea{
    padding: 80px;
    color:#593cfb;
}
.mortymobileMortytextarea h3{
    color:#593cfb;
}
/* mortyTuro_footer */
.mortyTuro_footer{
    padding: 50px 0;
}
.mortyTuro_footerList li{
    padding: 4px 0;
}
.mortyTuro_footerList li a{
    font-size: 16px;
    font-weight: bold;
    color: #211D1E;
}
.mortyTuro_footerList li a:hover{
    text-decoration: underline;
}


/*
======================================
      unlockcarsform Page

/**   unlockcarsform-area CSS
/**   unlockcarsblog-area CSS
/**   unlockcarscars-area CSS
/**   unlcarsReady-area CSS
  ======================================
*/

.unlockcarsformbannerImg{
    width: 100%;
    height: 600px;
    background-image: url(../images/efad9a20-hero-image-web-turo-go-3x_1hc0lc00000000000001o.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;}
.unlockcarsformbanne_content{
    position:absolute;
    top: 260px;
}
.unlockcarsformbanne_content h1, .unlockcarsformbanne_content p{
    color: #fff;
}
.unlockcarsform_btn a{
    background: #43B777;
}
/* unlockcarsblog */

.unlockcarsblog{
    padding: 50px 0 0 0;
}
/* unlockcarscars */
.unlockcarscars{
    padding: 50px 0;
}
.unlockcarscars{
    width: 100%;
    height: auto;
    padding: 80px 0;
    background-image: url(../images/eddce4ab-squiggle-bg-turo-go-3x_1hc0qj000000000000001.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;}
.unlockcarscars_item_text h3{
    font-size: 20px;
    display: inline-block;
}

/* unlcarsReady */
.unlcarsReady{
    width: 100%;
    height: auto;
    padding: 80px 0;
    background-image: url(../images/99ab058d-green-bg-icons-3x_1hc0aa000000000000001.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;}
.unlcarsReady_content h1{
    color: #fff;
}
.unlcarsReady_content p{
    color: #fff;
}
/*
======================================
      /*
======================================
      About Page

/**   About-header-area  CSS
/**   about_commutePattern-area  CSS
/**   about-greenLight-area  CSS
/**   About-banner-area  CSS
  ======================================
*/ 
.About-header{
    width: 100%;
    height: auto;
    padding: 80px 0;
    background-image: url(../images/dashboard.35c396b7.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;}
.About_heading{
    padding: 100px 0;
}

/*---------------------------- >
   about_commutePattern CSS 
<------------------------------*/
.about_commutePattern{
    width: 100%;
    height: auto;
    padding: 80px 0;
    background-image: url(../images/commute_pattern.908bd1d5.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;}
.about_commutePattern_content h1{
    margin-bottom: 50px;
}
/*---------------------------- >
   about_greenLight CSS 
<------------------------------*/
.about_greenLight{
    width: 100%;
    height: auto;
    padding: 100px 0;
    background: #67e499;
}
.about_greenLight_Content{
    width: 100%;
    height: 250px;
    border: 3px solid #fff;
    border-radius: 10px;
    margin: 10px 0;
}
.about_greenLight_text{
    margin: 20px;
}
.about_greenLight_text img{
    width: 20%;
}
.about_greenLight_text span{
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    padding-top: 10px;
}
.about_greenLight_text p{
    color: #fff;
}

/*---------------------------- >
   About-banner CSS 
<------------------------------*/
.About-banner{
    width: 100%;
    padding: 200px 0;
    background-image: url(../images/bridge.5f3f2cf2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;}
.Aboutbanner_heading img{
    max-width: 30%;
    height: auto;
    padding: 20px;
}

/*
======================================
      /*
======================================
      team-header Page

/**   team-header-area  CSS
/**   team-area  CSS
/**   teamBoard-area  CSS
  ======================================
*/ 

.team-header{
    width: 100%;
    height: 600px;
    background-image: url(../images/hero-xl@2x.50cfabc7.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;}
.teamheader_heading{
    padding: 100px 0;
}

/*---------------------------- >
   team-area CSS 
<------------------------------*/
.team-area{
    padding: 100px 0;
}
.team_heading{
    margin-top: 50px;
}
.TeamItem_service{
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
}
.temservice{
    padding: 30px 0;
}
.teamItem_img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
}
.TeamItem_content{
    padding-top: 10px;
}
.TeamItem_service:hover{
    border: 1px solid #8f63f4;
    cursor: pointer;
}
.overly-hide{
    width: 100%;
    height: 100%;
    display: none; 
    overflow: hidden;
    background: rgba(154,115,245,0.6);
    position:absolute;
    top: 0;
    left: 0;
}
.overly-hide h5{
    color:#fff;
    transform: translate(-50%, -50%);
    position: relative;
    top: 50%;
    left: 50%;
}
.TeamItem_service:hover .overly-hide{
    display: inline-block;
}

/*---------------------------- >
   teamBoard-area CSS 
<------------------------------*/
.teamBoardcontent{
    padding: 20px 0 40px;
}
.teamBoard_title h3{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 25px;
    text-transform: uppercase;
}
.teamBoard_ctext p{
    font-size: 13px;
    margin-top: 5px;
    margin: 0;
}
.teamBoard_ctext span{
    color: #949494;
    font-size: 13px;
    margin-top: 0;
    display: block;
}
.teamBoard_ctext a{
    color: #8f63f4;
    font-size: 13px;
    font-weight: 700;
    margin-top: 5px;
}
.teamBoard_ctext a:hover{
    text-decoration: underline;
}
.team_chevron{
    color: #8f63f4; 
    display: inline-block !important;
}

/* teambanner */
.tembannerContent{
    width: 100%;
    height: auto;
    padding: 100px;
    margin: 80px 0;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url(../images/jobs-banner-l@2x.61921c93.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;}


/*
======================================
      resetpassword Page

/**   resetpassword-area  CSS
  ======================================
*/ 
.resetpassword {
    padding: 70px 0;
}
.resetpassword_heading h1{
    font-size: 38px;
    line-height: 44px;
    text-align: center;
    margin: 20px 0;
}
.resetpassword .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(80,200,130,.40);
}
.resetpassword button{
    background-color: #55C882;
    border-color: #55C882;
    color: #fff;
    font-weight: bold;
}
.resetpassword button:hover{
    color: #fff;
}
.resetpassword .btn2{
    background-color: #fff;
    border-color: #000;
    color: #000;
    border-radius: none !important;
}
.resetpassword .btn2:hover{
    color: #000;
    background-color: #F2F2F2;
}

/*
======================================
      singup Page
      login Page

/**   singup-area  CSS
  ======================================
*/ 
.singup, .login{
    padding: 100px 0;
}
.login_content{
    padding: 20px 20px 45px;
    box-shadow: 0px 0px 25px 1px #ddd;
    border-radius: 10px;
}

.loginor{
    font-weight: bold; 
    padding: 20px 0; 
    margin:0;
    text-align: center;}
.modal-header{
    border-bottom: none; 
}
.modal_title{
    padding: 20px 0 60px;
}
.modal_title h1{
    font-size: 20px;
    margin: 0;
}
.modal_signupFragment ul li{
    background-color: #FFFFFF;
    border: 1px solid #231F20;
    position: relative;
    height: 50px;
    line-height: 42px;
    font-weight: normal;
    font-size: 16px;
    margin: 10px 0;
}
.modal_signupFragment ul li:hover{
    background-color: #F2F2F2;
}
.modal_signupFragment ul li a{
    font-size: 16px;
    font-weight: normal;
    color: #231F20;
}
.signupFragment span{
    font-size: 22px;
    margin-right: 6px;
}

/* modal_btn */
.modal_btn{
    padding: 50px 0;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.modal_btn span{
    display: block;
    margin-top: -35px;
    margin-left: 10px;
}
.modal_btn a{
    padding: 8px 15px;
    border: 1px solid #000;
    font-weight: bold;
    color: #231f20;
}
.modal_btn a:hover{
    background-color: #F2F2F2;
}
.authFormTextAndButton a{
    color: #593cfb;
}.authFormTextAndButton a:hover{
    text-decoration: underline;
}

/* login */
.modal-body label{
    color: #211D1E;
    font-size: 16px;
    float: left;
}
.signup, .login, .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.modal-body button{
    background-color: #000;
}

/*
======================================
      classiccarrental Page

/**   classicCare-area CSS
/**   classicbanner CSS 
/**   classicCarModel2 CSS  
/**   classic-RecentView CSS 
/**   classic-slider CSS  
  ======================================
*/ 
.classic-header{
    width: 100%;
    height: 500px;
    background-image: url(../images/poi_hero_bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;}

.classic-header .header_form_color{
    box-shadow: 0px 0px 6px 1px #231f20;
}
/*---------------------------- >
  classicCare-area CSS 
<------------------------------*/
.classicCare-area{
    padding: 20px 0;
}
.classicCare_title h1{
    font-size: 30px;
}
/*---------------------------- >
   classicbanner CSS 
<------------------------------*/
.classicbannerleftimg img{
    margin-top: 30px;
}
/*---------------------------- >
   classicCarModel2 CSS 
<------------------------------*/
.classicCarModel{
    padding: 30px 0 0 0;
}
/*---------------------------- >
   classicCarModel2 CSS 
<------------------------------*/
.classicCarModel_title{
    padding: 30px 0;
}
.classicCarModel2{
    padding-bottom: 30px;
}
.classicCarModel_content h3{
    font-size: 24px;
}
/* classicCarModel_btn */
.classicCarModel_btn a{
    background-color: #55C882;
    color: #fff;
    padding: 8px 15px;
    font-weight: bold;
}
/*---------------------------- >
   classic-RecentView CSS 
<------------------------------*/
.classic-RecentView{
    padding-top: 30px;
}
.classicRecent_heading{
    display: flex;
}
.classicRecent_heading p{
    font-weight: bold;
}
.classicRecent-rating{
    margin-left: 20px;
}
/*---------------------------- >
   classic-slider CSS 
<------------------------------*/

.classic-slider{
    margin-bottom: 50px;
}

/*
======================================
      beverlyhillscare Page

/**   beverlyhillscare-slider CSS 
**   beverlyhillscare CSS 
/**   beverlyhillscare-map CSS 
/**   beverlyhillscareProduct-slider CSS 

/**   beverlyhillscare_sidebar
  ======================================
*/ 

.beverlyhillscare{
    padding: 50px 0;
}
/* beverlyhillscare-slider */
.beverlyhillscare-slider .carousel-control-prev-icon, .carousel-control-next-icon{
    width: 45px;
    height: 59px;
    background: #55C882;
    color: #fff !important;
    font-size: 32px;
    font-weight: bold;
    line-height: 61px;
    text-align: center;
}

/* beverlyhillscare_content */
.beverlyhillscare_content{
    padding: 20px 0;
}
.bhchD_content{
    margin: 0;
}
.bhc_vehicleDetails_left, .bhc_vehicleDetails_right{
    text-align: center;
    align-items: center;
    font-size: 25px;
    color: #999;
}
.bhc_vehicleDetails_left h6, .bhc_vehicleDetails_right h6{
    margin-left: 15px;
    font-size: 20px;
}
.bhc_left_text p{
    font-size: 14px;
    text-transform: uppercase;
}
.bhc_right_text h1{
    font-size: 36px;
    margin-top: 0;
}
.bhc_right_text p{
    font-weight: bold;
    color: #999;
}
.bhc_Right_vehicleCard p{
    font-size: 22px;
    color: #000;
    font-weight: bold;
}

/* beverlyhillscare_content_2 */
.bhc_hostedDetails_photo {
    position: relative;
}
.bhc_hostedDetails_photo  img{
    border-radius: 50%;
}
.bhc_hostedDetails_content{
    margin-left: 25px;
}
.vehicleCard_rating_2{
    width: 100%;
    box-shadow: 0px 0px 8px 1px #999;
    border-radius: 50px;
    align-items: center;
    text-align: center;
    position: absolute;
    left: 0;
    top: 66px;
}
.bhchd span{
    border: 2px solid #999;
    padding: 6px;
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px;
    margin-bottom: 15px;
}
.bhchostedDetails_btn{
   padding: 20px 0; 
}
.bhchostedDetails_btn a{
    padding: 6px 12px;
    border: 1px solid #999;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
/* beverlyhillscare_content */
.beverlyhillscare_content_pohto img{
    border-radius: 50%;
}
.beverlyhillscare_content_text2{
    padding: 20px;
    border: 1px solid #999;
    background: #FAFAFA;
    border-radius: 8px;
}
.beverlyhillscare_Comment{
    margin: 10px 0;
    padding-bottom: 20px;
}

/* form-area */
.form-area{
    padding: 40px 0;
}
.form_heading{
    padding: 10px 0;
}
.btn-color{
    background: #55C882;
    font-weight: bold;
}

/*---------------------------- >
  beverlyhillscare-map CSS 
<------------------------------*/
.map-responsive{
    overflow:hidden;
    position:relative;
    height:500px;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:500px;
    width:100%;
    position:absolute;
}

/*---------------------------- >
    beverlyhillscare-slider CSS 
<------------------------------*/

.beverlyhillscareProduct-slider{
    padding: 80px 0;
    background: #2E2A2B;
}
.beverlyhillscareProduct-slider .vehicleCard_heading h2{
    color: #fff;
}
.beverlyhillscareProduct-slider .vehicleCard_slider_text h4{
    color: #fff;
}
.beverlyhillscareProduct-slider .vehicleCard-rating p{
    color: #fff;
}
.beverlyhillscareProduct-slider .vehicleCard-rating span{
    color: #fff;
}
.beverlyhillscareProduct-slider .vehicleCard-rating span{
    color: #fff;
}
.beverlyhillscareProduct-slider .vehicleCard_slider_text span{
    color: #fff;
}

/*---------------------------- >
    beverlyhillscare_sidebar CSS 
<------------------------------*/
.bhc_sidebar_amount .code{
    font-size: 72px;
    font-weight: 600;
    font-style: italic;
    font-family: initial;
}
.bhc_sidebar_datetime_content p{
    padding-top: 15px;
    margin: 0;
}
.bhc_sidebar_date, .bhc_sidebar_time{
    width: 100%;
    position: relative;
}
.bhc_sidebar_datetimeTitle p{
    font-weight: 500;
}
.bhc_sidebar_date input{
    width: 100%;
    padding: 5px;
}
.bhc_sidebar_time select{
    width: 100%;
    position: absolute;
    z-index: 1;
    padding: 5px;
    border-radius: 0px;
}
.bhc_sidebar_time .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none;
}

/* bhc_sidebar_btn */
.bhc_sidebar_btn{
    margin: 20px 0;
}
.bhc_sidebar_btn a{
    width: 100%;
    background: #55C882;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    display: block;
    padding: 10px;
}

/* bhc_sidebar_cancellation */
.bhc_sidebar_cancellation{
    padding: 10px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.bhc_sidebar_can_Photo span{
    font-size: 30px;
    margin-right: 20px;
}
.bhc_sidebar_cancellation2{
    padding: 25px 0 10px;
    border-bottom: 1px solid #e6e6e6;
}
.bhc_sidebar_can_text{
    width: 100%;
}

/* bhc_sidebar_cancellation2 */
.bhc_sidebar_cancellation2_list{
    display: flex;
    justify-content: center;
    width: 100%;
}
.bhc_sidebar_cancellation2 ul li{
    padding: 0 15px;
}
.bhc_sidebar_cancellation2_list li a{
    width: 35px;
    height: 35px;
    border: 1px solid #231F20;
    border-radius: 100%;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
}
.bhc_sidebar_cancellation2_list li a:hover{
    background-color:#231F20;
    color: #fff;
}


/* =============================== */
/* card-page
/* =============================== */

.card-page{
    padding: 50px 0;
}
.card-area{
    border: 1px solid #e9e9e9;
    border-top: none;
    background: #FFF;
    margin: 30px 0 0 0;
}
.card-table-heading th{
    color: #333;
    font-size: 14px;
    font-weight: 300;
    font-weight: 300;
    font-weight: bold;
}
.card-table-content td{
    padding-top: 40px;
}
.card-table-content a{
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.card-table-content input{
    width: 100%;
    height: auto;
    display: inline;
    text-align: center;
}
/* cart-options */

.cart-options-btn{
    background: #55C882;
    color: #fff;
    text-align: center;
    padding: 0;
    width: 50%;
}
.cart-options-btn:hover{
    outline: 2px solid #000;
}
.cart-options-btn a{
    color: #fff;
    text-transform: uppercase;
    line-height: 43px;
    font-weight: bold;
}
/* cart-footer-content */

.cart-footer-content{
    width: 100%;
    height: auto;
    padding: 30px 18px;
    background: #FFF;
    outline: 1px solid #e9e9e9;
}
.cart-footer-content-title{
    color: #777;
}
.cart-fc-coupon-codd-btn {
    padding-bottom: 45px;
}
.cart-fc-coupon-codd-btn button{
    border-radius: 0;
    padding: 10px 0;
    background: #E9E9E9;
    font-size: 14px;
    font-weight: bold;
    font-family: sans-serif;
    text-transform: uppercase;
    float: left;
    width: 33%;
    margin: 0 2%;
}
.cart-fc-coupon-codd-btn button:hover{
    outline: 1px solid #000;
    transform: .5s;
}
.cart-fc-coupon-codd-btn input{
    border: 1px solid #e9e9e9;
    border-radius: 0;
    height: 43px;
    float: left;
    width: 63%;
}
.cart-fc-coupon-codd-btn input:hover{
    outline: 0 !important;
    outline-color: none !important;
    -moz-user-focus: none;
}
/* cart-options-left */
.cart-options-left{
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0px 25px 8px rgba(239, 239, 239, 15);
    box-shadow: 0 0px 25px 8px rgba(239, 239, 239, 15);
}
.cart-options-left-text tr>td{
    color: #777 !important;
}
.cart-options-left p {
    background-color: #DADADA;
    padding: 10px;
    font-weight: 500;
    color: #777;
    border: 1px solid #e3e3e3;
}
.cart-options-left-btn{
    padding-top: 34px;
    text-align: center;
}
.cart-options-left-btn a{
    background: #55C882;
    padding: 15px 19px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: sans-serif;
    text-transform: uppercase;
}
.cart-options-left-btn a:hover{
    outline: 1px solid #55C882;
}
.cart-footer-pills-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    font-weight: bold;
    color: #000 !important;
    background-color: #55C882;
}
.cart-footer-pills-tab .nav-link {
    display: block;
    padding: .5rem 1.7rem;
    margin: 5px;
    color: #000 !important;
}
.cart-footer-pills-tab .nav-link:hover {
    background-color: #999;
    color: #fff;
}
.cart-footer-pills-tab .pills_text a{
    color: #00A1B1;
}.cart-footer-pills-tab .pills_text a:hover{
    color: #55C882;
}

/*
======================================
      classiccarrental Page

/**   carrentalrustinModel-area CSS
/**   carrentalrustin-product-area CSS
/**   carrentalrustin-map CSS
/**   carrentalrustinList-area CSS
/**   carrentalrustinModel2-area CSS

  ======================================
*/

.carrrModelContent{
    padding: 40px 0;
}
.headding_title_area{
    display: flex;
    justify-content: space-between;
}
/* carrentalrustin-product */
.carrentalrustin-product{
    padding: 80px 0;
}
.carrr_product_content h4{
    font-size: 18px;
}
.carrr_product_img img{
    width:100%;
}
.carrr_product_icon span{
    top: -19px 0px;
}
.carrr_product_priceAmount span{
    top: -39px;
    padding: 0px 12px;
    font-size: 12px ;
}

.bhc_hosted_content{
    padding: 40px 0;
}
.topCities_content{
    padding: 40px 0 0 0;
}

/* carrentalrustin-map */

.beverlyhillscare_map_title h1{
    font-size: 27px;
    margin: 20px 0;
}

/*---------------------------- >
  carrentalrustinList
<------------------------------*/

.carrentalrustinList{
    padding: 40px 0;
}
.carrentalrustinList_heading h1{
    font-size: 18px;
}

.carrentalrustinList_footerList li a{
    font-size: 15px;
    line-height:32px;
    font-weight: bold;
    color: #726EFB;
}
.carrentalrustinList_footerList li a:hover{
    text-decoration: underline;
}
/*---------------------------- >
  carrentalrustinModel2-area
<------------------------------*/

.classicCarModel2{
    width: 100%;
    height: auto;
    background-image: url(../images/roads_bg.v02__H7021a6fba403c25c04b29de237633b34__.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;}

/*
======================================
      error start  Page
  ======================================
*/

.error-page{
    padding: 100px 0;
}

.error_btn{
    margin-top: 35px;}

.error_btn a{
    font-weight: bold;
    padding: 11px 23px;
    transition: 1s;
    -webkit-transition: 1s;
    border: 1px solid #56ab2f;}
.error_btn a:hover{
    color: #43B777;
    box-shadow: 0px 1px 5px 2px #222222;
    transition: 1s;
    -webkit-transition: 1s;}
.error_page_photo img{
    padding: 50px 0;
}