body .ft{font-family: 'Termina', sans-serif;}

.index{font-size: 18px;}

.index .btn,
.index .btn:hover,
.index .btn:focus{font-weight: 500; text-transform: none;}

.index .btn.btn-secondary,
.index .btn.btn-secondary:hover,
.index .btn.btn-secondary:focus{background-color: #1a1a1a;}

/* owl-carousel */
    .index .owl-carousel .owl-nav button.owl-next,
    .index .owl-carousel .owl-nav button.owl-prev{
        background-color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px;
        border: 1px solid #d8d8d8;
        border-radius: 100%;
        color: #000;
        font-family: monospace;
        font-size: 0;
        height: 50px;
        padding: 10px;
        text-align: center;
        width: 50px;
    }
    .index .owl-carousel .owl-nav button.owl-prev{
        background-image: url(/img/icons/ic-ar_left-2.jpg);
        background-position: 10px center;
    }
    .index .owl-carousel .owl-nav button.owl-next{
        background-image: url(/img/icons/ic-ar_right-2.jpg);
        background-position: 14px center;
    }
    
    .index .owl-carousel .owl-nav button.owl-next.disabled{opacity: .5;}
    .index .owl-carousel .owl-nav button.owl-prev.disabled{display: none;}

    .index section.units .owl-carousel .owl-stage{margin-left: -50px;}
    @media (min-width: 768px){
        .index .owl-carousel.right{
            width: calc((100vw - 750px)/2 + 750px - 30px);
        }
        .index section.units .owl-carousel .owl-stage{margin-left: -50px;}
    }
    @media (min-width: 992px){
        .index .owl-carousel.right{
            width: calc((100vw - 970px)/2 + 970px - 30px);
        }
        .index section.units .owl-carousel .owl-stage{margin-left: -100px;}
    }
    @media (min-width: 1200px){
        .index .owl-carousel.right{
            width: calc((100vw - 1170px)/2 + 1170px - 30px);
        }
        .index section.units .owl-carousel .owl-stage{margin-left: -100px;}
        .index section.units .owl-carousel .owl-nav button.owl-prev{position: absolute; top: 80px; bottom: auto; left: 100px; right: auto;}
        .index section.units .owl-carousel .owl-nav button.owl-next{position: absolute; top: 80px; bottom: auto; left: auto; right: 100px;}

        .index section.promise .owl-carousel .owl-nav button.owl-prev{position: absolute; top: auto; bottom: 25px; left: 50px;}
        .index section.promise .owl-carousel .owl-nav button.owl-next{position: absolute; top: auto; bottom: 25px; left: 150px;}
        .index section.promise .owl-carousel .owl-dots{position: absolute; bottom: 35px; left: 250px;}
    }

    @media (max-width: 768px){
        .index section.units{overflow: hidden;}
        .index section.units .container{padding-right: 0;}
        .index section.units .owl-theme .owl-nav{display: none;}
    }


.index h1{font-size: 42px; font-weight: 600;}
.index h2{font-size: 36px; font-weight: 600;}
.index h3{font-size: 30px; font-weight: 600;}
.index h4{font-size: 24px; font-weight: 600;}
.index p{color:#1a1a1a; font-size: 18px;}

@media screen and (max-width:767.5px){
    .index h1{font-size: 28px; text-align: left;}
    .index h2{font-size: 24px; text-align: left;}
    .index h3{font-size: 20px; text-align: left;}
    .index h4{font-size: 18px; text-align: left;}
    .index p{font-size: 16px;}
}

@media screen and (max-width:767.5px){
    .index section .heading{margin-bottom: 10px; margin-top: 0;}
    .index section .container{padding-bottom: 0;}
    .index section .container-fluid{padding-bottom: 0;}
}


/** section.MAIN **/
    .index section.main{background-image:url(https://cdn.hosteeva.com/img/lp/index/top-cover-2.jpg);}
    .index section.main.ny{background-image:url(https://cdn.hosteeva.com/img/lp/index/top-cover-5.jpg);}
    .index section.main.valentine{background-image:url(/img/lp/index/top-cover-6.jpg); background-position: right 80%;}
    .index section.main.laborday{background-image:url(/img/lp/index/top-cover-ld.jpg); background-position: 0px 25%;}

    .index section.main.womansday{background-image:url(/img/lp/index/top-cover-womansday.jpg); background-position: right;}
    .index section.main.newdestinations{background-image: none;}
    .index section.main.springbreak{background-image:url(/img/lp/index/top-cover-springbreak.jpg);}
    .index section.main.mothersday{background-image:url(/img/lp/index/top-cover-mothersday.jpg);}
    .index section.main.memorialday{}

    .index section.main .carousel{position: relative;}
    .index section.main .carousel .carousel-inner{position: absolute; top:0; left: 0; height: 100%; width: 100%;}
    .index section.main .carousel .carousel-inner .item{
        background-size: cover;
        background-position: center right;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .index section.main .carousel .title{
        background-color: #1a1a1a66;
        backdrop-filter: blur(3px);
        border: 1px solid #ffffff26;
        border-radius: 8px;
        color: #fff;
        font-size: 14px;
        padding: 10px 15px;
        position: absolute;
        bottom: 50px;
        right: 200px;
    }
    .index section.main .carousel .title>img{height: 12px; margin-bottom: 3px;}
    .index section.main .carousel .title .btns{display: inline-block; margin-left: 20px; vertical-align: middle;}
    .index section.main .carousel .title .btns .carousel-control{
        background: none;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 12px;
        display: inline-block;
        vertical-align: middle;
        height: 16px;
        position: static;
        width: 16px;
    }
    .index section.main .carousel .title .btns .carousel-control.left{background-image:url(/img/icons/ic-carousel-left@2x.png);}
    .index section.main .carousel .title .btns .carousel-control.right{background-image:url(/img/icons/ic-carousel-right@2x.png);}

    @media screen and (max-width:991px){
        .index section.main .carousel .title{display: none;}
    }

    body .ui-autocomplete.ui-front{width: 356px!important;}

    .index section.main .form{
        background-color:#fff;
        border-radius: 24px;
        box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.1);
        margin:30px auto;
        max-width:90%;
        padding:32px;
        width:480px;
    }
    .index section.main .form form{margin-top: 35px;}
    .index section.main .form form *::placeholder{color: #626d77;}
    .index section.main .form h3{margin-top: 0;}
    .index section.main .form .errorMessage{margin:10px 0; position:static;}
    .index section.main .form .box{padding:8px 0; position:relative;}
    .index section.main .form .box + .box{border-top:1px solid #ededed;}
    .index section.main .form .box.property{
        background-image:url("/img/lp/index/short-details-type.png");
        background-position:15px center;
        background-repeat:no-repeat;
        background-size:26px;
        padding-left:40px;
    }
    .index section.main .form .box.city{
        background-image:url("/img/lp/index/ic-cities.svg");
        background-position:20px center;
        background-repeat:no-repeat;
        background-size:17px;
        padding-left:40px;
    }
    .index section.main .form .chosen-container-single .chosen-single span{
        line-height: 1;
        padding: 4px 16px 4px 8px;
    }
    .index section.main .form .box.property input[type="text"]{
        background-color:transparent;
        color:#626d77;
        border:none;
        font-size:16px;
        padding-left:18px;
    }
    .index section.main .form .box.dates{
        background-image:url("/img/lp/index/ic-dates.png"), url("/img/lp/index/ic-ar_right-2.png");
        background-position:20px center, center;
        background-repeat:no-repeat, no-repeat;
        background-size:16px, 12px;
        padding-left:48px;
    }
    .index section.main .form .box.dates input[type="text"]{
        background-color:transparent;
        color:#626d77;
        border:none;
        font-size:16px;
        padding-left:11px;
    }
    .index section.main .form .box.dates input[type="text"]:disabled{padding-left:0;}
    .index section.main .form .box.persons{
        background-image: url("/img/lp/index/ic-persons.png");
        background-position:20px center;
        background-repeat:no-repeat;
        background-size:16px;
        padding-left:40px;
    }
    .index section.main .form .box.persons select{}
    .index section.main .form .box.persons .chosen-container-single .chosen-single,
    .index section.main .form .box.city .chosen-container-single .chosen-single{
        border:none;
        font-size:16px;
        padding-left:12px;
        text-align:left;
    }
    .index section.main .form .box.persons .chosen-container-single .chosen-single>div{margin-top: 14px;}
    .index section.main .form .box.buttons{border:none; margin-top:16px; padding:0;}
    .index section.main .form .box.buttons .btn{
        box-shadow: none;
        padding:16px 32px;
        text-align: center;
    }
    .index section.main .form select{
        border:none;
        color:#626d77;
        font-size:16px;
        padding-left:16px;
    }

    .index section.main .form .box .border{
        border-bottom:1px solid #1e7eee;
        bottom:0;
        left:0;
        position:absolute;
        transition:.5s ease;
        width:0;
    }
    .index section.main .form .box input:focus + .border,
    .index section.main .form .box select:focus + .border,
    .index section.main .form .box .chosen-container-active + .border{width:100%;}

    @media screen and (max-width:767.5px){
        .index section.main .form{padding: 24px;}
        .index section.main .form .box.property{background-position:left center; padding-left:20px;}
        .index section.main .form .box.city{background-position:4px center; padding-left:20px;}
        .index section.main .form .box.dates{background-position:5px center, center; padding-left:28px;}
        .index section.main .form .box.persons{background-position:6px center; padding-left:20px;}    
    }


/** section.DESTINATIONS **/
    .index section.destinations{background-color: #f9f6f7;}
    .index section.destinations .items .item{
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        display: block;
        border-radius: 37px;
        height: 250px;
        position: relative;
        text-decoration: none;
        transition: .5s ease;
    }
    .index section.destinations .items .item .title{
        background-color: rgba(255, 255, 255, .74);
        border-radius: 12px;
        color: #1a1a1a;
        font-size: 14px;
        position: absolute;
        bottom: 28px;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        left: 24px;
        min-width: 128px;
        overflow: hidden;
        padding: 10px 10px 12px;
        text-align: center;
        text-overflow: ellipsis;
        text-transform: capitalize;
        white-space: nowrap;
    }
    .index section.destinations .items .item .icon{
        background-image: url(/img/icons/ic-carousel-right@2x.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 14px;
        background-color: rgba(0, 0, 0, .3);
        border-radius: 50%;
        -webkit-backdrop-filter: blur(1px);
        backdrop-filter: blur(1px);
        position: absolute;
        bottom: 28px;
        right: 24px;
        height: 40px;
        transition: .5s ease;
        width: 40px;
    }
    .index section.destinations .items .item:hover{background-size: 110%;}
    .index section.destinations .items .item:hover .icon{
        background-color: #1e7eee;
        backdrop-filter: none;
        transform: rotate(-45deg);
    }

    .index section.destinations .box-main .items{
        display: grid;
        font-size: 0;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 20px;
    }

    .index section.destinations .box-main .items .item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
    .index section.destinations .box-main .items .item:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
    .index section.destinations .box-main .items .item:nth-child(3) { grid-area: 1 / 2 / 3 / 3; height: 100%}
    .index section.destinations .box-main .items .item:nth-child(4) { grid-area: 1 / 3 / 2 / 4; }
    .index section.destinations .box-main .items .item:nth-child(5) { grid-area: 1 / 4 / 2 / 5; }
    .index section.destinations .box-main .items .item:nth-child(6) { grid-area: 2 / 3 / 3 / 5; }

    .index section.destinations .box-extra{height: auto; margin:20px auto; transition: .5s ease;}
    .index section.destinations .box-extra.closed{
        height: 0;
        overflow: hidden;
    }
    .index section.destinations .box-extra .items{
        display: grid;
        font-size: 0;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 20px;
    }
    @media screen and (max-width: 1199.5px){
        .index section.destinations .items .item,
        .index section.destinations .items .item:hover{
            background-size: cover;
        }
    }
    @media screen and (max-width: 991.5px){
        .index section.destinations .box-main .items,
        .index section.destinations .box-extra .items{display: block; text-align: center;}

        .index section.destinations .box-main .items .item:nth-child(n),
        .index section.destinations .box-extra .items .item{
            display: inline-block;
            height: 250px;
            margin-bottom: 24px;
            vertical-align: top;
            width: calc(50% - 12px);
        }
        .index section.destinations .box-main .items .item:nth-child(n),
        .index section.destinations .box-extra .items .item{
            margin-left: 0;
            margin-right: 24px;
        }
        .index section.destinations .box-main .items .item:nth-child(2n),
        .index section.destinations .box-extra .items .item:nth-child(2n){
            margin-left: 0;
            margin-right: 0;
        }
    }
    @media screen and (max-width:767.5px){
        .index section.destinations .box-main .items .item:nth-child(n),
        .index section.destinations .box-extra .items .item{
            margin-bottom: 12px; width: calc(50% - 6px);
            height: 200px;
        }
        .index section.destinations .box-main .items .item:nth-child(n),
        .index section.destinations .box-extra .items .item{
            margin-left: 0;
            margin-right: 12px;
        }
        .index section.destinations .box-main .items .item:nth-child(2n),
        .index section.destinations .box-extra .items .item:nth-child(2n){
            margin-left: 0;
            margin-right: 0;
        }
    }
    @media screen and (max-width:599.5px){
        .index section.destinations .items .item .title{
            left: 16px;
            max-width: 180px;
            width: calc(100% - 32px);
        }
        .index section.destinations .items .item .icon{
            bottom: calc(50% - 20px);
            right: 16px;
        }
        .index section.destinations .box-main .items .item:nth-child(1){}
        .index section.destinations .box-main .items .item:nth-child(2){}
        .index section.destinations .box-main .items .item:nth-child(3){background-position: center 75%; margin-right: 0; width: 100%;}
        .index section.destinations .box-main .items .item:nth-child(4){margin-right: 12px; margin-left: 0;}
        .index section.destinations .box-main .items .item:nth-child(5){margin-right: 0; margin-left: 0;}
        .index section.destinations .box-main .items .item:nth-child(6){margin-right: 0; width: 100%;}
    }


/** section.PROMISE **/
    .index section.promise{overflow: hidden; position: relative; padding-top: 40px;}
    .index section.promise:before{
        background-color: #f9f6f7;
        border-radius: 0 0 48px 48px;
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 50%;
        z-index: -1;
    }
    .index section.promise .container>h2{margin-bottom: -100px;}
    .index section.promise .item{height: 600px; position: relative;}
    .index section.promise .item img{border-radius: 24px; height: 100%; position: absolute; right: 0; top: 0; width: auto;}
    .index section.promise .item .text{background-color: #9c9c9c; border-radius: 24px; margin-top: 150px; min-height: 335px; padding: 48px;}

    @media screen and (max-width: 1199.5px){
        .index section.promise h2{margin-bottom:30px;}

        .index .owl-carousel .owl-nav button.owl-prev{float: left; margin-left: calc(50% - 150px);}
        .index .owl-carousel .owl-nav button.owl-next{float: right; margin-right: calc(50% - 150px);}
        .index .owl-carousel .owl-dots{margin-top: 28px;}
    }
    @media screen and (max-width: 767.5px){
        .index section.promise .item img{width: 100%;}
        .index section.promise .item .text{margin: 20px; padding: 30px 24px; }
    }


/** section.SERVICES **/
    .index section.services{position: relative;}
    .index section.services:before{
        background-color: #f2f3f5;
        border-radius: 70px;
        content: '';
        display: block;
        position: absolute;
        top: 37%;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }
    .index section.services .txt{padding: 20px 40px;}
    .index section.services .txt .btn{margin-bottom: 20px;}
    .index section.services .logos{}
    .index section.services .logos .item{padding: 30px 15px 0; position: relative;cursor: pointer;}
    .index section.services .logos .a{text-decoration: none; color: inherit;}
    .index section.services .logos .item::before,
    .index section.services .logos .item::after{
        background-color:#e7e0e0;
        display: block;
        height: 80px;
        position: absolute;
        top: 0;
        width: 2px;
    }
    .index section.services .logos .item::before{left:0;}
    .index section.services .logos .item::after{right:0;}

    .index section.services .logos .row>div:nth-child(2) .item::before,
    .index section.services .logos .row>div:nth-child(2) .item::after{content: '';}



    .index section.services .logos .item h4{color:#303030; text-align: center;}
    .index section.services .logos .item p{}

    .index section.services .video-container {border-radius: 25px; height:0; margin-bottom: 50px; padding-bottom:56.25%; position:relative; overflow: hidden; width: 100%;}
    .index section.services .video-container iframe,
    .index section.services .video-container object,
    .index section.services .video-container embed {position:absolute; top:0; left:0; height:100%; width:100%;}

    @media screen and (max-width: 1199.5px){
        .index section.services .txt .btns{text-align: center;}
    }
    @media screen and (max-width: 991.5px){
        .index section.services{padding-bottom: 50px;}
        .index section.services .video-container{margin-top: 50px;}

        .index section.services .logos .item::before,
        .index section.services .logos .item::after{
            height: 2px;
            width: 80px;
        }
        .index section.services .logos .item::before{top:15px; left:calc(50% - 40px); right: auto; bottom: auto;}
        .index section.services .logos .item::after{bottom:-25px; left:calc(50% - 40px); right: auto; top: auto;}
    }
    @media screen and (max-width: 767.5px){
        
    }


/** section.UNITS **/
    .index section.units{}
    .index section.units .heading{margin-top: 0;}
    .index section.units .item{}
    .index section.units .item a{display: block; text-decoration: none;}
    .index section.units .item .img{border-radius: 24px; height: 200px; overflow: hidden;}
    .index section.units .item .img img{height: 100%; object-fit: cover; transition: .5s ease; width: 100%;}
    .index section.units .item .img img:hover{transform: scale(1.1);}
    .index section.units .item .txt{padding: 12px;}
    .index section.units .item .txt .title{color: #212e50; font-size: 22px; font-weight: bold; line-height: normal; margin-bottom: 5px;}
    .index section.units .item .txt .info{color: #626d77; font-size: 14px;}
    .index section.units .item .txt .price{color: #212e50; font-size: 20px; font-weight: bold;}
    .index section.units .item .txt .price small{font-weight: normal;}

    .index section.units .owl-carousel .owl-nav button.owl-next,
    .index section.units .owl-carousel .owl-nav button.owl-prev{
        box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.1);
    }


/** section.TO_SNOWBIRDS **/
    .index section.to_snowbirds{
        background-color:#52A2FF;
        margin-top: 40px;
        padding:0;
        position:relative;
    }
    .index section.to_snowbirds .container-fluid{padding-top: 0; padding-bottom: 0;}
    .index section.to_snowbirds:after{
        background-image:url(/img/lp/index/to_snowbirds.jpg);
        background-size: cover;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        top:0; right: 0; bottom: 0; left: 50%;
    }
    .index section.to_snowbirds .txt{padding:80px 0 100px;}
    .index section.to_snowbirds h4{max-width: 400px;}
    .index section.to_snowbirds .btn.btn-primary{
        bottom:36px;
        left:50%;
        margin-left:-137px;
        padding:17px 32px;
        position:absolute;
        width:274px;
        z-index: 9;
    }
    .index section.to_snowbirds .btn.btn-primary img{height:12px; margin-left:12px;}
    @media screen and (max-width:767.5px){
        .index section.to_snowbirds{padding-bottom: 200px;}
        .index section.to_snowbirds:after{
            height: 200px;
            top:auto; right: 0; bottom: 0; left: 0;
        }
        .index section.to_snowbirds .txt{padding-left: 20px; padding-right: 20px;}
        .index section.to_snowbirds h4{font-size: 24px; text-align: center;}
        .index section.to_snowbirds .btn.btn-primary{bottom: 175px;}
    }


/** section.GUESTS **/
    .index section.guests{position: relative;}
    .index section.guests .bg{
        position: absolute;
        bottom: 70px;
        left: 0;
        right: 0;
    }
    .index section.guests .bg .container{padding-bottom: 0; padding-top: 0;}
    .index section.guests .bg .figure{
        background-color: #f9f6f3;
        border-radius: 24px;
        height: 170px;
    }
    .index section.guests .carousel-web{display: block;}
    .index section.guests .carousel-mob{display: none;}
    .index section.guests .box{margin-top: 50px; height: 100px;}
    .index section.guests .box img{height: 48px; width: auto;}


    @media screen and (max-width: 767.5px){
        .index section.guests .bg{bottom: 0;}
        .index section.guests .bg .figure{height: 300px;}
        .index section.guests .carousel-web{display: none;}
        .index section.guests .carousel-mob{
            display: block;
            margin-left: -20px;
            margin-right: -20px;
            width: calc(100% + 40px);
        }
    }


/** section.SEEN **/
    .index section.seen{}
    .index section.seen .heading{margin-top: 0;}
    .index section.seen .container{}
    .index section.seen .items{}
    .index section.seen .items .item{
        background-color: #f9f6f3;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 70%;
        border-radius: 24px;
        height: 250px;
        margin-bottom: 20px;
        width: 100%;
    }
    .index section.seen .items .col-xs-12:nth-child(1) .item{background-size: 60%;}
    .index section.seen .items .col-xs-12:nth-child(2) .item{background-size: 60%;}
    .index section.seen .items .col-xs-12:nth-child(3) .item{background-size: 80%;}
    .index section.seen .items .col-xs-12:nth-child(4) .item{background-size: 40%;}

    @media screen and (max-width: 991.5px){
        .index section.seen .container{padding-bottom: 80px;}
        .index section.seen .items .item{height: 40vw;}
    }