/*-----------------------------------------------------------------------------------*/
/*  Import
/*-----------------------------------------------------------------------------------*/
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #353535;
    /*letter-spacing: 1px;*/
    font-family: "futuratligregular";
}

@font-face {
    font-family: 'futuratligregular';
    src: url('../fonts/futuratlig-webfont.woff2') format('woff2'),
    url('../fonts/futuratlig-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Allura';
    src: url('../fonts/webfontkit/allura-regular-webfont.woff2') format('woff2'),
    url('../fonts/webfontkit/allura-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*-----------------------------------------------------------------------------------*/
/*  Global Css
/*-----------------------------------------------------------------------------------*/
a {
    color: #353535;
    -moz-transition: all .3s linear !important;
    -webkit-transition: all .3s linear !important;
    -ms-transition: all .3s linear !important;
    -o-transition: all .3s linear !important;
    transition: all .3s linear !important;
    text-decoration: none !important;
    outline: 0 !important;
}

a:hover {
    text-decoration: none !important;
}

input:focus,
select:focus,
textarea:focus {
    outline: 0 !important;
}

h1 {
    color: #009fae;
    font-size: 36px;
    line-height: 1em;
    /*letter-spacing: 5px;*/
    text-align: center;
    /*font-family: "Allura";*/
}

h1 {
    display: block;
}

h1:first-letter {
    border-bottom: 1px solid #009fae;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 28px;
}

p {
    font-size: 18px;
}

.text-header h1:first-letter {
    border-bottom: 1px solid #ffffff;
}

.lined-heading {
    position: relative;
    text-align: center;
    display: block;
    margin-bottom: 30px;
}

h1.lined-heading:before {
    top: 50%;
    width: 100%;
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    border-top: 1px solid #000000;
}

h1.lined-heading div {
    font-weight: 100;
    padding: 0px 20px;
    position: relative;
    display: inline-block;
    background: #ffffff;
}

.show-distop {
    display: block;
}

.show-mobile {
    display: none;
}

.explore-info {
    width: 150px;
    padding: 10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    margin: 30px 0px;
    text-align: center;
    transition-duration: 2s;
    text-transform: uppercase;
    background: #009fae;
    border: 1px solid #009fae;
}

.explore-info:hover {
    color: #009fae;
    background: none;
}

.explore-info a {
    color: #ffffff;
}

.explore-info a:hover {
    color: #009fae;
}

/*-----------------------------------------------------------------------------------*/
/*  CSS Header
/*-----------------------------------------------------------------------------------*/
header, a, img, li {
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari and Chrome */
    -o-transition: all 1s; /* Opera */
}

header .logo {
    right: 0px;
    position: absolute;
    background: #ffffff;
}

header {
    width: 100%;
    z-index: 2;
    position: fixed;
}

/* Sizes for the bigger menu */
header.large {
    padding: 0px;
}

header.large img {
    width: 300px;
    height: 100px;
}

/* Sizes for the smaller menu */
header.small {
    z-index: 5;
    height: 70px;
    background: rgba(255, 255, 255, 0.5) !important;
}

header.small img {
    width: 210px;
    height: 70px;
}

header.small .header-menu {
    top: 0px;
    height: 70px;
    padding: 10px;
    border: none !important;
    background: #000000;
}

/*-----------------------------------------------------------------------------------*/
/*  header-box-rContent
/*-----------------------------------------------------------------------------------*/
.header-box-right {
    right: 0px;
    top: 100px;
    z-index: 2;
    width: 300px;
    cursor: pointer;
    position: absolute;
}

.header-box-right .content {
    padding: 20px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.55) !important;
}

.header-box-right .content h3 {
    color: #ce9c21;
    font-size: 24px;
    font-family: 'Allura';
    font-weight: 100;
    line-height: 0px;
}

.header-box-right .content h2 {
    font-size: 18px;
    font-weight: normal !important;
    text-transform: uppercase;
    font-family: 'futuratligregular';
}

.header-box-right .content p {
    font-size: 18px;
    margin: 20px 0px;
    color: #b1b1b1;
    letter-spacing: 1px;
}

.header-text-slide {
    z-index: 2;
    left: 50px;
    bottom: 50px;
    position: absolute;
}

.header-text-slide h1 {
    color: #ffffff;
    font-size: 24px;
    text-align: left;
    line-height: normal;
    font-weight: 100 !important;
    margin: 10px 0px;
    text-transform: uppercase;
}

.header-text-slide h1:first-letter {
    border-bottom: 1px solid #ffffff;
}

.header-text-slide p {
    margin: 0px;
    color: #ffffff;
    font-size: 18px;
    text-align: left;
}

.animate-bottom {
    z-index: 2;
    bottom: 50px;
    width: inherit;
    text-align: center;
    position: absolute;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 3s;
    animation-name: animatebottom;
    animation-duration: 5s;
}

.animate-bottom h4 {
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 30px;
    margin: 0px;
    font-weight: 100;
    /*font-family: 'Allura';*/
}

.animate-bottom img {
    width: 35px;
    margin: 0 auto;
}

/*-----------------------------------------------------------------------------------*/
/*  CSS Menu-Nav
/*-----------------------------------------------------------------------------------*/
.header-menu {
    z-index: 1;
    top: 30px;
    left: 50px;
    width: 60px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    padding: 10px 10px;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.55) !important;
    position: absolute;
}

.header-menu i {
    color: #f6f1b4;
    font-size: 24px;
    font-weight: 100;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 1s;
    padding-top: 100px;
    background-color: #414141;
}

.sidenav a {
    outline: 0px !important;
    color: #ffffff;
    font-size: 16px;
    font-weight: 100;
    display: block;
    transition: 0.3s;
    text-align: left;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 5px 5px 10px 50px;
    text-transform: uppercase;

}

.sidenav a:hover {
    color: #009fae;
}

.sidenav .closebtn {
    top: 0px;
    right: 50px;
    font-size: 60px;
    position: absolute;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

.social-icons {
    margin: 0 40px 30px 40px;
}

.social-icons a {
    float: left;
    padding: 10px 5px 10px 10px;
}

.social-icons i {
    color: #fff;
    font-size: 20px;
}

.social-icons i:hover {
    color: #009fae;
}

/*-----------------------------------------------------------------------------------*/
/*  CSS Reservation
/*-----------------------------------------------------------------------------------*/
.reservation-box {
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    padding: 20px 10px;
    background: rgba(255, 255, 255, 0.5);
}

.reservation-box h1 {
    color: #ffffff;
    font-size: 20px;
    margin-left: 10px;
    text-align: left;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 100 !important;
    font-family: 'futuratligregular';
}

.reservation-box h1:first-letter {
    border-bottom: 1px solid #ffffff;
}

.reservation-box .input-in-out {
    width: 100%;
    float: left;
    background: #fff;
    padding: 5px;
    color: #000;
    border-radius: 0;
}

.reservation-box .input-in-out p {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.reservation-box .indate-box {
    height: 65px;
    color: #000000;
    text-align: center;
    margin: 10px;
    padding: 20px 10px 8px 10px;
    background: #ffffff;
}

.reservation-box .indate-box:hover {
    color: #009fae;
}

.reservation-box .indate-box:before {
    content: '';
    width: 0;
    height: 0;
    border-width: 0 7px 7px;
    border-style: solid;
    border-color: #ffffff transparent;
    position: absolute;
    margin-top: -27px;
    margin-left: 13px;
}

.reservation-box .indate-box #indate-label {
    font-size: 40px;
    font-family: 'Allura';
    line-height: 0px;
    letter-spacing: normal;
}

.reservation-box .indate-box #outdate-label {
    font-size: 40px;
    font-family: 'Allura';
    line-height: 0px;
    letter-spacing: normal;
}

.reservation-box .indate-box #night {
    font-size: 40px;
    font-family: 'Allura';
    line-height: 0px;
    letter-spacing: normal;
    margin-top: -10px;
    margin-left: 5px;
}

.reservation-box .indate-box button, input, select, textarea {
    width: 100%;
    border: 0px;
    background: none;
}

.reservation-box .booknow {
    width: 100%;
    padding: 15px 20px;
    color: #ffffff;
    font-size: 24px;
    letter-spacing: 0.1em;
    border: 1px solid #ffffff;
    text-transform: uppercase;
}

.reservation-box .booknow:hover {
    color: #000;
}

/*-----------------------------------------------------------------------------------*/
/*  CSS-Margin
/*-----------------------------------------------------------------------------------*/
.margint5 {
    margin-top: 5px !important;
}

.margint10 {
    margin-top: 10px !important;
}

.margint20 {
    margin-top: 20px !important;
}

.margint30 {
    margin-top: 30px !important;
}

.margint40 {
    margin-top: 40px !important;
}

.margint45 {
    margin-top: 45px !important;
}

.margint50 {
    margin-top: 50px !important;
}

.margint60 {
    margin-top: 60px !important;
}

.margint70 {
    margin-top: 70px !important;
}

.margint80 {
    margin-top: 80px !important;
}

.margint90 {
    margin-top: 90px !important;
}

.margint100 {
    margin-top: 100px !important;
}

.margint120 {
    margin-top: 120px !important;
}

.marginb10 {
    margin-bottom: 10px !important;
}

.marginb20 {
    margin-bottom: 20px !important;
}

.marginb30 {
    margin-bottom: 30px !important;
}

.marginb40 {
    margin-bottom: 40px !important;
}

.marginb60 {
    margin-bottom: 60px !important;
}

.marginb90 {
    margin-bottom: 90px !important;
}

.marginb100 {
    margin-bottom: 100px !important;
}

.marginb120 {
    margin-bottom: 120px !important;
}

.marginr10 {
    margin-right: 10px !important;
}

.marginr20 {
    margin-right: 20px !important;
}

.marginr30 {
    margin-right: 30px !important;
}

.marginr40 {
    margin-right: 40px !important;
}

.marginr90 {
    margin-right: 90px !important;
}

.marginr100 {
    margin-right: 100px !important;
}

.marginr120 {
    margin-right: 120px !important;
}

.marginl10 {
    margin-left: 10px !important;
}

.marginr20 {
    margin-left: 20px !important;
}

.marginl30 {
    margin-left: 30px !important;
}

.marginl40 {
    margin-left: 40px !important;
}

.marginl60 {
    margin-left: 60px !important;
}

.marginl90 {
    margin-left: 90px !important;
}

.marginl100 {
    margin-left: 100px !important;
}

.marginl120 {
    margin-left: 120px !important;
}

.padding30 {
    padding: 20px;
}

.padding50 {
    padding: 50px;
}

/*-----------------------------------------------------------------------------------*/
/*  CSS-Center
/*-----------------------------------------------------------------------------------*/
section {
    padding: 50px 50px;
    background: #ffffff !important;
}

.overlay-fullscreen {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    background: rgba(0, 0, 0, 0.15);
}

.overlay-fullscreen_info {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}

#video-fullscreen {
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
}

.border-line {
    width: 100%;
    border-bottom: 1px solid #e0dede;
}

.border-line i {
    top: 25px;
    color: #e0dede;
    font-size: 30px;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    background: #ffffff;
}

/*-----------------------------------------------------------------------------------*/
/*  Center hovereffect
/*-----------------------------------------------------------------------------------*/
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.hovereffect .overlay {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.hovereffect:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

.hovereffect:hover h2, .hovereffect:hover a.info {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0);
}

/*-----------------------------------------------------------------------------------*/
/*  Center Specail-offer
/*-----------------------------------------------------------------------------------*/
.specail-offer {
    background: #f4f4f4 !important;
}

.specail-offer p {
    text-align: justify;
}

.specail-offer-box {
    padding-left: 0px;
    border: 10px solid #ffffff;
    margin-top: 30px;
}

.specail-offer-box .booknow {
    z-index: 9;
    right: 20px;
    bottom: 150px;
    font-size: 40px;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    position: absolute;
}

.specail-offer-box .discount {
    z-index: 9;
    right: 30px;
    bottom: 100px;
    font-size: 24px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    position: absolute;
}

.specail-offer-box .discount span {
    color: #ffffff;
    font-size: 50px;
    font-family: 'Allura';
    text-transform: none;
}

.specail-offer-box img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.specail-offer-box .content {
    z-index: 1;
    right: 10px;
    bottom: 10px;
    text-align: right;
    position: absolute;
    background: rgba(255, 255, 255, 0.85) !important;
}

.specail-offer-box .content h3 {
    font-size: 16px;
    margin: 0px;
    padding: 10px 20px 10px 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.specail-offer-box span {
    color: #009fae;
    /*font-family: 'Allura';*/
    text-transform: uppercase;
}

.specail-offer-box .explore {
    color: #ffffff;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    text-transform: uppercase;
    background: #dca722;
}

/*-----------------------------------------------------------------------------------*/
/*  Homepage
/*-----------------------------------------------------------------------------------*/
.homepage {
    width: 100%;
    background: #ffffff;
}

.homepage p {
    text-align: center;
}

.homepage-box {
    width: 50%;
    float: left;
    padding: 50px 50px 0px 50px;
}

.homepage-box h1 {
    text-align: left;
    font-size: 24px;
}

.homepage-box img {
    width: 100%;
    object-fit: cover;
}

.homepage-box .right {
    z-index: 2;
    border-bottom: 10px solid #009fae;
    margin-bottom: -70px;
    position: relative;
}

.homepage-box p {
    text-align: justify;
    font-size: 18px;
}

.homepage-myCarousel {
    width: 100%;
}

.homepage-myCarousel .overlay {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    background: rgba(0, 0, 0, 0.5) !important;
}

.homepage-myCarousel img {
    width: 100%;
    object-fit: cover;
}

.homepage .box-content {
    z-index: 3;
    color: #ffffff;
    font-size: 20px;
    margin: 100px;
    text-align: center;
    position: absolute;
    top: 100px;
}

.homepage .box-content h1 {
    color: #ffffff;
    font-weight: 100;
    margin: 0;
}

.homepage .box-content h1:first-letter {
    border-bottom: 1px solid #ffffff;
}

.homepage .box-content .explore {
    width: 150px;
    padding: 10px;
    margin: 0 auto;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.homepage .box-content .explore:hover {
    color: #000000;
    transition-duration: 3s;
    background: #ffffff;
}

.box-content p {
    text-align: justify;
}

.homepage .carousel-inner {
    height: 700px;
}

.homepage .carousel-control i {
    font-size: 50px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
    opacity: 0.3;
}

.homepage .carousel-control i:hover {
    opacity: 1;
}

.homepage .content-title {
    z-index: 2;
    width: 500px;
    color: #009fae;
    float: right;
    margin-top: -130px;
    position: relative;
    border-top: 10px solid #009fae;
    background: #ffffff;
}

/*-----------------------------------------------------------------------------------*/
/*  Accommodation
/*-----------------------------------------------------------------------------------*/
.villa-info-size {
    width: 100%;
    margin: 30px 0 0 0;
}

.villa-capacity {
    margin: 1em 0 2.5em 0;
    font-size: 16px;
    width: 30%;
    float: left;
}

.villa-capacity .villa-size {
    margin: 10px 0px;
}

.villa-info-size .explore {
    width: 150px;
    padding: 10px;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    transition-duration: 2s;
    text-transform: uppercase;
    background: #dca722;
    border: 1px solid #dca722;
}

.villa-info-size .explore:hover {
    background: none;
}

.villa-info-size .explore a {
    color: #ffffff;
}

.villa-info-size .explore a:hover {
    color: #009fae;
}

/*-----------------------------------------------------------------------------------*/
/*  Page Download
/*-----------------------------------------------------------------------------------*/
.page-download {
    width: 33.33333%;
    float: left;
    padding: 20px;
}

.page-download img {
    width: 100% !important;
}

.page-download .padding-bt-download {
    margin: 20px 0px;
}

.page-download .btn-info {
    color: #fff;
    background-color: #009fae;
    border-color: #009fae;
    border-radius: 0px;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
}

/*-----------------------------------------------------------------------------------*/
/*  Footer
/*-----------------------------------------------------------------------------------*/
footer {
    width: 100%;
    color: #ffffff;
    padding: 50px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px;
    background: #454545 !important;
}

footer p {
    font-size: 16px;
    margin: 7px 0px;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #dca722;
    transition-duration: 5s;
}

footer .form-group {
    margin: 0px;
}

footer .newsletter {
    width: 500px;
    padding: 13px 15px;
    margin-top: -80px;
    margin-bottom: 30px;
    background: #009fae;
}

footer .newsletter .form-control {
    width: 70%;
    height: 50px;
    float: left;
    border: none;
    border-radius: 0px;
    padding: 6px 12px;
    background-color: #fff;
}

footer .newsletter .next {
    width: 30%;
    height: 50px;
    color: #ffffff;
    padding: 10px;
    letter-spacing: 2px;
    background: #000000;
}

footer #footerlinks {
    padding: 10px 0px;
}

footer ul {
    padding: 0px;
}

footer ul li {
    float: left;
    list-style: none;
    padding: 0px 15px;
    margin-right: 15px;
    border-right: 1px solid #ffffff;
}

footer #footerlinks a {
    color: #ffffff;
    letter-spacing: 2px;
}

footer #footerlinks a:last-child {
    border: none;
}

footer .social-icons {
    letter-spacing: 1px;
}

footer .social-icons a {
    float: none;
    font-size: 26px;
    color: #fff;
    padding: 0px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

footer .social-icons i {
    color: #ffffff;
    font-size: 24px;
    margin-right: 20px;
}

footer .social-icons i:hover {
    color: #dca722;
    transition-duration: 1.5s;
}

address {
    width: 100%;
    margin: 0px !important;
    padding: 15px;
    text-align: center;
    background: #ffffff;
}

/*-----------------------------------------------------------------------------------*/
/*  Resize : Screen 1200px
/*-----------------------------------------------------------------------------------*/
@media (max-width: 1300px) {
    .homepage-box img {
        height: 700px;
    }
}

.close img {
    height: inherit !important;
    transition: all 0.5s;
}

.input-contact {
    width: 100%;
    background: none;
    border: 1px solid #303030;
    border-radius: 0;
    padding: 10px 20px;
    box-sizing: border-box;
    transition: all 0.5s;
    cursor: pointer;
}

.btn_submit {
    width: 100%;
    background: #f79321;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #f79321;
    text-transform: uppercase;
    transition: all 0.5s;
}

.btn_submit:hover {
    background: #f6f1b4;
    color: #000;
    border: 1px solid #f6f1b4;
}

.paddingcontact {
    padding: 10px 0;
    text-align: left;
}

#contact .col-sm-12 {
    padding: 0;
}

#contact p {
    margin: 0;
}

.map iframe {
    margin-bottom: -10px;
    width: 100%;
    height: 450px;
    border: none;
}

.box-reser ul {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.box-reser li {
    list-style: none;
    width: 100%;
    float: left;
    padding: 5px 10px;
    text-align: left;
    position: relative;
}

select {
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
    list-style: none;
}

.arrow-index {
    position: absolute;
    bottom: 12px;
    right: 20px;
    color: #7a1315;
}

.numberroom {
    background: rgb(122, 19, 21);
    padding: 5px;
    margin-bottom: 10px;
    display: block;
    color: #fff;
    text-align: left;
}

.content-reser .col-sm-12 {
    padding: 0;
}

.input-group-addon:first-child {
    border: 1px solid #fff !important;
    color: #000 !important;
    border-radius: 0px;
    background: #fff !important;
}

.select-form {
    width: 100%;
    padding: 5px;
    border-radius: 0;
    color: #000 !important;
    height: auto;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.68) !important;
    border: 1px solid #fff !important;
}

.arrow {
    position: absolute;
    right: 15px;
    bottom: 12px;
}

.btnbook-reser {
    background: #000;
    padding: 10px;
    text-transform: uppercase;
    width: 100%;
    transition: all 0.5s;
}

.btnbook-reser:hover {
    background: #f6f1b4;
    color: #000;
}

.language {
    position: fixed;
    color: #fff;
    left: 120px;
    top: 50px;
    transition: all 0.5s;
}

.language ul {
    padding: 0;
}

.language li {
    list-style: none;
    float: left;
    padding: 0 10px;
    color: #fff;
}

.language a {
    color: #fff;
}

.small .language {
    top: 15px;
}

.editable {
    transition: all 0.5s;
}

#content-editor label {
    color: #fff !important;
    font-size: 18px;
    font-weight: normal !important;
    letter-spacing: 0 !important;
}

.reservation-mobile {
    position: absolute;
    right: 0;
    top: 100px;
    width: 200px;
    padding: 15px !important;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    display: none;
}

.reservation-mobile h1 {
    font-size: 24px !important;
    margin: 0;
}

.item .inner-content {
    /*background: rgba(0, 0, 0, 0.8);*/
    padding: 50px;
    left: 50px !important;
    text-align: justify;
}

.item .fill .inner-content .explore {
    margin: 30px 0 0 0 !important;
}

.item .fill .inner-content h1 {
    margin-top: 0;
}

.popup {
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 101;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);

}

.cnt223 {
    width: 700px;
    /* min-height: 150px; */
    margin: auto;
    background: none;
    position: absolute;
    z-index: 103;
    text-align: center;
    padding: 10px;
    border-radius: 0;
    transition: all 0.5s;
    left: 0;
    right: 0;
    height: 555px;
    bottom: 0;
    top: 0;
}

.cnt223 .x {
    float: right;
    right: -10px;
    top: -15px;
    position: absolute;
    cursor: pointer;
    width: 40px;
    background: #fff;
    padding: 10px;
    border-radius: 50px;
    opacity: 0.5;
    transition: all 0.5s;
}

.cnt223 .x:hover {
    opacity: 1;
}

.cnt223 p {
    color: #fff;
    margin-bottom: 0;
}

.img_banner img {
    width: 100%;
}

.overf {
    overflow: hidden;
}

.hvr-shutter-out-horizontal:before {
    background: #414141;
}

#pageHome-room-owl .item {
    padding: 0 10px;
}

.uk-overlay {
    width: 100%;
}

.demo-gallery > ul > li {
    padding: 10px;
}

.name_gallery {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 80px;
    margin: auto;
    padding: 0 15px;
}

.name_gallery h2 {
    margin: 0;
}

.name_gallery p {
    margin: 0;
}

.notpage {
    text-align: center;
}

.breadcrumb {
    padding: 0 0 15px 0 !important;
    margin: 0 0 20px 0px !important;
}

.gallery-row {
    margin: 10px 15px;
    text-align: center;
    position: relative;
}

.demo-gallery .contactus h1, h2, h2, p {
    text-align: center;
}

.demo-gallery .contactus h1 {
    z-index: 3;
    color: #ffffff;
    font-size: 20px;
    font-weight: 100;
    text-align: center;
    letter-spacing: 0.3em;
}

.demo-gallery .contactus h1:first-letter {
    border-bottom: 1px solid #ffffff
}

.demo-gallery > ul {
    margin-bottom: 0;
}

.demo-gallery > ul > li {
    float: left;
    cursor: pointer;
    width: 25%;
}

.demo-gallery > ul > li a {
    border: 3px solid #FFF;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
}

.demo-gallery > ul > li a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery > ul > li a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark > ul > li a {
    border: 3px solid #04070a;
}

.home .demo-gallery {
    padding-bottom: 80px;
}

.padding-bt-download a:hover {
    color: #000 !important;
    background: #f6f1b4;
    border: 1px solid #f6f1b4;
}

.villa-info-size .explore a:hover {
    color: #000 !important;
}

.villa-info-size .explore:hover {
    background: #f6f1b4;
    color: #000 !important;
    border: 1px solid #f6f1b4 !important;
}