/* -------------------------------------------------------

 01. Basics style
 02. Helper style
 03. Selection style 
 04. Preloader style
 05. Owl-Theme custom style
 06. Section style
 07. Navbar style
 08. Header style
 09. Slider-fade style (Homepage Slider)
 10. Slider style (Inner Page Slider)
 11. Kenburns Slider style
 12. Page Banner Header style
 13. Video Background style
 14. Team style
 15. Rooms style
 16. Rooms Page style
 17. Services style
 18. Restaurant Menu style
 19. Facilties style
 20. Clients style
 21. Gallery style
 22. Promo Video Style
 23. Testimonials style
 24. Booking style
 25. Pricing style
 26. Accordion Box (for Faqs) style
 27. News 1 (Home) style
 28. News 2 style
 29. Post style
 30. Contact style
 31. Buttons style
 32. 404 Page style
 33. Footer style
 34. toTop Button style
 35. Overlay Effect Bg image style
 36. Responsive (Media Query)
 
------------------------------------------------------- */


/* ======= Basic style ======= */

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: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.75em;
    color: #625c56;
    overflow-x: hidden !important;
    background: #f5eee7;
}
p {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.75em;
    color: #625c56;
    margin-bottom: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    line-height: 1.25em;
    margin: 0 0 15px 0;
    color: #14100c;
}
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: 300;
    color: #bba792;
}

/* text field */
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: 15px;
    padding: 15px;
    height: auto;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #625c56;
    background-image: none;
    border: none;
}
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: transparent;
    border: 0px solid transparent;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
    border: 0px solid transparent;
}
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: 300;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    background: #bba792;
    color: #fff;
    padding: 8px 24px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
}
.alert-success {
    background: transparent;
    color: #625c56;
    border: 1px solid #bba792;
    border-radius: 0px;
}

/* placeholder */
::-webkit-input-placeholder {
    color: #625c56;
    font-size: 15px;
    font-weight: 300;
}
:-moz-placeholder {
    color: #625c56;
}
::-moz-placeholder {
    color: #625c56;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #625c56;
}

/* blockquote */
blockquote {
    padding: 45px;
    display: block;
    position: relative;
    background-color: #bba792;
    overflow: hidden;
    margin: 35px 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.75em;
    color: #fff;
}
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: 0.1;
    line-height: 1;
    color: #fff;
}
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: #fff;
    font-weight: 700;
}
blockquote cite:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 45px;
    height: 1px;
    border-top: 1px solid; 
    border-color:inherit;
    color: #fff;
}


/* ======= Helper style ======= */
.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-60 {
  margin-bottom: 60px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}

/* important */
.o-hidden {
    overflow: hidden;
}
.position-re {
    position: relative;
}
.full-width {
    width: 100%;
}
.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-position-top {
    background-position: top;
}
.bg-position-center {
    background-position: center;
}
.bg-position-bottom {
    background-position: bottom;
}
.bg-fixed {
    background-attachment: fixed;
}
.pattern {
    background-repeat: repeat;
    background-size: auto;
}
.bold {
    font-weight: 500;
}
.count {
    font-family: 'Outfit', sans-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;
}

/* background & color */
.bg-darkbrown {
    background: #222;
}

.bg-darkbrown {
    background: #14100c;
}

.color-1 {
color: #fff;
}
.color-2 {
color: #aba59f;
}
.color-3 {
color: #625c56;
}
.color-4 {
color: #222;
}
.color-5 {
color: #bba792;
}

/* star - white  */
.star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 1.2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #fff;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 8px;
}
.star:before, .star:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #fff;
  border-left: 1em solid transparent;
  transform: rotate(-35deg);
}
.star:after {
  transform: rotate(35deg);
}
/* Star rating  */
.star-rating {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.9em;
  margin-right: 0.9em;
  margin-bottom: 2em;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #ffd27d;
  border-left: 0.3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 8px;
}
.star-rating:before, .star-rating:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #ffd27d;
  border-left: 1em solid transparent;
  transform: rotate(-35deg);
}
.star-rating:after {
  transform: rotate(35deg);
}


/* ======= Selection style ======= */
::-webkit-selection {
    color: #fff;
    background: #bba792;
}
::-moz-selection {
    color: #fff;
    background: #bba792;
}
::selection {
    color: #fff;
    background: #bba792;
}


/* ======= Preloader style ======= */
.preloader-bg,
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f5eee7;
    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: 65px;
    height: 65px;
    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 rgba(145, 118, 90, 0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.loader span {
    position: absolute;
    width: 65px;
    height: 65px;
    top: -1px;
    left: -1px;
    border: 1px solid transparent;
    border-top: 1px solid #bba792;
    -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);
    }
}


/* ======= Owl-Theme custom style ======= */
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0px;
    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: transparent;
    border: 1px solid #aba59f;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #bba792;
    border: 1px solid #bba792;
}




/* === owl carousel nav style  === */
.clients .owl-theme .owl-nav,
.team .owl-theme .owl-nav,
.news .owl-theme .owl-nav,
.pricing .owl-theme .owl-nav,
.testimonials .owl-theme .owl-nav,
.rooms-page .owl-theme .owl-nav,
.rooms1 .owl-theme .owl-nav {
    position: absolute!important;
    top: 35%!important;
    bottom: auto!important;
    width: 100%
}
.clients .owl-theme .owl-nav,
.team .owl-theme .owl-nav,
.news .owl-theme .owl-nav,
.pricing .owl-theme .owl-nav,
.testimonials .owl-theme .owl-nav,
.rooms-page .owl-theme .owl-nav,
.rooms1 .owl-theme .owl-nav{
    position: relative;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.clients .owl-theme .owl-prev,
.team .owl-theme .owl-prev,
.news .owl-theme .owl-prev,
.pricing .owl-theme .owl-prev,
.testimonials .owl-theme .owl-prev,
.rooms-page .owl-theme .owl-prev,
.rooms1 .owl-theme .owl-prev {
    left: 10px!important
}
.clients .owl-theme .owl-next,
.team .owl-theme .owl-next,
.news .owl-theme .owl-next,
.pricing .owl-theme .owl-next,
.testimonials .owl-theme .owl-next,
.rooms-page .owl-theme .owl-next,
.rooms1 .owl-theme .owl-next {
    right: 10px!important
}
.clients .owl-theme .owl-prev,
.clients .owl-theme .owl-next,
.team .owl-theme .owl-prev,
.team .owl-theme .owl-next,
.news .owl-theme .owl-prev,
.news .owl-theme .owl-next,
.pricing .owl-theme .owl-prev,
.pricing .owl-theme .owl-next,
.testimonials .owl-theme .owl-prev,
.testimonials .owl-theme .owl-next,
.rooms-page .owl-theme .owl-prev,
.rooms-page .owl-theme .owl-next,
.rooms1 .owl-theme .owl-prev,
.rooms1 .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: 15px
}
.clients .owl-theme .owl-prev>span,
.clients .owl-theme .owl-next>span,
.team .owl-theme .owl-prev>span,
.team .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,
.testimonials .owl-theme .owl-prev>span,
.testimonials .owl-theme .owl-next>span,
.rooms-page .owl-theme .owl-prev>span,
.rooms-page .owl-theme .owl-next>span,
.rooms1 .owl-theme .owl-prev>span,
.rooms1 .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%)
}
.clients .owl-theme .owl-nav [class*=owl-],
.team .owl-theme .owl-nav [class*=owl-],
.news .owl-theme .owl-nav [class*=owl-],
.pricing .owl-theme .owl-nav [class*=owl-],
.testimonials .owl-theme .owl-nav [class*=owl-],
.rooms-page .owl-theme .owl-nav [class*=owl-],
.rooms1 .owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: transparent;
    color: #fff;
    font-size: 11px;
    margin-right: 15px;
    margin-left: 15px;
    cursor: pointer;
    border: 1px solid rgba(255,255,255, 0.7);
    border-radius: 100%;
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.clients .owl-theme .owl-nav [class*=owl-]:hover,
.team .owl-theme .owl-nav [class*=owl-]:hover,
.news .owl-theme .owl-nav [class*=owl-]:hover,
.pricing .owl-theme .owl-nav [class*=owl-]:hover,
.testimonials .owl-theme .owl-nav [class*=owl-]:hover,
.rooms-page .owl-theme .owl-nav [class*=owl-]:hover,
.rooms1 .owl-theme .owl-nav [class*=owl-]:hover {
    transform: scale(0.9);
    background: #fff;
    border: 1px solid #fff;
    color: #b19777;
}
@media screen and (max-width: 768px) {
    .clients .owl-theme .owl-nav,
    .team .owl-theme .owl-nav,
    .news .owl-theme .owl-nav,
    .pricing .owl-theme .owl-nav,
    .testimonials .owl-theme .owl-nav,
    .rooms-page .owl-theme .owl-nav,
    .rooms1 .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 style ======= */
.section-padding {
    padding: 120px 0;
}


.section-padding {
    padding: 120px 0;
}


.section-padding22 {
    padding: 120px 0 0 0;
}


.section-padding33 {
    padding: 120px 0 120px 0;
}

.section-padding3 {
    padding: 0 0 40px 0;
}

.section-padding2 {
    padding: 0 0 120px 0;
}


.section-padding4 {
    padding: 35px 0 120px 0;
}


.section-padding44 {
    padding: 35px 0 60px 0;
}
.section-padding5 {
    padding: 20px 0 0 0;
}
.section-padding6 {
    padding: 20px 0 25px 0;
}

.section-padding h6 {
    color: #bba792;
    font-size: 20px;
    margin-bottom: 15px;
}
.section-subtitle {
    font-size: 12px;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    color: #bba792;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    margin-bottom: 0px;
}

.section-subtitle span {
 color: #bba792;
}
.section-title {
    font-size: 40px;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    color: #14100c;
    position: relative;
    margin-bottom: 15px;
    line-height: 1.25em;
}
.section-title span {
    color: #fff;
}


/* ======= Navbar style ======= */
.navbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 99;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 100px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.navbar-toggler-icon {
    background-image: none;
}
.navbar .navbar-toggler-icon,
.navbar .icon-bar {
    color: #FFF;
}
.navbar .navbar-nav .nav-link {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    margin: 1px;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding-right: 12px;
    padding-left: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.navbar .navbar-nav .nav-link.nav-color {
    color: #fff;
}
.navbar .navbar-nav .nav-link:hover {
    color: #bba792;
}
.navbar .navbar-nav .active {
    color: #bba792 !important;
}
.navbar .navbar-nav .active i {
    color: #bba792;
}
.nav-scroll {
    background: #14100c;
    padding: 0 0 0 0;
    position: fixed;
    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: 0px 5px 15px rgb(15 36 84 / 5%);
    box-shadow: 0px 5px 15px rgb(15 36 84 / 5%);
    height: 90px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.nav-scroll .navbar-toggler-icon,
.nav-scroll .icon-bar {
    color: #bba792;
}
.nav-scroll .navbar-nav .nav-link {
    color: #fff;
}
.nav-scroll .navbar-nav .active {
    color: #bba792 !important;
}
.nav-scroll .navbar-nav .logo {
    padding: 15px 0;
    color: #fff;
}
.nav-scroll .logo-img {
    width: 170px;
}
.nav-scroll .logo-img {
    margin-bottom: 0px;
}
.nav-scroll .logo-wrapper .logo h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 27px;
    font-weight: 300;
    display: block;
    width: 100%;
    position: relative;
    color: #bba792;
    margin-bottom: 0;
    padding: 20px 0;
    letter-spacing: 1px;
    text-align: center;
}
.nav-scroll .logo-wrapper .logo span {
    display: block;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    color: #222;
    font-weight: 300;
    letter-spacing: 1px;
    display: block;
    margin-top: 0px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.nav-scroll .logo-wrapper {}
.logo-wrapper {
    float: left;
}
.logo-wrapper .logo h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 27px;
    font-weight: 300;
    display: block;
    width: 100%;
    position: relative;
    color: #bba792;
    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: 'Outfit', sans-serif;
    font-size: 10px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    display: block;
    margin-top: 0px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.logo {
    padding: 0;
}
.logo-img {
    width: 170px;
    text-align: center;
}
.dropdown .nav-link i {
    padding-left: 0px;
    font-size: 8px;
    color: rgba(255, 255, 255, 0.7);
}
.nav-scroll .dropdown .nav-link i {
    color: rgba(255, 255, 255, 0.7);
}
.nav-scroll .navbar-nav .active i {
    color: #bba792;
}
.navbar .dropdown-menu .dropdown-item {
    padding: 7px 0;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: transparent;
}
.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;
    color: rgba(255, 255, 255, 0.7);
}
.navbar .dropdown-menu .dropdown:hover > .dropdown-item,
.navbar .dropdown-menu .dropdown-item.active,
.navbar .dropdown-menu .dropdown-item:hover {
    color: #bba792;
}
.navbar .dropdown-toggle::after {
    display: none;
}
.navbar .dropdown-menu {
    box-shadow: 0 16px 50px rgb(0 0 0 / 1%);
}
.navbar .dropdown-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}
.navbar .dropdown-menu li:last-child {
   border-bottom: none;
}
.navbar .dropdown-menu .dropdown-menu.pull-left {
    top: 0;
    left: auto;
    right: 100%;
}
/* Navbar Media Query */
@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: #14100c;
        -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: 991px) {
    .navbar {
        padding-left: 0px;
        padding-right: 0px;
        background: transparent;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 90px;
    }
    .nav-scroll {
        background: #14100c;
    }
    .logo-wrapper {
        float: left;
        padding: 28px 0 28px 15px;
    }
    .nav-scroll .logo-wrapper {
        padding: 28px 0 28px 15px;
        background-color: transparent;
    }
    .nav-scroll .logo-img {
        width: 170px;
    }
    .navbar .logo {
        text-align: left;
        margin-left: 0px;
    }
    .nav-scroll .logo {}
    .logo-img {
        margin-bottom: 0px;
        width: 170px;
        padding: 0;
    }
    .navbar button {
        margin-right: 0px;
        outline: none !important;
        background: transparent;
        margin-top: 10px;
        border: none;
    }
    .navbar button:hover {
        background: transparent;
    }
    .navbar button:active,
    .navbar button:focus,
    .navbar button:hover {
        background: transparent;
        outline: none;
        color: transparent !important;
    }
    .navbar .container {
        max-width: 100%;
        padding: 0;
    }
    .navbar .nav-link {
        margin: 0px auto !important;
    }
    .navbar .navbar-nav .nav-link {
        color: #fff;
    }
    .nav-scroll .navbar-collapse .nav-link {
        color: #fff !important;
    }
    .nav-scroll .navbar-collapse .active {
        color: #bba792 !important;
    } 
    .navbar .dropdown-menu .dropdown-item {
        padding: 0 15px;
        font-size: 15px;
        line-height: 40px;
    }
    .navbar .dropdown-menu .dropdown-item.dropdown-toggle {
        font-weight: 300;
    }
    .navbar .dropdown-submenu .dropdown-toggle::after {
        right: 15px;
        font-size: 12px;
    }
    .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: #14100c;
        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: 0px;
        padding-left: 0px;
    }
    .dropdown .nav-link i {
        color: rgba(255, 255, 255, 0.7);
    }
    .nav-scroll .dropdown .nav-link i {
        color: rgba(255, 255, 255, 0.7);
    }
    .nav-scroll .dropdown .nav-link.active i {
    color: #bba792;
    }

    .navbar .navbar-collapse {
        max-height: 450px;
        overflow: auto;
        background: #14100c;
        text-align: left;
        padding: 20px;
    }
}


/* ======= Header style ======= */
.header {
    min-height: 100vh;
    overflow: hidden;
}
.header .caption .o-hidden {
    display: inline-block;
}
.header .caption h2 {
    font-weight: 300;
    font-size: 30px;
}

.header .caption span i.star-rating {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

.header .caption h4 {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 20px;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.header .caption h1 {
    position: relative;
    margin-bottom: 15px;
    font-family: 'Outfit', sans-serif;
    font-size: 60px;
    line-height: 1.2em;
    color: #fff;
    letter-spacing: 1px;
    word-spacing: 10px;
    text-transform: uppercase;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.header .caption h3 {
    position: relative;
    margin-bottom: 15px;
    font-family: 'Outfit', sans-serif;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.35em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 300;
    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: 15px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.3);
}


/* ======= Slider-fade style (Homepage Slider) ======= */
.slider-fade .owl-item {
    height: 100vh;
    position: relative;
}
.slider-fade .item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.slider-fade .item .caption {
    z-index: 9;
}
/* slider-fade owl-nav next and prev */
.slider-fade .owl-nav {
    position: absolute;
    bottom: 7%;
    right: 12%;
}
.slider-fade .owl-prev {
    float: left;
}
.slider-fade .owl-next {
    float: right;
}
.slider-fade .owl-theme .owl-nav [class*=owl-] {
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: transparent;
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
    margin-right: 3px;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,0.5);
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.owl-theme .owl-nav [class*=owl-]:hover {
    transform: scale(0.9);
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .slider-fade .owl-nav {
        display: none;
    }
}
/* owl-dots for slider */
.slider-fade .owl-dots {
    position: absolute;
    text-align: center;
    top: 50%;
    right: 5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    text-align: right !important
}
.slider-fade .owl-dots:after {
    position: absolute;
    top: -70px;
    left: 50%;
    right: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    width: 1px;
    height: 60px;
    content: '';
    background: rgba(255, 255, 255, .3)
}
.slider-fade .owl-dots:before {
    position: absolute;
    bottom: -70px;
    left: 50%;
    right: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    width: 1px;
    height: 60px;
    content: '';
    background: rgba(255, 255, 255, .3)
}
.slider-fade .owl-dots .owl-dot {
    text-align: center
}
.slider-fade .owl-dots {
    counter-reset: dots
}
.slider-fade .owl-dots .owl-dot {
    position: relative;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    display: block;
    color: #fff;
    font-family: 'Outfit', sans-serif;
}
.slider-fade .owl-dots .owl-dot span {
    background: transparent;
    display: none
}
.slider-fade .owl-dots .owl-dot.active {
    color: #bba792
}
.slider-fade .owl-dot:before {
    counter-increment: dots;
    content: counter(dots)
}
/* video field for slider */
.header div.reservation {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: sideways;
    text-orientation: sideways;
    margin: 0;
    position: absolute;
    top: 0;
    left: 40px;
    height: 60%;
    z-index: 9;
}

.header div.reservation .call {
    color: #bba792;
    text-transform: uppercase;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 12px;
    line-height: 1.75em;
    margin-top: 15px;
} 

.header div.reservation .call span {
    font-family: 'Outfit', sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1;
} 

.header div.reservation .icon {
    position: absolute;
    left: -1px;
    top: -50px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255,255,255,0.5);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    border-radius: 100%;
}
.header div.reservation a .icon i {
    color: #FFF;
    font-size: 24px;
    transform: rotate(90deg);
}
.header div.reservation a .icon:hover {
    border: 1px solid #bba792;
}
@media screen and (max-width: 992px) {
    .header div.reservation {
        display: none;
    }
}

/* ======= Slider style (Inner Page Slider) ======= */
.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: transparent;
    border: 1px solid #fff;
}
.slider .owl-theme .owl-dots .owl-dot.active span,
.slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
    border: 1px solid #fff;
}
/* bounce */
.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 rgba(255,255,255,0.5);
    border-radius: 100%;
}

.header .arrow i:hover {
    border: 1px solid #fff;
}
.header .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;

}



/* ===== Kenburns Slider style ===== */
.kenburns-section {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.kenburns-section::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
  background: #000;
}
.kenburns-inner {
  position: relative;
  z-index: 15;
}
.kenburns-inner .caption {
    position: relative;
}
.kenburns-inner .caption h4 {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.kenburns-inner .caption h1 {
    position: relative;
    margin-bottom: 15px;
    font-family: 'Outfit', sans-serif;
    font-size: 60px;
    line-height: 1.2em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    letter-spacing: 1px;
    word-spacing: 10px;
    text-transform: uppercase;
}

.kenburns-inner .caption h3 {
    position: relative;
    margin-bottom: 15px;
    font-family: 'Outfit', sans-serif;
    font-size: 48px;
    text-transform: uppercase;
    line-height: 1.35em;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    color: #fff;
    font-weight: 300;
    letter-spacing: 5px;
}
#kenburnsSliderContainer .vegas-overlay {}
@media screen and (max-width: 767px) {
.kenburns-inner .caption h4 {
    font-size: 12px;
}   
.kenburns-inner .caption h1 {
    font-size: 40px;
}
    .kenburns-inner .caption h3 {
    font-size: 30px;
    margin-bottom: 15px;
    letter-spacing: 5px;
    line-height: 1.35em;
}
    
    .kenburns-inner .caption {
    text-align: center;
    }
}
/* reservation field for Kenburns slider */
.kenburns-section div.reservation {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-orientation: sideways;
    text-orientation: sideways;
    margin: 0;
    position: absolute;
    top: 0;
    left: 40px;
    height: 60%;
    z-index: 9;
}
.kenburns-section div.reservation .call {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    letter-spacing: 5px;
    font-size: 12px;
    line-height: 1.75em;
    margin-top: 15px;
} 
.kenburns-section div.reservation .call span {
       font-family: 'Outfit', sans-serif;
    font-size: 24px;
    color: #bba792;
    letter-spacing: 1px;
} 
.kenburns-section div.reservation .icon {
    position: absolute;
    left: -1px;
    top: -50px;
    width: 50px;
    height: 50px;
    border: 1px solid #625c56;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    border-radius: 100%;
}
.kenburns-section div.reservation a .icon i {
    color: #FFF;
    font-size: 24px;
    transform: rotate(90deg);
}
.kenburns-section div.reservation a .icon:hover {
    border: 1px solid #bba792;
}

/* bounce */
.kenburns-section .arrow {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    z-index: 80;
}
.kenburns-section .arrow.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.kenburns-section .arrow i {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
}

.kenburns-section .arrow i:hover {
    border: 1px solid #fff;
}
.kenburns-section .arrow i:hover:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;

}

@media screen and (max-width: 992px) {
    .kenburns-section div.reservation {
        display: none;
    }
}


/* ======= Page Banner Header style ======= */
.banner-header {
    height: 60vh;
}

.banner-header.full-height{
    min-height: 100vh;
    background-position: center;
}
.banner-header.full-height h4 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
}
.banner-header.full-height h1 {
    position: relative;
    margin-bottom: 15px;
    font-family: 'Outfit', sans-serif;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 1.35em;
    color: #fff;
    font-weight: 300;
    letter-spacing: 15px;
}
.banner-header h1 {
    font-size: 45px;
    color: #fff;
    position: relative;
}

.banner-header.full-height h3 {
    position: relative;
    margin-bottom: 15px;
    font-family: 'Outfit', sans-serif;
    font-size: 60px;
    line-height: 1.2em;
    color: #fff;
    letter-spacing: 1px;
    word-spacing: 10px;
    text-transform: uppercase;
}

.banner-header.full-height h5,
.banner-header h5 {
    position: relative;
    margin-bottom: 15px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1.5em;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
}

.banner-header .caption {
    position: relative;
}

.banner-header h5 {
    color: #fff;
    font-size: 12px;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.banner-header h5 a {
    color: #bba792;
}
.banner-header p {
    font-size: 15px;
    margin-bottom: 0;
    color: #fff;
}
.banner-header p a {
    color: #bba792;
}
/* author & date */
.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: 12px;
}
.banner-header .post .date-comment {
    position: relative;
    font-size: 12px;
    color: #fff;
    margin-right: 20px
}
.banner-header .post .date-comment i {
    color: #fff;
    font-size: 18px;
    margin-right: 5px;
}
.banner-header .post .date-comment:last-of-type {
    margin-right: 0px;
}

/* bounce */
.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 rgba(255,255,255,0.5);
    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 screen and (max-width: 767px) {
    .banner-header {}
    
    .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: 40px;
    }
    .banner-header.full-height h4 {
        font-size: 12px;
    }
    
    .banner-header h5 {}

}


/* =======  Video Background  ======= */
.video-fullscreen-wrap {
  height: 100vh;
  overflow: hidden;
}

.video-fullscreen-wrap .caption {
    position: relative;
}
.video-fullscreen-wrap .caption.textleft {
    text-align: left;
}
.video-fullscreen-wrap h3 {
    position: relative;
    font-family: 'Libre Caslon Display', serif;
    font-size: 60px;
    line-height: 1em;
    color: #fff;
    font-weight: 300;
}
.video-fullscreen-wrap h3 span {
    display: block;
    font-size: 30px;
    display: block;
    margin-top: 0px;
    line-height: 1.5em;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    color: #C19D60;
}
.video-fullscreen-video {
    height: 100%;
}
.video-fullscreen-wrap video {
  width: 100vw;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.video-fullscreen-wrap .video-fullscreen-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: right;
    
}
.video-lauch-wrapper {
  border: none;
  background: none;
  width: 100%;
  padding: 0;
}
.video-fullscreen-wrap .overlay {
/*  background-image: linear-gradient(to bottom right, #000000, #000000);*/
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  text-align: center; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 4;
}
.video-fullscreen-wrap .butn-dark a {
    color: #fff;
}
.position-relative {
  position: relative !important;
}


/* ======= About style ======= */
/* about list */
.about-list {
    position: relative;
    display: block;
}
.about-list li {
    position: relative;
    display: flex;
    align-items: center;
}
.about-list li + li {
    margin-top: 10px;
}
.about-list-icon {
    display: flex;
    align-items: center;
}
.about-list-icon span {
    font-size: 10px;
    color: #fff;
    background-color: #bba792;
    border-radius: 50%;
    padding: 10px;
}
.about-list-text {
    margin-left: 15px;
}
.about-list-text p {
    font-size: 15px;
    margin: 0;
}

/* about img */

.about .about-img2 {
  position: relative;
    overflow: hidden;
}
.about .about-img2: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;
}
.about .about-img2 img {
    -webkit-transition: all .5s;
    transition: all .5s;
}



.special-margin {
    margin-bottom: 50px; /* Example: 30 pixels of space below this paragraph */
    
}


/* about img */
.about h5 {
    color: #bba792;
    font-size: 18px;
    line-height: 1.75em;
}
.about h5 span {
    color:#bba792;
}
.about .about-img img:hover {
    transform: scale(0.95);
}
.about .about-img {
    position: relative;
}
.about .about-img .img {
    padding: 0 20px 20px 0px;
    position: relative;
}
.about .about-img .img:before {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    left: 30px;
    bottom: 0;
    background-color: #e3dbd3;
}
.about .about-img .img img {
    position: relative;
    z-index: 2;
    background: transparent;
}
/* circle */
.about #circle {
  position: absolute;
  top: 230px;
  right: -40%;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  pointer-events: none;
  opacity: .99;
  z-index: 2;
}
.about #circle text {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 6.3px;
    text-transform: uppercase;
}
.about #circle svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 300px;
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}


.about-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0;
}
.image.about-signature {
    margin-right: 20px;
    width: 80px;
}
.about-name {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #14100c;
}
.about-rol {
    color: #625c56;
    font-size: 15px;
}

/* line dec */
.line-dec {
    position: relative;
    height: 1px;
    background: rgba(255,255,255,0.05);
    margin-top: 40px;
    margin-bottom: 40px;
}
.line-dec:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 50px;
    background: #bba792;
}

/* ======= Team style ======= */
.team .item {
    margin-bottom: 30px;
}
.team .item:hover .info .social {
    top: 0;
}
.team .info {
    text-align: center;
    padding: 30px 20px;
    position: relative;
    overflow: hidden;
    background: #14100c;
}
.team .info h6 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #fff;
}
.team .info p {
    margin-bottom: 0px;
    color: #aba59f;
}
.team .info .social {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #bba792;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.team .info .social a {
    font-size: 15px;
    color: #fff;
    margin: 0 5px;
}
.team .info .social a:hover {
    color: #fff;
}
.team .info .social p {
    margin-bottom: 0px;
    color: #fff;
}


/* ======= Rooms style ======= */
.rooms1 .item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.rooms1 .item:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.rooms1 .item:hover .con {
    bottom: 0;
}
.rooms1 .item img {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.rooms1 .item .category {
    position: absolute;
    top: 20px;
    right: 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;
    color: #fff;
    font-size: 12px;
    background: #bba792;
    border: 1px solid #bba792;
    font-family: 'Outfit', sans-serif;
    padding: 10px 5px;
    line-height: 1.5em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.rooms1 .item .category a {
    color: #fff;
}
.rooms1 .item .category:hover {
    color: #fff;
}
.rooms1 .item .con {
    padding: 20px;
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: left;
    z-index: 20;
    height: auto;
    box-sizing: border-box;
    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 2%, rgba(0, 0, 0, .75) 90%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 2%, rgba(0, 0, 0, .75) 90%);
}
.rooms1 .item .con h6,
.rooms1 .item .con h6 a {
    position: relative;
    color: #fff;
    font-size: 12px;
    display: inline;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.rooms1 .item .con h6 i {
    font-size: 6px;
    margin-right: 2px;
}
.rooms1 .item .con h5,
.rooms1 .item .con h5 a {
    position: relative;
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
}
.rooms1 .item .con p {
    color: #fff;
    font-size: 20px;
}
.rooms1 .item .con i {
    color: #fff;
    font-size: 18px;
}
.rooms1 .item .con i:hover {
    color: #fff;
}
.rooms1 .item .con .butn-light {
    margin-left: 0;
    border-radius: 30px;
    border-color: #625c56;
    padding: 11px 30px;
}
.rooms1 .item .con .butn-light:hover {
    border-color: #bba792;
}
/* line animation */
.rooms1 .item .line {
    text-align: center;
    height: 1px;
    width: 60px;
    background-color: rgba(255, 255, 255, 0.2);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    margin: auto 0 30px;
}
.rooms1 .item:hover .line {
    width: 100%;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}
/* facilities */
.rooms1 .facilities ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rooms1 .facilities ul li {
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
    letter-spacing: 3px;
  line-height: 1.2em;
  padding-bottom: 20px;
    float: left;
}
.rooms1 .facilities ul li i {
  margin-right: 10px;
}
/* permalink */
.rooms1 .item .con .permalink {
    font-size: 12px;
    color: #fff;
    height: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.rooms1 .item .con .permalink a {
    color: #fff;
    text-align: right;
}
.rooms1 .item .con .permalink i {
   font-size: 10px;
    text-align: right;
}
.rooms1 .item .con .permalink a:hover,
.rooms1 .item .con .permalink i:hover {
color: #bba792;
}


/* ======= Rooms 2 style  ======= */
.rooms2 {
    position: relative;
}
.rooms2:last-child {
    margin-bottom: 15px;
}
.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(0.98);
}
.rooms2 .caption {
    background: #222;
    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;
    background: #222;
    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: #fff;
    margin-bottom: 5px;
}
.rooms2 .caption h3,
.rooms2 .caption h3 a {
    font-size: 24px;
    color: #bba792;
    margin-bottom: 0px;
}
.rooms2 .caption h3 span {
    font-size: 15px;
    color: #625c56;
    font-family: 'Outfit', sans-serif;
}
.rooms2 .caption h6 {
    display: inline-block;
    color: #625c56;
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    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: #625c56;
    text-decoration: none;
    font-size: 14px;
}
.rooms2 .caption .info-wrapper .more i {
    color: #625c56;
    font-size: 10px;
}
.rooms2 .caption .info-wrapper .date {
    color: #222;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    background: transparent;
    border: 1px solid #bba792;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 3px 12px;
}
.rooms2 .caption .info-wrapper .date:hover {
    background: transparent;
    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);
    }
}
/* hr style */
hr {
    margin-top: 5px;
    margin-bottom: 15px;
    border: 0;
}
hr.border-1 {
    border-top: 1px solid rgba(170, 132, 83, 0.7);
}
hr.border-2 {
    border-top: 1px solid rgba(170, 132, 83, 0.7);
}
/* button link */
.link-btn {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 3px;
}
.link-btn i {
    margin-left: 3px;
    font-size: 15px;
    color: #bba792;
}
.link-btn:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #bba792;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s
}
.link-btn:hover::before {
    width: 100%
}
/* reservation button */
.reservations {
    display: flex;
    align-items: center;
}
.reservations .icon {
    position: relative;
    top: 3px;
}
.reservations .icon span {
    font-size: 40px;
    color: #bba792;
}
.reservations .icon.color-1 span {
    font-size: 40px;
    color: #fff;
}
.reservations .text {
    margin-left: 10px;
}
.reservations .text p {
    font-size: 12px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #bba792;
    margin-bottom: 5px;   
}
.reservations .text a {
    font-size: 24px;
    color: #14100c;
    font-weight: 700;
}
.reservations .text a.color-1 {
    color: #fff;
}


/* ======= Rooms Page style ======= */
.rooms-page h6 {
    position: relative;
    font-family: 'Outfit', sans-serif;
    font-size: 24px;
    color: #14100c;
}
/* page list */
.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: #bba792;
}
.page-list-text {
    margin-left: 15px;
}
.page-list-text p {
    font-size: 15px;
    margin: 0;
}
/* owl-nav next and prev */
.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: transparent;
    border-radius: 100%;
    color: rgba(255, 255, 255, 0.75);
    font-size: 11px;
    margin-right: 3px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.rooms-page .owl-theme .owl-nav [class*=owl-]:hover {
    transform: scale(0.9);
    background: transparent;
    border: 1px solid #b19777;
    color: #b19777;
}
@media screen and (max-width: 768px) {
    .rooms-page .owl-nav {
        display: none;
    }
}


/* ======= Facilties style ======= */
.facilties .single-facility {
    background: #fff;
    padding: 40px 30px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    line-height: 1;
    border: 1px solid #fff;
}
.facilties .single-facility h5 {
    font-size: 21px;
    color: #14100c;
    margin-bottom: 15px;
}
.facilties .single-facility:hover h5 {
  color: #bba792;
  -webkit-transition: .5s;
  transition: .5s;
}

.facilties .single-facility:hover span {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.facilties .single-facility span {
  font-size: 45px;
  color: #bba792;
  line-height: 1;
  margin-bottom: 15px;
  display: inline-block;
  -webkit-transition: .5s;
  transition: .5s;
}
.facilties .single-facility p {
    margin: 0;
    color: #625c56;
}
.facilties .single-facility .facility-shape {
    position: absolute;
    opacity: 0.02;
    z-index: -1;
    bottom: 15px;
    left: 120px;
}
.facilties .single-facility .facility-shape span {
  font-size: 140px;
  color: #222;
}
/* hr */
hr {
    margin-top: 5px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.25);
}
/* room facilities */
.room-facilities .wrap {
    background: #222;
    padding: 30px;
}
.room-facilities ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.room-facilities ul li {
  color: #625c56;
  font-size: 15px;
  padding-bottom: 10px;
}
.room-facilities ul li i {
    margin-right: 10px;
    color: #bba792;
    font-size: 20px;
}


/* ======= Services style ======= */
.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: 40px;
}
.services .content .date {
  display: table-cell;
  position: relative;
  width: 80px;
  z-index: 2;
}
.services .content .date h3 {
    font-size: 65px;
    font-weight: 500;
    color: #bba792;
    margin-bottom: 0px;
}
.services .content .date h6 {
    color: #625c56;
    letter-spacing: 2px;
    font-size: 10px;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
}
.services .content .cont {
  display: table-cell;
  vertical-align: middle;
}
.services .content .cont h4 {
    margin: 0 0 10px 0;
    font-size: 27px;
    color: #fff;
    line-height: 1.5em;
}

.services .content .cont h4 span {
    color: #14100c;
}

.services .content .cont p {
    margin-bottom: 20px;
}

.services .content .cont h5 {
    font-size: 15px;
    color: #bba792;
    font-family: 'Outfit', sans-serif;
}
.services .content .cont .more {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #bba792;
  padding-left: 40px;
  position: relative;
}
.services .content .cont .more:after {
  content: '';
  width: 30px;
  height: 1px;
  background: #bba792;
  position: absolute;
  top: 50%;
  left: 0px;
}
.services .content .cont .more:hover {
   color: #222; 
}
.services .content .info h6 {
    font-size: 12px;
    letter-spacing: 2px;
    color: #bba792;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.services .content .info .tags {
  color: #bba792;
}
@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;
  }
}


/* =======  Restaurant Menu style ======= */
.restaurant-menu .owl-carousel .owl-stage-outer {
    padding: 20px 0 60px 0;
}
.restaurant-menu .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 40%;
    background: transparent;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid #bba792;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.restaurant-menu .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #bba792;
}
.restaurant-menu .bg-img .owl-theme .owl-nav [class*=owl-] {
    color: #fff;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next {
    right: 0;
}
.restaurant-menu .owl-carousel .owl-nav .owl-prev {
    left: 0;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next span,
.restaurant-menu .owl-carousel .owl-nav .owl-prev span {
    font-size: 12px;
}
.restaurant-menu .owl-theme:hover .owl-nav [class*=owl-] {
    opacity: 1;
}
.restaurant-menu .tabs-icon .item {
    padding: 15px 5px;
    cursor: pointer;
}
.restaurant-menu .tabs-icon .item h6 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
}
.restaurant-menu .tabs-icon .owl-item.actived .item,
.restaurant-menu .tabs-icon .item.active {
    color: #fff;
    position: relative;
    background: transparent;
    padding: 15px;
    border: 1px solid #bba792;
}
.restaurant-menu .tabs-icon .owl-item.actived .item .icon,
.restaurant-menu .tabs-icon .item.active .icon {
    color: #bba792;
}
.restaurant-menu .restaurant-menu-content .cont {
    display: none;
}
.restaurant-menu .restaurant-menu-content .cont .restaurant-menu-info {
    text-align: right;
}
.restaurant-menu .restaurant-menu-content .cont h5 {
    font-size: 20px;
    color: #bba792;
    margin-bottom: 10px;
    text-align: left;
    border-bottom: 1px dashed #bba792;
    line-height: 2em;
}
.restaurant-menu .restaurant-menu-content .cont p {
    font-size: 15px;
    color: #aba59f;
}
.restaurant-menu .restaurant-menu-content .cont h5 .price {
    color: #aba59f;
    float: right;
}
.restaurant-menu .restaurant-menu-content .active {
    display: block;
}
.restaurant-menu .owl-theme .owl-nav [class*=owl-] {
    top: 14%;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next {
    right: -50px;
}
.restaurant-menu .owl-carousel .owl-nav .owl-prev {
    left: -50px;
}
.restaurant-menu .owl-carousel .owl-nav .owl-prev {
    left: -60px;
}
.restaurant-menu .owl-carousel .owl-nav .owl-next {
    right: -60px;
}
.restaurant-menu .restaurant-menu-content .cont .restaurant-menu-info {
    text-align: center;
    margin-bottom: 15px;
}


/* ======= Clients style ======= */
.clients {
    background-color: #fff;
}
.clients .owl-carousel {
    margin: 20px 0;
}
.clients .clients-logo {
    opacity: 1;
    line-height: 0;
}
.clients .clients-logo:hover {
    opacity: 1;
}
.clients img {
    -webkit-filter: none;
    filter: none;
}
.clients img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .5s;
    transition: all .5s;
}


/* ======= Gallery style ======= */
.gallery-item {
    position: relative;
    padding-top: 20px;
}
.gallery-box {
    overflow: hidden;
    position: relative;
}
.gallery-box .gallery-img {
    position: relative;
    overflow: hidden;
}
.gallery-box .gallery-img:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0px;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}
.gallery-box .gallery-img > img {
    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    border-radius: 0;
}
.gallery-box .gallery-detail {
    opacity: 0;
    color: #FFF;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    overflow: hidden;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}
.gallery-box .gallery-detail h4 {
    font-size: 18px;
}
.gallery-box .gallery-detail p {
    color: Rgba(0, 0, 0, 0.4);
    font-size: 14px;
}
.gallery-box .gallery-detail i {
    color: #222;
    padding: 8px;
}
.gallery-box .gallery-detail i:hover {
    color: #222;
}
.gallery-box:hover .gallery-detail {
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
}
.gallery-box:hover .gallery-img:after {
    background: rgba(0,0,0, 0.2);
}
.gallery-box:hover .gallery-img > img {
    transform: scale(1.05);
}
/* magnific popup custom */
.mfp-figure button {
    border: 0px solid transparent;
}
button.mfp-close,
button.mfp-arrow {
    border: 0px solid transparent;
    background: transparent;
}


/* ======= Promo Video  style ======= */
/* play button */
.vid-area h5 {
    font-size: 27px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 30px;
}
.play-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
}
.play-button svg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.circle-fill circle {
    opacity: 1;
    fill: rgba(174, 140, 100, 0.7);
}
.polygon {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 90px;
    font-size: 35px;
    z-index: 2;
}
.play-button svg.circle-fill {
    z-index: 1;
    stroke-dasharray: 322;
    stroke-dashoffset: 322;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.play-button:hover svg.circle-fill {
    stroke-dashoffset: 38.5;
}
.play-button svg.circle-track {
    z-index: 0;
}
.play-button.color {
    color: #bba792;
}
.play-button.color .circle-fill circle {
    fill: #bba792;
}
/* video section */
.video-wrapper {}
.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: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 110px;
    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 #fff;
    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: transparent;
    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);
}
/* video gallery */
.video-gallery-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
    margin-left: 15px;
    float: right;
}
.video-gallery-polygon {
    z-index: 2;
    padding-left: 5px;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: #bba792;
    border-radius: 50%;
    border: 1px solid #bba792;
    color: #fff;
    padding: 12px 12px 12px 12px;
    line-height: 0;
}
.video-gallery-polygon:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #bba792;
}


/* ======= Testimonials style ======= */

.testimonials-box {
    position: relative;
    background: transparent;
    padding: 30px;
    margin-bottom: 90px;
}

.testimonials-box .head-box {
    position: relative;
    margin: 0 auto 20px;
}

.testimonials-box .head-box .subtitle {
    color: #bba792;
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.testimonials-box .head-box .title {
    font-family: 'Outfit', sans-serif;
    font-size: 36px;
    font-weight: 400;
    color: #fff;
}

.testimonials-box .head-box .title span {
    color: #14100c;
}

.testimonials-box .head-box .backtitle {
    position: absolute;
    font-family: 'Pinyon Script', cursive;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 130px;
    opacity: .1;
    line-height: 65px;
    z-index: -2;
    color: #fff;
}

.testimonials h5 {
    color: #fff;
    font-size: 27px;
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
    .testimonials-box {
        margin-bottom: 90px;
        padding: 35px 20px;
    }
}

.testimonials .item {
    margin-bottom: 0px;
    position: relative;
}

.testimonials .item .quote {
    position: absolute;
    right: 20px;
    top: 90px;
    width: 70px;
    margin: 0 auto 30px;
    opacity: .1;
}



.testimonials .item h5 {
    font-size: 24px;
    color: #fff;
}
.testimonials .item p {
    color: #fff;
}

.testimonials .item .info {
    margin: 20px 0 0 0;
}

.testimonials .item .info img {
    border-radius: 100%;
}

.testimonials .item .info .author-img {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 3px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.testimonials .item .info .cont {
    margin-top: 0px;
}

.testimonials .item .info h6 {
    font-size: 12px;
    margin-bottom: 0px;
    padding-top: 10px;
    color: #fff;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.testimonials .item .info span {
    font-size: 12px;
    color: #fff;
}

.testimonials .item .info .rate {
    float: right;
}

.testimonials .item .info i {
    color: #14100c;
    font-size: 6px;
}

@media screen and (max-width: 767px) {
    .testimonials-box {
        padding: 0px;
    }
}


.reservation h5 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 1.5em;
}

.reservation p {
    margin-bottom: 5px;
}

/* ======= Booking style ======= */
.booking-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 5%;
    z-index: 5;
}

.booking2-wrapper {
    position: relative;
    margin-bottom: 40px;
}

.booking-inner {
    position: relative;
    border-radius: 0;
}

.booking-inner p small {
    font-size: 12px;
    color: #625c56;
}

.booking-inner p small b {
    font-size: 15px;
    color: #bba792;
}

.form1 {
    display: block;
    padding: 0;
    position: relative;
}

.form1 label {
    display: none;
}

.form1 .col1 {
    float: left;
    width: 20%;
}

.form1 .col2 {
    float: left;
    width: 14%;
}

.form1 .col3 {
    float: left;
    width: 18%;
}

.form1 .c1 {
    border-right: 1px solid #f1eeeb;
    height: 52.5px;
    margin-bottom: 15px;
}

.form1 .c2 {
    border-right: 1px solid #f1eeeb;
    height: 52.5px;
    margin-bottom: 15px;
}

.form1 .c3 {
    border-right: 1px solid #f1eeeb;
    height: 52.5px;
    margin-bottom: 15px;
}

.form1 .c4 {
    border-right: 1px solid #f1eeeb;
    height: 52.5px;
    margin-bottom: 15px;
}

.form1 .c5 {
    border-right: 1px solid #f1eeeb;
    height: 52.5px;
    margin-bottom: 15px;
}

.ui-datepicker .ui-datepicker-header {
    background: #bba792;
    border: #bba792;
    color: #fff;
}

.ui-datepicker {
    font-size: 15px;
    color: #14100c;
    background: #fff;
    z-index: 100 !important;
    border: 1px solid #fff;
    border-radius: 0px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #f8f5f0;
    background: #f8f5f0;
    color: #14100c;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #bba792;
    background: #bba792;
    font-weight: normal;
    color: #fff;
}

.ui-datepicker .ui-datepicker-prev:after {
    font-size: 10px;
    content: "\e64a";
    font-family: "themify";
    color: #fff;
}

.ui-datepicker .ui-datepicker-next:before {
    font-size: 10px;
    content: "\e649";
    font-family: "themify";
    color: #fff;
    float: right;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background: transparent;
    border: 1px solid transparent;
}

.btn-form1-submit {
    display: block;
    padding: 0;
    border: none;
    margin: 0;
    width: 100%;
    background: #bba792;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    text-decoration: none;
    line-height: 52px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
    font-family: 'Outfit', sans-serif;
}

.btn-form1-submit:hover {
    background: #14100c;
}

.btn-form1-submit:focus {
    outline: none;
}

.btn-form1-submit:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background: inherit;
}

.btn-form2-submit {
    display: block;
    padding: 0;
    border: none;
    margin: 0;
    width: 100%;
    background: #bba792;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    text-decoration: none;
    line-height: 52px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
    font-family: 'Outfit', sans-serif;
}

.btn-form2-submit:hover {
    background: #fff;
    color: #14100c;
}

.btn-form2-submit:focus {
    outline: none;
}

.btn-form2-submit:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background: inherit;
}

.input1_inner {
    position: relative;
    position: relative;
}

.input1_inner:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    pointer-events: none;
    content: "\e6b6";
    font-family: "themify";
    font-size: 15px;
    color: #14100c;
    line-height: 1;
}

.input1_inner input {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #14100c;
    padding: 15px 50px 15px 15px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.input1_inner input::placeholder {
    font-size: 15px;
    color: #14100c !important;
}

.input1_inner input:focus {
    outline: none;
    box-shadow: none;
    background: #fff;
    color: #14100c !important;
}

.input2_inner {
    position: relative;
    position: relative;
}

.input2_inner input {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #14100c;
    padding: 15px 40px 15px 15px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.input2_inner input::placeholder {
    font-size: 15px;
    color: #14100c !important;
}

.input2_inner input:focus {
    outline: none;
    box-shadow: none;
    background: #fff;
    color: #14100c !important;
}

.select1_wrapper {
    margin-bottom: 0;
}

.select1_inner {
    position: relative;
}

.select1_inner:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    pointer-events: none;
    content: "\e64b";
    font-family: "themify";
    font-size: 10px;
    color: #14100c;
    font-weight: normal;
    line-height: 15px;
}

.select2 {
    width: 100%;
    background: #fff;
    margin-bottom: 15px;
}

.select2 *:focus {
    outline: none !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 500px;
}

.select2-container--default .select2-selection--single {
    background: none;
    border-radius: 0;
    border: none;
    height: auto;
}

.selection {
    display: inline-flex;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    padding: 12.25px 49px 12.25px 15px;
    color: #14100c;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-dropdown {
    background: none;
    border-radius: 0;
    z-index: 100;
    min-width: 0px;
    border: none;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid #f5eee7;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #f5eee7;
}

.select2-results__option {
    padding: 10px 30px;
    background: #fff;
    font-size: 15px;
    line-height: 20px;
    color: #14100c;
    border-top: 1px solid #f5eee7;
    text-align: center;
}

.select2-results__option:first-child {
    border-top: none;
}

.small .select2-results__option {
    padding-left: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #bba792;
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #bba792;
    color: #fff;
}


/* responsive */

@media (max-width: 1259.98px) {
    .booking2-wrapper {
        margin-bottom: 30px;
    }
}

@media (max-width: 991.98px) {
    .booking2-wrapper {
        margin-bottom: 40px;
    }

    .form1 .col1 {
        width: 50%;
        border-bottom: 1px solid #f5eee7;
    }

    .form1 .c2 {
        border-right: none;
    }

    .form1 .col2 {
        width: 25%;
    }

    .form1 .col3 {
        width: 25%;
    }
}

@media (max-width: 767.98px) {
    .form1 .col1 {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #f5eee7;
    }

    .form1 .col2 {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #f5eee7;
    }

    .form1 .col3 {
        width: 100%;
        border-right: 0;
    }

    .btn-form1-submit:after {
        background: none;
    }

    .booking-wrapper {
        position: relative;
        bottom: auto;
        padding: 30px 0 0;
    }
}


/* booking form */

.booking-box {
    position: relative;
    background: #f5eee7;
    padding: 60px 30px 60px 30px;
    margin-bottom: -60px;
}

.booking-box .head-box h6 {
    font-size: 12px;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    color: #bba792;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    margin-bottom: 7px;
}

.booking-box .head-box h4 {
    font-size: 27px;
    color: #14100c;
    margin-bottom: 30px;
    text-transform: none;
    letter-spacing: 0;
    text-align: center;
}

.booking-box .head-box h4 span {
    color: #bba792;
}

@media screen and (max-width: 991px) {
    .booking-box {
        margin-bottom: 90px;
        padding: 40px 30px;
    }
}


/* reservation button */

.reservations {
    display: flex;
    align-items: center;
    padding-top: 15px;
}

.reservations .icon {
    position: relative;
    top: 3px;
}

.reservations .icon span {
    font-size: 40px;
    color: #bba792;
}

.reservations .text {
    margin-left: 15px;
}

.reservations .text p {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px;
    color: #bba792;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.reservations .text a {
    font-family: 'Outfit', sans-serif;
    font-size: 24px;
    color: #14100c;
    font-weight: 700;
}

.reservations .text a.color-1 {
    color: #fff;
}


/* ======= Pricing style ======= */
.pricing-card {
    background-color: #fff;
    margin-bottom: 30px;
}
.pricing-card .desc {
    padding: 40px;
} 
.pricing-card .name {
    line-height: 1;
    margin: 0;
    font-size: 27px;
    color: #14100c;
    margin-bottom: 15px;
    font-weight: 700;
}
.pricing-card .subname {
    line-height: 1;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #625c56;
    margin-bottom: 15px;
    letter-spacing: 3px;
}
.pricing-card .amount {
    margin: 0;
    line-height: 1;
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 15px;
    color: #bba792;
}
.pricing-card .amount span {
    font-weight: 300;
    font-size: 15px;
    color: #625c56;
    margin-left: 5px;
}
.pricing-card .list {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
.pricing-card .list li {
  position: relative;
    font-size: 15px;
    padding-left: 30px;
}
.pricing-card .list li+li {
  margin-top: 5px;
}
.pricing-card .list li i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 12px;
    color: #bba792;
}
.pricing-card .list li i.unavailable {
  color: #625c56;
}

.pricing-card .img {
    position: relative;
    overflow: hidden;
}
.pricing-card .img img {
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;  
}
.pricing-card:hover .img img {
     -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(90%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


/* ======= Accordion Box (for Faqs) style ======= */
.accordion-box {
  position: relative;
    padding: 0;
}
.accordion-box .block {
  position: relative;
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
  margin-bottom: 15px;
}
.accordion-box .block.active-block {
  background-color: #fff;
}
.accordion-box .block:last-child {
  margin-bottom: 0;
}
.accordion-box .block .acc-btn {
    position: relative;
    font-size: 21px;
    font-weight: 700;
    cursor: pointer;
    padding: 30px 40px;
    padding-right: 60px;
    color: #14100c;
    transition: all 500ms ease;
}
.accordion-box .block .acc-btn .count {
  color: #bba792;
  padding-right: 3px;
}
.accordion-box .block .acc-btn:before {
    position: absolute;
    right: 35px;
    top: 27px;
    height: 30px;
    font-size: 15px;
    font-weight: normal;
    color: #bba792;
    line-height: 30px;
    content: "\e61a";
    font-family: "Themify";
    transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active {
    background-color: #fff;
    color: #bba792;
}
.accordion-box .block .acc-btn.active:before {
  color: "Themify";
  content: "\e622";
}
.accordion-box .block .acc-content {
  position: relative;
  display: none;
}
.accordion-box .block .content {
  position: relative;
    padding: 0px 40px 30px;
    background-color: #fff;
    color: #625c56;
}
.accordion-box .block .acc-content.current {
  display: block;
}
.accordion-box .block .content .text {
  display: block;
  position: relative;
  top: 0px;
  display: block;
}


/* ======= News style ======= */
.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: #bba792;
    border: 1px solid #bba792;
    color: #fff;
    padding: 10px 10px 5px 10px;
    text-align: center;
}
.news .item .date span {
    display: block;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 15px;
}
.news .item .date i {
    font-family: 'Outfit', sans-serif;
    display: block;
    font-size: 24px;
    font-style: normal;
    color: #fff;
    font-weight: 700;
}
.news .item .con {
    margin: -155px 20px 90px;
    padding: 20px;
    background-color: #fff !important;
    border: 1px solid #fff;
    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: 'Outfit', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: 2px;
}
.news .item .con .category a {
    margin-right: 5px;
    position: relative;
    color: #bba792;
}
.news .item .con .category a:hover {
    color: #bba792;
}
.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: #14100c;
    font-size: 24px;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    margin-bottom: 3px;
}
.news .item .con h5:hover,
.news .item .con h5 a:hover {
    color: #14100c;
}
.news .item .con p {
    color: #625c56;
    font-size: 15px;
}
.news .item .con i {
    color: #625c56;
    font-size: 15px;
}


/* ======= News 2 style ======= */
.news2 .item {
    margin-bottom: 30px;
}
.news2 .post-img {
    position: relative;
    overflow: hidden;
}
.news2 .post-img:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.news2 .post-img a {
    display: block;
}
.news2 .post-img img {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.news2 .post-img .date {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #bba792;
    border: 1px solid #bba792;
    color: #fff;
    padding: 10px 12px;
    text-align: center;
}
.news2 .post-img .date span {
    font-family: 'Outfit', sans-serif;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5em;
}
.news2 .post-img .date i {
    font-family: 'Outfit', sans-serif;
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-style: normal;
}

.news2 .post-cont {
    padding: 30px 0;
}
.news2 .post-cont .tag {
display: block;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 2px;
    color: #bba792;
    font-family: 'Outfit', sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.news2 .post-cont h5 {
    font-size: 32px;
}
.news2 .post-cont h5 a {
    color: #14100c;
}
.news2 .post-cont h5 a:hover {
    color: #bba792;
}
.news2 .post-cont .date {
    font-family: 'Outfit', sans-serif;
    margin-top: 0px;
    font-size: 12px;
    text-align: right;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.news2 .post-cont .date a {
    color: #bba792;
}
.news2 .post-cont i {
    color: #ccc;
	margin: 0 10px;
	font-size: 12px;
}
/* news sidebar */
.news2-sidebar .widget {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
.news2-sidebar .widget ul {
    margin-bottom: 0;
    padding: 0;
}
.news2-sidebar .widget ul li {
    margin-bottom: 15px;
    color: #625c56;
    font-size: 15px;
    line-height: 1.5em;
}
.news2-sidebar .widget ul li a {
    color: #625c56;
}
.news2-sidebar .widget ul li a.active {
    color: #bba792;
}
.news2-sidebar .widget ul li a:hover {
    color: #bba792;
}
.news2-sidebar .widget ul li:last-child {
    margin-bottom: 0;
}
.news2-sidebar .widget ul li i {
    font-size: 9px;
    margin-right: 10px;
    color: #bba792;
}
.news2-sidebar .widget .recent li {
    display: block;
    overflow: hidden;
}
.news2-sidebar .widget .recent .thum {
    width: 90px;
    overflow: hidden;
    float: left;
}
.news2-sidebar .widget .recent a {
    display: block;
    margin-left: 105px;
}
.news2-sidebar .widget-title {
    margin-bottom: 15px;
}
.news2-sidebar .widget-title h6 {
    padding-bottom: 5px;
    border-bottom: 1px solid #f5eee7;
    font-size: 24px;
    line-height: 1.75em;
    margin-bottom: 15px;
    color: #14100c;
}
.news2-sidebar .search form {
    position: relative;
}
.news2-sidebar .search form input {
    width: 100%;
    padding: 15px;
    border: 0;
    background: #f5eee7;
    margin-bottom: 0;
}
.news2-sidebar .search form button {
position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    color: #bba792;
    border: 0;
    padding: 15px 13px 11px 13px;
    cursor: pointer;
}
.news2-sidebar .tags li {
    margin: 3px !important;
    padding: 8px 20px;
    background-color: transparent;
    border: 1px solid #f5eee7;
    color: #625c56 !important;
    float: left;
}
.news2-sidebar ul.tags li a {
    font-size: 14px;
    color: #625c56;
}
.news2-sidebar ul.tags li:hover,
.news2-sidebar ul.tags li:hover a {
    background-color: #bba792;
    color: #fff;
}
/* pagination */
.news-pagination-wrap {
    padding: 0;
    margin: 0;
    text-align: center;
}
.news-pagination-wrap li {
    display: inline-block;
    margin: 0 5px;
}
.news-pagination-wrap li a {
    background: transparent;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #625c56;
    font-weight: 300;
    border: 1px solid rgba(144,118,92, 0.2);
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    border-radius: 100%;
}
.news-pagination-wrap li a i {
    font-size: 11px;
}
.news-pagination-wrap li a:hover {
    opacity: 1;
    text-decoration: none;
    background: #bba792;
    border: 1px solid #bba792;
    color: #fff;
}
.news-pagination-wrap li a.active {
    background-color: #bba792;
    border: 1px solid #bba792;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .news-pagination-wrap {
        padding: 0;
        margin: 0;
        text-align: center;
    }
}


/* ======= Post style ======= */
.news-post-section {
    padding-top: 120px;
}
.post-comment-section {
    margin-top: 60px;
}
.post-comment-section h3 {
    font-size: 21px;
    font-family: 'Outfit', sans-serif;
    margin-bottom: 15px;
}
.post-comment-section h3 span {
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    color: #625c56;
    margin-left: 15px;
    font-weight: 300;
}
.news-post-caption h1 {
    margin-bottom: 15px;
    font-size: 40px;
    text-transform: uppercase;
}
.news-post-comment-wrap {
    display: flex;
    margin-bottom: 60px;
}
.post-user-comment {
    margin-right: 20px;
    flex: 0 0 auto;
}
.post-user-comment img {
    border-radius: 100%;
    width: 100px;
}
.post-user-content {
    margin-right: 26px;
}
.post-repay {
    font-size: 14px;
    color: #bba792;
    margin: 0;
    font-weight: 300;
}


/* ======= Contact style ======= */
.contact h3 {
    font-size: 27px;
    color: #14100c;
}
.map {	
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	}


/* ======= Buttons style ======= */


/* dark */
.butn-dark2 {
    position: relative;
    line-height: 1.2em;
}
.butn-dark2 a {
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    background: #bba792;
    color: #fff;
    padding: 15px 25px;
    margin: 0;
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.butn-dark2 a:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    background: #000000;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.butn-dark2 a span {
    position: relative;
    z-index: 2;
}
.butn-dark2 a:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-dark2 a:hover span {
    color: #fff;
}


/* dark */
.butn-dark {
    position: relative;
    line-height: 1.2em;
}
.butn-dark a {
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    background: #bba792;
    color: #fff;
    padding: 15px 25px;
    margin: 0;
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.butn-dark a:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    background: #fff;
    color: #14100c;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.butn-dark a span {
    position: relative;
    z-index: 2;
}
.butn-dark a:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-dark a:hover span {
    color: #14100c;
}

/* light */
.butn-light {
    position: relative;
    line-height: 1.2em;
}
.butn-light a {
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    background: transparent;
    color: #fff;
    padding: 15px 25px;
    margin: 0;
    position: relative;
    font-size: 12px;
    border: 1px solid #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.butn-light a:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
}
.butn-light a span {
    position: relative;
    z-index: 2;
}
.butn-light a:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-light a:hover span {
    color: #14100c;
}



/* light2 */
.butn-light2 {
    position: relative;
    line-height: 1.2em;
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    background: transparent;
    color: #fff;
    padding: 15px 25px;
    margin: 0;
    position: relative;
    font-size: 12px;
    border: 1px solid #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.butn-light2:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
}
.butn-light2 span {
    position: relative;
    z-index: 2;
}
.butn-light2:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.butn-light2:hover span {
    color: #14100c;
}


/* ====== 404 Page style ======= */
.notfound{
	min-height: 100vh;
	height: auto;
	position: relative;
	background-blend-mode: overlay;
	background: rgba(0,0,0,.4);
	background-image: url("../img/slider/2.jpg");
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	color: #fff;
}

.notfound .item {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 30px 15px;
    margin-bottom: 30px;
}
.notfound h6 {
    color: #fff;
    font-size: 15px;
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 3px;
}
.notfound h3 {
    font-size: 48px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 0px;
}
.notfound h2 {
    font-size: 27px;
    font-weight: 700;
    color: #fff;
    position: relative;
     margin-bottom: 10px;
}
.notfound h1 {
    font-size: 160px;
    font-weight: 700;
    margin-bottom: 0px;
    position: relative;
    color: #fff;
    line-height: 160px;
}
.notfound p {
	color: #fff;
	font-size: 15px;
}
/* coming form */
.notfound form {
  margin-top: 30px;
  position: relative;
}
.notfound form input {
    width: 100%;
    padding: 11px 50px 12px 11px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0px;
    color: #fff;
    margin-bottom: 15px;
	outline: none;
}
.notfound form input::placeholder {
    color: #fff;
}
.notfound form button {
    background-color: #bba792;
    padding: 9px 25px;
    border-radius: 0px;
    color: #fff;
    border: 0;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    outline: none;
}
.notfound form button:hover {
  background-color: #fff;
  color: #14100c;
	outline: none;
}
/* go home */
.go-back{
	margin-top: 45px;
}
.go-back a {
	color: #fff;
	display: inline-block;
    font-family: 'Outfit', sans-serif;
	font-size: 15px;
    text-transform: uppercase;
	letter-spacing: 3px;
}
.go-back a:hover {
	color: #bba792;
}
.go-back a span{
	transition: all .5s;
}
.go-back a span i {
	color: #fff;
	font-size: 12px;
}
.go-back a:hover span{
	padding-right: 15px;
}

.error-form {
  position: relative;
  max-width: 520px;
  margin: 50px auto 0;
}
.error-form form {
  position: relative;
}
.error-form .form-group {
  position: relative;
  margin: 0;
}
.error-form .form-group input[type="text"],
.error-form .form-group input[type="search"],
.error-form .form-group input[type="email"] {
  position: relative;
  width: 100%;
  line-height: 30px;
  padding: 20px 60px 20px 30px;
  height: 70px;
  display: block;
 font-family: 'Outfit', sans-serif;
  font-size: 15px;
  background: #f4f4f4;
  color: #625c56;
  border-radius: 7px;
  border: 1px solid #f4f4f4;
  transition: all 300ms ease;
}
.error-form .form-group input[type="text"]:focus,
.error-form .form-group input[type="email"]:focus,
.error-form .form-group input[type="search"]:focus {
  border-color: #f4f4f4;
}
.error-form .form-group input::-webkit-input-placeholder {
  color: #f4f4f4;
}
.error-form .form-group .theme-btn {
      position: absolute;
    right: 20px;
    top: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    background: none;
    color: #625c56;
}
.error-form .form-group .theme-btn span {
  vertical-align: middle;
    outline: none;
}


/* ======= Footer style ======= */
.footer {
  position: relative;
  display: block;
}
.footer-top {
  position: relative;
  display: block;
  background-color: #14100c;
  padding: 90px 0 45px 0;
  z-index: 1;
}
.footer-top .footer-column {
    margin-bottom: 30px;
}
.footer-title {
  font-size: 24px;
  color: #fff;
  margin-bottom: 15px;
}
.footer-about-text {
  font-size: 15px;
  color: #aba59f;
  margin: 0;
}
.footer-about-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 20px;
}
.footer-about-social-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  color: #fff;
  font-size: 15px;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-about-social-list a + a {
  margin-left: 15px;
}
.footer-about-social-list a:hover {
  background-color: transparent;
  color: #bba792;
}
.footer-explore-list li + li {
  margin-top: 3px;
}
.footer-explore-list li a {
  position: relative;
  display: block;
  font-size: 15px;
  color: #aba59f;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-explore-list li a:hover {
  padding-left: 15px;
  color: #bba792);
}
.footer-explore-list li a:before {
  position: absolute;
  top: 55%;
  left: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  content: "";
  background-color: #bba792;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  border-radius: 50%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-explore-list li a:hover:before {
  opacity: 1;
}
.footer-contact {
  position: relative;
  display: block;
}
.footer-contact .footer-title {
  margin-bottom: 15px;
}
.footer-contact-text {
  font-size: 15px;
  margin: 0;
  color: #aba59f;
  padding-bottom: 20px;
}
.footer-contact-info p {
  margin: 0;
}
.footer-contact-info p span {
    font-size: 24px;
    color: #bba792;
    font-style: normal;
    font-weight: normal;
    margin-right: 5px;
}
.footer-contact-phone {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    display: block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.footer-contact-phone:hover {
  color: #fff;
}
.footer-contact-mail {
  font-size: 15px;
  line-height: 3em;
  color: #fff;
  position: relative;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-contact-mail:hover {
  color: #fff;
}
.footer-contact-mail:before {
  position: absolute;
  bottom: 9px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #bba792;
  content: "";
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-contact-mail:hover:before {
  background-color: #bba792;
}


/* language */
.footer-language {
    width: 150px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 30px;
}
.footer-language i {
    position: absolute;
    right: 30px;
    top: 18px;
    font-size: 15px;
    opacity: 0.5;
    color: #fff;
}
.footer-language select {
    height: 50px;
    background: #bba792;
    color: #fff;
    border: 1px solid #bba792;
    border-radius: 0px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}
.footer-language select option {
    color: #fff;
}


select {
    width: 150px;
    max-width: 100%;
    height: 70px;
    padding: 0 30px;
    border: 1px solid #aba59f;
    color: #aba59f;
    -webkit-appearance: none;
    -moz-appearance: none;
}


.footer-bottom {
  position: relative;
  display: block;
  background-color: #14100c;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
          box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
  padding: 32px 0;
        border-top: 1px solid rgba(255,255,255,0.05)
}
.footer-bottom-inner {
  position: relative;
  display: block;
}
.footer-bottom-copy-right {
  font-size: 13px;
  color: #aba59f;
  margin: 0;
}
.footer-bottom-copy-right a {
  color: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.footer-bottom-copy-right a:hover {
  color: #bba792;
}


/* ======= toTop Button style ======= */
.progress-wrap {
    position: fixed;
    bottom: 30px;
    right: 30px;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 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: 300;
    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: rgba(255, 255, 255, 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 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.progress-wrap::after {
    color: #bba792;
}
.progress-wrap svg.progress-circle path {
    stroke: #bba792;
}


/* ======= Line style ======= */
.line-vr-section {
    position: relative;
    margin: -30px auto;
    border: 0;
    border-left: 1.5px solid;
    border-color: #bba792;
    width: 1.5px;
    height: 60px;
    z-index: 10;
    opacity: 1;
}
.line-hr-primary {
    width: 60px;
    border-top: 1.5px solid #bba792 !important;
}
.line-hr-secondary {
    width: 60px;
    border-top: 1.5px solid #bba792 !important;
}



/* =======  Overlay Effect Bg image style  ======= */
[data-overlay-dark],
[data-overlay-darkgray],
[data-overlay-light] {
  position: relative;
}
[data-overlay-dark] .container,
[data-overlay-darkgray] .container,
[data-overlay-light] .container {
  position: relative;
  z-index: 2;
}
[data-overlay-dark]:before,
[data-overlay-darkgray]:before,
[data-overlay-light]:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
[data-overlay-dark]:before {
  background: #000;
}
[data-overlay-darkgray]:before {
  background: #222;
}
[data-overlay-light]:before {
  background: #fff;
}
[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-darkgray] h1,
[data-overlay-darkgray] h2,
[data-overlay-darkgray] h3,
[data-overlay-darkgray] h4,
[data-overlay-darkgray] h5,
[data-overlay-darkgray] h6,
[data-overlay-darkgray] span {
  color: #fff;
}
[data-overlay-light] h1,
[data-overlay-light] h2,
[data-overlay-light] h3,
[data-overlay-light] h4,
[data-overlay-light] h5,
[data-overlay-light] h6,
[data-overlay-light] span {
  color: #999;
}
[data-overlay-dark] p {
  color: #fff;
}
[data-overlay-darkgray] p {
  color: #999;
}
[data-overlay-light] p {
  color: #999;
}
[data-overlay-dark="0"]:before,
[data-overlay-darkgray="0"]:before,
[data-overlay-light="0"]:before {
  opacity: 0;
}
[data-overlay-dark="1"]:before,
[data-overlay-darkgray="1"]:before,
[data-overlay-light="1"]:before {
  opacity: 0.1;
}
[data-overlay-dark="2"]:before,
[data-overlay-darkgray="2"]:before,
[data-overlay-light="2"]:before {
  opacity: 0.2;
}
[data-overlay-dark="3"]:before,
[data-overlay-darkgray="3"]:before,
[data-overlay-light="3"]:before {
  opacity: 0.3;
}
[data-overlay-dark="4"]:before,
[data-overlay-darkgray="4"]:before,
[data-overlay-light="4"]:before {
  opacity: 0.4;
}
[data-overlay-dark="5"]:before,
[data-overlay-darkgray="5"]:before,
[data-overlay-light="5"]:before {
  opacity: 0.5;
}
[data-overlay-dark="6"]:before,
[data-overlay-darkgray="6"]:before,
[data-overlay-light="6"]:before {
  opacity: 0.6;
}
[data-overlay-dark="7"]:before,
[data-overlay-darkgray="7"]:before,
[data-overlay-light="7"]:before {
  opacity: 0.7;
}
[data-overlay-dark="8"]:before,
[data-overlay-darkgray="8"]:before,
[data-overlay-light="8"]:before {
  opacity: 0.8;
}
[data-overlay-dark="9"]:before,
[data-overlay-darkgray="9"]:before,
[data-overlay-light="9"]:before {
  opacity: 0.9;
}
[data-overlay-dark="10"]:before,
[data-overlay-darkgray="10"]:before,
[data-overlay-light="10"]:before {
  opacity: 1;
}


/* ======= Responsive style ======= */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px !important;
    }
}
@media screen and (max-width: 991px) {
    .bg-fixed {
        background-attachment: scroll !important;
    }
    .header {
        background-attachment: scroll !important;
        background-position: 50% 0% !important;
    }
    .banner-header h1,
    .header .caption h1 {
        font-size: 40px;
        line-height: 1.1em;
    }
    .kenburns-inner .caption h1 {
        font-size: 40px;
    }
    .video-fullscreen-wrap .booking-box,
    .kenburns-inner .booking-box,
    .banner-header .booking-box {
        display: none;
    }
    .about #circle {
        display: none;
    }
    .header .arrow {
        display: none;
    }
    .accordion-box .block .acc-btn {
        cursor: pointer;
        padding: 30px 20px;
        padding-right: 40px;
    }
    .accordion-box .block .acc-btn:before {
        right: 15px;
        top: 30px;
        height: 30px;
    }
    .accordion-box .block .content {
        padding: 0px 20px 30px;
    }
    .reservations .text a {
        font-size: 21px;
    }
}
@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;
    }

    .post-comment-section h3 span {
        margin-left: 0px;
    }

    
    .video-fullscreen-wrap .caption.textleft,
    .video-fullscreen-wrap .caption {
        text-align: center;
    }

}
/* Ensure the main container uses flexbox to arrange items side-by-side */
.radio-button-group-container {
    display: flex !important; /* Force flex display */
    flex-direction: row !important; /* Ensure horizontal layout */
    justify-content: space-around !important; /* Distribute space */
    align-items: flex-start !important; /* Align items to the top */
    flex-wrap: wrap !important; /* Allow items to wrap to the next line on smaller screens */
    gap: 20px !important; /* Space between the radio options */
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* Ensure each radio option container behaves as a flex item and stacks its internal content */
.radio-button-group-container .radio-option {
    display: flex !important;
    flex-direction: column !important; /* Stacks image, text, and input vertically */
    align-items: center !important; /* Centers contents horizontally */
    text-align: center !important;
    padding: 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    /* For 3 equal columns: calc(33.33% - gap) */
    flex: 0 0 calc(33.33% - 20px) !important; /* Base width for 3 columns, accounting for gap */
    max-width: calc(33.33% - 20px) !important; /* Ensure max width is also for 3 columns */
    min-width: 150px !important; /* Minimum width before wrapping */
    box-sizing: border-box !important; /* Ensures padding/border are included in width calculation */
}

/* Hover effect for options */
.radio-button-group-container .radio-option:hover {
    background-color: #f0f0f0 !important;
    border-color: #b0b0b0 !important;
}

/* Ensure the label within each radio option also uses flexbox for its content */
.radio-button-group-container .radio-option label {
    display: flex !important;
    flex-direction: column !important; /* Stack image, text, radio button vertically within the label */
    align-items: center !important; /* Center contents horizontally within the label */
    width: 100% !important; /* Make label take full width of its parent (.radio-option) */
    cursor: pointer !important;
}

/* Styling for the images */
.radio-button-group-container .radio-option img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 4px !important;
    margin-bottom: 10px !important; /* Space between image and text */
    max-height: 120px !important;
    object-fit: contain !important;
}

/* Styling for the text label (span) */
.radio-button-group-container .radio-option span {
    font-size: 1em !important;
    color: #333 !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important; /* Space between text and radio button */
}

/* Hide the default radio button visually if you want to create custom styling */
.radio-button-group-container .radio-option input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 8px 0 !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #ccc !important;
    border-radius: 50% !important;
    outline: none !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important; /* Keep as inline-block for custom styling dot */
}

/* Custom indicator for checked state */
.radio-button-group-container .radio-option input[type="radio"]:checked {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* Inner dot for checked state */
.radio-button-group-container .radio-option input[type="radio"]:checked::before {
    content: '' !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    background-color: white !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .radio-button-group-container {
        flex-direction: column !important; /* Stack vertically on smaller screens */
        align-items: center !important; /* Center items when stacked */
    }
    .radio-button-group-container .radio-option {
        max-width: 280px !important; /* Adjust max width for mobile display */
        width: 100% !important; /* Take full width minus padding/gap */
        flex: 0 0 100% !important; /* Make each option take full width */
    }
}


/* Container for the 4-column radio button group */
#four-column-radio-group { /* Targeting by ID for highest specificity */
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important; /* Allows wrapping to 2 rows */
    justify-content: space-around !important; /* Distributes space between items */
    align-items: flex-start !important;
    gap: 20px !important; /* Space between items */
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* Styling for each individual radio option without an image */
#four-column-radio-group .radio-option-no-img { /* Highly specific selector */
    display: flex !important;
    flex-direction: column !important; /* Stacks text and radio button vertically */
    align-items: center !important; /* Centers contents horizontally */
    text-align: center !important;
    padding: 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    /* For 2 columns per row: calc(50% - gap/2) */
    flex: 0 0 calc(50% - 10px) !important; /* Base width for 2 columns, accounting for half the gap */
    max-width: calc(50% - 10px) !important; /* Ensure max width for 2 columns */
    min-width: 120px !important; /* Min width before stacking on smaller screens */
    box-sizing: border-box !important;
}

/* Hover effect for options */
#four-column-radio-group .radio-option-no-img:hover {
    background-color: #f0f0f0 !important;
    border-color: #b0b0b0 !important;
}

/* Ensure the label within each option uses flexbox for its content */
#four-column-radio-group .radio-option-no-img label { /* Highly specific selector */
    display: flex !important;
    flex-direction: column !important; /* Stack text and radio button vertically within the label */
    align-items: center !important; /* Center contents horizontally within the label */
    width: 100% !important; /* Make label take full width of its parent */
    cursor: pointer !important;
}

/* Styling for the text label (span) */
#four-column-radio-group .radio-option-no-img span { /* Highly specific selector */
    font-size: 1em !important;
    color: #333 !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important; /* Space between text and radio button */
}

/* Custom radio button styling (re-used from previous set) */
#four-column-radio-group .radio-option-no-img input[type="radio"] { /* Highly specific selector */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 8px 0 !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #ccc !important;
    border-radius: 50% !important;
    outline: none !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
}

/* Custom indicator for checked state */
#four-column-radio-group .radio-option-no-img input[type="radio"]:checked { /* Highly specific selector */
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* Inner dot for checked state */
#four-column-radio-group .radio-option-no-img input[type="radio"]:checked::before { /* Highly specific selector */
    content: '' !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    background-color: white !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    #four-column-radio-group { /* Highly specific selector */
        flex-direction: column !important; /* Force vertical stacking on smaller screens */
        align-items: center !important; /* Center items when stacked */
        justify-content: flex-start !important; /* Align items to the top when stacked */
        gap: 15px !important; /* Adjust gap for vertical stacking */
    }
    #four-column-radio-group .radio-option-no-img { /* Highly specific selector */
        flex: 0 0 100% !important; /* Make each option take full width */
        max-width: 100% !important; /* Ensure it doesn't exceed 100% */
        margin: 0 0 15px 0 !important; /* Add bottom margin for spacing between stacked items */
    }
    #four-column-radio-group .radio-option-no-img:last-child {
        margin-bottom: 0 !important; /* No bottom margin on the last item */
    }
    #four-column-radio-group .radio-option-no-img span,
    #four-column-radio-group .radio-option-no-img input[type="radio"] {
        /* Re-apply centering for text and radio button when stacked */
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* Ensure the main container stacks items vertically on smaller screens */
@media (max-width: 768px) {
    #four-column-radio-group { /* Targeting by ID for highest specificity */
        display: flex !important; /* Explicitly guarantee flex display */
        flex-direction: column !important; /* Force vertical stacking */
        align-items: center !important; /* Center the stacked items */
        justify-content: flex-start !important; /* Align items to the top when stacked */
        gap: 15px !important; /* Adjust gap for vertical stacking */
        width: 100% !important; /* Ensure the container takes full width */
    }

    /* Make each individual radio option take full width on smaller screens */
    #four-column-radio-group .radio-option-no-img { /* Highly specific selector */
        flex: 0 0 100% !important; /* Make each item take 100% width, forcing a new row */
        max-width: 100% !important; /* Ensure it doesn't exceed 100% */
        padding: 10px !important; /* Adjust padding if needed for mobile */
        margin: 0 !important; /* Remove any conflicting margins */
    }

    /* Ensure the label also aligns and takes full width */
    #four-column-radio-group .radio-option-no-img label {
        width: 100% !important;
        align-items: center !important; /* Center contents within the label */
        padding: 0 !important; /* Remove any conflicting padding */
    }

    /* Re-center the text and radio button within the stacked layout */
    #four-column-radio-group .radio-option-no-img span,
    #four-column-radio-group .radio-option-no-img input[type="radio"] {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Base styles (outside media query) to ensure flex behavior at larger sizes */
#four-column-radio-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-around !important;
    align-items: flex-start !important;
    gap: 20px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

#four-column-radio-group .radio-option-no-img {
    flex: 0 0 calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    min-width: 120px !important;
    box-sizing: border-box !important;
    padding: 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

#four-column-radio-group .radio-option-no-img:hover {
    background-color: #f0f0f0 !important;
    border-color: #b0b0b0 !important;
}

#four-column-radio-group .radio-option-no-img label {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    cursor: pointer !important;
}

#four-column-radio-group .radio-option-no-img span {
    font-size: 1em !important;
    color: #333 !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
}

#four-column-radio-group .radio-option-no-img input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 8px 0 !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #ccc !important;
    border-radius: 50% !important;
    outline: none !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-block !important;
}

#four-column-radio-group .radio-option-no-img input[type="radio"]:checked {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

#four-column-radio-group .radio-option-no-img input[type="radio"]:checked::before {
    content: '' !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    background-color: white !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}


/* Container for the stacked radio button group */
.radio-group-stacked {
    display: flex !important;
    flex-direction: column !important; /* Forces vertical stacking */
    align-items: flex-start !important; /* Aligns the *entire group* to the left */
    gap: 15px !important; /* Space between stacked items */
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    width: 100% !important; /* Ensure the container takes full available width */
    /* REMOVED: max-width and auto margins that were centering/limiting width on desktop */
}

/* Styling for each individual stacked radio option */
.radio-group-stacked .radio-option-stacked {
    display: flex !important;
    flex-direction: row !important; /* Arrange text and radio button horizontally within the option */
    align-items: center !important; /* Vertically align text and radio button */
    justify-content: flex-start !important; /* Horizontally align content to the left */
    padding: 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important; /* Each option takes full width of its container */
    box-sizing: border-box !important;
    text-align: left !important; /* Ensure text itself aligns left within the box */
}

/* Hover effect for options */
.radio-group-stacked .radio-option-stacked:hover {
    background-color: #f0f0f0 !important;
    border-color: #b0b0b0 !important;
}

/* Ensure the label within each option uses flexbox for its content */
.radio-group-stacked .radio-option-stacked label {
    display: flex !important;
    flex-direction: row !important; /* Arrange text and radio button horizontally within the label */
    align-items: center !important; /* Vertically align them */
    width: 100% !important; /* Label takes full width */
    cursor: pointer !important;
}

/* Styling for the brief sentence text */
.radio-group-stacked .radio-option-stacked span {
    font-size: 1em !important;
    color: #333 !important;
    line-height: 1.4 !important;
    flex-grow: 1 !important; /* Allows text to take up available space */
    margin-right: 10px !important; /* Space between text and radio button */
    text-align: left !important; /* Ensure text aligns to the left */
}

/* Custom radio button styling (re-used from previous sets) */
.radio-group-stacked .radio-option-stacked input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0 !important; /* Remove default margin to control spacing with text */
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #ccc !important;
    border-radius: 50% !important;
    outline: none !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0 !important; /* Prevents radio button from shrinking */
}

/* Custom indicator for checked state */
.radio-group-stacked .radio-option-stacked input[type="radio"]:checked {
    background-color: #007bff !important;
    border-color: #007bff !important;
}

/* Inner dot for checked state */
.radio-group-stacked .radio-option-stacked input[type="radio"]:checked::before {
    content: '' !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    background-color: white !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* Responsive adjustments for smaller screens (remains mostly the same as before) */
@media (max-width: 768px) {
    .radio-group-stacked {
        /* On mobile, we might still want a max-width to prevent stretching too wide on very large phones */
        max-width: 90% !important; /* Adjust max width for mobile */
        margin-left: auto !important; /* Re-center on mobile if max-width is active */
        margin-right: auto !important; /* Re-center on mobile if max-width is active */
    }
    .radio-group-stacked .radio-option-stacked {
        padding: 12px !important; /* Slightly less padding on mobile */
    }
}

.form-group h5 {
    color: #000000 !important; /* Forces the font color to black for h5 tags within any .form-group */
}
.radio-option-stacked h5 {
    color: #000000 !important; /* Forces the font color to black for h5 tags within any .form-group */
}