.disclaimer{font-size:.7em;}
.nav-button{min-width: 200px;max-width: 200px;overflow: hidden;}
.nav-button-frame{margin-top:1em;text-align: left;}
/*HEADER START*/

#logged-in-header{background: #5A6978;width:100%;}
#logged-in-header #menu{text-align: right;padding: .5em;padding-top: .6em;padding-bottom: .5em;}
#logged-in-header #menu a{color:#fff;}

/*Customer Header*/
.customer-in-header{background-color:#5A6978;width:100%;padding-left: 18%;padding-right: 18%;}
.menu{padding-top: .5em;padding-bottom: .5em;text-align: center;}
.menu a{color:#fff;}
.menu .header-section{display: inline-block;}
.hsl{text-align: left;width:40%;}
.hsc{text-align: center;width:19%;}
.hsr{text-align: right;width:40%;}

#customer-in-header-mobile{color:#fff;height: 3em;padding: 0 !important;}
#customer-in-header-mobile a{color:#fff;}
#customer-in-header-mobile div{padding-top:1em;text-align: center;background-color:#5A6978;}
#mobile-header-link-frame{display: none;padding-bottom: 1em;}

#branded-header{padding-left:1em;padding-right:1em;padding-top:1em;padding-bottom:1em;border-bottom: 1px solid #ddd;}
#branded-header a{color:inherit !important;} 
#large-header-logo{position:relative;}
#small-header-logo{display:none;}
.header-frame{display:table-cell;vertical-align: middle;}

#logo-frame{width:223px;text-align:left;float:none;padding-right:6em;}
#search-frame{vertical-align: bottom;margin-left:2.5em;padding-bottom:.6px;width:auto;}
#link-frame{text-align: right;width: 100%; padding-right: 10%;}
#header-action-frame{width:inherit;width:300px;text-align: right;top:.5em;position:relative;}

.solid-line{width:260px;border-bottom: 1px solid #bbb;}
#desktop-business-search{padding-left:1em;width:230px !important;margin:0em;display:inline-block;border:none;outline-width:0px;}
#search-icon{display:inline-block;vertical-align: middle;cursor:pointer;}
.header-link{display: inline-block;padding-left: 2em;height: 1em;width:auto;}
.buy-now-btn{transform:none !important;width:175px!important;position: inherit !important;height: auto !important;
             padding: 1em !important;}
.mobile-menu{display:none;z-index: 100;}
ul,ol{list-style-position:inside;padding-left:1em;}

#mobile-menu-list{display:none;text-align: left;position:absolute;background-color: blue;z-index: 99;}
.mobile-menu ul{list-style-type: none;z-index: 99999;width:200px;background-color: #CC6699;color:#fff;}
.mobile-menu ul li{padding:1em;}
#mobile-h1{display:none;}
#mobile-menu{display:none;}
.desktop-menu{display:inline;}

/*HOME FOOTER END*/

/* accept data usage start*/
#accept-data-usage-cb-invalid{padding-top:.5em;width:100%;padding-left:0px;}
.data-usage-label-frame{width:auto;display:inline;}
.data-usage-input-frame{display:block;padding-bottom:.5em;padding-top:1em;}
accept-data-usage-cb{max-height: 1em;max-width: 1em;min-height: 1em;min-width: 1em;margin:0px;padding:0px;vertical-align: bottom;width:1em;height:1em;}
#accept-data-usage{min-width:30px;min-height:30px;}
#full-data-reveal-link{cursor: pointer;color:#CC6699;display:inline;}
/* accept data usage end*/

.frame-mobile{display:inline;}
.frame-desktop{display:none;}
.input-div{margin-bottom:.5em;}
.output-div{margin-bottom:.1em;}
button:disabled{background-color:#BBB !important;background-image: none;}
button:disabled:hover{background-color:#BBB !important;background-image: none;cursor:not-allowed;}
/*new pop up message/problem start*/
.popup-outer-div, .popup-outer-div-bip{
    display:none;
    position: fixed;
    bottom: 50%;
    width: 100%;
    z-index:9999;
}
.popup-inner-div, .popup-inner-div-bip{
    margin: 0 auto;
    border:1px solid #ccc;
    max-width: 320px;
    min-height: 50px;
    padding:1em;
    background-color: #ccc;
    text-align:center;
    border-radius:1em;
    overflow:hidden;
    color:#fff;
}
.invalid-input-feedback{font-weight: bold;color:red;}
.form-error-message{height:2em;width:100%;font-weight: bold;color:red;text-align:center;font-size:.8em;}
.popup-icon{vertical-align:middle;}
.cancel-popup{text-align:right;cursor:pointer;}
.cancel-popup a{color:#fff;}
#problem-popup{background-color:#990000;}
#message-popup{background-color:#4CAF50;}
#booking-in-progress-popup{background-color:#4CAF50;height:6em;}
#booking-in-progress-overlay{display:none;position: fixed;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,0.5);z-index: 10;}
/*new pop up end*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input,
textarea,
select{
    min-height: 2.500em;
    font-size: 1em;
    margin: .15em;
    padding: .2em;
    padding-left: .5em;
    color: #5A6978;
    border: 0.12em solid #e8e8e8;
    border-radius: 0.2em;
    width:40%;
    min-width:200px;
}
.output{
    font-size: 1em;
    margin: .15em;
    color: #5A6978;
    width:100%;
    max-width: 750px;
    min-width:200px;
}
.summary{background-color:#FFD185;padding-left:1em;padding-right:1em;width:100%;}
.button-book { background-color: #33825E !important;position: relative;top: 45%; width:100%;margin-top:1em !important;}
.full-width-frame{width:100%;height:auto;padding-bottom:1em;}
.required-input {border: 0.075em solid #F95F62!important;}

/*.country-code-selector{
    min-height: 2.500em;
    font-size: 1em;
    margin: .15em;
    padding: .2em;
    padding-left: .5em;
    color: #5A6978;
    border: 0.12em solid #e8e8e8;
    border-radius: 0.2em;
    width:110px;
    background-color:inherit;}*/
*,
*:after,
*:before {
    padding: 0;
    margin: 0;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

[class*="col-"] {
    float: left;
    padding: 0px;
}

html {
    height: 100%;
    /*?*/
    font-family: "Lato";
    font-size: 1em;
    color: #47525E;
}

body {
    background-color: #E8E8E8;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    height: auto;
    min-width: 287px;
}

.wrapper {
    background-color: #fff;
    width: 100%;
    padding-left:1em;padding-right:1em;padding-top:2em;
    min-height:1000px;
}

.branded-wrapper {
    background-color: #fff;
    width: 100%;
    padding-left:1em;padding-right:1em;padding-top:2em;
}
a{text-decoration: none;color:#CC6699;}
h2{font-size:1.3em;padding-top:1em;}
h1,h2,h3,h4{padding-bottom:.5em;}
h1{font-size: 1.9em;}
label{font-weight: bold;display: -webkit-inline-box;padding-right:.5em;}
.label-frame{margin-bottom:.8em;}
.full-width{width:100%;text-align: center;}
.subtle-link{font-size:.813em;color:#CC6699;}
.powered-by{float:left;vertical-align: middle;height:100%;}
#powered-by-img-frame{text-align:right;width:42%;}
#powered-by-text-frame{text-align:left;margin-top:1em;width:49.5%;margin-left:.5%;}
.footer-subtle{
    left: 0px;
    bottom: 0px;
    height: 6.5em;
    width: 100%;
    background-color: #3e1759;
    padding: 15px;
    margin-top:20px;
    text-align: center;
    color:#fff;
    font-size:0.813em;
}

.footer-subtle a{color:#fff;}
.border {
    border-bottom: 1px solid #ccc;
    margin: 0 3% 0 3%;
    padding-top:1em;
}
.wrapper {
    background-color: #fff;
    width: 100%;
    padding-bottom: 1em;
}
.branded-wrapper {
    background-color: #fff;
    width: 100%;
    padding-bottom: 1em;
}
html {
    height: 100%;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 1em;
    color: #47525E;
}
body {
    background-color: #E8E8E8;
    height: auto;
    padding: 0px;
    margin: 0px;
}
.span-link{
    color: #CC6699;cursor:pointer;}
.section {
    padding: 5.5%;
}


.section__button {
    display: inline-block;
    width:100%;
    height: auto;
    min-width:30%;
    margin-bottom: 3px;
    background-color: #fff;
    border-style: none;
    border-width: 1.5px;
    color: #47525E;
    flex: 1;
}
.section__buttons {
    display: flex;
    flex-direction: column;
}

.button--ghost {
    padding: 10px 0px;
    font-size: 1.150em;
    margin: auto;
    width: 100%;
    background-color: #fff;
    border-style: solid;
    border-width: 1.5px;
    border-color: #E8E8E8;
    color: #47525E;
}
.button-2020 {
    cursor: pointer;
    background-color: #CC6699;
    border: none;
    border-radius: 0.300em;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 1.000em;
    padding:1em;
    width: auto;
    margin:0px;
    height:3em;
}
.button {
    cursor: pointer;
    background-color: #CC6699;
    border: none;
    border-radius: 0.300em;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 1.000em;
    padding:0em;
    width: 3em;
    margin:0px;
    height:40px;
    position:absolute;
    min-height: 45px;
    transform: translate(-50%, -50%);
}
/*Stripe Forms*/
#card-element{   
    display:inline-table;
    vertical-align: middle;
    min-width: 300px;
}
#card-errors{
    color: #ff0000;
    font-weight: bold;
    margin-left: 3px;
    height:1em;
} 
/*TURN OFF NUMBER WHEELS START*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
/*TURN OFF NUMBER WHEELS END*/
.radio{height:1em;min-height:1em;margin:0px;width:2em;min-width: inherit;vertical-align:middle;}
.radio-label{min-width:215px;}
/*select{min-height:41px;font-size:1em;}*/
[class*="col-"] {
    width: 100%;
}
/*HEADER END*/
select{cursor:pointer;color:#47525E;font-size:1em;}
/*HOME FOOTER START*/
#chunky-footer-left{width:50%;text-align: left;float:left;padding:1em;}
#chunky-footer-right{width:50%;text-align: center;float:left;padding:1em;}
.chunky-footer-link a{text-transform: uppercase;color:#fff;line-height: 3em;font-size: 1.2em;}
#chunky-footer-bottom{width:100%;float:left;line-height: 1.5em;}
.chunky-footer-image-frame{margin-top:80px;margin-left:2%;width:150px;text-align: center;float: left;height:145px;padding-top:9px;}
.cta-into{text-align: center;line-height: 1.4em;padding-bottom: 1em;}

.footer-chunky{background-color: #343f4b;left: 0px;        height: 415px;    width: 100%;        padding: 15px;
               margin-top:20px;    text-align: center;    color:#fff;    font-size:0.813em;}

@media only screen and (max-width: 1250px) {
.nav-button-frame{text-align: center;}
    #customer-in-header-desktop{display: none;}
    #customer-in-header-tablet{display: block;}
    #customer-in-header-mobile{display: none;}
    .customer-in-header{width:100%;padding-left: 2%;padding-right: 2%;}



    #link-frame{line-height: 2em;padding:0px;min-width:230px;text-align: center;} 
    .buy-now-btn{transform:none !important;width:100px!important;position: inherit !important;}

}
@media only screen and (max-width: 922px) {
    #customer-in-header-desktop{display: none;}
    #customer-in-header-tablet{display: block;}
    #customer-in-header-mobile{display: none;}
    .customer-in-header{width:100%;padding-left: 2%;padding-right: 2%;}


    #link-frame{min-width:0px;} 
    #search-frame{padding-bottom:.6px;width: 185px;}
    #top-right-cta{display:none;}
    #mobile-menu{display:block;}
    .desktop-menu{display:none;}
    .mobile-menu{display:block;}
    #mobile-menu-list{text-align: left;
                      position: absolute;
                      background-color: blue;
                      float: right;
                      right: 0px;
                      top:116px;
    display:none;}
    /*burger menu icon start*/
    #mobile-menu-control {
        width: 60px;
        height: 45px;
        position: relative;
        margin-left:auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #mobile-menu-control span {
        display: block;
        position: absolute;
        height: 9px;
        width: 100%;
        background: #CC6699;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #mobile-menu-control span:nth-child(1) {
        top: 0px;
    }

    #mobile-menu-control span:nth-child(2) {
        top: 18px;
    }

    #mobile-menu-control span:nth-child(3) {
        top: 36px;
    }

    #mobile-menu-control.open span:nth-child(1) {
        top: 18px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #mobile-menu-control.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    #mobile-menu-control.open span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    /*burger menu icon end*/

}

@media only screen and (max-width: 865px) {
    #customer-in-header-desktop{display: none;}
    #customer-in-header-tablet{display: block;}
    #customer-in-header-mobile{display: none;}
    .customer-in-header{width:100%;padding-left: 2%;padding-right: 2%;}
    #tablet-head-left{width:40%;display: inline-block;}
    #tablet-head-center{width:10%;display: inline-block;}
    #tablet-head-right{width:40%;display: inline-block;}
    .chunky-footer-image-frame .social-footer{width:50px;height:50px;} 
    .chunky-footer-image-frame{margin-top:0px;margin-left:0%;width:100%;height:auto;padding-top:9px;text-align: right;}
}
@media only screen and (max-width: 745px) {
    #logo-frame{padding-right: 30px;}

}
@media only screen and (max-width: 642px) {
    #large-header-logo{display:none;}
    #small-header-logo{display:inline;}
    #mobile-menu-list{top:90px;display:none;}
}
@media only screen and (max-width: 460px) {
    #logo-frame{padding-right:0px;display: block;text-align: center;width:100%;padding-bottom:1em;}
    #mobile-menu-control{width:40px;}
    #large-header-logo{display:none;}
    #small-header-logo{display:none;}
    #mobile-h1{display:inline-block;width:100%;height:auto;font-size: 2em;text-align:center;}
    #mobile-menu-list{top:133px;}
    .solid-line{width:100%;}
    #search-frame{width:50% !important;min-width:116px;}
    #desktop-business-search{width:80% !important;min-width:100px;}
    #header-action-frame{top:0em;}

}
@media only screen and (max-width: 360px) {
    #mobile-menu-list{top:117px;}
    #mobile-h1{font-size: 1.2em;}
    #search-frame{min-width: 145px;}
    #desktop-business-search{padding-left:0;min-width:70px;}

}

@media only screen and (max-width: 450px) {
    #customer-in-header-desktop{display: none;}
    #customer-in-header-tablet{display: none;}
    #customer-in-header-mobile{display: inline-block;}
    #chunky-footer-left{width:100%;text-align: center;float:left;padding:1em;}
    #chunky-footer-right{width:100%;text-align: center;float:left;padding:1em;height: 300px;}
    .chunky-footer-image-frame{text-align: center;}
    .footer-chunky{height:705px;}
}

/****************** @600px ***************************************************************************/
/* for tablets: @600px*/
@media only screen and (max-width: 768px) {
    
    #customer-in-header-desktop{display: none;}
    #customer-in-header-tablet{display: none;}
    #customer-in-header-mobile{display: inline-block;}
/*    #customer-in-header-desktop{display: none;}
    #customer-in-header-tablet{display: block;}
    #customer-in-header-mobile{display: none;}
    .customer-in-header{background-color:#5A6978;width:100%;padding-left: 2%;padding-right: 2%;}
    .button{
        padding: 0.738em .938em;
        width: 4.500em;
    }
    .country-code-selector{width:350px;}
    .frame-mobile{display:none;}
    .frame-desktop{display:flow-root;margin-top: 5px;}
    .input-div{margin-bottom:0px;}
    .output-div{margin-bottom:0px;}
    .output{display:inline-block;}
    .wrapper {
        background-color: #fff;
        z-index: -1;
    }
    .branded-wrapper {
        background-color: #fff;
        z-index: -1;
    }

    .section {
        padding-top: 2%;
        padding-bottom: 1%
    }

    .section--booking-summary{
        padding: 5% 2.5% 5% 2.5%;
    }
    .border {
        margin: 0;
    }
    .footer-subtle{
        left: 0px;
        bottom: 0px;
        height: 6.5em;
        width: 100%;
        background-color: #3e1759;
        padding: 15px;
        margin-top:20px;
        text-align: center;
        color:#fff;
        font-size:0.813em;
    }
    #card-element{width:370px;}
    #country-code-selector-1{width:352px;}*/
}
/****************  Middle @768px ************************************************************************/
@media only screen and (min-width: 768px) {
    
    #customer-in-header-desktop{display: none;}
    #customer-in-header-tablet{display: none;}
    #customer-in-header-mobile{display: inline-block;}
/*    #customer-in-header-desktop{display: none;}
    #customer-in-header-tablet{display: block;}
    #customer-in-header-mobile{display: none;}
    .customer-in-header{width:100%;padding-left: 2%;padding-right: 2%;}*/
    .body {
        background-color: #E8E8E8;
    }
    .wrapper {
        background-color: #fff;
        z-index: -1;
    }
    .branded-wrapper {
        background-color: #fff;
        z-index: -1;
    }
    #accept-data-usage{min-width:20px;min-height:20px;}
    /*#card-element{width:370px;}*/
    /*#country-code-selector-1{width:352px};*/   
}
@media only screen and (min-width: 866px) {
    #customer-in-header-desktop{display: none;}
    #customer-in-header-tablet{display: block;}
    #customer-in-header-mobile{display: none;}
    .customer-in-header{width:100%;padding-left: 2%;padding-right: 2%;}
    #tablet-head-left{width:40%;display: inline-block;}
    #tablet-head-center{width:10%;display: inline-block;}
    #tablet-head-right{width:40%;display: inline-block;}
}

/***     DESKTOP    ***************************************************************************/
/*for desktop*/
/*screen had to be a minimum width of 1150 before this will apply*/
@media only screen and (min-width: 1150px) {
        #logged-in-header{background: #5A6978;width:100%;background-color:#5A6978;width:100%;padding-left: 18%;padding-right: 18%;}

    #customer-in-header-desktop{display: block;}
    #customer-in-header-tablet{display: none;}
    #customer-in-header-mobile{display: none;}
    .customer-in-header{width:100%;padding-left: 18%;padding-right: 18%;}


    .frame-mobile{display:none;}
    .frame-desktop{display:inline;}
    .input-div{padding-bottom:1em;}
    .output-div{padding-bottom:.5em;}
    #powered-by-img-frame{text-align:right;width:47%;}
    select{min-height:inherit;}
    .form-error-message{text-align:left;}
    .wrapper {
        background-color: #fff;
        width: 64%;
        margin-left: 18%;
        margin-right: 18%;
        z-index: -1;
    }
    .branded-wrapper {
        background-color: #fff;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        z-index: -1;
    }
    .button {
        padding: 0.738em .938em;
        width: 4.500em;
        min-height: 45px;
    }
    /* accept data usage start*/
    #accept-data-usage{min-width:1em;min-height:1em;}
    #accept-data-usage{display:inline-block;padding-top:1em;}
    .data-usage-input-frame{width:auto;display:inline;padding-right:.5em;}
    #accept-data-usage-cb{max-height: 1em;max-width: 1em;min-height: 1em;min-width: 1em;margin:0px;padding:0px;vertical-align: bottom;width:1em;height:1em;}
    .data-usage-input-frame .required-input {outline: 0.075em solid #F95F62!important;}
    /*#card-element{width:370px;}*/

    /* accept data usage end*/
}
/*large desktop*/
@media only screen and (min-width: 1440px) {
    #customer-in-header-desktop{display: block;}
    #customer-in-header-tablet{display: none;}
    #customer-in-header-mobile{display: none;}
    .customer-in-header{background-color:#5A6978;width:100%;padding-left: 18%;padding-right: 18%;}
    .button {
        /*padding: 0.938em 2em;*/
        width: 5.500em;
    }
    .branded-wrapper{max-width: 2000px;margin-left: auto;margin-right: auto;}
    /*#card-element{width:370px;}*/
}
.transparent-link{text-decoration: none;color:inherit;}
.bold{font-weight: bold;}
.secondary-action{background-color:#fff;color:#000;border:1px solid #CC6699;color:#CC6699;}
.primary-action{background-color:#CC6699;color:#000;border:1px solid #CC6699;color:#fff;}
.secondary-action:hover{background-color:#e87ab1;color:#fff;border:1px solid #e87ab1;}
.primary-action:hover{background-color:#e87ab1;color:#fff;border:1px solid #e87ab1;}
.header-controlled-secondary-action{background-color:#33825E;color:#000;color:#fff;}
.header-controlled-secondary-action:hover{background-color:#48bd87;color:#fff;}
.header-controlled-primary-action{background-color:#CC6699;color:#000;border:1px solid #CC6699;color:#fff;}
.header-controlled-primary-action:hover{background-color:#e87ab1;color:#fff;border:1px solid #e87ab1;}



/*#f5d140*/
