.home-few-words-icon {
     width: 48px !important;
     height: 64px !important;
}

.white-texture {
     background-image: url("../images/textures/white-texture.webp") !important;
     background-repeat: repeat !important;
}

.white-texture-1 {
     background-image: url("../images/textures/white-texture-1.png") !important;
     background-repeat: repeat !important;
}

.white-texture-2 {
     background-image: url("../images/textures/white-texture-2.png") !important;
     background-repeat: repeat !important;
}

.white-texture-3 {
     background-image: url("../images/textures/white-texture-3.png") !important;
     background-repeat: repeat !important;
}

.white-texture-4 {
     background-image: url("../images/textures/white-texture-4.png") !important;
     background-repeat: repeat !important;
}

.white-texture-5 {
     background-image: url("../images/textures/white-texture-5.png") !important;
     background-repeat: repeat !important;
}

.white-texture-6 {
     background-image: url("../images/textures/white-texture-6.png") !important;
     background-repeat: repeat !important;
}

.black-texture-1 {
     background-image: url("../images/textures/black-texture-1.png") !important;
     background-repeat: repeat !important;
}

.black-texture-2 {
     background-image: url("../images/textures/black-texture-2.png") !important;
     background-repeat: repeat !important;
}

.black-texture-3 {
     background-image: url("../images/textures/black-texture-3.png") !important;
     background-repeat: repeat !important;
}

.black-texture-4 {
     background-image: url("../images/textures/black-texture-4.png") !important;
     background-repeat: repeat !important;
}

.black-texture-5 {
     background-image: url("../images/textures/black-texture-5.png") !important;
     background-repeat: repeat !important;
}

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

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

.paddingbottom50 {
     padding-bottom: 50px !important;
}

.paddingbottom30 {
     padding-bottom: 30px !important;
}

.paddingbottom0 {
     padding-bottom: 0px !important;
}

.paddingtop30 {
     padding-top: 30px !important;
}

.paddingtop50 {
     padding-top: 50px !important;
}

.paddingtop0 {
     padding-top: 0px !important;
}

.paddingtop100 {
     padding-top: 100px !important;
}

.paddingbottom100 {
     padding-bottom: 100px !important;
}

.padding-b-t-100 {
     padding-bottom: 100px !important;
     padding-top: 100px !important;
}

.padding10 {
     padding-left: 10px !important;
     padding-right: 10px !important;
}

.padding50 {
     padding-top: 50px !important;
     padding-bottom: 50px !important;
}

.backgroundnone {
     background: none !important;
}

.colorgolden {
     color: #c2a476 !important;
}

.colorbrown {
     color: #803032 !important;
}

.margintop0 {
     margin-top: 0px !important;
}

.marginbottom0 {
     margin-bottom: 0px !important;
}

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

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

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

.marginbottom50 {
     margin-bottom: 50px !important;
}

.minwidth265 {
     min-width: 265px !important;
}

.f-nav .active a {
     color: #CE662D !important;
}

.pl0 {
     padding-left: 0px !important;
}

.klraccor {
     padding-left: 0px !important;
     padding-right: 0px !important;
     ;
}

.superscript {
     color: #803032;
}

.fontred {
     color: #803032 !important;
}

.fontwhite {
     color: #f9f6f1;
}

.verticalaligntop {
     vertical-align: top !important;
}

.embed-container {
     position: relative;
     padding-bottom: 56.25%;
     overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.txt-color {
     color: #7e7e7e !important;
}

.burgundy-bg {
     background-color: #95040e !important;
}

.burgundy {
     color: #95040e !important;
}

.black-bg {
     background-color: #000000;
}

.footer-copyright {
     padding: 10px !important;
     text-align: center !important;
     font: 400 16px/25px "Lora", Arial, helvetica, sans-serif;
}

.footerleftcol {
     text-align: left !important;
}

.footerrightcol {
     text-align: right !important;
}

.formerror {
     color: #ff0000 !important;
}

@media (max-width: 992px) {
     .footerleftcol {
          text-align: center !important;
     }

     .footerrightcol {
          text-align: center !important;
     }

     .footer-copyright {
          padding: 10px !important;
          text-align: center !important;
          font: 400 11px "Lora", Arial, helvetica, sans-serif;
     }
}

@media (max-width: 767px) {
     .our-room .list {
          margin-bottom: 0px !important;
     }
}

.navinitial {
     position: fixed;
     bottom: 0;
     width: 100%;
}

.sticky {
     position: fixed !important;
     top: 0 !important;
     width: 100% !important;
     bottom: auto !important;
}

.sticky+.content {
     padding-top: 60px !important;
}

.firstbtn {
     margin-bottom: 15px !important;
}

@media (max-width: 767px) {
     .firstbtn {
          margin-bottom: 15px !important;
     }
}

.dateicon {
     background-color: #eeeeee !important;
     background-image: url('../images/icons/calendar.jpg') !important;
     background-position: 90% center !important;
     background-repeat: no-repeat !important;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
     display: block !important;
     height: auto !important;
     max-width: 100% !important;
     line-height: 1 !important;
     width: 100% !important;
}

.colorgreen {
     color: green;
}

.width100 {
     width: 100% !important;
}

.iframeborder {
     border: 0px solid lightgrey;
}

.displaynone {
     display: none !important;
}

.gallerycaption {
     color: #ffffff !important;
     text-align: left !important;
     display: block !important;
     text-transform: capitalize !important;
     font: 400 18px/24px "Lora", Arial, helvetica, sans-serif !important;
     margin-top: 0px !important;
     margin-bottom: 0px !important;
}

.bookNowBtn {
     display: none;
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 40px;
     z-index: 1000;
     text-align: center;
     background-color: #c2a476;
     padding: 0px !important;
     margin: 0px !important;
}

.bookNowBtn .bn-right-border {
     border-right: 1px solid #ffffff;
}

.bookNowBtn .mobile-menu {
     height: 40px;
     background-color: #803032;
     padding-top: 10px;
     color: #ffffff;
}

.bookNowBtn .mobile-menu a {
     display: block;
     height: 40px;
     width: 100%;
     background-color: #803032;
     text-decoration: none;
     width: 100%;
     color: #ffffff !important;
}

.w-100 {
     width: 100% !important;
}

.mb-0 {
     margin-bottom: 0px !important;
}

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

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

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

.mb-35 {
     margin-bottom: 35px !important;
}

.mb-50 {
     margin-bottom: 50px !important;
}

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

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

.bottom40 {
     bottom: 40px !important;
}

.textleft {
     text-align: left !important;
}

.textright {
     text-align: right !important;
}

.textcenter {
     text-align: center !important;
}

.cursorpointer {
     cursor: pointer;
}

.color-white {
     color: #f9f6f1 !important;
}

.color-black {
     color: #353535 !important;
}

.background-black {
     background: #353535 !important;
}

.btnactive {
     background: #803032 !important;
     border-color: #803032 !important;
     color: #ffffff !important;
}

.btnactive:hover {
     background: transparent !important;
     border-color: #803032 !important;
     color: #803032 !important;
}

.page-map {
     width: 100% !important;
     height: 450px !important;
}

.image-left {
     float: left;
     padding-right: 20px !important;
     padding-bottom: 20px !important;
}

.btn-default svg {
     width: 18px !important;
     color: #803032 !important;
     fill: #803032;
}

.btn-default:hover svg {
     width: 18px !important;
     color: #ffffff !important;
     fill: #ffffff;
}

.our-guests h2 span {
     display: inline-block !important;
     color: #7e7e7e !important;
     font: 400 20px/22px "Source Sans Pro", Arial, helvetica, sans-serif;
}

.mobile-hide {
     display: block;
}

.mobile-show {
     display: none;
}

.widthauto {
     width: auto !important;
}

@media (max-width: 767px) {
     .mobile-hide {
          display: none;
     }

     .mobile-show {
          display: block;
     }
}

.carousel h1 span {
     font-size: 60px !important;
     line-height: 82px;
     font: 800 16px/23px "Lora", Arial, helvetica, sans-serif;
     margin-bottom: 30px;
     background: transparent !important;
}

.carousel h1 em {
     font-size: 40px !important;
     line-height: 82px;
     font: 800 16px/23px "Lora", Arial, helvetica, sans-serif;
     background: transparent !important;
}

@media (max-width: 767px) {
     .carousel h1 span {
          font-size: 40px !important;
          line-height: 82px;
          font: 800 16px/23px "Lora", Arial, helvetica, sans-serif;
          margin-bottom: 26px;
          background: transparent !important;
     }

     .carousel h1 em {
          font-size: 26px !important;
          line-height: 82px;
          font: 400 16px/23px "Lora", Arial, helvetica, sans-serif;
          background: transparent !important;
          margin-bottom: 10px;
     }
}

@media (max-width: 639px) {
     .carousel h1 span {
          font-size: 40px !important;
          line-height: 82px;
          font: 800 16px/23px "Lora", Arial, helvetica, sans-serif;
          margin-bottom: 0px;
          background: transparent !important;
     }

     .carousel h1 em {
          font-size: 13px !important;
          line-height: 82px;
          font: 400 16px/23px "Lora", Arial, helvetica, sans-serif;
          background: transparent !important;
     }
}

.klraccor .panel-default>.panel-heading {
     color: #333333;
     background-color: #dddddd;
}

.klraccor .panel-title {
     font: 400 16px/23px "Lora", Arial, helvetica, sans-serif !important;
     color: #7e7e7e !important;
}

.klraccor .panel-heading:hover {
     color: #f9f6f1 !important;
     background-color: #803032 !important;
}

.klraccor .panel-heading:hover a {
     color: #f9f6f1 !important;
     background-color: #803032 !important;
}

.klraccor .panel-heading a {
     display: block;
     position: relative;
}

.klraccor .panel-heading a:hover {
     text-decoration: none !important;
     color: #f9f6f1 !important;
     background-color: #803032 !important;
}

.klraccor .panel-heading a:link {
     text-decoration: none !important;
}

.klraccor .panel-heading a:active {
     text-decoration: none !important;
}

.klraccor .panel-heading a:visited {
     text-decoration: none !important;
}

.klraccor .panel-heading a:after {
     content: "";
     border: solid #7e7e7e;
     border-width: 0 1px 1px 0;
     display: inline-block;
     padding: 5px;
     position: absolute;
     right: 0;
     top: 0;
     transform: rotate(45deg);
}

.klraccor .panel-heading:hover a:after {
     content: "";
     border: solid #f9f6f1;
     border-width: 0 1px 1px 0;
     display: inline-block;
     padding: 5px;
     position: absolute;
     right: 0;
     top: 0;
     transform: rotate(45deg);
}

.klraccor a[aria-expanded="true"]::after {
     transform: rotate(-135deg);
     top: 5px;
}

.klraccor .panel-heading:hover a[aria-expanded="true"]::after {
     transform: rotate(-135deg);
     top: 5px;
}

.hover-img {
     background-color: #000;
     color: #fff;
     display: inline-block;
     overflow: hidden;
     position: relative;
     text-align: center;
     width: 100%;
}

.hover-img * {
     box-sizing: border-box;
     transition: all 0.45s ease;
}

.hover-img:before,
.hover-img:after {
     background-color: rgba(0, 0, 0, 0.3);
     border-top: 0px solid rgba(0, 0, 0, 0.3);
     border-bottom: 0px solid rgba(0, 0, 0, 0.3);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     content: '';
     /* transition: all 0.3s ease; */
     z-index: 0;
     opacity: 0;
     transform: scaleY(2);
}

.hover-img img {
     vertical-align: top;
     max-width: 100%;
     backface-visibility: hidden;
}

.hover-img:hover:before,
.hover-img:hover:after {
     transform: scale(1);
     opacity: 1;
     top: 50%;
     left: 50%;
     content: "";
     position: absolute;
     width: 32px;
     height: 32px;
     margin: -16px 0 0 -16px;
     background: url(../images/icons/sprite.png) no-repeat -3px -336px;
}

.hover-img:hover>img {
     opacity: 0.7;
}

.hover-img:hover figcaption {
     opacity: 1;
}

.hover-img:hover .galleryzoom {
     top: 50%;
     left: 50%;
     position: absolute;
     width: 56px;
     height: 56px;
     margin: -28px 0 0 -28px;
     border: 1px solid #f9f6f1;
     opacity: 2;
     background: url(../images/icons/sprite.png) no-repeat -3px -336px;
}

.hover-img:hover .galleryzoom:after {
     top: 50%;
     left: 50%;
     content: "";
     position: absolute;
     width: 32px;
     height: 32px;
     margin: -16px 0 0 -16px;
     background: url(../images/icons/sprite.png) no-repeat -3px -336px;
     opacity: 2;
}

div.galleryurl {
     position: -webkit-sticky;
     position: fixed;
     bottom: 20px;
     background-color: #803032;
     opacity: 1;
     padding: 5px;
     font-size: 16px;
     text-align: center;
     width: 510px;
     margin: auto;
     border-radius: 20px;
     border: 1px solid #803032;
     display: none;
     z-index: 9999;
}

div.galleryurl:hover {
     background-color: #ffffff;
     border: 1px solid #803032;
}

div.galleryurl:hover a {
     color: #803032;
}

div.galleryurl a {
     color: #ffffff;
     font-size: 16px;
     text-decoration: none;
}

div.galleryurl a:hover {
     color: #803032;
     text-decoration: none;
}

div.galleryurl span {
     padding-left: 10px;
     padding-right: 10px;
     color: #000000;
}

div.blogcontrol {
     position: -webkit-sticky;
     position: fixed;
     bottom: 20px;
     background-color: #803032;
     opacity: 0.7;
     padding: 5px 10px;
     font-size: 14px;
     width: 254px;
     margin: auto;
     border-radius: 5px;
     border: 1px solid #803032;
     display: none;
     z-index: 9999;
     height: 52px !important;
}

div.blogcontrol .blogbacktolist {
     float: left;
     margin-top: 10px;
}

div.blogcontrol a {
     color: #ffffff;
     font-size: 14px;
     text-decoration: none;
     text-transform: uppercase;
}

div.blogcontrol a:hover {
     color: #d6d3d3;
     text-decoration: none;
}

div.blogcontrol .disabled {
     pointer-events: none;
     opacity: 0.5;
}

.blog-prev {
     left: 0;
     width: 40px;
     height: 40px;
     display: block !important;
     top: 50%;
     float: left;
     margin-right: 10px !important;
     background: url(../images/icons/previous.png) no-repeat !important;
}

.blog-next {
     top: 50%;
     width: 40px;
     display: block !important;
     height: 40px;
     margin-right: 10px !important;
     background: url(../images/icons/next.png) no-repeat !important;
     float: left;
}

.media .btn-default {
     color: #803032;
     background-color: transparent;
     border-color: #803032;
}

.media .btn-default:focus,
.media .btn-default.focus {
     color: #803032;
     background-color: transparent;
     border-color: #803032;
}

.media .btn-default:hover {
     color: #ffffff;
     background-color: #803032;
     border-color: #803032;
}

.offers .btn-default {
     color: #ffffff;
     background-color: #803032;
     border-color: #803032;
}

.offers .btn-default:focus,
.media .btn-default.focus {
     color: #ffffff;
     background-color: #803032;
     border-color: #803032;
}

.offers .btn-default:hover {
     color: #803032;
     background-color: transparent;
     border-color: #803032;
}

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

@media (max-width: 767px) {
     .newsindicators {
          margin-bottom: 0px !important;
     }
}

.gal-title {
     color: #CE662D !important;
     text-align: center !important;
}

/* Video slider changes */
.logo {
     width: 130px;
     height: auto;
     margin: 0 0 0 -110px;
     position: absolute;
     z-index: 10;
     left: 115px;
     top: 10px;
}

@media (max-width: 1024px) {
     .logo {
          top: 60px;
     }
}

@media (max-width: 767px) {
     .logo {
          top: 10px;
          width: 90px;
     }
}

#header {
     background: transparent;
     z-index: 999;
     position: absolute;
     width: 100%;
}

@media (max-width: 767px) {
     #header {
          background: transparent;
          padding: 0 0 10px;
     }
}

.vs {
     position: relative;
     width: 100%;
     min-height: 100vh;
     display: flex;
     justify-content: center;
     flex-direction: column;
     background: #353535;
}

.vs:before {
     z-index: 777;
     content: '';
     position: absolute;
     background: rgba(255, 0, 0, 0.5);
}

.vs video {
     z-index: 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
}

@media (max-width: 767px) {
     .vs video {
          width: 100%;
          height: auto;
     }
}

@media (max-width: 767px) {
     .vs {
          min-height: auto;
          height: 438px;
     }
}

@media (max-width: 700px) {
     .vs {
          min-height: auto;
          height: 390px;
     }
}

@media (max-width: 650px) {
     .vs {
          min-height: auto;
          height: 370px;
     }
}

@media (max-width: 600px) {
     .vs {
          min-height: auto;
          height: 330px;
     }
}

@media (max-width: 550px) {
     .vs {
          min-height: auto;
          height: 300px;
     }
}

@media (max-width: 500px) {
     .vs {
          min-height: auto;
          height: 270px;
     }
}

@media (max-width: 415px) {
     .vs {
          min-height: auto;
          height: 220px;
     }
}

@media (max-width: 400px) {
     .vs {
          min-height: auto;
          height: 220px;
     }
}

@media (max-width: 325px) {
     .vs {
          min-height: auto;
          height: 170px;
     }
}

@media (max-width: 300px) {
     .vs {
          min-height: auto;
          height: 170px;
     }
}

.reservation-bar {
     overflow: hidden;
     padding: 20px 0 20px;
     background: #353535;
     z-index: 999;
}

.opacity1 {
     opacity: 1;
}

.opacity6 {
     opacity: 0.6;
}

.navbar-default .navbar-nav li.active a {
     color: #CE662D;
}

.navbar-default .navbar-nav li a:hover {
     border-color: #CE662D;
     color: #CE662D;
}

.navbar-default .navbar-nav li.open a:hover {
     border-color: #CE662D;
     color: #CE662D;
}

.navbar-default .navbar-nav li.open ul li a {
     color: #353535;
}

.navbar-default .navbar-nav li.active a:hover,
.navbar-default .navbar-nav li.open a:hover {
     color: #CE662D;
}

.slidercaption {
     position: fixed;
     right: 10px;
     bottom: 10px;
     font-size: 20px;
}

@media (max-width: 992px) {
     .slidercaption {
          font-size: 14px;
     }
}

.menugradientbg {
     background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
     height: 100px;
}

@media (max-width: 992px) {
     .menugradientbg {
          height: auto;
     }
}

.navheaderfixed {
     position: fixed !important;
}

.navheaderabsolute {
     position: absolute !important;
}

/* Video slider changes */

.immediate-contact {
     overflow: hidden;
     padding: 39px 0;
     background: #353535;
}

.immediate-contact a {
     color: #CE662D !important;
     text-decoration: none;
}

.immediate-contact a:hover {
     color: #ffffff !important;
     text-decoration: underline;
}

.d-flex {
     display: flex !important;
}

.justify-content-evenly {
     justify-content: space-evenly !important;
}

.w-70 {
     width: 70%;
}

.w-74 {
     width: 74%;
}

.ml--60 {
     margin-left: -60px;
}

.firstbtn {
     padding: 0 10px !important;
}

.reservation-bar select {
     width: 120%;
}

.reservation-bar .fake-select:before {
     right: -17px;
     top: 26px;
}

.reservation-bar .fake-select:after {
     right: -6px;
     top: 65%;
}

.reservation-bar label {
     color: #ffffff;
}

.p-5 {
     padding: 5px;
}

@media (max-width: 992px) {
     .d-flex {
          display: block !important;
     }

     .w-70 {
          width: 100%;
     }

     .ml--60 {
          margin-left: 0px;
     }

     .reservation-bar select {
          width: 102%;
     }

     .mp-30 {
          padding: 30px;
     }

     .p-5 {
          padding: 0px;
     }
}

@media (max-width:768px) {
     .landing-page .form-control {
          width: 95%;
     }

     .reservation-bar select {
          width: 95%;
     }

     .reservation-bar .btn {
          width: 95%;
     }

     .reservation-bar .fake-select:after {
          display: none;
     }

     .w-70 {
          width: 94%;
     }

     .reservation-bar {
          padding: 50px;
     }

     .firstbtn {
          padding-left: 0px !important;
     }

     .reservationbanner .form-control {
          width: 92%;
     }

     .reservationbanner .btn {
          width: 92%;
     }

}

@keyframes blink {
     0% {
          opacity: 1;
     }

     50% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

.navbar-nav .blinking-text {
     color: #CE662D !important;
     animation: blink 1s infinite;
}