@charset "utf-8";

/*
------------------------------------------------------------
Project Name : BonjourFly;
------------------------------------------------------------
*/


/* General 
--------------------------------------------------------------------------------------------------------*/
.fixed-bar ul.navigation-bullets li:last-child span{display: none}
.search-link form .hide-submit-btn{ display: none; }
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {height: 0px !important;}
.story-wrap .thumbnail .caption span.story-content{font-size: 17px;line-height: 28px;margin: 0;padding-bottom: 0;}

.wpcf7-form-control.wpcf7-submit.btn-tertiary {background-color:#093e68; border:2px solid #fff; width: 100%}
.wpcf7-form-control.wpcf7-submit.btn-tertiary:hover {background-color:#fff;}
div.wpcf7-validation-errors { color:#fff; }
span.wpcf7-not-valid-tip {color: #fff; margin-top: 5px;}
.wpcf7-form .wpcf7-form-control-wrap textarea{height: 70px; width: 100%; border: 0 none;border-radius: 0;color: #222;font-size: 16px;line-height: 20px;padding: 14px; }
.wpcf7-form .wpcf7-response-output{color: #fff}
.img-wrap.pull-left > img {width:100%;}

.search-result .title-outer {background: #DDEDF9;}
.search-result .title-bar h3:after {display: none}
.search-result .search-result-content {padding: 65px 0 45px;}
.search-result-content .row{padding-bottom: 30px; border-bottom: 1px solid #dfdfdf; margin-bottom: 30px;}
span.ui-slider-handle.ui-corner-all.ui-state-default {height: 30px !important; border-radius: 25px; width: 30px; top:-10px;}
.ui-widget.ui-widget-content {margin-top: 15px;}

.submit-loader{display: none;position: fixed;text-align: center;top: 50%;width: 100%;z-index: 4; height: 100%;left: 0;}

.vip-booking-btn-wrap{margin-bottom: 15px}
span.amountWrap span {display: inline-block;padding-bottom: 0;}
.summary-wrap i{padding-bottom: 0;}
.finalSum span#grandTotal{font-size: 16px; line-height: 20px; color: #222; padding: 13px;}
.booking-content-outer .thankyouMsg{display: none}
.map-locators span.active{font-family: 'avenir_next_condensed_0';font-size: 16px;}

.model-card.not-found{padding-left: 20px; padding-top: 20px}
.membership-vip-wrap .wp-pagenavi{padding-left: 0;}
.add-remove-link{float: right; padding-right: 20px}

.vip-booking-wrap .vip-booking-error-message{padding-bottom: 100px}
.vip-booking-wrap .display-room-details{color: #fff;}

.personal-info-block span#memberID{font-size: 16px; line-height: 20px; color: #222; padding: 13px;background-color: #d4d4d4}
.UpdateMemberProfileMessage .updateProfileAlert, .UpdateEmailPasswordMessage .updateProfileAlert{color: #fff;margin-bottom: 15px;}
.personal-info-block .anothor-email-wrap{padding-left: 0; padding-right: 20px}

/* Footer NewsLetter */
#newsletter-form{float: right;margin-right: 25px;}
#homepage-newsletter-signup .form-input {float: left;} 
#homepage-newsletter-signup #newsletter-email {background: #ffffff none repeat scroll 0 0;border: 0 none;height: 35px;padding: 10px;width: 100%;} 
#newsletter-form .newsletter-status{ display: none;color: #fff;margin: 5px 0px;}
/*#homepage-newsletter-signup #newsletter-submit{ background: #093e68 none repeat scroll 0 0;border: 0 none;color: #ffffff;height: 30px;margin-left: 0;padding: 0 10px;}*/
.member-profile-image .img-responsive.profile-picture-image{height: 100% !important; width: 100% !important;}
.personal-info-block #memberProfilePicture{font-size: 16px;line-height: 20px;padding: 13px;border: 0; padding-left: 0; color: #fff;}
.personal-info-block .img-responsive.profile-pictue-preview{height: 100px !important; width: 100px !important;}
.personal-info-block .profile-picture-title{color: #fff;}

#member-logout-form #member-logout-btn,#member-dashboard-form #member-dashboard-btn{margin-top: 30px}
.loginOverlayDiv,.registerOverlayDiv{position: absolute;top: 0;height: 100%;width: 100%;opacity: 1;z-index: 2;display: none}
.map-wrap img{width: 100%}

#book_model,#book_event{position: relative}
.bookingOverlayDiv{position: absolute;top: 50%;left: 0;height: 100%;width: 100%;opacity: 1;z-index: 2;display: none; margin-top: -68px;right: 0; text-align: center}
.bookingOverlayDiv img{display:inline-block}
.not-found-wrap .not-found-inner-block{min-height: 700px}

.sub-lists li a:hover,.sub-lists li.active a{background:#fff; color:#093e68}
.sub-lists li a:hover span:before,.sub-lists li.active a span:before{background:#093e68}
.header-links > li.hovered > a:after{width:100%;}
.onoffswitch{width: 75px}
.clearfix.newsletter .updateProfileAlert{margin-top: 5px; color: #fff;}
.member-header .member-profile-toprow span{font-size: 26px;line-height: 30px;color: #093e68;padding: 15px 20px ;display: block;}
.member-header .member-profile-links li a{color: #fff;}
.member-header .member-profile-links li:first-child:after{border-right: 1px solid #fff;}

.member-profile-links li a:after{content: ""; height:3px; background:#ffac33; position:absolute; top:100%; left:0;width:0}
.member-profile-links li.active-dashboard-link a:after{width: 100%;}

.personal-info-block .dk-select-disabled{opacity: 0.95;color: #eee;}
.personal-info-block .save-btn-wrap,.personal-info-block .cancel-btn-wrap,.personal-info-block .save-pwd-btn-wrap,.personal-info-block .cancel-pwd-btn-wrap{display: none}
.personal-info-block .save-btn-wrap,.personal-info-block .save-pwd-btn-wrap{margin-left: 15px}
.disabled-select-dropdown{pointer-events: none;cursor: default}
.disabled-select-dropdown .dk-selected{background-color: #d4d4d4;}
.meta-nav {position: relative; left: 25px;  font-size: 17px;}
.meta-nav:before{ content: "\f177";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #000;font-size: 18px;padding-right: 0.5em;position: absolute;left: -24px;top: 2px;} 

.personal-info-block.profile-overlay-loader{position: relative}
.profileOverlayDiv{position: absolute;top: 50%;left: 0;height: 100%;width: 100%;opacity: 1;z-index: 2;display: none; margin-top: -75px;right: 0; text-align: center}
.profileOverlayDiv img{display:inline-block}
.newsletter-status{color: #fff;margin: 5px 0px 0px 0px;display:none;float: right}
#profile-image-change{position: absolute;top: 45%;left: 10%;text-align: center;right: 10%;display: none; color:#fff; z-index: 1}
#update-profile-image-form:hover #profile-image-change{display: block;}
#update-profile-image-form{position:relative; cursor: pointer}
#update-profile-image-form:after{content:""; background: rgba(0,0,0,0.5); position:absolute; top:0; left:0; right:0; bottom:0; opacity: 0;border-radius: 100%;}
#update-profile-image-form:hover:after{opacity: 1}
#update-profile-image-form{height:100%;}

.bb-bookblock{z-index: 1 !important;}
.footer-links > li > a:hover, .footer-links > li > a:focus,.footer-links > li.hovered > a,.footer-links > li.active > a{color:#ffac33;}

.profileImageOverlayDiv{position: absolute;top: 50%;left: 0;height: 100%;width: 100%;opacity: 1;z-index: 2;display: none; margin-top: -75px;right: 0; text-align: center}
.profileImageOverlayDiv img{display:inline-block}

.errorField,.form-control.errorField:focus{border: 2px solid red;}
/*#update-profile-form #UpdateMemberProfileMessage .alert_err{color: red;}*/
#memberRegisterForm .alert_err.InvitationAlert, #memberLoginForm .alert_err.loginAlert, .fg-pwd-wrap .alert_err.forgotPwdAlert{color: red;}
.fg-pwd-div{display: none}
.fg-pwd-div .data-center-wrap span{margin-bottom: 10px; margin-top: 5px;}
#fg-pwd-submit,#fg-pwd-cancel{cursor: pointer}
.fg-pwd-wrap{margin-bottom: 10px}
.fg-pwd-wrap .dark-blue-btn{margin-bottom: 10px}
.fg-pwd-div .input-width{width: 200px}
.list-content{padding-bottom: 35%;}
#forgotpwdResponseMessage{padding-bottom: 4px}

/*06_02_2017*/
#memberLoginForm input.form-control, #memberRegisterForm input.form-control, #forgotPwdForm input.form-control{font-size: 13px}
.membership-wrap .personal-info-block .form-control[readonly]{background-color: #d4d4d4;}
.add-email-outer {float: none;}
.model-image-text-special{bottom: 43px;min-width: 184px;}
.cyclades-map .slider-inside-block p{min-height: 365px}
.map-slider-block{left: 50px}
.member-password-div,.member-confirm-password-div{display: none}
.sub-lists-outer{width:29.5%;}
.list-content{width:70.5%;}

.login-register-menu .sub-lists-outer{width:23.5%;}
.login-register-menu .list-content{width:76.5%;}

.model-content a{cursor: pointer}
.title-bar.title-links h3{margin-right: 32px}
.title-bar.title-links p{padding: 18px 0;}

/*Login and register form*/
#wp-get-invitation-btn{    margin-top: 5px;}
.invite-list-content-form{position:relative}
.email-input-width{width:120px;position: absolute;top: 140px;left: 0;right: 0;z-index: 10;}
.email-input-width .form-control{height:42px;}
#wp-member-login-btn{width:207px} 
.room-block-detail span.full-room-content{display: none}
.map-overlay {background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;}
.room-block .see-more-link,.room-block-detail span,.room-block-detail h4{color: #333}
.room-block{background: #fff;}


.footer-sidebar .fixed-bar{padding-top: 0; padding-bottom: 15px}
.page-id-540 .wrapper{padding-bottom: 0 !important}
.page-id-540 footer{margin-top: 0 !important;}

.map-block .map-slider-block.desktop-map-slider li a{cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in;}
.mfp-zoom-out-cur{cursor: default !important;}

@media (max-width: 1529px){
    .list-content{padding-bottom: 54%;}
    .cyclades-map .slider-inside-block p{min-height: 160px;}
}

@media(max-width:991px){
    .footer #newsletter-form {width: 49%; margin-right: 0}
    #homepage-newsletter-signup .form-input {width: 57%;}
    .social-icons li {margin-left:5px;}
    #profile-image-change{top: 30%}
    .newsletter-status{width: 35%; margin-top: 0}
    .list-content {padding-bottom: 100%;}
    .model-image-text-special{bottom: 39px;min-width: 148px;}
    .map-slider-block{left: 0px}

    .sub-lists-outer{width:34.5%;}
    .list-content{width:65.5%;}

    .login-register-menu .sub-lists-outer{width:31%;}
    .login-register-menu .list-content{width:69%;}

}

@media(max-width:767px){ 
    .membership-banner.membership-vip-banner .yatch-banner-img{height: 700px}
    .footer #newsletter-form {width: 100%; margin-bottom:15px; padding-left: 25px;}

    #homepage-newsletter-signup .form-input {width: 73%;}
    .personal-info-block .add-email-outer{padding: 0; margin-bottom: 15px; width: 100%;}
    .personal-info-block .add-email{margin-right: 0;}
    .personal-info-block .change-btn-outer .blue-btn-wrap{width: 100%}
    .personal-info-block .anothor-email-wrap{float: left;padding-right: 0;width: 100%;}

    #member-logout-form #member-logout-btn,#member-dashboard-form #member-dashboard-btn{margin-top: 10px}
    .not-found-wrap .not-found-inner-block{min-height: 100px}
    .personal-info-block .blue-btn-wrap.cancel-btn-wrap, .personal-info-block .blue-btn-wrap.cancel-pwd-btn-wrap{margin-top: 15px}
    .newsletter-status{width: 100%; margin-top: 5px}
    .fg-pwd-div .input-width{width: 100%}

    .sub-lists-outer{width:100%;}
    .list-content{width:100%;}

    .login-register-menu .sub-lists-outer{width:100%;}
    .login-register-menu .list-content{width:100%;}

    .title-bar{text-align:center;}
    .title-inner-div{display:inline-block}
    .title-bar h3{min-width: 10px}

    #wp-member-login-btn{width:100%}
    .email-input-width .form-control{height: 42px;}
    .email-input-width{width: 100%; position: relative; top: 0}

    .footer-sidebar{width: 100%;}
    .single-yacht-villa .footer-sidebar{padding-left: 0; padding-right: 0}
    
    .room-block-after:after{bottom: 62px}

}

@media(max-width:480px){
    .blue-btn-wrap.reset-wrap {margin-top: 15px} 
    .add-remove-link{padding-right: 0;}

    .member-header .member-profile-links{padding: 0; padding-top: 10px}
    .member-header .member-profile-toprow span{text-align: center;padding: 58px 0 10px;}
    .member-header .member-profile-toprow span,.member-header .member-profile-links li a{font-size: 18px;line-height: 22px;}
    .member-header .member-profile-image-inner{top: -140px}

    .personal-info-block .blue-btn-wrap.save-btn-wrap, .personal-info-block .blue-btn-wrap.save-pwd-btn-wrap{margin-left: 0}
    #profile-image-change{top: 10%}
    /*.newsletter-status{width: 100%}*/
    .room-block-after:after{bottom: 40px}

}

@media(max-width:414px){
    .clearfix.newsletter .updateProfileAlert{display: inline-block;padding-left: 15px;margin-top: 10px;}
    .sub-lists-outer h6{font-size: 15px}
    .content-block{min-height: 280px}
}
