@font-face {
    font-family: wavehouse-book;
    src: url(../../../../assets/fonts/Wavehaus-66Book.otf);
}

@font-face {
    font-family: wavehouse-bold;
    src: url(../../../../assets/fonts/Wavehaus-128Bold.otf);
}

@font-face {
    font-family: wavehouse-light;
    src: url(../../../../assets/fonts/Wavehaus-42Light.otf);
}
*{
    font-family: wavehouse-light;
}
.main-logo{
    width: 100px;
}
#header-text{
    background: #F4F4F4;
}
#mainhome{
    background: #f3f3f3;
}
#carouseldestination{
    padding: 40px 0;
    background: #F4F4F4;
}
#carouseldestination .wrapitem{
    padding: 20px;
}
#carouseldestination .wrapitem label{
    font-size: 12px;
    color: #fff;
    font-weight: normal;
}
#carouseldestination .wrapitem h4{
    font-family: wavehouse-bold;
    font-size: 25px;
    margin: 0 0 30px;
    color: #fff;
}
#carouseldestination .wrapitem a{
    font-size: 14px;
    color: #fff;
}
#carouseldestination .wrapitem a:hover{
    letter-spacing: 1px;
    color: #F78812;
    text-decoration: none;
}
#carouseldestination .vall{
    float: right;
    margin: 0 0 14px;
}
#carouseldestination .vall a{
    display: block;
    background: #F78812;
    color: #fff;
    padding: 4px 10px;
}
#carouseldestination .owl-nav{
    position: absolute;
    top: -45px;
    z-index: 999;
}
#carouseldestination .owl-nav button{
    background: #F78812;
    color: #fff;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}
div#lhnHocButton div.lhnHocChatBtn {
    background-color: #fe9933;
}
div#lhnHocButton div.lhnHocBackBubble {
    background-color: #a3815f;
}
div#lhnHocButton div.lhnHocBackBubble:after {
    border-color: #a3815f #a3815f transparent transparent;
}
#lhnHelpOutCenter div.lhnWindow-header {
    background-color: #fd9833;
    color: #fff;
}
#lhnHelpOutCenter button.form_submit, #lhnHelpOutCenter button.lhnFormButton {
    background-color: #fd9833;
    color: #fff;
}
#lhnHelpOutCenter button.form_submit:hover, #lhnHelpOutCenter button.lhnFormButton:hover {
    background-color: #b76d23;
}
#lhnHelpOutCenter div.lhnChatActionsMenu img {
    background-color: #fd9833;
}
#lhnHelpOutCenter div.lhnWindow-chat_input button {
    background-color: #fd9833;
    color: #fff;
}
#lhnHelpOutCenter div.lhnWindow-chat_input button:hover {
    background-color: #e57200;
}
#lhnHelpOutCenter div.lhnCustomerMessage div.lhnWindow-message {
    background-color: #fd9833;
    color: #fff;
}
#lhnHelpOutCenter div.lhnCustomerMessage div.lhnWindow-message:after {
    border-color: transparent transparent transparent #fd9833;
}
#packages{
    background: #F4F4F4;
    padding: 30px 0 60px;
}
#packages .itempackage .bgcover{
    height: 240px;
    position: relative;
}
#packages .itempackage .bgcover h2{
    position: absolute;
    left: 20px;
    bottom: 10px;
    color: #fff;
    font-size: 16px;
    background: #F78812;
    padding: 5px 10px;
}
#packages .itempackage .wrapnormal{
    background: #fff;
}

#packages .itempackage .wrapnormal p{
    display: flex;
    font-size: 12px;
    line-height: 32px;
    margin: 0;
    padding: 10px;
}
#packages .itempackage .wrapnormal p img{
    display: inline-block;
    width: 42px;
}
#packages .itempackage .wrapprice{
    display: flex;
}
#packages .itempackage .wrapprice .box{
    padding: 20px;
    vertical-align: middle;
}
#packages .itempackage .wrapprice .box p{
    color: #fff;
}
#packages .itempackage .wrapprice .box p{
    font-family: wavehouse-bold;
    font-weight: normal !important;
}
#packages .itempackage .wrapprice .box p span{
    font-family: wavehouse-bold;
}
#packages .itempackage .wrapprice .box h3 label{
    font-size: 10px;
}
#packages .itempackage .wrapprice .box h3{
    color: #fff;
    font-family: wavehouse-bold;
    font-size: 35px;
}
#packages .itempackage .wrapprice .box a{
    color: #fff;
    text-decoration: none;
}
#packages .itempackage .wrapprice .box ul{
    margin: 0;
    padding: 0 0 0 14px;
}
#packages .itempackage .wrapprice .box ul li{
    color: #fff;
    font-size: 12px;
}
#packages .itempackage .wrapprice .orange{
    background: #F78812;
    width: 100%;
}
#packages .itempackage .wrapprice .red{
    background: #F91113;
    width: 600px;
}
#packages .itempackage .wrapprice .red p{
    display: flex;
}
#packages .itempackage .wrapprice .black{
    background: #000000;
}
#packages .itempackage .wrapprice .black a{
    display: block;
    text-align: center;
}
#packages .itempackage .wrapprice .black a:hover{
    color: #F78812;
    text-decoration: none;
}
.bgsaveup{
    background: #F4F4F4;
}
#testimonial{
    background: #F4F4F4;
    padding: 0 0 30px;
}
#testimonial .bgwhite{
    background: #fff;
}
#testimonial .bgwhite p{
    font-size: 15px;
    line-height: 22px;
    padding-top: 40px;
}
span small{
    color: #000000;
}
.setspace{
    height: 25px;
}
.setpadding{
    padding: 50px 0;
}
.tb{
    display: table;
    width: 100%;
    height: 100%;
}
.cell{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.dest_info {
    display: inline-block;
    padding-top: 20px;
}
.bggrey{
    background: #F4F4F4;
}
.margin-v-large {
    margin-top: 60px;
    margin-bottom: 0;
}
.support{
    padding: 40px 0;
    background: #F4F4F4;
}
.footer-wrapper input[type=text],
.footer-wrapper form input[type=email],
.footer-wrapper form input[type=tel]::placeholder{
    color: #fff;
}
.footer-wrapper form input[type=text],
.footer-wrapper form input[type=email],
.footer-wrapper form input[type=tel]{
    background: transparent;
    border: 1px solid #fff;
}
.footer-wrapper form label{
    color: #F78812;
}
.intl-tel-input{
    background: transparent;
    border: 1px solid #fff;
}
.selected-dial-code{
    color: #fff;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
    color: #000;
}
#form-secondary .selected-dial-code{
    color: #000;
}
#form-secondary input[type=text],
#form-secondary input[type=email],
#form-secondary input[type=tel],
#form-secondary input[type=number],
#form-secondary select,
#formleadapi_contact input[type=text],
#formleadapi_contact input[type=email],
#formleadapi_contact input[type=tel],
#formleadapi_contact input[type=number],
#formleadapi_contact select,
#formleadapi_contact textarea,
#locations select{
    background: transparent;
    border: none;
    border-bottom: 1px solid #F78812;
    padding: 0;
    box-shadow: none;
}
#form-secondary .intl-tel-input{
    border: none;
    border-bottom: none;
    box-shadow: none;
}

.text-orange{
    color: #F78812;
}
.singledestinationek{
    padding: 50px 0;
    background: #F5F5F5;
}
.singledestinationek .line{
    position: absolute;
    width: 100%;
    height: 1px;
    background: #737373;
    bottom: 20px;
    z-index: 1;
}
.singledestinationek h1.baseline{
    text-transform: uppercase;
    position: relative;
    display: inline;
    z-index: 2;
    margin: 0 21px;
    background: #f5f5f5;
}
.singledestinationek .wraptitle{
    position: relative;
}
.singledestinationek .hotel-map{
    height: 0;
}
.support .wrap{
    position: absolute;
    width: 100%;
    height: 1px;
    background: #b1b1b1;
    top: 45px;
}
.support img{
    max-height: 85px;
    display: block;
    margin: 0 auto;
    background: #f4f4f4;
    position: relative;
    z-index: 2;
}
.newsletterfooter form input[type=text]::placeholder,
.newsletterfooter form input[type=email]::placeholder{
    color: #fff !important;
}
.bggrey{
    background: #f4f4f4;
}
.sectiontitle h1{
    text-transform: uppercase;
    font-size: 26px;
    margin: 0 0 30px;
}
#form-secondary label{
    color: #F78812;
    font-weight: normal;
}
.line-title-packages{
    font-weight: 700;
}
.line-title-packages span{
    color: #F78812;
}

.package-banner{
    padding: 300px 0 20px;
}
.package-banner .covertransparent{
    background-image: linear-gradient(transparent, #000);
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.package-banner .wrapping{
    position: relative;
    z-index: 2;
}
#packages .wrapitem .item{
    float: left;
    width: 48%;
}

#packages .wrapitem .item .flat{
    float: left;
    height: 358px;
    width: 60%;
    padding: 20px;
    margin-bottom: 50px;
    margin-right: 0;
    background: #fff;
}

#packages .wrapitem .item .cover{
    width: 150px;
}

#packages .wrapitem .item .flat .wraptext h1{
    font-size: 20px;
    margin: 0 0 0;
    font-family: wavehouse-book;
}

#packages .wrapitem .item .flat .wraptext h1 span{
    font-size: 13px;
}

#packages .wrapitem .item .flat .wraptext h1 span i.fa{
    color: #F38914;
}
#packages .wrapitem .item .flat .wrapnormal{
    margin-bottom: 0;
}
#packages .wrapitem .item .flat .wrapnormal p{
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#packages .wrapitem .item .flat .wrapnormal p img{
    width: 50px;
}
#packages .wrapitem .item .flat .price{
    display: flex;
    margin-bottom: 30px;
}
#packages .wrapitem .item .flat .price .block-price-main{
    width: 70%;
}
#packages .wrapitem .item .flat .price .block-price-main h2{
    color: #F38914;
    font-family: wavehouse-bold !important;
    font-size: 40px;
    margin: 0;
    position: relative;
    top: 5px;
}
#packages .wrapitem .item .flat .price .block-price-night{
    width: 30%;
}
#packages .wrapitem .item .flat .price .block-price-night p{
    margin: 0;
    padding: 0;
    font-family: wavehouse-book !important;
    position: relative;
    top: 10px;
    border-left: 1px solid #000;
    padding: 0 0 0 20px;
}

#packages .wrapitem .item .flat .block-discount .p-discount{
    position: absolute;
    top: 20px;
    right: 29px;
    font-size: 35px;
    color: #fff;
    font-family: wavehouse-bold !important;
    z-index: 10;
}

#packages .wrapitem .item .flat .block-discount .wrapdiscount{
    position: relative;
}

#packages .wrapitem .item .flat .atag{
    margin: 30px 0;
}
#packages .wrapitem .item .flat .atag a{
    display: block;
    text-align: right;
    text-decoration: none;
    color: #F38914;
}
#packages .wrapitem .item .flat .atag a:hover{
    color: #80470a;
}
.package-banner-web2 h1{
    color: #fff;
    font-size: 14px;
    margin: 50px 0 0;
}
.package-banner-web2 h1 span{
    margin: 0 20px;
}
.package-banner-web2 h1 span i.fa-star{
    font-size: 12px;
    color: #F38914;
}
.package-banner-web2 .item{
    text-align: center;
    margin: 0 auto;
    width: auto;
    padding: 0 30px;
}
.package-banner-web2 .item .wrapitem{
    display: inline-block;
    padding: 10px;
}
.package-banner-web2 .item .wrapitem .atag{
    margin-top: 20px;
}
.package-banner-web2 .item h2{
    color: #F38914;
    font-family: wavehouse-bold !important;
    font-size: 50px !important;
    margin: 0;
    position: relative;
    top: 5px;
}
.package-banner-web2 .item p{
    color: #fff;
    text-align: left;
    border-left: 1px solid #fff;
    padding: 0 10px;
}
.package-banner-web2 .item .discount img{
    width: 280px;
}
.package-banner-web2 .item .discount .wrapdiscount{
    position: relative;
    top: 35px;
}
.package-banner-web2 .item .discount .wrapdiscount .p-discount{
    position: absolute;
    top: 20px;
    right: 29px;
    font-size: 35px;
    color: #fff;
    font-family: wavehouse-bold !important;
    z-index: 10;
} 
.package-banner-web2 .item .atag a{
    background: #F38914;
    color: #fff;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    bottom: 10px;
}
.package-banner-web2 .item .atag a:hover{
    background: #ed8d24;
}
.package-banner-web2 .captext {
    margin-top: 20px;
}
.package-banner-web2 .captext p{
    color: #fff;
    font-family: wavehouse-bold !important;
    letter-spacing: 1px;
}

.package-banner-web2 .captext p span{
    color: #fff;
    font-family: wavehouse-light !important;
}
.contentmain .wraptext{
    margin: 0 0 30px;
}
.contentmain .wraptext h1{
    font-size: 25px;
    font-family: wavehouse-bold !important;
    color: #ed8d24;
    line-height: 22px;
}
.contentmain .wraptext h1 span{
    display: block;
    color: #000;
    font-size: 14px;
    margin: 10px 0;
}
.contentmain .wraptext h1 span i.fa{
    color: #ed8d24;   
}
.contentmain .facilities h3{
    color: #ed8d24;
}
.contentmain .facilities ul{
    padding: 0 15px;
}
.contentmain .facilities ul li{
    float: left; width: 130px;
}
.showbtn .atag{
    margin: 30px 0;
}
.showbtn .atag a{
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 200px;
    background: #F38914;
    padding: 10px;
    text-decoration: none;
    color: #fff;
}
.showbtn .atag a:hover{
    color: #80470a;
}
.bgorange{
    background: #F38914;
}
.rowmap table{
    border-collapse: collapse;
}
.rowmap h3{
    font-family: wavehouse-bold !important;
    color: #fff;
}
.rowmap .wrapin{
    padding: 30px;
}
.rowmap table{
    width: 100%;
}
.rowmap table tr td{
    width: 50%;
    color: #fff;
    font-family: wavehouse-book !important;
    padding: 6px 0;
    border-bottom: 1px solid #eba85d;
}
.rowmap table tr td:last-child{
    text-align: right;
}
.rowmap .inside{
    min-height: 394px;
}
.setform h2{
    margin: 0;
    padding: 50px 0;
}
.owl-bannermain .owl-nav{
    position: absolute;
    width: 100%;
    top: 45%;
}
.owl-bannermain .owl-nav button{
    width: 40px;
    height: 40px;
    background: #f38914 !important;
    color: #fff !important;
    border-radius: 50%;
}
.owl-bannermain .owl-nav button.owl-next{
    float: right;
}
#formleadapiPostzoho input[type=submit],
#formzohonewsletter2 input[type=submit]{
    background: #F38914;
    color: #fff;
    border-radius: 0;
    padding: 10px 50px;
    outline: 0;
}
#formleadapiPostzoho input[type=submit]:hover,
#formzohonewsletter2 input[type=submit]:hover{
    background: #d57810;
}
#formzohonewsletter2 input[type=tel]{
    color: #fff;
}
#acf-map {
    width: 100%;
    height: 222px;
    border: #ccc solid 1px;
    margin: 20px 0;
}
#acf-map img {
   max-width: inherit !important;
}
#acf-mappackage {
    width: 100%;
    height: 395px;
    border: #ccc solid 1px;
    margin: 0;
}
#acf-mappackage img {
   max-width: inherit !important;
}
@media screen and (max-width: 1199px){
    .singledestinationek .line{
        bottom: 13px;
    }
    #packages .wrapitem .item {
        width: 50%;
    }
    #packages .wrapitem .item .flat .block-discount .p-discount{
        right: 18px;
    }
}
@media screen and (max-width: 991px){
    #packages .wrapitem .item {
        float: none;
        width: 100%;
        margin: 0 0 30px;
    }
    #packages .wrapitem .item .cover{
        width: 100%;
    }
    #packages .wrapitem .item .flat{
        float: none;
        width: 100%;
        margin: 0;
        padding: 20px;
    }
    #packages .wrapitem .item .flat .block-discount .wrapdiscount img{
        width: 280px;
        display: block;
        margin: 0 auto;
    }
    #packages .wrapitem .item .flat .block-discount .p-discount{
        right: 32%;
    }
    #packages .wrapitem .item .flat .price .block-price-main h2{
        font-size: 40px !important;
    }
    #packages .wrapitem .item .flat .price .block-price-main {
        width: 50%;
    }
}
@media screen and (max-width: 720px){
    .package-banner-web2 .item .discount .wrapdiscount{
        top: 0;
    }
    .package-banner-web2 .item .wrapitem .atag {
        margin-top: 0;
        position: relative;
        top: -34px;
    }
    .package-banner-web2 .item p{
        position: relative;
        top: 10px;
    }
}
@media screen and (max-width: 564px){
    .package-banner-web2 .item .wrapitem .atag {
        margin-top: 20px;
        position: relative;
        top: 0;
    }
    .package-banner-web2 .item h2{
        font-size: 30px !important;
    }
}
@media screen and (max-width: 420px){
    .package-banner-web2 .item .discount .wrapdiscount .p-discount {
        top: 20px;
        font-size: 24px;
    }
    .package-banner-web2 .item p{
        border-left: none;
    }
}
@media screen and (max-width: 320px){
    .package-banner-web2 .item .discount .wrapdiscount .p-discount{
        font-size: 20px;
    }
}