:root {
    --primary-one:#56351C;
    --primary-two:#A16F35;
    --primary-three:#E1CA9F;
    --transition:all .5s ease-in-out;
    --color-dark:#23262c;
    --color-white:#fff
}
html,body {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased
}
* {
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    outline:none;
    list-style:none;
    word-wrap:break-word
}
body {
    font-family:'Barlow',sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.75em;
    color:#565656;
    overflow-x:hidden!important
}
p {
    font-family:'Barlow',sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.75em;
    color:#565656;
    margin-bottom:20px
}
h1,h2,h3,h4,h5,h6 {
    font-family:'Gilda Display',serif;
    ;
    font-weight:400;
    line-height:1.25em;
    margin:0 0 20px 0;
    color:#222
}
img {
    width:100%;
    height:auto
}
img {
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
    color:#f4f4f4
}
span,a,a:hover {
    display:inline-block;
    text-decoration:none;
    color:inherit
}
b {
    font-weight:400;
    color:#A16F35
}
input[type="password"]:focus,input[type="email"]:focus,input[type="text"]:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,textarea:focus {
    outline:none
}
input[type="password"],input[type="email"],input[type="text"],input[type="file"],textarea {
    max-width:100%;
    margin-bottom:16px;
    padding:10px 10px;
    height:auto;
    background-color:transparent!important;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-width:0 0 1px;
    border-style:solid;
    display:block;
    width:100%;
    line-height:1.5em;
    font-family:'Barlow',sans-serif;
    font-size:15px;
    font-weight:400;
    color:#666;
    background-image:none;
    border-bottom:1px solid #ececec;
    border-color:ease-in-out .15s,box-shadow ease-in-out .15s
}
input:focus,textarea:focus {
    border-bottom-width:1px;
    border-color:#A16F35
}
input[type="submit"],input[type="reset"],input[type="button"],button {
    text-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    line-height:1.75em;
    -webkit-transition:background-color .15s ease-out;
    transition:background-color .15s ease-out;
    background:#fff0;
    border:0 solid #fff0
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover {
    border:0 solid #fff0
}
select {
    padding:10px;
    border-radius:5px
}
table,th,tr,td {
    border:1px solid #f8f5f0
}
th,tr,td {
    padding:10px
}
input[type="radio"],input[type="checkbox"] {
    display:inline
}
input[type="submit"] {
    font-weight:400;
    font-family:'Gilda Display',serif;
    ;
    text-transform:uppercase;
    background:#A16F35;
    color:#fff;
    padding:8px 24px;
    margin:0;
    position:relative;
    font-size:15px;
    letter-spacing:3px
}
.alert-success {
    background:#fff0;
    color:#666;
    border:1px solid #A16F35;
    border-radius:0
}
::-webkit-input-placeholder {
    color:#666;
    font-size:15px;
    font-weight:400
}
:-moz-placeholder {
    color:#666
}
::-moz-placeholder {
    color:#666;
    opacity:1
}
:-ms-input-placeholder {
    color:#666
}
blockquote {
    padding:45px;
    display:block;
    position:relative;
    background-color:#f8f5f0;
    overflow:hidden;
    margin:35px 0;
    font-size:15px;
    font-weight:400;
    line-height:1.75em;
    color:#666
}
blockquote p {
    font-family:inherit;
    margin-bottom:0!important;
    color:inherit;
    max-width:650px;
    width:100%;
    position:relative;
    z-index:3
}
blockquote:before {
    content:'\e645';
    font-family:'Themify';
    position:absolute;
    right:40px;
    bottom:40px;
    font-size:110px;
    opacity:.07;
    line-height:1;
    color:#222
}
blockquote p {
    margin-bottom:0
}
blockquote p a {
    color:inherit
}
blockquote cite {
    display:inline-block;
    font-size:15px;
    position:relative;
    padding-left:60px;
    border-color:inherit;
    line-height:1;
    margin-top:22px;
    font-style:normal;
    color:#A16F35;
    font-weight:400
}
blockquote cite:before {
    content:'';
    position:absolute;
    left:0;
    bottom:5px;
    width:45px;
    height:1px;
    border-top:1px solid;
    border-color:inherit;
    color:#A16F35
}
.mt-0 {
    margin-top:0!important
}
.mt-15 {
    margin-top:15px!important
}
.mt-20 {
    margin-top:20px!important
}
.mt-30 {
    margin-top:30px!important
}
.mt-60 {
    margin-top:60px!important
}
.mt-90 {
    margin-top:90px!important
}
.mb-0 {
    margin-bottom:0!important
}
.mb-30 {
    margin-bottom:30px!important
}
.mb-50 {
    margin-bottom:50px!important
}
.mb-57 {
    margin-bottom:57px!important
}
.mb-60 {
    margin-bottom:60px!important
}
.mb-90 {
    margin-bottom:90px!important
}
.mb-100 {
    margin-bottom:100px!important
}
.pb-0 {
    padding-bottom:0!important
}
.no-padding {
    padding:0!important
}
.o-hidden {
    overflow:hidden
}
.position-re {
    position:relative
}
.full-width {
    width:100%
}
.bg-img {
    background-size:cover;
    background-repeat:no-repeat
}
.bg-fixed {
    background-attachment:fixed
}
.pattern {
    background-repeat:repeat;
    background-size:auto
}
.bold {
    font-weight:600
}
.count {
    font-family:'Gilda Display',serif
}
.valign {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.v-middle {
    position:absolute;
    width:100%;
    top:50%;
    left:0;
    -webkit-transform:translate(0%,-50%);
    transform:translate(0%,-50%)
}
.v-bottom {
    position:absolute;
    width:100%;
    bottom:5%;
    left:0;
    -webkit-transform:translate(0%,-5%);
    transform:translate(0%,-5%)
}
.js .animate-box {
    opacity:0
}
:root {
    scroll-behavior:auto
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    outline:none
}
.bg-blck {
    background:#222
}
.bg-cream {
    background:#f8f5f0
}
.bg-white {
    background:#fff
}
.color-1 {
    color:#fff
}
.color-2 {
    color:#adadad
}
.color-3 {
    color:#666
}
.color-4 {
    color:#222
}
.color-5 {
    color:#A16F35
}
.star {
    position:relative;
    display:inline-block;
    width:0;
    height:0;
    margin-left:.9em;
    margin-right:.9em;
    margin-bottom:1.2em;
    border-right:.3em solid #fff0;
    border-bottom:.7em solid #fff;
    border-left:.3em solid #fff0;
    font-size:8px
}
.star:before,.star:after {
    content:"";
    display:block;
    width:0;
    height:0;
    position:absolute;
    top:.6em;
    left:-1em;
    border-right:1em solid #fff0;
    border-bottom:.7em solid #fff;
    border-left:1em solid #fff0;
    transform:rotate(-35deg)
}
.star:after {
    transform:rotate(35deg)
}
.star-rating {
    position:relative;
    display:inline-block;
    width:0;
    height:0;
    margin-left:.9em;
    margin-right:.9em;
    margin-bottom:2em;
    border-right:.3em solid #fff0;
    border-bottom:.7em solid #e4a853;
    border-left:.3em solid #fff0;
    font-size:8px
}
.star-rating:before,.star-rating:after {
    content:"";
    display:block;
    width:0;
    height:0;
    position:absolute;
    top:.6em;
    left:-1em;
    border-right:1em solid #fff0;
    border-bottom:.7em solid #e4a853;
    border-left:1em solid #fff0;
    transform:rotate(-35deg)
}
.star-rating:after {
    transform:rotate(35deg)
}
::-webkit-selection {
    color:#fff;
    background:#A16F35
}
::-moz-selection {
    color:#fff;
    background:#A16F35
}
::selection {
    color:#fff;
    background:#A16F35
}
.preloader-bg,#preloader {
    position:fixed;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#fff;
    z-index:999999
}
#preloader {
    display:table;
    table-layout:fixed
}
#preloader-status {
    display:table-cell;
    vertical-align:middle
}
.preloader-position {
    position:relative;
    margin:0 auto;
    text-align:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}
.loader {
    position:relative;
    width:55px;
    height:55px;
    left:50%;
    top:auto;
    margin-left:-22px;
    margin-top:1px;
    -webkit-animation:rotate 1s infinite linear;
    -moz-animation:rotate 1s infinite linear;
    -ms-animation:rotate 1s infinite linear;
    -o-animation:rotate 1s infinite linear;
    animation:rotate 1s infinite linear;
    border:1px solid rgb(0 0 0 / .1);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%
}
.loader span {
    position:absolute;
    width:55px;
    height:55px;
    top:-1px;
    left:-1px;
    border:1px solid #fff0;
    border-top:1px solid #A16F35;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(360deg)
    }
}
@keyframes rotate {
    0% {
        transform:rotate(0deg)
    }
    100% {
        transform:rotate(360deg)
    }
}
@media (min-width:1200px) {
    .mt-xl-90 {
        margin-top:90px!important
    }
}
@media (max-width:575px) {
    .mt-xl-90 {
        margin-top:90px!important
    }
}
@media (max-width:767.98px) {
    .mb-sm-100 {
        margin-bottom:100px!important
    }
}
@media (max-width:767.98px) {
    .mb-sm-30 {
        margin-bottom:30px!important
    }
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top:30px;
    line-height:1.5;
    display:block;
    outline:none
}
.owl-theme .owl-dots .owl-dot span {
    width:12px;
    height:12px;
    margin:0 3px;
    border-radius:50%;
    background:#fff0;
    border:1px solid #ADADAD
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background:#A16F35;
    border:1px solid #A16F35
}
.owl-theme .owl-nav,.team .owl-theme .owl-nav,.owl-theme .owl-nav,.news .owl-theme .owl-nav,.pricing .owl-theme .owl-nav,.owl-theme .owl-nav,.rooms-page .owl-theme .owl-nav,.rooms3 .owl-theme .owl-nav,.rooms2 .owl-theme .owl-nav,.owl-theme .owl-nav {
    position:absolute!important;
    top:35%!important;
    bottom:auto!important;
    width:100%
}
.owl-theme .owl-nav,.team .owl-theme .owl-nav,.owl-theme .owl-nav,.news .owl-theme .owl-nav,.pricing .owl-theme .owl-nav,.owl-theme .owl-nav,.rooms-page .owl-theme .owl-nav,.rooms3 .owl-theme .owl-nav,.rooms2 .owl-theme .owl-nav,.owl-theme .owl-nav {
    position:relative;
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.owl-theme .owl-prev,.team .owl-theme .owl-prev,.slider-grid-bg .owl-theme .owl-prev,.news .owl-theme .owl-prev,.pricing .owl-theme .owl-prev,.owl-theme .owl-prev,.rooms-page .owl-theme .owl-prev,.rooms3 .owl-theme .owl-prev,.rooms2 .owl-theme .owl-prev,.owl-theme .owl-prev {
    left:10px!important
}
.owl-theme .owl-next,.team .owl-theme .owl-next,.slider-grid-bg .owl-theme .owl-next,.news .owl-theme .owl-next,.pricing .owl-theme .owl-next,.owl-theme .owl-next,.rooms-page .owl-theme .owl-next,.rooms3 .owl-theme .owl-next,.rooms2 .owl-theme .owl-next,.owl-theme .owl-next {
    right:10px!important
}
.owl-theme .owl-prev,.owl-theme .owl-next,.team .owl-theme .owl-prev,.team .owl-theme .owl-next,.slider-grid-bg .owl-theme .owl-prev,.slider-grid-bg .owl-theme .owl-next,.news .owl-theme .owl-prev,.news .owl-theme .owl-next,.pricing .owl-theme .owl-prev,.pricing .owl-theme .owl-next,.owl-theme .owl-prev,.owl-theme .owl-next,.rooms-page .owl-theme .owl-prev,.rooms-page .owl-theme .owl-next,.rooms3 .owl-theme .owl-prev,.rooms3 .owl-theme .owl-next,.rooms2 .owl-theme .owl-prev,.rooms2 .owl-theme .owl-next,.owl-theme .owl-prev,.owl-theme .owl-next {
    color:#fff;
    position:absolute!important;
    top:50%;
    padding:0;
    height:50px;
    width:50px;
    border-radius:0%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    background:#272727;
    border:1px solid #272727;
    line-height:0;
    text-align:center;
    font-size:16px
}
.owl-theme .owl-prev>span,.owl-theme .owl-next>span,.team .owl-theme .owl-prev>span,.team .owl-theme .owl-next>span,.slider-grid-bg .owl-theme .owl-prev>span,.slider-grid-bg .owl-theme .owl-next>span,.news .owl-theme .owl-prev>span,.news .owl-theme .owl-next>span,.pricing .owl-theme .owl-prev>span,.pricing .owl-theme .owl-next>span,.owl-theme .owl-prev>span,.owl-theme .owl-next>span,.rooms-page .owl-theme .owl-prev>span,.rooms-page .owl-theme .owl-next>span,.rooms3 .owl-theme .owl-prev>span,.rooms3 .owl-theme .owl-next>span,.rooms2 .owl-theme .owl-prev>span,.rooms2 .owl-theme .owl-next>span,.owl-theme .owl-prev>span,.owl-theme .owl-next>span {
    position:absolute;
    line-height:0;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.owl-theme .owl-nav [class*=owl-],.team .owl-theme .owl-nav [class*=owl-],.slider-grid-bg .owl-theme .owl-nav [class*=owl-],.news .owl-theme .owl-nav [class*=owl-],.pricing .owl-theme .owl-nav [class*=owl-],.owl-theme .owl-nav [class*=owl-],.rooms-page .owl-theme .owl-nav [class*=owl-],.rooms3 .owl-theme .owl-nav [class*=owl-],.rooms2 .owl-theme .owl-nav [class*=owl-],.owl-theme .owl-nav [class*=owl-] {
    width:40px;
    height:40px;
    line-height:34px;
    background:#fff0;
    color:#fff;
    font-size:11px;
    margin-right:15px;
    margin-left:15px;
    cursor:pointer;
    border:1px solid rgb(255 255 255 / .7);
    border-radius:100%;
    transition:all 0.2s ease-in-out;
    transform:scale(1)
}
.owl-theme .owl-nav [class*=owl-]:hover,.team .owl-theme .owl-nav [class*=owl-]:hover,.slider-grid-bg .owl-theme .owl-nav [class*=owl-]:hover,.news .owl-theme .owl-nav [class*=owl-]:hover,.pricing .owl-theme .owl-nav [class*=owl-]:hover,.owl-theme .owl-nav [class*=owl-]:hover,.rooms-page .owl-theme .owl-nav [class*=owl-]:hover,.rooms3 .owl-theme .owl-nav [class*=owl-]:hover,.rooms2 .owl-theme .owl-nav [class*=owl-]:hover,.owl-theme .owl-nav [class*=owl-]:hover {
    transform:scale(.9);
    background:#fff0;
    border:1px solid #b19777;
    color:#FFF
}
@media screen and (max-width:768px) {
    .owl-theme .owl-nav,.team .owl-theme .owl-nav,.slider-grid-bg .owl-theme .owl-nav,.news .owl-theme .owl-nav,.pricing .owl-theme .owl-nav,.owl-theme .owl-nav,.rooms-page .owl-theme .owl-nav,.rooms3 .owl-theme .owl-nav,.rooms2 .owl-theme .owl-nav,.owl-theme .owl-nav {
        display:none
    }
}
.news .owl-theme .owl-nav [class*=owl-] {
    opacity:0
}
.news .owl-theme:hover .owl-nav [class*=owl-] {
    opacity:1
}
.section-padding {
    padding:100px 0
}
.banner-padding {
    padding:70px 0 70px
}
.section-padding2 {
    padding:0 0 120px 0
}
.pt-100 {
    padding-top:100px
}
.pb-100 {
    padding-bottom:100px
}
.pt-50 {
    padding-top:50px
}
.pb-50 {
    padding-bottom:50px
}
.pt-70 {
    padding-top:70px
}
.pb-70 {
    padding-bottom:70px
}
.pt-20 {
    padding-top:20px
}
.pb-20 {
    padding-bottom:20px
}
.pt-30 {
    padding-top:30px
}
.pb-30 {
    padding-bottom:30px
}
.section-padding h6 {
    color:#A16F35;
    font-size:20px;
    margin-bottom:20px
}
.section-subtitle {
    font-size:15px;
    font-family:'Barlow Condensed',sans-serif;
    font-weight:400;
    color:#A16F35;
    text-transform:uppercase;
    position:relative;
    letter-spacing:6px;
    margin-bottom:5px
}
.section-subtitle span {
    color:#A16F35
}
.section-title {
    font-size:46px;
    font-family:'Gilda Display',serif;
    font-weight:400;
    color:#222;
    position:relative;
    margin-bottom:30px;
    line-height:1.25em
}
.section-title span {
    color:#fff
}
@media (max-width:575px) {
    .section-title {
        font-size:40px
    }
}
.navbar {
    background-color:#ffffff!important;
    position:sticky;
    min-height:100px;
    top:0;
    width:100%;
    z-index:99;
    box-shadow:0 2px 10px rgb(0 0 0 / .05);
    padding:10px 0!important
}
.navbar .container {
    min-width:80%
}
.navbar-toggler-icon {
    background-image:none
}
.navbar .navbar-toggler-icon,.navbar .icon-bar {
    color:var(--primary-one);
    font-size:30px
}
.navbar .navbar-nav .nav-link {
    font-family:'Barlow Condensed',sans-serif;
    font-size:15px;
    font-weight:400;
    color:#000;
    margin:1px;
    letter-spacing:2px;
    text-transform:uppercase;
    -webkit-transition:all .4s;
    transition:all .4s;
    padding-right:0;
    padding-left:0;
    margin:0 12px;
    position:relative;
    display:inline-block
}
.navbar .navbar-nav .nav-link:hover {
    color:var(--primary-one)
}
.navbar .navbar-nav .active {
    color:var(--primary-one)!important;
    font-weight:600
}
.navbar .navbar-nav .active::after {
    content:'';
    position:absolute;
    left:-15px;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    background-color:var(--primary-two);
    opacity:.3;
    border-radius:50%;
    z-index:-1
}
.nav-scroll {
    background:#fff;
    padding:0 0 0 0;
    position:fixed;
    padding:10px 0!important;
    top:-100px;
    left:0;
    width:100%;
    -webkit-transition:-webkit-transform .5s;
    transition:-webkit-transform .5s;
    transition:transform .5s;
    transition:transform .5s,-webkit-transform .5s;
    -webkit-transform:translateY(100px);
    transform:translateY(100px);
    -webkit-box-shadow:0 5px 15px rgb(15 36 84 / 5%);
    box-shadow:0 5px 15px rgb(15 36 84 / 5%)
}
.nav-scroll .navbar-toggler-icon,.nav-scroll .icon-bar {
    color:var(--primary-one);
    font-size:30px
}
.nav-scroll .navbar-nav .nav-link {
    color:#222
}
.nav-scroll .navbar-nav .nav-link:hover {
    color:var(--primary-one)
}
.nav-scroll .navbar-nav .active {
    color:var(--primary-one)
}
.nav-scroll .navbar-nav .logo {
    padding:10px 0;
    color:#fff
}
/* .nav-scroll .logo-img {
    width:
} */
.nav-scroll .logo-img {
    margin-bottom:0
}
.nav-scroll .logo-wrapper .logo h2 {
    font-family:'Gilda Display',serif;
    font-size:27px;
    font-weight:400;
    display:block;
    width:100%;
    position:relative;
    color:#A16F35;
    margin-bottom:0;
    padding:20px 0;
    letter-spacing:1px;
    text-align:center
}
.nav-scroll .logo-wrapper .logo span {
    display:block;
    font-family:'Barlow Condensed',sans-serif;
    font-size:10px;
    color:#222;
    font-weight:400;
    letter-spacing:1px;
    display:block;
    margin-top:0;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:6px
}
.logo-wrapper {
    float:left
}
.logo-wrapper .logo h2 {
    font-family:'Gilda Display',serif;
    font-size:27px;
    font-weight:400;
    display:block;
    width:100%;
    position:relative;
    color:#A16F35;
    margin-bottom:0;
    padding:20px 0;
    letter-spacing:1px;
    text-align:center
}
.logo-wrapper .logo h2 a i {
    color:#fff;
    font-size:20px;
    vertical-align:super
}
.logo-wrapper .logo span {
    display:block;
    font-family:'Barlow Condensed',sans-serif;
    font-size:10px;
    color:#fff;
    font-weight:400;
    letter-spacing:1px;
    display:block;
    margin-top:0;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:6px
}
.logo {
    padding:0
}
.logo-img {
    /* width:160px; */
    text-align:center
}
.dropdown .nav-link i {
    padding-left:0;
    font-size:8px;
    color:rgb(255 255 255 / .7)
}
.nav-scroll .dropdown .nav-link i {
    color:#222
}
.nav-scroll .navbar-nav .active i {
    color:#A16F35
}
.navbar .dropdown-menu .dropdown-item {
    padding:5px 0;
    font-family:'Barlow',sans-serif;
    font-size:15px;
    font-weight:400;
    color:#222;
    position:relative;
    -webkit-transition:all .4s;
    transition:all .4s;
    background-color:#fff0
}
.navbar .dropdown-menu .dropdown-item span {
    display:block;
    cursor:pointer
}
.navbar .dropdown-menu .dropdown-item i {
    padding:13px 0 0 5px;
    font-size:8px;
    float:right
}
.navbar .dropdown-menu .dropdown:hover>.dropdown-item,.navbar .dropdown-menu .dropdown-item.active,.navbar .dropdown-menu .dropdown-item:hover {
    color:#A16F35
}
.navbar .dropdown-toggle::after {
    display:none
}
.navbar .dropdown-menu {
    box-shadow:0 16px 50px rgb(0 0 0 / 7%)
}
.navbar .dropdown-menu li {
    border-bottom:1px solid #f4f4f4
}
.navbar .dropdown-menu li:last-child {
    border-bottom:none
}
.navbar .dropdown-menu .dropdown-menu.pull-left {
    top:0;
    left:auto;
    right:100%
}
@media screen and (min-width:992px) {
    .navbar .dropdown-menu {
        display:block;
        opacity:0;
        visibility:hidden;
        -webkit-transform:translateY(20px);
        transform:translateY(20px);
        width:190px;
        padding:15px;
        border-radius:0;
        border:0;
        background-color:#fff;
        -webkit-transition:all .3s;
        transition:all .3s
    }
    .navbar .dropdown-menu .dropdown-menu {
        left:calc(100% + 5px);
        top:-10px;
        right:auto;
        min-width:190px;
        transform:translateY(0)
    }
    .navbar .dropdown:hover>.dropdown-menu {
        opacity:1;
        visibility:visible;
        transform:translateY(0)
    }
}
@media screen and (max-width:1599px) {
    .navbar .container {
        min-width:100%
    }
}
@media (min-width:1200px) and (max-width:1275px) {
    .navbar .navbar-nav .nav-link {
        letter-spacing:0;
        padding-right:10px;
        padding-left:10px
    }
}
@media screen and (max-width:1199px) {
    .navbar {
        padding-left:0;
        padding-right:0;
        padding-top:0;
        padding-bottom:0;
        background:rgb(255 255 255 / .3);
        backdrop-filter:blur(5px);
        -webkit-backdrop-filter:blur(5px)
    }
    .banner-padding {
        padding:50px 0 50px
    }
    .nav-scroll {
        background-color:#fff
    }
    .logo-wrapper {
        float:left;
        padding:0 0 0 20px
    }
    .nav-scroll .logo-wrapper {
        padding:0 0 0 20px;
        background-color:#fff0
    }
    .nav-scroll .logo-img {
        width:200px
    }
    .navbar .logo {
        text-align:left;
        margin-left:0
    }
    .logo-img {
        margin-bottom:0;
        width:200px;
        padding:0
    }
    .navbar button {
        margin-right:0;
        outline:none!important;
        background:#fff0;
        margin-top:10px;
        border:none
    }
    .navbar button:hover {
        background:#fff0
    }
    .navbar button:active,.navbar button:focus,.navbar button:hover {
        background:#fff0;
        outline:none;
        color:transparent!important
    }
    .navbar .container {
        max-width:100%;
        padding:0
    }
    .navbar .nav-link {
        margin:0 auto!important
    }
    .navbar .navbar-nav .nav-link {
        color:#222
    }
    .nav-scroll .navbar-collapse .nav-link {
        color:#222!important
    }
    .nav-scroll .navbar-collapse .active {
        color:#A16F35!important
    }
    .navbar .dropdown-menu .dropdown-item {
        padding:0 15px;
        font-size:15px;
        line-height:40px
    }
    .navbar .dropdown-menu .dropdown-item.dropdown-toggle {
        font-weight:400
    }
    .navbar .dropdown-submenu .dropdown-toggle::after {
        right:15px;
        font-size:13px
    }
    .navbar .dropdown-submenu:hover>.dropdown-toggle::after {
        transform:rotate(0deg)
    }
    .navbar .dropdown-submenu .dropdown-toggle.show::after {
        transform:rotate(90deg)
    }
    .navbar .dropdown-menu {
        border:none;
        padding:0;
        border-radius:0;
        margin:0;
        background:#fff;
        box-shadow:none
    }
    .navbar .dropdown-submenu .dropdown-menu {
        margin:0;
        padding:0 0 0 20px
    }
    .navbar .dropdown-menu li a {
        padding:0 15px
    }
    .navbar .navbar-nav .nav-link {
        padding-right:0;
        padding-left:0
    }
    .dropdown .nav-link i {
        color:#222
    }
    .nav-scroll .dropdown .nav-link i {
        color:#222
    }
    .nav-scroll .dropdown .nav-link.active i {
        color:#A16F35
    }
    .navbar .navbar-collapse {
        max-height:450px;
        overflow:auto;
        background:#fff;
        text-align:left;
        padding:20px
    }
}
@media screen and (max-width:991px) {
    .navbar {
        padding-left:0;
        padding-right:0;
        background:rgb(255 255 255 / .3);
        backdrop-filter:blur(5px);
        -webkit-backdrop-filter:blur(5px);
        padding-top:0;
        padding-bottom:0
    }
    .nav-scroll {
        background:#fff
    }
    .logo-wrapper {
        float:left;
        padding:0 0 0 20px
    }
    .nav-scroll .logo-wrapper {
        padding:0 0 0 20px;
        background-color:#fff0
    }
    .nav-scroll .logo-img {
        width:200px
    }
    .navbar .logo {
        text-align:left;
        margin-left:0
    }
    .logo-img {
        margin-bottom:0;
        width:200px;
        padding:0
    }
    .navbar button {
        margin-right:0;
        outline:none!important;
        background:#fff0;
        margin-top:10px;
        border:none
    }
    .navbar button:hover {
        background:#fff0
    }
    .navbar button:active,.navbar button:focus,.navbar button:hover {
        background:#fff0;
        outline:none;
        color:transparent!important
    }
    .navbar .container {
        max-width:100%;
        padding:0
    }
    .navbar .nav-link {
        margin:0 auto!important
    }
    .navbar .navbar-nav .nav-link {
        color:#222
    }
    .nav-scroll .navbar-collapse .nav-link {
        color:#222!important
    }
    .nav-scroll .navbar-collapse .active {
        color:#A16F35!important
    }
    .navbar .dropdown-menu .dropdown-item {
        padding:0 15px;
        font-size:15px;
        line-height:40px
    }
    .navbar .dropdown-menu .dropdown-item.dropdown-toggle {
        font-weight:400
    }
    .navbar .dropdown-submenu .dropdown-toggle::after {
        right:15px;
        font-size:13px
    }
    .navbar .dropdown-submenu:hover>.dropdown-toggle::after {
        transform:rotate(0deg)
    }
    .navbar .dropdown-submenu .dropdown-toggle.show::after {
        transform:rotate(90deg)
    }
    .navbar .dropdown-menu {
        border:none;
        padding:0;
        border-radius:0;
        margin:0;
        background:#fff;
        box-shadow:none
    }
    .navbar .dropdown-submenu .dropdown-menu {
        margin:0;
        padding:0 0 0 20px
    }
    .navbar .dropdown-menu li a {
        padding:0 15px
    }
    .navbar .navbar-nav .nav-link {
        padding-right:0;
        padding-left:0
    }
    .dropdown .nav-link i {
        color:#222
    }
    .nav-scroll .dropdown .nav-link i {
        color:#222
    }
    .nav-scroll .dropdown .nav-link.active i {
        color:#A16F35
    }
    .navbar .navbar-collapse {
        max-height:450px;
        overflow:auto;
        background:#fff;
        text-align:left;
        padding:20px
    }
}
.header {
    min-height:100%;
    overflow:hidden
}
.header .caption .o-hidden {
    display:inline-block
}
.header .caption h2 {
    font-weight:400;
    font-size:30px
}
.header .caption span i.star-rating {
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.header .caption h4 {
    font-family:'Barlow Condensed',serif;
    ;
    font-size:15px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:6px;
    color:#fff;
    margin-bottom:20px;
    margin-top:20px;
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.header .caption h1 {
    position:relative;
    margin-bottom:20px;
    font-family:'Gilda Display',serif;
    ;
    font-size:55px;
    text-transform:uppercase;
    line-height:1.35em;
    -webkit-animation-delay:.6s;
    animation-delay:.6s;
    color:#fff;
    font-weight:400;
    letter-spacing:15px
}
.header .caption h3 {
    position:relative;
    margin-bottom:20px;
    font-family:'Gilda Display',serif;
    ;
    font-size:48px;
    text-transform:uppercase;
    line-height:1.35em;
    -webkit-animation-delay:.6s;
    animation-delay:.6s;
    color:#fff;
    font-weight:400;
    letter-spacing:7px
}
.header .caption p {
    font-size:18px;
    line-height:1.75em;
    margin-bottom:0;
    color:#fff;
    -webkit-animation-delay:.6s;
    animation-delay:.6s;
    margin-right:15px
}
.header .caption p span {
    letter-spacing:5px;
    text-transform:uppercase;
    margin:0 5px;
    padding-right:14px;
    position:relative
}
.header .caption p span:last-child {
    padding:0
}
.header .caption p span:last-child:after {
    display:none
}
.header .caption p span:after {
    content:'';
    width:7px;
    height:7px;
    border-radius:50%;
    background:#222;
    position:absolute;
    top:10px;
    right:0;
    opacity:.5
}
.header .caption .butn-light {
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.header .caption .butn-dark {
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.header .social a {
    color:#eee;
    font-size:20px;
    margin:10px 15px
}
hr {
    margin-top:5px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid rgb(255 255 255 / .3)
}
.about img {
    width:100%;
    height:auto
}
@media screen and (max-width:992px) {
    .about img {
        width:auto;
        height:auto;
        margin-top:0!important;
        margin-bottom:0!important
    }
    .about .animate-boxx {
        display:flex;
        justify-content:center;
        align-items:center
    }
}
@media screen and (max-width:575px) {
    .about img {
        margin-bottom:30px!important
    }
}
.slider .owl-item {
    height:100vh;
    position:relative
}
.slider .item {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-size:cover;
    background-position:center
}
.slider .item .caption {
    z-index:9
}
.slider .owl-theme .owl-dots {
    position:absolute;
    width:100%;
    bottom:3%;
    right:12%;
    text-align:right
}
.slider .owl-theme .owl-dots .owl-dot span {
    width:13px;
    height:13px;
    margin:0 3px;
    border-radius:50%;
    background:#fff0;
    border:1px solid rgb(255 255 255 / .5)
}
.slider .owl-theme .owl-dots .owl-dot.active span,.slider .owl-theme .owl-dots .owl-dot:hover span {
    background:#A16F35;
    border:1px solid #A16F35
}
.header .arrow {
    position:absolute;
    bottom:40px;
    width:100%;
    text-align:center;
    z-index:8
}
.header .arrow.bounce {
    -webkit-animation:bounce 2s infinite;
    animation:bounce 2s infinite
}
.header .arrow i {
    position:relative;
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    color:#fff;
    font-size:15px;
    border:1px solid rgb(255 255 255 / .3);
    border-radius:100%
}
.header .arrow i:hover {
    border:1px solid #A16F35
}
.header .arrow i:hover:after {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:0;
    -webkit-transition:all .5s;
    transition:all .5s
}
.home:hover a,.home:hover i {
    color:var(--primary-two)
}
.banner-header {
    background-color:var(--primary-one);
    opacity:.9;
    margin-top:0
}
.banner-header.full-height {
    min-height:100vh;
    background-position:center
}
.banner-header.full-height h4 {
    font-family:'Barlow Condensed',serif;
    font-size:15px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:6px;
    color:#fff;
    margin-bottom:20px;
    margin-top:20px
}
.banner-header.full-height h1 {
    position:relative;
    margin-bottom:20px;
    font-family:'Gilda Display',serif;
    font-size:55px;
    text-transform:uppercase;
    line-height:1.35em;
    color:#fff;
    font-weight:400;
    letter-spacing:15px
}
.banner-header h1 {
    font-size:60px;
    color:#fff;
    position:relative
}
.banner-header.full-height h3 {
    position:relative;
    margin-bottom:20px;
    font-family:'Gilda Display',serif;
    font-size:48px;
    text-transform:uppercase;
    line-height:1.35em;
    color:#fff;
    font-weight:400;
    letter-spacing:7px
}
.banner-header .caption {
    position:relative
}
.banner-header h5 {
    color:#fff;
    font-size:15px;
    font-family:'Barlow Condensed',sans-serif;
    text-transform:uppercase;
    letter-spacing:6px;
    margin-bottom:10px
}
.banner-header h5 a {
    color:#A16F35
}
.banner-header p {
    font-size:15px;
    margin-bottom:0;
    color:#fff
}
.banner-header p a {
    color:#A16F35
}
.banner-header .author .avatar {
    width:27px;
    height:27px;
    overflow:hidden;
    border-radius:50%;
    margin-right:5px
}
.banner-header .post {
    margin-top:20px
}
.banner-header .post div {
    display:inline-block
}
.banner-header .post .author {
    margin-right:20px;
    font-size:13px
}
.banner-header .post .date-comment {
    position:relative;
    font-size:13px;
    color:#fff;
    margin-right:20px
}
.banner-header .post .date-comment i {
    color:#A16F35;
    font-size:18px;
    margin-right:5px
}
.banner-header .post .date-comment:last-of-type {
    margin-right:0
}
.banner-header .arrow {
    position:absolute;
    bottom:40px;
    width:100%;
    text-align:center;
    z-index:8
}
.banner-header .arrow.bounce {
    -webkit-animation:bounce 2s infinite;
    animation:bounce 2s infinite
}
.banner-header .arrow i {
    position:relative;
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    color:#fff;
    font-size:15px;
    border:1px solid rgb(255 255 255 / .3);
    border-radius:100%
}
.banner-header .arrow i:hover {
    border:1px solid #fff
}
.banner-header .arrow i:hover:after {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:0;
    -webkit-transition:all .5s;
    transition:all .5s
}
@media (max-width:1199px) {
    .banner-header {
        margin-top:0
    }
}
@media screen and (max-width:767px) {
    .banner-header {
        margin-top:0
    }
    .banner-header.full-height h1 {
        font-size:30px;
        margin-bottom:15px;
        letter-spacing:10px;
        line-height:1.35em
    }
    .banner-header.full-height h3 {
        font-size:30px;
        margin-bottom:15px;
        letter-spacing:10px;
        line-height:1.35em
    }
    .banner-header.full-height h4 {
        font-size:12px
    }
    .banner-header h1 {
        font-size:45px
    }
}
@media screen and (max-width:350px) {
    .banner-header h1 {
        font-size:38px
    }
}
.position-relative {
    position:relative!important
}
.rooms-data {
    padding:100px 0
}
.rooms-data .mb-100 {
    margin-bottom:0 0 90px
}
.rooms2 {
    position:relative;
    .rooms-data .mb-90 {
        margin-bottom:0 0 90px
    }
}
.rooms2:last-child {
    margin-bottom:0
}
.rooms2 figure {
    margin:0;
    position:relative;
    width:66.666667%;
    margin-left:auto
}
.rooms2.left figure {
    margin-left:0;
    margin-right:auto
}
.rooms2 figure img:hover {
    transform:scale(.98)
}
.rooms2 .caption {
    position:absolute;
    left:0;
    top:50%;
    width:50%;
    padding:4% 4% 4% 0;
    -ms-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.rooms2.left .caption {
    left:auto;
    right:0;
    padding:4% 0 4% 4%
}
.rooms2 .caption.padding-left {
    padding-left:4%
}
.rooms2.left .caption.padding-left {
    padding-right:4%
}
.rooms2 .caption h4,.rooms2 .caption h4 a {
    font-size:35px;
    color:#222;
    margin-bottom:5px
}
.rooms2 .caption h3,.rooms2 .caption h3 a {
    font-size:24px;
    color:#ab8a62;
    margin-bottom:0
}
.rooms2 .caption h3 span {
    font-size:15px;
    color:#666;
    font-family:'Barlow',sans-serif
}
.rooms2 .caption h6 {
    display:inline-block;
    color:#666;
    font-family:'Barlow',sans-serif;
    font-weight:400;
    font-size:10px;
    margin-bottom:10px;
    letter-spacing:5px;
    text-transform:uppercase;
    -webkit-align-self:flex-start;
    -ms-flex-item-align:start;
    align-self:flex-start
}
.rooms2 .caption .info-wrapper {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.rooms2 .caption .info-wrapper .more {
    color:#666;
    text-decoration:none;
    font-size:14px
}
.rooms2 .caption .info-wrapper .more i {
    color:#666;
    font-size:10px
}
.rooms2 .caption .info-wrapper .date {
    color:#222;
    font-family:'Barlow Condensed',sans-serif;
    font-size:15px;
    background:#fff0;
    border:1px solid #ab8a62;
    text-transform:uppercase;
    letter-spacing:3px;
    padding:3px 12px
}
.rooms2 .caption .info-wrapper .date:hover {
    background:#fff0;
    border:1px solid #222;
    color:#222
}
@media (max-width:991.98px) {
    .rooms2 figure {
        width:auto;
        margin:0
    }
    .rooms2 .caption {
        position:relative;
        left:0;
        top:0;
        width:auto;
        padding:30px 20px;
        -ms-transform:translate(0,0);
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
    .rooms-data {
        padding:100px 0 70px
    }
    .rooms-data .mb-100 {
        margin-bottom:0 0 60px
    }
}
hr {
    margin-top:5px;
    margin-bottom:20px;
    border:0
}
hr.border-1 {
    border-top:1px solid rgb(170 132 83 / .7)
}
hr.border-2 {
    border-top:1px solid rgb(170 132 83 / .7)
}
.reservations {
    display:flex;
    align-items:center
}
.reservations i {
    color:var(--primary-two)
}
.reservations .icon {
    position:relative;
    top:3px
}
.reservations .icon span {
    font-size:40px;
    color:#8e6d45
}
.reservations .icon.color-1 span {
    font-size:40px;
    color:#fff
}
.reservations .text {
    margin-left:10px
}
.reservations .text p {
    font-size:15px;
    margin:0
}
.reservations .text a {
    font-size:16px;
    color:#565656
}
.reservations .text a:hover {
    font-size:16px;
    color:var(--primary-two)
}
.reservations .text a.color-1 {
    color:#fff
}
.rooms3 {
    color:#666
}
.rooms3 .square-flip {
    -webkit-perspective:1000;
    -moz-perspective:1000;
    -ms-perspective:1000;
    perspective:1000;
    -webkit-transform:perspective(1000px);
    -moz-transform:perspective(1000px);
    -ms-transform:perspective(1000px);
    transform:perspective(1000px);
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
    position:relative;
    background-size:cover;
    background-position:center center
}
.rooms3 .square-flip {
    min-height:450px;
    margin-bottom:0
}
.rooms3 .square,.rooms3 .square2 {
    width:100%;
    height:100%
}
.rooms3 .square {
    background-size:cover;
    background-position:center center;
    -webkit-transition:-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    -o-transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25),-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    overflow:hidden;
    position:absolute;
    top:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.rooms3 .square .category {
    position:absolute;
    top:20px;
    left:20px;
    z-index:3;
    writing-mode:vertical-rl;
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    text-orientation:mixed;
    text-transform:uppercase;
    color:#fff;
    font-size:15px;
    font-weight:400;
    letter-spacing:3px;
    background:#fff0;
    border:1px solid rgb(255 255 255 / .5);
    font-family:'Barlow Condensed',sans-serif;
    padding:10px 3px;
    line-height:1.5em
}
.rooms3 .square .category a {
    color:#fff
}
.rooms3 .square .category:hover {
    color:#fff
}
.rooms3 .square h4 {
    color:#fff;
    font-size:27px;
    text-align:left;
    margin-bottom:0;
    display:inline-flex
}
.rooms3 .square h6,.rooms3 .square h6 a {
    position:relative;
    color:#fff;
    font-size:15px;
    font-weight:400;
    font-family:'Barlow Condensed',sans-serif;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:10px
}
.rooms3 .square-flip .square {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    z-index:1
}
.rooms3 .square-flip:hover .square {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rooms3 .square2 {
    background:#f8f5f0;
    background-size:cover;
    background-position:center center;
    -webkit-transition:-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    -o-transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25),-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    overflow:hidden;
    position:absolute;
    top:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.rooms3 .square2.bg-white {
    background:#fff
}
.rooms3 .square2:before {
    top:25px;
    left:15px;
    right:15px;
    bottom:25px
}
.rooms3 .square2 h4 {
    font-size:30px;
    color:#222
}
.rooms3 .square2 h6 {
    position:relative;
    color:#A16F35;
    font-size:15px;
    font-weight:400;
    font-family:'Barlow Condensed',sans-serif;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:10px
}
.rooms3 .square2 p {
    font-size:15px;
    color:#666
}
.rooms3 .square2 .icon img {
    width:60px;
    color:#666;
    margin-bottom:20px
}
.rooms3 .btn-line a {
    border-bottom:1px solid #ccc;
    color:#666
}
.rooms3 .btn-line a:hover {
    border-bottom:1px solid #A16F35;
    color:#666
}
.rooms3 .square-flip .square2 {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    z-index:1
}
.rooms3 .square-flip:hover .square2 {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.rooms3 .square-container {
    padding:40px;
    text-align:right;
    height:450px;
    position:relative;
    -webkit-transition:-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    -o-transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25),-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    -webkit-transform:translateX(0) scale(1);
    -ms-transform:translateX(0) scale(1);
    transform:translateX(0) scale(1);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    z-index:2
}
.rooms3 .square-flip:hover .square-container {
    -webkit-transform:translateX(-650px) scale(.88);
    -ms-transform:translateX(-650px) scale(.88);
    transform:translateX(-650px) scale(.88)
}
.rooms3 .square-container2 {
    padding:30px;
    text-align:left;
    position:relative;
    top:50%;
    -webkit-transition:-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    -o-transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    transition:transform 0.9s cubic-bezier(.68,-.55,.265,1.25),-webkit-transform 0.9s cubic-bezier(.68,-.55,.265,1.25);
    -webkit-transform:translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
    transform:translateY(-50%) translateX(650px) translateZ(60px) scale(.88);
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    z-index:2
}
.rooms3 .square-flip:hover .square-container2 {
    -webkit-transform:translateY(-50%) translateX(0) translateZ(0) scale(1);
    transform:translateY(-50%) translateX(0) translateZ(0) scale(1)
}
.rooms3 .flip-overlay {
    display:block;
    background:#000;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:.2
}
@media screen and (max-width:991px) {
    .rooms3 .square-flip {
        margin-bottom:30px
    }
}
.rooms-page h6 {
    position:relative;
    font-family:'Gilda Display',serif;
    font-size:24px;
    color:#222
}
.page-list {
    position:relative;
    display:block
}
.page-list li {
    position:relative;
    display:flex;
    align-items:center
}
.page-list li+li {
    margin-top:10px
}
.page-list-icon {
    display:flex;
    align-items:center
}
.page-list-icon span {
    font-size:18px;
    color:#A16F35
}
.page-list-text {
    margin-left:15px
}
.page-list-text p {
    font-size:15px;
    margin:0
}
.rooms-page .owl-nav {
    position:absolute;
    bottom:3%;
    left:12%
}
.rooms-page .owl-prev {
    float:left
}
.rooms-page .owl-next {
    float:right
}
.rooms-page .owl-theme .owl-nav [class*=owl-] {
    width:40px;
    height:40px;
    line-height:34px;
    background:#fff0;
    border-radius:100%;
    color:rgb(255 255 255 / .75);
    font-size:11px;
    margin-right:3px;
    cursor:pointer;
    border:1px solid rgb(255 255 255 / .3);
    transition:all 0.2s ease-in-out;
    transform:scale(1)
}
.rooms-page .owl-theme .owl-nav [class*=owl-]:hover {
    transform:scale(.9);
    background:#fff0;
    border:1px solid #b19777;
    color:#b19777
}
@media screen and (max-width:768px) {
    .rooms-page .owl-nav {
        display:none
    }
}
.room-carousel .item {
    padding-right:0
}
.room-carousel .item img {
    width:100%;
    height:auto;
    object-fit:none
}
.facilties .single-facility {
    background:#fff0;
    padding:30px 20px;
    -webkit-transition:.5s;
    transition:.5s;
    height:90%;
    position:relative;
    z-index:1;
    margin-bottom:30px;
    line-height:1;
    border:1px solid #f1eeeb
}
.facilties .single-facility h5 {
    font-size:24px;
    color:#222;
    margin-bottom:10px
}
.facilties .single-facility:hover h5 {
    color:#222;
    -webkit-transition:.5s;
    transition:.5s
}
.facilties .single-facility span {
    font-size:45px;
    color:#A16F35;
    line-height:1;
    margin-bottom:20px;
    display:inline-block;
    -webkit-transition:.5s;
    transition:.5s
}
.facilties .single-facility p {
    margin:0;
    color:#565656
}
.facilties .single-facility .facility-shape {
    position:absolute;
    opacity:.02;
    z-index:-1;
    bottom:15px;
    left:120px
}
.facilties .single-facility .facility-shape span {
    font-size:140px;
    color:#222
}
hr {
    margin-top:5px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid rgb(255 255 255 / .25)
}
.room-facilities .wrap {
    background:#222;
    padding:30px
}
.room-facilities ul {
    margin:0;
    padding:0;
    list-style:none
}
.room-facilities ul li {
    color:#666;
    font-size:15px;
    padding-bottom:10px
}
.room-facilities ul li i {
    margin-right:10px;
    color:#A16F35;
    font-size:20px
}
.services .img {
    position:relative;
    overflow:hidden
}
.services .img:hover img {
    -webkit-filter:none;
    filter:none;
    -webkit-transform:scale(1.09,1.09);
    transform:scale(1.09,1.09);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transition:all 1s ease
}
.services .img img {
    -webkit-transition:all .5s;
    transition:all .5s
}
.services .content {
    width:100%;
    padding:30px
}
.services .content .date {
    display:table-cell;
    position:relative;
    width:80px;
    z-index:2
}
.services .content .date h3 {
    font-size:65px;
    font-weight:500;
    color:#A16F35;
    margin-bottom:0
}
.services .content .date h6 {
    color:#666;
    letter-spacing:2px;
    font-size:10px;
    font-family:'Barlow',sans-serif;
    text-transform:uppercase;
    font-weight:400
}
.services .content .cont {
    display:table-cell;
    vertical-align:middle
}
.services .content .cont h4 {
    margin:0 0 10px 0;
    font-size:32px;
    color:#222;
    font-weight:400;
    line-height:1.5em
}
.services .content .cont .more {
    font-size:12px;
    font-weight:400;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#A16F35;
    padding-left:40px;
    position:relative
}
.services .content .cont .more:after {
    content:'';
    width:30px;
    height:1px;
    background:#A16F35;
    position:absolute;
    top:50%;
    left:0
}
.services .content .cont .more:hover {
    color:#222
}
.services .content .info h6 {
    font-size:15px;
    letter-spacing:3px;
    color:#666;
    font-family:'Barlow Condensed',sans-serif;
    text-transform:uppercase;
    margin-bottom:5px
}
.services .content .info .tags {
    color:#A16F35
}
@media screen and (max-width:991px) {
    .services .content .cont h4 {
        line-height:1.25em
    }
    .order2 {
        -webkit-box-ordinal-group:3!important;
        -ms-flex-order:2!important;
        order:2!important
    }
    .order1 {
        -webkit-box-ordinal-group:2!important;
        -ms-flex-order:1!important;
        order:1!important
    }
}
@media screen and (max-width:480px) {
    .services .content .date {
        width:60px
    }
    .services .content .info .tags {
        margin:5px 0 0
    }
    .services .content .date h3 {
        font-size:40px
    }
}
.gallery-item {
    position:relative;
    padding-top:0
}
.circle-fill circle {
    opacity:1;
    fill:rgb(174 140 100 / .7)
}
.polygon {
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    line-height:90px;
    font-size:35px;
    z-index:2
}
.video-wrapper {
    min-height:500px
}
.video-wrapper .vid {
    position:relative;
    z-index:8
}
.video-wrapper .vid .vid-butn:hover .icon {
    color:#fff
}
.video-wrapper .vid .vid-butn:hover .icon:before {
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0)
}
.video-wrapper .vid .vid-butn .icon {
    color:#A16F35;
    width:100px;
    height:100px;
    border:1px solid rgb(255 255 255 / .2);
    border-radius:50%;
    line-height:100px;
    text-align:center;
    font-size:40px;
    position:relative;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.video-wrapper .vid .vid-butn .icon:after {
    content:'';
    position:absolute;
    top:5px;
    bottom:5px;
    right:5px;
    left:5px;
    border:1px solid #eee;
    border-radius:50%;
    z-index:-1
}
.video-wrapper .vid .vid-butn .icon:before {
    content:'';
    position:absolute;
    top:5px;
    bottom:5px;
    right:5px;
    left:5px;
    background:#fff;
    border-radius:50%;
    z-index:-1;
    -webkit-transition:all 0.5s cubic-bezier(1,0,0,1);
    -o-transition:all 0.5s cubic-bezier(1,0,0,1);
    transition:all 0.5s cubic-bezier(1,0,0,1)
}
.line {
    width:60px;
    border-top:1px solid rgb(255 255 255 / .2)!important;
    margin-bottom:10px
}
.selection {
    display:inline-flex
}
.booking-box {
    position:relative;
    background:#f8f5f0;
    padding:45px;
    margin-bottom:-75px
}
.booking-box-two {
    position:relative;
    background:#f8f5f0;
    padding:60px 30px
}
.booking-box .head-box h6 {
    font-size:15px;
    font-family:'Barlow Condensed',sans-serif;
    font-weight:400;
    color:#666;
    text-transform:uppercase;
    position:relative;
    letter-spacing:6px;
    margin-bottom:10px
}
.booking-box .head-box h4 {
    font-family:'Gilda Display',serif;
    font-size:27px;
    font-weight:400;
    color:#222;
    border-bottom:1px solid rgb(170 132 83 / .2);
    padding-bottom:15px;
    letter-spacing:0;
    text-transform:none;
    margin-top:0
}
.booking-box .head-box h4 span {
    color:#222
}
@media screen and (max-width:991px) {
    .booking-box {
        margin-bottom:0;
        padding:42px 20px;
        height:100%
    }
    .booking-box-two {
        padding:60px 20px
    }
}
@media screen and (max-width:575px) {
    .booking-box {
        padding:42px 20px;
        height:auto
    }
}
.position {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-top:-1px;
    padding:40px 45px 40px 50px;
    -webkit-transition:background-color .3s;
    transition:background-color .3s;
    border-top:1px solid #f1eeeb;
    border-bottom:1px solid #f1eeeb;
    background-color:#fff0;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media only screen and (max-width:991px) {
    .position {
        flex-direction:column;
        -webkit-box-pack:initial;
        -webkit-justify-content:initial;
        -ms-flex-pack:initial;
        justify-content:initial;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        -webkit-box-align:start;
        -webkit-align-items:flex-start;
        -ms-flex-align:start;
        align-items:flex-start
    }
}
.news .item {
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.news .item:hover img {
    -webkit-filter:none;
    filter:none;
    -webkit-transform:scale(1.09,1.09);
    transform:scale(1.09,1.09);
    -webkit-filter:brightness(75%);
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transition:all 1s ease
}
.news .item:hover .con {
    bottom:0
}
.news .item img {
    -webkit-transition:all .5s;
    transition:all .5s;
    -webkit-filter:brightness(100%)
}
.news .item .date {
    display:inline-block;
    position:absolute;
    top:20px;
    left:20px;
    background:#fff0;
    border:1px solid rgb(255 255 255 / .5);
    color:#fff;
    padding:5px 10px;
    text-align:center
}
.news .item .date span {
    font-family:'Barlow Condensed',sans-serif;
    display:block;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:3px;
    color:#fff
}
.news .item .date i {
    font-family:'Barlow Condensed',sans-serif;
    display:block;
    font-size:24px;
    font-style:normal;
    color:#fff
}
.news .item .con {
    margin:-155px 20px 90px;
    padding:20px;
    background-color:#f8f5f0!important;
    border:1px solid #f8f5f0;
    border-radius:0;
    overflow:hidden;
    -webkit-transition:.2s cubic-bezier(.3,.58,.55,1);
    transition:.2s cubic-bezier(.3,.58,.55,1);
    bottom:-90px;
    position:relative
}
.news .item .con .category {
    font-family:'Barlow',sans-serif;
    text-transform:uppercase;
    font-size:12px;
    font-weight:400;
    margin-bottom:5px;
    letter-spacing:3px
}
.news .item .con .category a {
    margin-right:5px;
    position:relative;
    color:#666
}
.news .item .con .category a:hover {
    color:#222
}
.news .item .con .category a:last-child {
    margin-right:0
}
.news .item .con .category a:last-child:after {
    display:none
}
.news .item .con h5,.news .item .con h5 a {
    color:#222;
    font-size:24px;
    font-family:'Gilda Display',serif;
    ;
    font-weight:400;
    margin-bottom:0
}
.news .item .con h5:hover,.news .item .con h5 a:hover {
    color:#A16F35
}
.news .item .con p {
    color:#fff;
    font-size:17px
}
.news .item .con i {
    color:#fff;
    font-size:20px
}
@media (max-width:575px) {
    .news .item {
        display:flex;
        justify-content:center
    }
    .news .item img {
        width:auto!important
    }
}
.contact h3 {
    font-size:24px;
    color:#222
}
.butn-dark2 {
    position:relative;
    line-height:1.2em;
    font-weight:400;
    font-family:'Barlow Condensed',sans-serif;
    text-transform:uppercase;
    background:var(--primary-two);
    color:#fff;
    padding:13px 22px;
    margin:0;
    position:relative;
    font-size:15px;
    letter-spacing:3px
}
.butn-dark2:after {
    content:'';
    width:0;
    height:100%;
    position:absolute;
    bottom:0;
    left:100%;
    z-index:1;
    background:var(--primary-one);
    color:#fff;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.butn-dark2 span {
    position:relative;
    z-index:2
}
.butn-dark2:hover:after {
    width:100%;
    left:0;
    -webkit-transition:width 0.3s ease;
    transition:width 0.3s ease
}
.butn-dark2:hover span {
    color:#fff
}
.comming {
    min-height:100vh;
    height:auto;
    position:relative;
    background-blend-mode:overlay;
    background:rgb(0 0 0 / .8);
    background-image:url(../img/slider/3.jpg);
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    color:#fff
}
.comming.section-padding {
    padding:100px 0
}
@media (max-width:767px) {
    .comming {
        min-height:100vh!important
    }
    .comming.section-padding {
        padding:0 0
    }
}
.comming .item {
    background:#fff0;
    border:1px solid rgb(255 255 255 / .2);
    padding:30px 15px;
    margin-bottom:30px
}
.comming h6 {
    color:#fff;
    font-size:15px;
    font-family:'Barlow Condensed',sans-serif;
    font-weight:400;
    text-transform:uppercase;
    margin-bottom:30px;
    letter-spacing:3px
}
.comming h3 {
    font-size:48px;
    color:#fff;
    position:relative;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:0
}
.comming h2 {
    font-size:40px;
    font-weight:400;
    color:#fff;
    position:relative;
    margin-bottom:10px
}
.comming h1 {
    font-size:200px;
    font-weight:400;
    margin-bottom:0;
    position:relative;
    color:#fff;
    -webkit-text-stroke:1px #A16F35;
    opacity:.8;
    line-height:160px
}
.comming p {
    color:#fff;
    font-size:15px
}
.comming form {
    margin-top:30px;
    position:relative
}
.comming form input {
    width:100%;
    padding:11px 50px 11px 11px;
    background-color:#fff0;
    border:1px solid #A16F35;
    border-radius:0;
    color:#fff;
    margin-bottom:15px;
    outline:none
}
.comming form input::placeholder {
    color:#fff
}
.comming form button {
    background-color:var(--primary-two);
    padding:6px 20px;
    border-radius:0;
    color:#fff;
    border:0;
    top:4px;
    right:4px;
    cursor:pointer;
    font-family:'Barlow Condensed',sans-serif;
    font-size:15px;
    letter-spacing:3px;
    text-transform:uppercase;
    font-weight:400;
    outline:none
}
.comming form button:hover {
    background-color:var(--primary-one);
    color:#fff;
    outline:none
}
.info-box {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:15px
}
.info-box .box-icon {
    width:48px;
    height:48px;
    min-width:48px;
    line-height:48px;
    font-size:20px;
    border:1px solid var(--primary-two);
    color:var(--primary-two);
    border-radius:50%;
    text-align:center;
    margin-right:10px;
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease
}
.th-social a {
    font-size:48px;
    color:var(--primary-two);
    display:inline-block;
    width:48px!important;
    height:48px;
    line-height:48px;
    border:1px solid var(--primary-two);
    color:var(--primary-two);
    font-size:20px;
    text-align:center;
    margin-right:22px;
    border-radius:99px
}
.th-social a:last-child {
    margin-right:0
}
.footer {
    position:relative;
    display:block
}
.footer-top {
    position:relative;
    display:block;
    color:var(--primary-one);
    padding:60px 0 60px 0;
    z-index:1;
    box-shadow:-5px -5px 20px rgb(15 36 84 / 5%)
}
.footer-top .footer-column {
    margin-bottom:0
}
.footer-column img {
    width:auto;
    margin-bottom:0
}
.footer-column a {
    width:auto;
    font-size:16px
}
.footer-column .footer-about {
    margin-bottom:0
}
.footer-title {
    font-size:24px;
    color:#000;
    margin-bottom:20px
}
.footer-about-text {
    font-size:16px;
    color:#fff;
    margin:0
}
.footer-contact {
    position:relative;
    display:block
}
.footer-contact .footer-title {
    margin-bottom:20px
}
.footer-contact-text {
    font-size:16px;
    margin:0;
    color:#565656
}
.footer-contact-info p {
    margin:0
}
.footer-contact-phone {
    font-family:'Gilda Display',serif;
    font-size:16px;
    color:#565656;
    font-weight:400;
    display:block;
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
}
.footer-contact-phone:hover {
    color:var(--primary-two)
}
.footer-contact-mail {
    font-size:15px;
    line-height:3em;
    color:#565656;
    position:relative;
    display:inline-block;
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
}
.footer-contact-mail:hover {
    color:var(--primary-two)
}
select {
    width:160px;
    max-width:100%;
    height:70px;
    padding:0 30px;
    border:1px solid #adadad;
    color:#adadad;
    -webkit-appearance:none;
    -moz-appearance:none
}
.footer-bottom {
    position:relative;
    display:block;
    border-top:1px solid #e1ca9f3b;
    -webkit-box-shadow:0 -1px 0 0 rgb(255 255 255 / .05);
    box-shadow:0 -1px 0 0 rgb(255 255 255 / .05);
    padding:15px 0
}
.footer-bottom-inner {
    position:relative;
    display:block;
    text-align:center
}
.footer-bottom-copy-right {
    font-size:16px;
    color:#565656;
    margin:0
}
.footer-bottom-copy-right a {
    color:#565656;
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
}
.footer-bottom-copy-right a:hover {
    color:var(--primary-two)
}
.progress-wrap {
    position:fixed;
    bottom:90px;
    right:25px;
    height:45px;
    width:45px;
    cursor:pointer;
    display:block;
    border-radius:50px;
    -webkit-box-shadow:inset 0 0 0 1px rgb(0 0 0 / .2);
    box-shadow:inset 0 0 0 1px rgb(0 0 0 / .2);
    z-index:100;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:all 400ms linear;
    -o-transition:all 400ms linear;
    transition:all 400ms linear
}
.progress-wrap.active-progress {
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.progress-wrap::after {
    position:absolute;
    font-family:'themify';
    content:'\e648';
    text-align:center;
    line-height:45px;
    font-size:12px;
    font-weight:700;
    color:#323232;
    left:0;
    top:0;
    height:45px;
    width:45px;
    cursor:pointer;
    display:block;
    z-index:1;
    -webkit-transition:all 400ms linear;
    -o-transition:all 400ms linear;
    transition:all 400ms linear
}
.progress-wrap svg path {
    fill:none
}
.progress-wrap svg.progress-circle path {
    stroke:rgb(0 0 0 / .2);
    stroke-width:2;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all 400ms linear;
    -o-transition:all 400ms linear;
    transition:all 400ms linear
}
.progress-wrap {
    -webkit-box-shadow:inset 0 0 0 1px rgb(0 0 0 / .2);
    box-shadow:inset 0 0 0 1px rgb(0 0 0 / .2)
}
.progress-wrap::after {
    color:#A16F35
}
.progress-wrap svg.progress-circle path {
    stroke:#A16F35
}
email:before {
    content:attr(data-user) "\0040"
}
email::after {
    content:attr(data-domain)
}
.grecaptcha-badge {
    bottom:60px;
    z-index:999
}
.alert-warning {
    background-color:#fff3cd;
    border-color:#ffeeba;
    color:#856404
}
.alert-success {
    background-color:#d4edda;
    border-color:#c3e6cb;
    color:#155724
}
.alert-info {
    background-color:#cce5ff;
    border-color:#b8daff;
    color:#004085
}
.alert-danger {
    background-color:#f8d7da;
    border-color:#f5c6cb;
    color:#721c24
}
.close {
    color:#000;
    float:right;
    font-size:16px;
    font-weight:300;
    line-height:20px;
    opacity:.3;
    text-shadow:none;
    vertical-align:middle
}
.gallery-item {
    position:relative;
    width:100%
}
.gallery-img {
    height:100%
}
.gallery-img img {
    width:100%
}
.pro-details .gallery-img img {
    width:100%;
    height:275px;
    border:2px solid var(--primary-one)
}
.gallery-content {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.gallery-content::before {
    content:"";
    position:absolute;
    left:10px;
    top:10px;
    right:10px;
    bottom:10px;
    background:var(--primary-one);
    opacity:0;
    visibility:hidden;
    transition:0.3s
}
.gallery-content:hover::before {
    opacity:.9;
    visibility:visible
}
.gallery-link {
    width:auto;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) scale(1);
    transition:opacity 0.4s ease,transform 0.4s ease;
    opacity:0;
    visibility:hidden;
    font-size:42px;
    color:var(--color-white);
    background:#fff0;
    border-radius:0;
    z-index:2
}
.gallery-link i {
    pointer-events:none
}
.gallery-link:hover i {
    color:#fff
}
.gallery-content:hover .gallery-link {
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%) scale(1)
}
@media (max-width:576px) {
    .exp {
        margin-bottom:3rem
    }
    .exp:last-child {
        margin-bottom:0
    }
}
.portfolio-area {
    position:relative
}
.pa-bg {
    position:absolute;
    top:0;
    left:0;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    width:100%;
    height:500px
}
.pa-bg::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    background:rgb(0 63 114 / .85);
    width:100%;
    height:100%
}
.portfolio-img {
    position:relative
}
.portfolio-img img {
    width:100%
}
.pro-details .portfolio-img img {
    width:100%;
    height:275px;
    border:2px solid var(--primary-one)
}
.portfolio-img::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    background:var(--primary-two);
    transform:scaleY(0);
    transition:var(--transition)
}
.portfolio-item:hover .portfolio-img::before {
    opacity:.8;
    transform:scaleY(1)
}
.portfolio-link {
    position:absolute;
    width:60px;
    height:60px;
    line-height:60px;
    color:var(--primary-one);
    background:#fff;
    border-radius:50px;
    text-align:center;
    left:50%;
    top:50%;
    font-size:28px;
    margin-top:50px;
    opacity:0;
    box-shadow:var(--box-shadow);
    transform:translate(-50%,-50%);
    transition-delay:0.3s
}
.portfolio-link:hover {
    color:var(--primary-one)
}
.portfolio-item:hover .portfolio-link {
    margin-top:0;
    opacity:1
}
.c h4 a {
    font-size:20px;
    color:var(--color-dark)
}
.portfolio-arrow {
    width:45px;
    height:45px;
    line-height:45px;
    background:var(--primary-one);
    color:#fff;
    text-align:center;
    border-radius:50px
}
.portfolio-arrow i {
    color:#fff;
    transform:rotate(-45deg);
    transition:var(--transition)
}
.portfolio-arrow:hover i {
    transform:rotate(0)
}
.portfolio-slider .owl-nav {
    margin-top:0
}
.portfolio-slider .owl-nav button {
    position:absolute;
    top:60%;
    margin-top:-35px;
    transform:translate(0,-50%);
    transition:var(--transition)
}
.portfolio-slider .owl-nav button i {
    display:inline-block;
    height:48px;
    width:48px;
    line-height:48px;
    color:#fff;
    font-size:25px;
    text-align:center;
    background:var(--primary-two);
    border-radius:50px;
    cursor:pointer;
    transition:var(--transition)
}
.portfolio-slider .owl-nav button:hover i {
    background:var(--primary-one);
    color:#fff
}
.portfolio-slider .owl-nav .owl-prev {
    left:0;
    opacity:0
}
.portfolio-slider .owl-nav .owl-next {
    right:0;
    opacity:0
}
.portfolio-slider:hover .owl-nav .owl-prev {
    left:-10px;
    opacity:1
}
.portfolio-slider:hover .owl-nav .owl-next {
    right:-10px;
    opacity:1
}
@media all and (max-width:1199px) {
    .portfolio-slider .owl-nav {
        display:none
    }
}
[data-overlay-dark] {
    position:relative
}
[data-overlay-dark] .container {
    position:relative;
    z-index:2
}
[data-overlay-dark]:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1
}
[data-overlay-dark]:before {
    background:#000
}
[data-overlay-dark] h1,[data-overlay-dark] h2,[data-overlay-dark] h3,[data-overlay-dark] h4,[data-overlay-dark] h5,[data-overlay-dark] h6,[data-overlay-dark] span {
    color:#fff
}
[data-overlay-dark] p {
    color:#fff
}
[data-overlay-dark="0"]:before {
    opacity:0
}
[data-overlay-dark="1"]:before {
    opacity:.1
}
[data-overlay-dark="2"]:before {
    opacity:.2
}
[data-overlay-dark="3"]:before {
    opacity:.3
}
[data-overlay-dark="4"]:before {
    opacity:.4
}
[data-overlay-dark="5"]:before {
    opacity:.5
}
[data-overlay-dark="6"]:before {
    opacity:.6
}
[data-overlay-dark="7"]:before {
    opacity:.7
}
[data-overlay-dark="8"]:before {
    opacity:.8
}
[data-overlay-dark="9"]:before {
    opacity:.9
}
[data-overlay-dark="10"]:before {
    opacity:1
}
@media (min-width:1200px) {
    .container {
        max-width:1140px!important
    }
}
@media screen and (max-width:991px) {
    .bg-fixed {
        background-attachment:scroll!important
    }
    .footer-column img {
        margin-bottom:30px
    }
    .header {
        background-attachment:scroll!important;
        background-position:50% 0%!important
    }
    .header .caption h1 {
        font-size:40px
    }
    .booking-box,.booking-box,.banner-header .booking-box {
        display:none
    }
    .pb-md-30 {
        padding-bottom:30px
    }
}
@media screen and (max-width:767px) {
    .header .caption h1 {
        font-size:30px;
        margin-bottom:15px;
        letter-spacing:10px;
        line-height:1.35em
    }
    .header .caption h3 {
        font-size:30px;
        margin-bottom:15px;
        letter-spacing:10px;
        line-height:1.35em
    }
    .header .caption h4 {
        font-size:12px
    }
    .header .caption p {
        font-size:15px;
        margin-right:10px
    }
    .header .caption .butn-light {
        margin-right:10px
    }
    .portfolio .filtering span {
        margin-bottom:10px
    }
    .news .item .con h5,.news .item .con h5 a {
        font-size:20px
    }
    .banner-header .caption {
        text-align:center
    }
    .caption.textleft,.caption {
        text-align:start
    }
    .footer-contact-info .info-box:last-child {
        margin-bottom:0
    }
}
@media (max-width:575px) {
    .footer-top .footer-column {
        margin-bottom:30px
    }
    .footer-column img {
        margin-bottom:0
    }
}