@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');






body{ font-family: 'Manrope', sans-serif; }

h1,h2,h3,h4,h5,h6{ font-family: 'Manrope', sans-serif; }

p{ font-family: 'Manrope', sans-serif; }

a{ font-family: 'Manrope', sans-serif; }





.navbar-nav>li>a{
font-family: 'Manrope', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #000000;
}


.owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.owl-stage-outer {
    width: 100% !important;
}

.owl-stage{
    width: 100% !important;
    display: flex !important;
    justify-content: space-evenly !important;
    transform: translate3d(50px, 0px, 0px) !important;
}

.slider-content {
    padding: 50px 45px 50px;
}

.formbuilder-text-label, .formbuilder-textarea-label{
    color: #0A2F51 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: 0.66px !important;
    text-transform: uppercase !important;
}

.form-control{
    border-radius: 8px !important;
    border: 1px solid #C5D3DF !important;
    background: var(--ffffffpagebackground, #FFF) !important;
    color: #A0B2C1 !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.btncontact{
    border-radius: 30px !important;
    background: #0F8CFF !important;
    padding: 12px 120px !important;
    color: #FFF !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: 0.96px !important;
    border: 1px solid #0F8CFF !important;
    width: -webkit-fill-available !important;
}

.btnheader >a >div:hover{
    background: #005DB2 !important;
}

.footer-text, .footer-text>a{
font-family: 'Manrope', sans-serif;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.row.padd30t.company-address{
    display: none !important;
}

/**services css**/

.date-spots-rate-group{
    color: #0A2F51 !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.col-xs-12.calendar-period.text-center, .booking-date-range > span, p.padd30l.padd30r, .sign-in, .form-actions > p, .col-md-12.text-center.click-terms{
    color: #0A2F51 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}
.date-spots-header.strong-bold, .date-spots-calendar-header, .service-title{
    color: #0A2F51 !important;
    font-size: 28px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}

.slide-subtitle.strong-bold{
    display: none !important;
}


.btn.btn-default.btn-slot, .show-signin-modal.register.button.btn-primary, .show-signin-modal.register.button.btn-primary, .button.btn-primary, .show-signin-modal.go-guest.secondary-button, .btn-guest.button.btn-primary, .show-signin-modal.register.secondary-button, .button.btn-login.btn-primary, .btn.btn-rengine.btn-block{
    background: rgb(5, 117, 220);
    padding: 12px 16px;
    color: #FFF !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: 0.96px !important;
    border-radius: 8px !important;
}

.btn.btn-default.btn-slot:hover,.show-signin-modal.register.button.btn-primary:hover, .show-signin-modal.register.button.btn-primary:hover, .button.btn-primary:hover, .show-signin-modal.go-guest.secondary-button:hover, .btn-guest.button.btn-primary:hover, .show-signin-modal.register.secondary-button:hover, .button.btn-login.btn-primary:hover, .btn.btn-rengine.btn-block:hover{
    background: #005DB2 !important;
}

.booking-option-header{
    color: #0A2F51 !important;
    font-size: 36px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}

.selected-services, .box-guest.modal-box, .text-center.extra-heading{
    color: #0A2F51 !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}

.col-md-12.text-center.size14.step-guide.hidden-xs > ul > li{
    color: #0A2F51 !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

#app > div.container-fluid.steps > div > div > div > div > div.reservation-in-view{
    display: flex;
    flex-direction: column;
}
div.container-fluid.steps > div > div > div > div > div > div.size60.padd20t.check-mark{
    order:1;
}

div.container-fluid.steps > div > div > div > div > div > div.size60.padd20t.check-mark > i{
    font-size:130px !important;
}


div.container-fluid.steps > div > div > div > div > div > div:nth-child(4){
    padding: 0 !important;
    font-size: 20px !important;
    order:5;
}
div.container-fluid.steps > div > div > div > div > div > div.padd20t.order-id{
    color: #413C39 !important;
    text-align: center !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    order:4;
}
div.container-fluid.steps > div > div > div > div > div > div.padd20t.reservation-in-view-desc{
    order:3;
    color:#413C39 !important;
    text-align: center !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}
div.container-fluid.steps > div > div > div > div > div > div:nth-child(4) > strong{
    color: #13BB9B !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
}
div.container-fluid.steps > div > div > div > div > div > h1{
    color: #000 !important;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    order: 2 !important;
}
.col-md-4.gray-back{
    padding-top: 15px !important;
}
/**end of services css**/
@media(min-width: 769px){
    ul.nav.navbar-nav.navbar-right.flex.justify-between.items-center > li:nth-child(1){
        right: 220px !important;
    }
    ul.nav.navbar-nav.navbar-right.flex.justify-between.items-center > li:nth-child(2){
        position: absolute !important;
        width: 235px !important;
        right: 10px !important;
    }
}

@media(max-width: 576px){
    .owl-stage{
        transform: translate3d(0px, 0px, 0px) !important;
    }
    .mobleft{
        text-align: left !important;
    }
    .btncontact{
        padding: 12px 55px !important;
    }
    .margtop{
    margin: 300px 10px 0px !important;
    }
    .icon-bar{
        background-color: black !important;
    }
    .visible-xs > button{
        margin-top: 5px !important;
    }
    .nav.navbar-nav.navbar-right.flex.justify-between.items-center{
        justify-content: flex-start !important;
    }
    .smaller > p{
        font-size: 18px !important;
    }
    .cntr{
        text-align: center !important;
    }
    .flexlogos > img{
        flex: 50% !important;
        padding: 20px !important;
    }
    .removemargmob{
        margin: 0px !important;
    }
    nav > div > div.navbar-header > a > img{
        width: 75% !important;
    }
    .btnheader{
        width: 100% !important;
    }
    .col-md-4.gray-back{
        padding-top: 15px !important;
        margin-top: 30px !important;
    }
}


/*banner css*/
.espabtn {
   background:transparent;
}
.espabtn a {
   background:transparent!important;
}
.tabimg {
   padding: 6px;
}
.pull-tab {
   z-index:999999999 !important;
   color: rgb(94, 94, 94);
   position: fixed;
   right: 0px;
   bottom:50px;
   width: 500px;
   height: auto;
   background: #FFFFFF;
   box-shadow: 0px 0px 100px 0px rgb(74 74 74 / 35%);
   padding: 14px 15px 0px 15px;
   border-radius: 3px;
   transition: 0.3s all;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
@media(max-width: 768px) {
    .pull-tab.tabbed {
        right: -330px !important;
        transition: 0.3s all;
    }
   .pull-tab {
       right: 0px;
       width: 330px;
   }
    .tabimg {
       padding: 22px 0;
    }
    .pull-tab .tab {
       margin-top: -16px!important;
       padding:13px!important;
       font-size:13px!important;
    }
}
.pull-tab.tabbed {
    right: -500px; transition: 0.3s all;
}
.pull-tab.untabbed {
    right: 500px; transition: 0.3s all;
}
.pull-tab .tab {
   cursor: pointer;
   color: #0F3B61;
   font-family: manrope, sans-serif !important;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   box-shadow: 0px -20px 50px 0px rgb(74 74 74 / 10%);
   position: absolute;
   left: -70px;
    top: 43%;
    background: #fff;
    text-align: center;
    padding: 10px 7px;
   text-transform: none;
   font-size: 13px;
   letter-spacing: 1px;
   font-weight: 600;
   width: auto;
   height: auto;
   -webkit-transform: rotate(
-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   margin-top: -15px;
}
.is-container.container-fluid-fluid {
	z-index: auto!important;
}