html,body{
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}
body{
    font-family: Roboto,  serif;

}

.page-slider{
    padding-top: 120px;
}
.page-image{
    padding-top: 120px;
}
.page-image img{
    display: block;
    width: 100%;
}
.page-image-inner img{
    display: block;
    width: 100%;
}
img{
    max-width: 100%;
    height: auto;


}
header{
    height: 140px;
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    display: flex;
    align-items: center;

}

header .l{
   width: 25%;
   float: left;
   text-align: left;


}

header .c{
    width: 50%;
    float: left;
    text-align: center;
}

header .r{
    width: 25%;
    float: left;
    text-align: center;
}

a{
    color: #000000;
    text-decoration: none;
}
.contact{
    padding-left: 25px;
    padding-top: 0px;
    font-size: 17px;
    font-weight: 300;
    color: #000000;
}
.book{
    text-align: right;
    padding-right: 25px;

}
.logo{
    text-align: center;
    padding-top: 5px;
}

.space{
    height: 50px;
    background: #b7b7af;

}

.content{
    padding: 40px 10%;
    text-align: center;
    background: #fff;
    color: #000;
}

.content h1{
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 5px;
}

.content h2{
    font-size: 28px;
    font-weight: 300;
    margin-top: 5px;
}
h3{
    font-weight: 400;
}
.content h3{
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 5px;
}

.content ul{
  list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 300;
}
.content p{
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
}

.content strong{

    font-weight: 500;
}


.form-area{
    padding: 8vmax 4vmax;

}


.form-area-inner{
   max-width: 500px;
    margin: 0 auto;

}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.col50{
    width: 48%;
    float: left;
    padding: 1%;
}

a{
    transition: all 0.4s ease-in-out;
}

a:hover{
    color: #f6f6f6;
}

.btn-book{
    background: #1B2B47;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    padding: 20px 35px;
    transition: all 0.4s ease-in-out;

}
.footer-area a{
    color: #fff;
}

.btn-book:hover{
    background: #101b30;


}
.gallery{
    width: 100%;

}
.gallery-grid{
    display: flex;
    flex-wrap: wrap;
    padding: 15px;

}


.gallery-grid-item{
    width:  23%;
    margin: 1%;
    cursor: pointer;
    position: relative;



}
.gallery-grid-item .overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.2s ease-in-out;
}

.gallery-grid-item .overlay:hover{
  background: rgba(0,0,0,0.3);
}


.gallery-grid-item img{
    object-fit: cover;
    object-position: 50% 50%;
    width:  100%;
    height: 24vw;

}


.gallery-modal{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    visibility: hidden;
    background: #b7b7af;
}

.gallery-modal.show{

    opacity: 1;
    z-index: 999;
    visibility: visible;
}

.gallery-modal-items{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}
.gallery-modal-item{
    position: absolute;
    top: 60px;
    left: 10px;
    right: 10px;
    bottom: 60px;
    text-align: center;

    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

.gallery-modal-item img{
    height: 100%;
    width: 100%;
    object-fit: contain;

}
.gallery-modal-item.show{

    opacity: 1;
    z-index: 9;
}



.gallery .controls{
    position: absolute;
    top: 50px;

    bottom: 50px ;
    left: 0;
    right: 0;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gallery .control-close{
    position: absolute;
    top: 35px;
    right: 35px;
    z-index: 150;


}

.gallery .gallery-count {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    z-index: 99;
    text-align: center;
    color: white;
    font-size: 22px;



}


button:focus{
    outline: none;
}
.gal-close{

    font-weight: 100;
    font-size: 60px;
    color: white;
    border: none;
    background:transparent;
    cursor: pointer;
    font-family: Roboto, serif;
    text-shadow: 2px 2px rgba(0,0,0,0.1)
}

.gal-prev{
    color: transparent;
    cursor: pointer;
    width: 80px;
    height: 80px;
    background-color:transparent ;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAABWCAYAAABvht6EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNkQ0QUJCNkYzMzYxMUU0OTZENEE4N0FBM0VCODVENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNkQ0QUJCN0YzMzYxMUU0OTZENEE4N0FBM0VCODVENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIxMDFEMzExRjMwQTExRTQ5NkQ0QTg3QUEzRUI4NUQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxMDFEMzEyRjMwQTExRTQ5NkQ0QTg3QUEzRUI4NUQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8jlcRQAACZZJREFUeNrsnHt0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);
}


.gal-next{
    color: transparent;
    cursor: pointer;
    width: 80px;
    height: 80px;
    background-color:transparent ;
    background-repeat: no-repeat;
    background-position: 50% 50%;


    border: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAABWCAYAAABvht6EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMTAxRDMwRkYzMEExMUU0OTZENEE4N0FBM0VCODVENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMTAxRDMxMEYzMEExMUU0OTZENEE4N0FBM0VCODVENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIxMDFEMzBERjMwQTExRTQ5NkQ0QTg3QUEzRUI4NUQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIxMDFEMzBFRjMwQTExRTQ5NkQ0QTg3QUEzRUI4NUQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KZfyAgAACYNJREFUeNrsnAtw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);

}


@media only screen and (max-width: 1100px) {
    .btn-book {

        font-size: 15px;
        text-transform: uppercase;
        padding: 20px 5px;
        transition: all 0.4s ease-in-out;
    }

}
@media only screen and (max-width: 800px) {
    .btn-book {

        font-size: 15px;
        text-transform: uppercase;
        padding: 20px 5px;
        transition: all 0.4s ease-in-out;
    }

    .gallery-grid-item{
        width:  48%;
        margin: 1%;
        cursor: pointer;
        position: relative;



    }
    .gallery-grid-item img{
        object-fit: cover;
        object-position: 50% 50%;
        width:  100%;
        height: 48vw;

    }

    .slider-main .slider-controls .btn-next{
        right: 5px!important;
        background-position: 50% 50%;
    }
    .slider-main .slider-controls .btn-prev{
        left: 5px!important;
        background-position: 50% 50%;
    }
    .page-image{
        padding-top: 100px;
    }
    .slider-main{
        height: 90vw!important;
    }
    .col50{
        width: 100%;
        float: left;
    }
    body{
        padding-bottom: 0px;
    }
    header{
        height: 125px;

        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;

    }
    header .l{
        width: 100%;
        float: left;
        text-align: center;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 55px;

        display: none;

    }
    .contact{
        display: none;
        padding-left: 0px;
        padding-top: 5px;
        font-size: 17px;
        font-weight: 300;
        color: #000000;
    }
    .logo{
        text-align: center;
        padding-top: 8px;
        padding-left: 20px;
        padding-right: 20px;
    }

    header .c{
        width: 60%;
        float: left;
        text-align: center;
    }

    header .r{
        width: 40%;
        float: left;
        text-align: center;
    }

}

@media only screen and (max-device-width: 420px) {
    .col50{
        width: 100%;
        float: left;
    }
    .page-slider {
        padding-top: 100px;

    }
    body{
        padding-bottom: 0px;
    }
    header{
        height: 100px;

        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;

    }

    .logo{
        text-align: center;
        padding-top: 8px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .logo img{
        height: 65px;
    }

    header .c{
        width: 50%;
        float: left;
        text-align: center;
    }

    header .r{
        width: 50%;
        float: left;
        text-align: center;
    }

}