@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body {font-family: 'Roboto', sans-serif !important; font-weight: normal;}
body.full .global-wrap .bg-holder > .bg-mask{opacity: 0.2;}
/*login css start*/
a, input[type="submit"] {text-decoration: none; outline: none; transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; display: inline-block; vertical-align: top;}
a:hover {transition: 0.3s; text-decoration: none; outline: none;}
.login_section {width: 100%; display: flex;}
.login_section .logo_section{width: 100%; padding: 20px 50px;}
.login_section .left_section{width: 40%; height: 100vh;}
.login_section .left_section .login_form_section{width: 100%; padding: 30px 100px 30px 50px; display: flex; height: calc(100% - 100px); align-items: center;}
.login_section .left_section .login_form_section .form_section{width: 100%;}
.login_section .left_section .login_form_section .form_section .header_title {padding-bottom: 30px;}
.login_section .left_section .login_form_section .form_section .header_title h4{font-size: 30px; line-height:35px; font-weight: 500; color: #070333;}
.login_section .left_section .login_form_section .form_section .form_lable{width: 100%; font-size: 16px; line-height: 20px; font-weight: 400; color: #070333; padding-bottom: 5px; margin: 0;}
.login_section .left_section .login_form_section .form_section .form_control{width: 100%; border: 1px solid #A1B2BF; border-radius: 10px; padding: 10px 15px; margin-bottom: 15px; outline: 0; box-shadow: none;}
.login_section .left_section .login_form_section .form_section .form_control:focus-visible {border-color: #ED531A;}
.login_section .left_section .login_form_section .form_section .lpassword{position: relative;}
.login_section .left_section .login_form_section .form_section .lpassword i#changeIcon{position: absolute; right: 15px; color: #A1B2BF; top: 8px; font-size: 24px; cursor: pointer;}
.login_section .left_section .login_form_section .form_section .rember_forgot{display: flex; justify-content: end; padding-top: 15px;}
.login_section .left_section .login_form_section .form_section .rember_forgot a{font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #070333; text-decoration: underline;}
.check_control {display: inline-block; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #070333;}
.check_control input {position: absolute; z-index: -1; opacity: 0;}
.check_control__indicator {position: absolute; top: 0px; left: 0; height: 18px; width: 18px; background: #E6E6EB;}
.check_control:hover input~.check_control__indicator,
.check_control input:focus~.check_control__indicator {background: #E6E6EB;}
.check_control input:checked~.check_control__indicator {background: #531AED;}
.check_control__indicator:after {content: ''; position: absolute; display: none;}
.check_control input:checked~.check_control__indicator:after {display: block;}
.check_control--checkbox .check_control__indicator:after {left: 6px; top: 3px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.login_section .left_section .login_form_section .form_section .button_section {width: 100%;padding-top: 30px;justify-content: space-between;display: flex;align-items: center;}
.login_section .left_section .login_form_section .form_section .button_section .primary_btn{border: 1px solid #ED531A; background: #ED531A; border-radius: 25px; color: #fff; padding: 8px 15px; font-size: 16px; min-width: 160px; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 500;}
.login_section .left_section .login_form_section .form_section .button_section a{font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #070333; text-decoration: underline;}
.login_section .left_section .login_form_section .form_section .button_section .primary_btn:hover{background: transparent; color: #ED531A;}
.login_section .left_section .login_form_section .form_section .not_reg{padding-top: 30px;}
.login_section .left_section .login_form_section .form_section .not_reg p{font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 300; color: #070333;}
.login_section .left_section .login_form_section .form_section .not_reg p a{font-weight: 500; color: #070333; text-decoration: underline;}
.login_section .right_section{width: 60%; display: flex; align-items: center;}
.login_section .right_section .right_content{display: flex; width: 100%; padding: 30px 50px; flex-flow: column; justify-content: center;  align-items: center;}
.login_section .right_section .right_content .ban_img{padding-bottom: 40px;}
.login_section .right_section .right_content .ban_img img{width: 100%;}
.login_section .right_section .right_content .download_section h3{font-size: 30px; line-height: 35px; font-family: 'Roboto', sans-serif; font-weight: 600; color: #fff; padding-bottom: 30px; text-align: center;}
.login_section .right_section .right_content .download_section .download_option a{padding: 0 15px;}
.login_section .right_section .right_content .download_section .download_option a img{width: 100%; max-width: 125px;}
.login_section input.form_control::-webkit-input-placeholder {color: #A1B2BF; font-weight: 300;}
.login_section input.form_control::-ms-input-placeholder {color: #A1B2BF; font-weight: 300;}
.login_section input.form_control::-moz-input-placeholder {color: #A1B2BF; font-weight: 300;}
.login_section input.form_control::placeholder {color: #A1B2BF; font-weight: 300;}
.dropdown_login_button:hover .dropdown-menu_login {display: block; margin-top: 0;}
.Register_login_class{border: 1px solid #6202ed !important; background: #6202ed !important; border-radius: 25px !important; color: #fff !important; padding: 8px 15px; font-size: 16px; min-width: 160px; text-align: center; font-family: 'Roboto', sans-serif !important; font-weight: 500;}
.login_section .left_section .login_form_section .form_section .dropdown-menu_login a {text-decoration: none !important;}
.dropdown-menu_login>li>a:focus, .dropdown-menu_login>li>a:hover {color: #fff !important; text-decoration: none; background-color: #6202ed;}
.lang_button_login {text-align: end; position: absolute; top: 15px; right: 63%;}
@media screen and (max-width: 991px){
   .login_section .left_section{width: 50%;}
   .login_section .left_section .login_form_section{padding: 30px 20px;}
   .login_section .right_section{width: 50%;}
   .login_section .right_section .right_content{padding: 30px 20px;}
}
@media screen and (max-width: 767px){
   .login_section{flex-wrap: wrap;}
   .login_section .left_section{width: 100%; height: auto;}
   .login_section .right_section{display: none;}
   .login_section .logo_section{padding: 20px;}
   .login_section .left_section .login_form_section .form_section .header_title{text-align: center;}
   .login_section .left_section .login_form_section .form_section .button_section{justify-content: center;}
   .login_section .left_section .login_form_section .form_section .not_reg p{text-align: center;}
   .login_section .left_section .login_form_section .form_section #forgot_password_from .button_section{justify-content: space-around;}
   .search-tabs-bg > .tabbable > .nav-tabs > li { margin-right: 1px; }
}
@media screen and (max-width: 480px){
   .login_section .right_section .right_content .download_section .download_option a{padding: 0 8px;}
   .search-tabs-bg > .tabbable > .nav-tabs > li { margin-right: 1px; }
}
/*End login css*/
/* Spinner css start */
.spinnerWrapEmail {background: #000000 none repeat scroll 0 0; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 999; display: none;}
.spinnerWrapEmail > p {color: #FFF; left: 0; line-height: 25px; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 57%;}
.spinnerWrap {background: #000000 none repeat scroll 0 0; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 999; display: none;}
.spinnerWrap > p {color: #FFF; left: 0; line-height: 25px; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 57%;}
.ajax-spinner-bars {position: absolute; width: 35px; height: 35px; left: 50%; top: 50%;}
.ajax-spinner-bars > div {position: absolute; width: 2px; height: 8px; background-color: #1cddd6; opacity: 0.05; animation: fadeit 0.8s linear infinite;}
.ajax-spinner-bars > .bar-1 {transform: rotate(0deg) translate(0, -12px); animation-delay: 0.05s;}
.ajax-spinner-bars > .bar-2 {transform: rotate(22.5deg) translate(0, -12px); animation-delay: 0.1s;}
.ajax-spinner-bars > .bar-3 {transform: rotate(45deg) translate(0, -12px); animation-delay: 0.15s;}
.ajax-spinner-bars > .bar-4 {transform: rotate(67.5deg) translate(0, -12px); animation-delay: 0.2s;}
.ajax-spinner-bars > .bar-5 {transform: rotate(90deg) translate(0, -12px); animation-delay: 0.25s;}
.ajax-spinner-bars > .bar-6 {transform: rotate(112.5deg) translate(0, -12px); animation-delay: 0.3s;}
.ajax-spinner-bars > .bar-7 {transform: rotate(135deg) translate(0, -12px); animation-delay: 0.35s;}
.ajax-spinner-bars > .bar-8 {transform: rotate(157.5deg) translate(0, -12px); animation-delay: 0.4s;}
.ajax-spinner-bars > .bar-9 {transform: rotate(180deg) translate(0, -12px); animation-delay: 0.45s;}
.ajax-spinner-bars > .bar-10 {transform: rotate(202.5deg) translate(0, -12px); animation-delay: 0.5s;}
.ajax-spinner-bars > .bar-11 {transform: rotate(225deg) translate(0, -12px); animation-delay: 0.55s;}
.ajax-spinner-bars > .bar-12 {transform: rotate(247.5deg) translate(0, -12px); animation-delay: 0.6s;}
.ajax-spinner-bars> .bar-13 {transform: rotate(270deg) translate(0, -12px); animation-delay: 0.65s;}
.ajax-spinner-bars > .bar-14 {transform: rotate(292.5deg) translate(0, -12px); animation-delay: 0.7s;}
.ajax-spinner-bars > .bar-15 {transform: rotate(315deg) translate(0, -12px); animation-delay: 0.75s;}
.ajax-spinner-bars> .bar-16 {transform: rotate(337.5deg) translate(0, -12px); animation-delay: 0.8s;}
@keyframes fadeit {
   0% {opacity: 1;}
   100% {opacity: 0;}
}
/* Spinner css end */
.logo-holder > img{max-width: 165px; width: 100%; height: auto;}
.logo img { height: auto; max-width: 165px; width: 100%;}
.login_section .form-group.form-group-ghost .input-icon{color: #ffffff;}
.top-user-area .top-user-area-list > li > a{color: #fff !important;}
.btn-primary[disabled]{background-color: #ED531A;border-color: #ED531A; cursor: not-allowed;pointer-events: auto; opacity: 1;}
.btn-primary:focus{background-color: #073151;border-color: #073151;}
#cssmenu > ul{padding-top: 0}
#cssmenu ul ul li a{background: #6202ed; color: #ffffff; font-family: 'Roboto', sans-serif !important; font-weight: normal; font-size: 12px; min-width: 140px; width: 100%;}
#cssmenu > ul > li > a{color: #073151; font-family: 'Roboto', sans-serif !important; font-weight: normal; letter-spacing: 0;}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a{color: #073151;}
#cssmenu ul ul li a:hover{background: #ed531a; color: #fff;}
/*Header menu css changes as per new club arrow color change start*/
#cssmenu li:hover > ul > li{height: auto; padding-top: 0;}
#cssmenu > ul > li.has-sub > a::before{ width:10px; height:10px; position:absolute;top:11px;right:0px;display:block;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; background-size:cover;}
#cssmenu > ul > li.has-sub:hover > a::before{top:10px;height:10px; width:10px;  background-size:cover; transform:rotate(-180deg); transition:0.3s; }
#cssmenu > ul > li.top-user-area-avatar > a::before{ width:10px; height:10px; position:absolute;top:11px;right:0px;display:block;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; background-size:cover;}
#cssmenu > ul > li.top-user-area-avatar:hover > a::before{top:10px;height:10px; width:10px;  background-size:cover; transform:rotate(-180deg); transition:0.3s; }
/*Header menu css changes as per new club arrow color change End*/
.nav.nev_bg_custom {background: #6202ED;color: #fff;}
.nav.nev_bg_custom ul.slimmenu li{float: left;}
.nav.nev_bg_custom ul.slimmenu li.active > a, .nav.nev_bg_custom ul.slimmenu li:hover > a {background-color: #1DDDD6;}
.nav.nev_bg_custom ul.slimmenu li a {color: #fff; font-family: 'Roboto', sans-serif !important; font-weight: normal; }
.advance_search a:hover,a:focus{color: #073151;} 
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{color: #fff;background-color: #1dddd6;}
.btn-primary {background-color: #ED531A; border-radius: 5px; font-family: 'Roboto', sans-serif !important; font-weight: 700; border: 0;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{color: #fff;background-color: #d74813 !important; border-color: #073151 !important; box-shadow: none;}
.roomOccupancy i{color: #b3b3b3;}
.left_btn .btn {background-color: #ED531A !important; font-family: 'Roboto', sans-serif !important; font-weight: 600;}
.left_btn .btn:hover, .left_btn .btn:focus, .left_btn .btn:active:focus, .left_btn .btn.active:focus{color: #fff !important;background-color: #d74813 !important;border-color: #d74813 !important;box-shadow: none;outline: 0;outline-offset: 0;}
.form-group.form-group-ghost .form-control:active, .form-group.form-group-ghost .form-control:focus{border-color: #ED531A;}
.top-area .search-tabs-abs {left: 0px !important;}
.zsiq_theme1 div.zsiq_cnt{display: none !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border: 1px solid #073151;background: #073151;}
.ui-menu-item-wrapper.ui-state-active span.type_icn i {color: #ffffff !important;}
.customAccomodation .dropdown-menu.open .guestDetail ul.list-unstyled li{color: #000000 !important;}
.customAccomodation .dropdown-menu.open .guestDetail ul.list-unstyled label {font-weight: normal; font-family: 'Roboto', sans-serif !important;}
.customAccomodation .dropdown-menu.open .guestDetail ul.list-unstyled li.first{color: #000000 !important;}
.customAccomodation .dropdown-menu.open .guestDetail ul.moreRooms li.first{color: #000000 !important;}
.customAccomodation .dropdown-menu.open .guestDetail ul .roomsCount li{color: #000000 !important;}
.search-tabs-bg > .tabbable >.tab-content > .tab-pane .form-control{color: #073151 !important; border-radius: 5px; background: #fff;}
.customAccomodation .dropdown-menu.open .guestDetail ul.moreRooms li{color: #073151 !important;}
.customAccomodation .btn-default{color: #000000 !important;font-weight: normal;font-family: 'Roboto', sans-serif !important;}
.btn:hover{border-radius: 5px;}
.customAccomodation .btn{border-radius: 5px !important; box-shadow: none;}
.customAccomodation .btn-default:hover{background: transparent;color: #073151;background-color: transparent;border-color: #073151; box-shadow: none;}
/*footer section*/
footer#main-footer {width: 100%; float: left; padding: 10px 0 20px; background-color: #000 !important;}
.footer.ijf_footer {width: 100%; float: left;}
.footer.ijf_footer .ftr_btm {width: 100%; float: left;}
.footer.ijf_footer .ftr_btm .footer_left {width: 100%; float:left; }
.footer.ijf_footer .ftr_btm .footer_left p{font-family: 'Roboto', sans-serif !important; font-size: 12px; line-height: 16px; color: #ffffff; font-weight: normal; padding-bottom: 10px; margin-bottom: 0px;}
.footer.ijf_footer .ftr_btm .footer_right {width: 100%; float: right; padding-top: 10px;}
.footer.ijf_footer .ftr_btm .footer_left ul {text-align: center; list-style-type: none; padding-top: 10px;}
.footer.ijf_footer .ftr_btm .footer_left ul li {margin: 0;padding: 0; list-style-type: none;display: inline-block;padding-right: 15px; font-family: 'Roboto', sans-serif !important; font-size: 12px; color: #ffffff;}
.footer.ijf_footer .ftr_btm .footer_right ul {float: right; list-style-type: none;}
.footer.ijf_footer .ftr_btm .footer_right ul li {margin: 0;padding: 0;list-style-type: none;display: inline-block;padding-right: 15px;}
.footer.ijf_footer .ftr_btm .footer_right ul li a{display: block;}
.footer.ijf_footer .ftr_btm .footer_right ul li > img{width:20px; height: 20px;}
.footer.ijf_footer .ftr_btm a {color: #ffffff; text-decoration: none;}
.footer.ijf_footer .ftr_btm .footer_right ul li a:hover{text-decoration: underline;}
footer#main-footer a {font-size: 12px; font-weight: normal; font-family: 'Roboto', sans-serif !important;}
.member_benefit_box .benefit_im .benefit_icon{top: 100px !important;}
button, input {-webkit-appearance: none !important;-moz-appearance: none !important;outline: 0 !important;}
.user-profile-sidebar .user-profile-nav > li > a:hover{color: #fff;background: #1dddd6;}
.user-profile-sidebar .user-profile-nav > li > a:hover > i{color: #fff;}
body, h1, h2, h3, h4, h5, .text-hero {color: #073151;}
.gap{margin: 0px; padding: 30px 0;}
.member_benefit_page.detail .container .gap{padding: 0;}
.contus_pag{width: 100%; float: left; display: block;/*background: #CEE4FC;*/}
.contus_pag .gap{background: transparent;}
.search-tabs-bg > .tabbable > .nav-tabs > li > a{background: #6202ed;}
.nav-sm > li > a{font-size: 14px; font-weight: 600; font-family: 'Roboto', sans-serif !important;}
.search-tabs-bg > .tabbable >.tab-content > .tab-pane .form-control{font-weight: normal; font-family: 'Roboto', sans-serif !important; text-transform: capitalize;}
.box_testimonial .testimonial_title h5{color: #6202ED;}
#cssmenu > ul > li > a > span{font-weight: normal; font-family: 'Roboto', sans-serif !important;}
#cssmenu > ul > li.member_credit > a > span{color: #073151 !important;font-size: 18px; font-family: 'Roboto', sans-serif !important; font-weight: 600 !important;}
/*footer section end*/
@media all and (max-width: 1199px) and (min-width: 992px) {
    .bg-holder{min-height: unset;}
    .top-area .tabbable .tab-pane .tab-content{max-height: initial;}
    .member_benifit_bg_img .bg-holder {min-height: auto;overflow: initial;padding-bottom: 35px; position: unset;}
}
@media screen and (min-width:768px) and (max-width:991px) {
    .header-top .col-md-3{width: 100%; float: left;}
    .header-top .col-md-9{ width: 100%; display: flex; justify-content: center; }
    .header-top .col-md-3 .head_left{padding-bottom: 0; padding-top: 10px;}
    .nev_bg_custom .container {width: 100%; padding-left: 0px; padding-right: 0px;}
}
@media screen and (max-width: 991px){
    .member_benifit_bg_img .bg-holder {min-height: auto;overflow: initial;padding-bottom: 35px; position: unset;}
    .top-area{height: auto !important; /*margin-bottom: 30px;*/}
    .bg-holder > .bg-front.bg-front-mob-rel{position: relative !important;}
    .top-area .tabbable .tab-pane .tab-content{max-height: initial;}
    .slimmenu-menu-collapser{background-color: #6202ED; display: block !important; height: 35px;}
    .head_left{width: 100%;display: block;text-align: center; padding-bottom: 0px;}
    ul.slimmenu.slimmenu-collapsed li a{border-bottom: 0;}
    .customAccomodation .btn {text-align: left;padding-left: 15px !important;}
    .customAccomodation label {display: none;}
    .customAccomodation .list-unstyled label{display: block; text-align: center;}
    .footer.ijf_footer .ftr_btm .footer_left {text-align: center;}
    .footer.ijf_footer .ftr_btm .footer_right {float: none; text-align: center; padding-top: 0px;}
    .footer.ijf_footer .ftr_btm .footer_right ul {text-align: center; float: none;}
    .footer.ijf_footer .ftr_btm .footer_left p{margin: 0; }
    .top-area .search-tabs-abs{left: 0px !important;}
    .roomOccupancy i{padding-right: 10px;}
    .footer.ijf_footer .ftr_btm .footer_right ul li{padding-bottom: 5px;}
}
/*multi language css start*/
/*header menu css start*/
/*#yt-widget.yt-state_invalid .yt-button_type_left *{opacity: 1 !important;}*/
#yt-widget .yt-wrapper{top: -8px;}
/*#yt-widget .yt-button {background: rgba(101, 100, 100, 0.6) !important; border: 0 !important;}*/
#yt-widget, #yt-widget *{color: #565656!important;}
#yt-widget .yt-button_type_right > .yt-button__text{color: #565656 !important;}
.header-top #cssmenu {display: flex;align-items: center; padding-top: 0; justify-content: end;}
.header-top #ytWidget{float: right !important; padding-top: 10px;}
.header-top #ytWidget .yt-wrapper.yt-wrapper_align_right a.yt-servicelink{display: none !important;}
.yt-wrapper .yt-listbox{position: absolute !important; max-height: 150px !important;overflow-y: auto !important; width: 100% !important; display: flex !important; flex-flow: column !important;}
.header-top #yt-widget .yt-listbox__col{display: block !important; flex-flow: column; width: 100%;}
.header-top #yt-widget .yt-listbox__col li{width: 100%; float: left;}
#yt-widget .yt-listbox[hidden]{display: none !important;}
.header-top #cssmenu #ytWidget ul.yt-listbox__col{padding-top: 0px;}
.header-top #cssmenu #ytWidget li.yt-listbox__cell{padding-top: 0px;}
#cssmenu #yt-widget .yt-listbox{background: #6202ed !important;}
#yt-widget .yt-listbox__text {color: #ffffff !important;}
#yt-widget .yt-listbox__input:checked ~ .yt-listbox__text{background-color: #ed531a !important;}
#yt-widget .yt-listbox__text:hover, #yt-widget .yt-listbox__input:checked ~ .yt-listbox__text:hover{background-color: #ed531a !important;color: #fff !important;}
/*header menu css end*/
.search-tabs-bg > h1 {font-size: 40px;}
.tabbable.g2_back_green h2 {font-size: 30px; display: none;}
.form-group.form-group-lg label{font-size: 14px;} 
.search-tabs-bg > .tabbable > .nav-tabs > li > a span{font-size: 12px; font-family: 'Roboto', sans-serif !important; font-weight: 600;}
.search-tabs-bg > .tabbable > .nav-tabs > li > a:hover > .fas {background-color: #073151;}
.customAccomodation .dropdown-menu.open .guestDetail ul .roomsCount li {width: auto !important; margin-right: 8px !important;}
.customAccomodation .dropdown-menu.open .guestDetail ul.moreRooms li.first {width: auto !important; margin-right: 8px !important;}
.form-group.form-group-lg.form-group-icon-left select.form-control{padding-right: 45px;}
#cssmenu li:hover > ul.currency {max-height: 150px; overflow-y: auto; display: block !important;border: 1px solid #c7c7c7;}
#cssmenu li:hover > ul{border: 1px solid #c7c7c7; border-radius: 3px;}
.btn-primary.addFlight{border-radius: 5px;}
ul.currency{max-height: 150px; overflow-y: auto; display: none !important;} 
.header-top .container{width: 100%;}
@media screen and (max-width: 767px){
    /*header menu css start*/
    .header-top #cssmenu{flex-wrap: wrap;justify-content: center; padding-top: 15px;}
    /*header menu css end*/
    .customAccomodation .dropdown-menu.open {position: unset;}
    .customAccomodation .dropdown-menu.open .guestDetail ul.moreRooms li.first{margin-right: 0px !important;}
    .customAccomodation .dropdown-menu.open .guestDetail ul.list-unstyled li:last-child{padding-left: 15px;}
    .member_benefit_box .benefit_im .benefit_icon span{padding: 0 30px;}
    .top-area.show-onload .bg-holder{min-height: auto;}
}
/*multi language css end*/
/*new custom modification*/
.user-profile-sidebar .user-profile-nav > li.active > a,.search-tabs-bg > .tabbable > .nav-tabs > li.active > a{background: #1dddd6; color: #ffffff;}
.search-tabs-bg > .tabbable > .nav-tabs > li > a:hover > .fa,.search-tabs-bg > .tabbable > .nav-tabs > li > a:hover > .fas{background: #1dddd6;}
.search-tabs-bg > .tabbable > .nav-tabs > li.active > a:hover > .fa ,.search-tabs-bg > .tabbable > .nav-tabs > li.active > a:hover > .fas{background: #6202ed;}
.search-tabs-bg > .tabbable > .nav-tabs > li.active > a > i{background: #6202ed;}
.nav>li>a:hover, .nav>li>a:focus{background-color: #1dddd6;color: #fff;}
.user-profile-sidebar{background: #6202ED;}
.user-profile-sidebar .user-profile-nav > li > a{color: #ffffff;}
h1, h2, h3, h4, h5, .text-hero{ font-family: 'Roboto', sans-serif !important;}
.date-picker-wrapper,.ui-widget,.form-group.form-group-lg label{ font-family: 'Roboto', sans-serif !important; font-weight: normal;}
.full-center ::-webkit-input-placeholder {color: #ffffff;}
.full-center :-ms-input-placeholder {color: #ffffff;}
.full-center ::placeholder {color: #ffffff;}
.login_section ::-webkit-input-placeholder {color: #ffffff;}
.login_section :-ms-input-placeholder {color: #ffffff;}
.login_section ::placeholder {color: #ffffff;}
.ui-widget.ui-widget-content.your_custom_class{max-width: 544px !important;}
@media screen and (min-width:768px) and (max-width:991px) {
    .top-area{overflow: hidden;}
    .search-tabs-bg > .tabbable > .nav-tabs > li > a > span{display: inline-block;}
    .ui-widget.ui-widget-content.your_custom_class{max-width: 669px !important;}
}
@media screen and (max-width: 767px){
    .search-tabs-bg > .tabbable > .nav-tabs > li.active > a{margin-top: -4px;}
    .top-area.show-onload .bg-holder{min-height: calc(100vh - 595px);}
    .ui-widget.ui-widget-content.your_custom_class{max-width: calc(100% - 80px) !important;}
    .lang_button_login{
    text-align: end;
    position: absolute;
    top: 15px;
    right: 2%;
    }
}
@media screen and (max-width: 480px){
    .member_benefit_box .benefit_im .benefit_icon span{padding: 0 30px;}
    .nav-sm > li > a {font-size: 12px;}
}
.customizer .panel-toggle img{display: none;}
.nav-pills>li a{color: #073151;}
.top-area .bg-holder > .bg-mask {background: #000000; opacity: 0.2;}
.top-area .search-tabs-abs{width: 100%;}
.cont_us_page .header_text{padding-top: 10px;}
.cont_us_page .header_text span{font-size: 24px;line-height: 28px; }
.cont_us_page .sub_text{padding-top: 10px;}
.cont_us_page .sub_text{font-size: 16px;line-height: 22px; }
.cont_us_page .sub_text a{color: #ED531A;}
.cont_us_page .sub_text a:hover{color: #d74813; text-decoration: underline;}
.ordersTable a:hover{color: #6202ED;}
.ordersTable a:focus{color: #6202ED;}
.booking_order_section{ background: #F7F7F7;}
.search-tabs-bg > .tabbable >.tab-content > .tab-pane{background: #ffffff;}
.search-tabs-bg > .tabbable >.tab-content > .tab-pane .form-control[disabled]{cursor: not-allowed !important;pointer-events: auto; opacity: .65;}
.advance_search a {color: #073151;} 
.i-check.hover, .i-radio.hover, .i-check.checked, .i-radio.checked{background-color: #073151;border-color: #073151;}
.OFContainer .searchFilterCount{text-align: left;}
/*new vr css*/
#vacationRentalSearchForm .customAccomodation label{font-size: 14px; font-family: 'Roboto', sans-serif !important; color: #073151;}
#vacationRentalSearchForm .customAccomodation .advance_checkbox label {font-size: 14px; color: #073151;}
#vacationRentalSearchForm .customAccomodation .btn-default span{color: #073151;}
#vacationRentalSearchForm .customAccomodation .headeing h3{color: #073151;}
#vacationRentalSearchForm .form-group.form-group-lg .form-control{font-size: 14px; color: #073151;}
.vr_select_box .cs-select span {font-size: 14px;}
#vacationRentalSearchForm .customAccomodation .headeing p{font-family: 'Roboto', sans-serif !important;}
.new_va_search .acod_main .set .aco_head > a{color: #073151; font-family: 'Roboto', sans-serif !important; font-weight: 600;}
.new_va_search .acod_main .content .iner_location .checkbox{font-family: 'Roboto', sans-serif !important; font-weight: 400;}
.member_benefit_slid .slick-slide a{display: block;}
@media screen and (max-width: 767px){
    #vacationRentalSearchForm .customAccomodation .dropdown-menu.vr_loaction.open{position: relative; top: 15px;}
    .new_va_search .acod_main .set .aco_head > a {font-size: 13px;}
    #vacationRentalSearchForm .customAccomodation .advance_checkbox label {font-size: 13px; display: block;}
    #vacationRentalSearchForm .customAccomodation label{display: block;}
    .new_va_search .acod_main {max-height: 500px;}  
}
#cssmenu > ul > li.member_credit a{padding-right: 0;}
#cssmenu > ul > li:last-child a{padding-right: 0;}

/* Traveller Buddy CSS */
.travel_buddy{width: auto;position: absolute;top: 43px; right: 15px;}
.travel_buddy .travel_buddy_inner{border: 3px solid #fff;border-radius: 8px;}
.travel_buddy .travel_buddy_inner a{display: block;padding: 10px 10px;font-size: 28px;line-height: 28px;text-align: center;font-weight: 700;text-transform: capitalize;color: #fff; background: rgba(0,0,0,0.4);}
.travel_buddy .travel_buddy_inner a span{display: block;text-align: center;font-size: 20px;line-height: 22px;padding-top: 10px;font-weight: 400;color: #fff;}
.travel_buddy .travel_buddy_inner a:focus{text-decoration: none; border: 0; outline: 0; color: #fff;}
@media screen and (max-width: 991px){
.travel_buddy{top: 104%;width: 100%;right: 0;padding: 0 15px;}
.travel_buddy .travel_buddy_inner a{font-size: 24px; line-height: 28px; padding: 15px 15px;}
.travel_buddy .travel_buddy_inner a span{font-size: 15px; line-height: 20px;}
}
@media screen and (max-width: 767px){
.travel_buddy .travel_buddy_inner a{font-size: 21px;line-height: 13px;padding: 7px 15px;}
.travel_buddy .travel_buddy_inner a span{font-size: 15px;line-height: 20px;padding-top: 7px;}
.travel_buddy .travel_buddy_inner a span br{display: none;}
.member_benifit_bg_img .bg-holder {padding-bottom: 120px;}
}
/* date icon clickable CSS */
.search-tabs-bg>.tabbable>.tab-content>.tab-pane .form-group .form-control.date_picker{background: url(https://d1o1fxnehm4xjw.cloudfront.net/c-acn/images/date_icon.png) no-repeat 6% center; background-size: 19px;}
.form-group.form-group-lg .input-icon.fa-calendar{display: none;}
.search-tabs-bg>.tabbable>.tab-content>.tab-pane .form-group.form-group-focus .form-control.date_picker{background: url(https://d1o1fxnehm4xjw.cloudfront.net/c-acn/images/active_date_icon.png) no-repeat 6% center; background-size: 19px;}
/* New vr help css */
.vrinformation a span{background: #6202ed;}
.vrinformation a span i{color: #fff;}
.vr_information_section{width: 70%; left: auto; right: -50px;}
@media screen and (min-width:992px) and (max-width:1025px) {
    .vr_information_section{right: -10px;}
}
@media screen and (max-width: 991px){
    .vr_information_section{right: -15px; width: 100%;}
}

@media all and (max-width: 1600px) and (min-width: 992px) {
   .my_with_class {width: 100%;}
}