@font-face {
    font-family: Helvetica;
    src: url(fonts/helvetica.ttf);
}
@font-face {
    font-family: HelveticaNeueLight;
    src: url(fonts/Helvetica-Neue-Light.ttf);
}
@font-face {
    font-family: HelveticaLight;
    src: url(fonts/Helvetica-Light.ttf) format('opentype');
}
@font-face {
    font-family: WeissBold;
    src: url(fonts/Weiss-Bold.ttf) format('truetype');
}
@font-face {
    font-family: HelveticaBold;
    src: url(fonts/Helvetica_Bold.ttf);
}
@font-face {
    font-family: SnellRoundhandScript;
    src: url(fonts/SnellBT-Regular.otf);
}

@font-face {
    font-family: GTSuperDisplay;
    src: url(fonts/dusit/GT-Super-Display-Regular.ttf);
}
@font-face {
    font-family: GTSuperDisplayLight;
    src: url(fonts/dusit/GT-Super-Display-Light.ttf);
}
@font-face {
    font-family: GTSuperDisplayMedium;
    src: url(fonts/dusit/GT-Super-Display-Medium.ttf);
}

@font-face {
    font-family: ScoGroteskA;
    src: url(fonts/dusit/Scto-Grotesk-A-Light.otf);
}
@font-face {
    font-family: ScoGroteskALight;
    src: url(fonts/dusit/Scto-Grotesk-A-Light.otf);
}
@font-face {
    font-family: ScoGroteskAMedium;
    src: url(fonts/dusit/Scto-Grotesk-A-Medium.otf);
}

@keyframes blink {
  0%   { opacity:1; }
  50%  { opacity:0.5; }
  100% { opacity:1; }
}
blink{animation: blink 1s infinite;}

/* Bob Effect */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

/* width */
body ::-webkit-scrollbar {
width: 5px;
}
/* Track */
body ::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #ccc;
/* border-radius: 10px; */
}
/* Handle */
body ::-webkit-scrollbar-thumb {
background: #aaa;
/* border-radius: 10px; */
/* border:solid 5px white; */
}

html {  }
h1,h2,h3,h4,h5,h6 { font-family: GTSuperDisplayLight; /*color: rgb(217,212,188);*/ color: rgb(50,50,63); }
body { font-size: 16px; font-family: ScoGroteskA; }
img { max-width:100%; }
input, textarea { border:none; max-width: 100%; }
select { cursor: pointer; }
ul { padding: 0; margin: 0; }
table { margin: auto; }
a, a:hover {
    color: inherit;
}
b {
    color: rgb(50,50,63);
	font-family: ScoGroteskA;
}
.row { margin: auto; position: relative; }
.row:before, .row:after {display: none !important;}
button:focus, button:active, button:focus:active, input[type="submit"]:focus, input[type="submit"]:active, input[type="submit"]:focus:active, a:focus, a:active, a:focus:active {
background-image: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.content li {
    margin-left: 1.5em;
}

hr {
    border: solid 1px #ddd;
}

.text-primary {
    color: rgb(50,50,63) !IMPORTANT;
}

@media (max-width: 768px) {
	.hidden-xs { display:none; }
	.visible-xs { display:block; }
}
@media (min-width: 768px) and (max-width: 992px) {
	.hidden-sm { display:none; }
	.visible-sm { display:block; }
}

@media (min-width: 992px) and (max-width: 1200px) {
	.hidden-md { display:none; }
	.visible-md { display:block; }
}

@media (min-width: 1200px) {
	.hidden-lg { display:none; }
	.visible-lg { display:block; }
}



.title {
    margin: 2em 0;
    /*text-transform: uppercase;*/
}
.h-desc {
    height: 200px;
    overflow: auto;
}
.button, button {
    font-size: 10px;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    font-family: ScoGroteskAMedium;
}
.button-large {
    padding: 5px 2em;
    cursor: pointer;
}
.primary {
    background-color: rgb(50,50,63);
    color: white !IMPORTANT;
}
.secondary {
    background-color: rgb(217,212,188);
    color: white;
    letter-spacing: 1px;
}

.zoom {
	overflow: hidden;
    display: block;
}
.zoom div {
	background-size: cover;
    transition: .5s;
height: 100%;
background-position: center;
}
.zoom div:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.col-img .zoom {
    height: 100%;
}
.col-img .zoom img {
    opacity: 0;
}


nav { 
    /* background-color: rgb(50,50,63); */
    background-color: #ffffff;
    padding: 10px 0; 
    position: fixed;
    width: 100%;
	font-size: 13px;
    z-index: 999;
	top: 0;
    overflow: auto;
    box-shadow: 0px -5px 20px black;
    font-family: ScoGroteskAMedium;
}
nav, nav a, nav a:hover, nav a:active { color: rgb(50,50,63) !important; text-decoration: none !important; }
nav a:hover, nav a:active { color: rgb(217,212,188) !important; text-decoration: none !important; }
nav li.active a { color: rgb(217,212,188); }

.menu, .menubar { text-align: right; }
.menubar {
    position: absolute;
    right: 0;
}
.menubar i {
    font-size: 20px;
	line-height: 40px;
	cursor: pointer;
}

.menu li { list-style: none; }
.menu select {
    background: transparent;
	border: none;
}
.menu select option {
	background: rgba(38, 69, 104, 1);
}

@media (min-width: 1200px){
nav .col-lg-2 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}
nav .col-lg-10 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}
}
@media (min-width: 992px){
nav .col-lg-2 {
    -ms-flex: 0 0 9%;
    flex: 0 0 9%;
    max-width: 9%;
}
nav .col-lg-10 {
    -ms-flex: 0 0 91%;
    flex: 0 0 91%;
    max-width: 91%;
}
}


#logo {
    display: table;
    height: 100%;
    margin: auto;
}
#logo div {
    display: table-cell;
    vertical-align: middle;
}
#logo img {
	width: 160px;
}

.sidemenu {
    list-style: none;
}
.sidemenu .active h5{
	color: #7e7d7a;
}

#language { /*float:right; padding: 2.5px;*/ }
#language {
    position: relative;
    display: inline-block;
cursor: pointer;
}
#language img {
width: 15px;
}
#language .others {
    position: absolute;
    top: 18px;
    right: 0;
    display: none;
    background-color: rgb(50,50,63);
    width: max-content;
    font-size: 10px;
    /*padding: 0 10px;*/
}

#close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
text-transform: capitalize;
}

#top {
    margin-top: 80px;
    position: relative;
}

.content {
	/*background-image: url(img/background.png);*/
	background-size: 100% auto;
    padding: 1em;
	background-repeat: no-repeat;
}

#promo .item {
	padding: 5px;
}
#promo .item .wrapper {
	margin: auto;
	padding: 10px;
}
#promo .item .wrapper:hover {
    box-shadow: 0px 0px 5px 0px #ddd;
}

.col-img {
	padding:0;
}

button.slick-arrow {
	background-size: contain;
    background-repeat: no-repeat;
    height: 45px;
    z-index: 1;
}
button.slick-prev {
	background-image: url(img/prev.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
background-position: left;
}
button.slick-next {
	background-image: url(img/next.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
background-position: right;
}
.slick-prev:before, .slick-next:before { display:none; }


#slider button.slick-prev, #slider-mobile button.slick-prev {
	background-image: url(img/prev-white.png) !important;
    left: 0;
    background-position: right;
}
#slider button.slick-next, #slider-mobile button.slick-next {
	background-image: url(img/next-white.png) !important;
    right: 0;
    background-position: left;
}

#slider div, #slider-mobile div {
    background-size: cover;
    background-position: center center;
}
#slider img {
    opacity: 0;
}
#slider img, #slider-mobile img {
    width: 100%;
}

i.fas.fa-share-alt {
    position: absolute;
    right: 0;
    color: white;
    background: #3e5978;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    border-bottom-left-radius: 10px;
    z-index: 1;
}
.inner {
    position: relative;
}


#featured {
	position: relative;
}
#featured-txt {
	background: rgba(50,50,63, .85);
    color: white;
    padding: 1.5em;
    min-height: 400px;
}
#featured-txt .wrapper {
    /*min-height: 20vw;*/
}

#featured-txt h4 {
	color: white;
}
#featured-txt .slick-slide {
    padding: 1px;
}
#featured-img {
    /* max-height: 600px; */
    overflow: hidden;
}

#featured button.slick-prev {
	background-image: url(img/prev-white.png);
    left: 8%;
}
#featured button.slick-next {
	background-image: url(img/next-white.png);
    right: 8%;
}


#facility {
    padding: 3em 0 2em 0;
}



#map iframe {
    min-height: 35vw;
}

.wrapper {
    display: table;
}
.wrapper-inner {
    display: table-cell;
    vertical-align: middle;
}


.offer-tab span {
    letter-spacing: 1px;
    display: inline-block;
    color: rgb(50,50,63);
    position: relative;
    cursor: pointer !IMPORTANT;
    font-family: GTSuperDisplayLight ;
}

.story-tab span {
    letter-spacing: 1px;
    display: inline-block;
    color: rgb(50,50,63);
    position: relative;
    cursor: pointer !IMPORTANT;
    font-family: GTSuperDisplay;
    font-weight: bold;
}

.story-tab span {
    border-left: solid 1px;
}
.story-tab span:nth-child(1) {
    border-left: none;
}
.story-tab span::after {
    content: " ";
    /*border-right: solid 1px;*/
}


@media (max-width: 500px) {
.story-tab span:nth-child(5), .story-tab span:nth-child(4), .story-tab span:nth-child(3), .story-tab span:nth-child(2) {
    border-left: none;
}
}
@media (min-width: 501px) and (max-width: 750px) {
.story-tab span:nth-child(5), .story-tab span:nth-child(3) {
    border-left: none;
}
}
@media (min-width: 751px) and (max-width: 900px) {
.story-tab span:nth-child(4) {
    border-left: none;
}
}
@media (min-width: 901px) and (max-width: 1100px) {
.story-tab span:nth-child(5) {
    border-left: none;
}
}


.offer-tab span.active:after, .story-tab span.active:after {
    content: " ";
    border-bottom: solid 1px;
    width: 50%;
    /* height: 1px; */
    background: rgb(50,50,63);
    position: absolute;
    bottom: 0;
    left: 25%;
    text-align: center;
}

.story-tab span.active:after {
    bottom: -8px;
}


#insta .col-lg-4 {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#insta .col-lg-4:nth-child(1) {
	background-image: url(img/gallery-left.png);
}
#insta .col-lg-4:nth-child(3) {
	background-image: url(img/gallery-right.png);
}
#planner .container {
    max-width: 90%;
}
#planner .inner, #amenity .inner {
	width: 120px;
	font-size: 15px;
    text-align: center;
    margin: auto;
padding-top: 1em;
}
#planner .item {
float: left;
}
.item img{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.item:hover a img, .item:focus a img, .item:active a img{
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
#planner .table {
    max-width: 900px;
}
#duration, .duration {
    width: 100%;
    text-align: center;
    font-family: GTSuperDisplay;
    color: rgb(217,212,188);
    margin: 0;
}
#duration td {
    width: calc(100%/11);
}
#duration .dot {
	height: 30px;
	background-image: url(img/dots.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    margin: auto;
    transition: .2s;
}
#duration .dot.active {
	background-image: url(img/dot.png);
}
#duration .line, .table.line {
    background: linear-gradient(0deg, transparent 49%, rgb(217,212,188) 50%, transparent 51%);
}
#duration .line td:first-child, .table.line a:first-child {
	background-image: url(img/cover.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: left;
}
#duration .line td:last-child, .table.line a:last-child {
	background-image: url(img/cover.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right;
}
.table { display: table; width:100%; }
.table a, .table span { display: table-cell; }
.table span, .table a {
    width: calc(100%/11);
    text-align: center;
    cursor: initial;
}
.table span, .table a.haschild {
    cursor: pointer;
}
.table.num span {
    font-size: 20px;
}
@media (max-width: 991px) and (min-width: 667px) {
#planner .inner {
    width: 100px;
    font-size: 10px;
}
}
@media (max-width: 666px){
#planner .inner {
    width: 50px;
    font-size: 10px;
}
#duration tr:last-child td, .table.text span {
    transform: rotate(-80deg);
    font-size: x-small;
}
.table.num span {
    font-size: 20px;
    font-size: small;
}
table#duration, .table {
    margin-left: -5%;
    margin-right: -5%;
}
}
@media (max-width: 411px){
table#duration, .table {
    margin-left: -10%;
    margin-right: -10%;
}
}

#bottom hr {
	border-top: solid 1px #aaa;
	/*background-image: url(img/gallery-icon.png);*/
}

.social-media i {
	background-color: rgb(217,212,188);
	color: white;
    font-size: 20px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    text-align: center;
    margin: 6px 2px;
}
footer .social-media i {
    background-color: #fff;
    color: rgb(50,50,63);
    margin: 3%;
    line-height: 30px;
    width: 30px;
    height: 30px;
}

.logos img {
	width: 14%;
	margin: 0 10px;
    max-width: 70px;
    transition: .5s;
}
.logos img:hover {/*
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
*/}


.instagram-container {
    padding: 7px;
}
.instagram-container img {
    border-radius: 3px;
    box-shadow: 0px 0px 5px grey;
    transition: .5s;
}
#instafeed img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.instagram-square, .instagram-portrait {
    position: relative;
    overflow: hidden;
}
#instafeed .fa-instagram {
    position: absolute;
    right: 4px;
    color: white;
    top: 4px;
    font-size: 15px;
    z-index: 1;
}
.triangle {
    width: 0px;
    height: 0px;
    border-left: 40px solid transparent;
    border-top: 40px solid #fff;
    position: absolute;
    right: 0;
    opacity: .5;
    z-index: 1;
}

footer {
    /*background-color: rgb(50,50,63);*/
    background-color: rgb(50,50,63);
    color: white;
    font-size: 11px;
}
footer a {
    color: white !important;
    font-family: GTSuperDisplayLight;
}
footer .col-lg-1, footer .col-lg-2, footer .col-lg-3 {
    /* border-right: dotted 1px; */
}
footer td {
	vertical-align: top;
	border-right: dotted 1px;
    padding: 0 10px;
	font-size: 10px;
}
footer td:nth-child(1), footer td:nth-child(2), footer td:nth-child(4), footer td:nth-child(5), footer td:nth-child(7) {
	/* width:10%; */
}
footer td:nth-child(3), footer td:nth-child(8) {
	/* width:15%; */
}
footer td:nth-child(6) {
	/* width:20%; */
}
footer td:last-child {
	border: none;
}
footer li {
	list-style:none;
}

#newsletter {
    background-color: rgb(50,50,63);
    color: white;
    min-width: 80%;
    padding: 5px 10px;
    margin: 10px;
	background-image: url(img/postcard-back.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
footer #newsletter {
    background-color: white;
    color: rgb(50,50,63);
    background-image: url(img/postcard-back-dark.png);
    width: 80%;
    margin: 0% 10%;
}

#bottom {
    padding-bottom: 1.5em;
}
.hotels img {
    padding: 0 1em;
    max-width: 30%;
    transition: .5s;
    max-height: 44px;
}
.hotels a:first-child img {
    border-right: dotted 1px #ffffff;
    max-width: 30%;
}
.hotels img:last-child {
	/* float:right; */
}
.hotels img:hover {/*
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
*/}
.hotels img:nth-child(1),.hotels img:nth-child(2),.hotels img:nth-child(3) {
    max-height: 32px;
}
.hotels img:nth-child(4),.hotels img:nth-child(5) {
    max-height: 44px;
}

.copyright {
	text-align: right;
}
.download img {
	width:100px;
	max-width:45%;
}

    #newsletter::-webkit-input-placeholder {
        color: white;
    }
    #newsletter:-moz-placeholder {
        color: white;
    }
    #newsletter::-moz-placeholder {
        color: white;
    }
    #newsletter:-ms-input-placeholder {
        color: white;
    }
    #newsletter::-ms-input-placeholder {
        color: white;
    }
    #newsletter::placeholder {
        color: white;
    }

    footer #newsletter::-webkit-input-placeholder {
        color: rgb(50,50,63);
    }
    footer #newsletter:-moz-placeholder {
        color: rgb(50,50,63);
    }
    footer #newsletter::-moz-placeholder {
        color: rgb(50,50,63);
    }
    footer #newsletter:-ms-input-placeholder {
        color: rgb(50,50,63);
    }
    footer #newsletter::-ms-input-placeholder {
        color: rgb(50,50,63);
    }
    footer #newsletter::placeholder {
        color: rgb(50,50,63);
    }


#booking-form, #book-now {
    text-align: center;
    /*color: white;*/
    /* background: rgba(137, 113, 69, 0.8); */
    background: rgba(217, 212, 188, 0.8);
    padding: 40px 20px 10px 20px;
    /* min-height: 30vw; */
}
#booking-form input, #booking-form select, #book-now input, #book-now select, .date {
	color: rgb(50,50,63);
    width: 60px;
}
#booking-form select, #book-now select {
    font-size: 9px;
    padding: 3px 0;
    border: none;
    background: white;
}
#booking-form input, #book-now input {
	text-align: center;
cursor: pointer;
}
#booking-form span, #book-now span {
    font-size: 12px;
}
#arrival, #departure, #night, #inDay, #outDay, #nights {
    font-size: 24px !important;
    /*height: 40px;*/
}
#inDay, #outDay, #nights {
    padding-top: 5px;
}
#book-now .select, #book-now .month {
    margin-top: -5px;
    line-height: 15px;
}
#book-now .date {
    background-color: white;
    height: 60px;
}
#book-now td {
    padding: 0 4px;
    position: relative;
}
#book-now input {
    position: absolute;
    left: 4px;
    height: 60px;
    opacity: 0;
}
#book-now .primary {
    text-decoration: underline;
margin-bottom: 10px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid rgb(217,212,188) !important;
    background: rgb(217,212,188) !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid rgb(50,50,63) !important;
    background: rgb(50,50,63) !important;
    color: #fff !important;
}

.plus {
    background: rgb(50,50,63);
    width: 14px;
    height: 14px;
    font-size: 10px;
    font-weight: bold;
    line-height: normal;
    margin: 0 5px 20px 0;
    float: left;
}
#weather {
    color: white;
    padding: 5px;
	font-size: 10px;
    background: rgba(50,50,63, 0.5);
}
#weather td {
	padding: .5em 1em;
}
#weather td:first-child {
    border-right: solid 1px;
}

#mobile-booknow {
    text-align: center;
    line-height: 2em;
    background-color: rgb(50,50,63);
    color: white;
    background: rgba(13, 48, 87, 0.5);
    margin-top: -2em;
    cursor: pointer;
}

.datepicker {
    background-image: url(img/calendar.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 5px center;
}

.contact {
    text-align: initial;
    max-width: 800px !important;
}
.contact input, .contact textarea {
    background-color: rgb(50,50,63);
}
.contact table {
    width: 100%;
}
.contact td {
    vertical-align: top;
    padding-bottom: 10px;
}
.contact input, .contact textarea {
    width: 100%;
    color: white;
    padding: 3px 6px;
}
.contact .primary {
    width: auto;
    padding: 5px 2em;
}
.contact h5 {
    font-family: inherit;
    font-size: 16px;
}
.contact textarea {
    height: 100px;
}

table#shortcut {
    width: 100%;
    text-align: center;
    color: white;
    position: fixed;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
    font-size: 10px;
}
#shortcut a {
    color: white !important;
    text-decoration: none;
}
table#shortcut td {
    width: 20%;
    border-right: solid 1px;
    background-color: rgb(217,212,188);
}
table#shortcut td:last-child {
    border: none;
}
table#shortcut td:hover {
    background-color: rgb(50,50,63);
}
table#shortcut div {
    padding: 5px 0;
}
table#shortcut img {
    width: 25px;
    margin: 5px 0;
}

.fancybox-skin {
    border: solid #aaa 5px !IMPORTANT;
}

.category-tab {
    border-bottom: solid 5px rgb(217,212,188);
}
.category-tab span { border-radius: 0; }
.category-tab .btn {
    background-color: #ddd;
    font-family: GTSuperDisplay;
    font-size: 18px;
}
.category-tab .btn.active {
    background-color: rgb(217,212,188);
    color: white;
}
#news-list a {
	color: #264568;
}
.pagination a.page {
    background: none !important;
    border: none !important;
    margin-bottom: -6px !IMPORTANT;
    border-radius: 0 !important;
    margin: 0px 5px;
    padding: 0px 4px;
}
.pagination .active a.page {
    background-color: rgb(217,212,188) !important;
    color: white !IMPORTANT;
}
 .pagination li { display:inline-block; } 
@media (max-width: 767px){
.category-tab .btn {
width: 100%;
}
}

@media (min-width: 768px) and (max-width: 1065px) {
	#booking-form .logo, #book-now .logo {
		display: none;
		opacity: 0;
	}
	#booking-form, #book-now {
		height: 100%;
	}
	#weather {
		left: 40px;
		right: unset !important;
	}
	#slider img {
    min-height: 400px !important;
    }
}
@media (min-width: 1065px) and (max-width: 1200px) {
#booking-form, #book-now {
    padding-top: 60px;
}
#weather {
    bottom: 20px;
}
}

	/* responsive */
	
@media (max-width: 576px) {
.sidemenu {
    text-align: center;
}
.contact .info {
    text-align: center;
}
}
@media (min-width: 576px) and (max-width: 768px) { 
	.newsletter {
		/* border-left: dotted 1px rgb(217,212,188); */
	}
	.logos {
		border-top: dotted 1px rgb(217,212,188);
		padding-top: 5px;
	}

.sidemenu {
    
    -webkit-column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-count: 2;
    -moz-column-gap: 0;
    column-count: 2;
    column-gap: 0;
    list-style: circle;
    margin-top: 1em;
}
.sidemenu .title {
    margin-top: 0;
}
}

/* menu */	
@media (max-width: 1199px) { 
	.menu { display:none; text-align: center; margin-top: 3em; height:100vh; }
	.menu li { margin: 8px 0; }
.menu .secondary {
    display: block !IMPORTANT;
}
.menu ul:nth-child(3) li {
    background-color: rgb(217,212,188);
    padding: 5px;
}
.menu ul:nth-child(2) {
    border: solid 1px;
}
.menu ul {
    max-width: 200px;
    margin: auto;
}
nav .col-lg-2, nav .col-lg-10 {
    max-width: 100%;
    flex: 0 0 100%;
}
}
@media (min-width: 1200px) { 
    .menubar, #close { display:none; }
    
	.menu ul:nth-child(1) {
    margin-bottom: 10px;
}
	.menu ul:nth-child(2) {
    margin-bottom: 5px;
}
	.menu li { display: inline; margin: 6px; }
	.menu {
		display: block !important;
	    line-height: 25px;
	}
}
/* menu */

	
@media (max-width: 767px) { 

	#booking-form, #book-now {
	    padding-top: 20px !IMPORTANT;
	}
	footer td {
		display: inline-table;
		border: none;
		min-width: 100%;
	}
	footer li {
		display: inline;
		margin-right: 1em;
		padding-right: 1em;
		border-right: solid 1px;
	}
	footer li:last-child {
		border: none;
	}
	
	#weather {
		background-color: rgb(50,50,63) !important;
	}
	#featured-txt {
		background-color: rgb(50,50,63) !important;
	}
	#booking-form, #book-now {
		background-color: rgb(217,212,188) !important;
display: none;
	}
	
	.copyright, .download {
		text-align: center;
	}
	.copyright {
		margin-top: 1em;
	}

#instafeed {
line-height: 0;
-webkit-column-count: 2;
-webkit-column-gap: 0;
-moz-column-count: 2;
-moz-column-gap: 0;
column-count: 2;
column-gap: 0;
}
.title {
    margin: 1em 0;
}

nav {
    position: absolute;
    font-size: 14px;
}
nav.stick {
    position: fixed;
}

#theweather i {
    font-size: 30px !important;
    line-height: 20px !important;
}
#weather td {
    padding: 0 1em;
    line-height: normal;
}
#slider img {
    /* transform: scale(1.6); */
}
#slider .slick-track {
    /* min-height: 60vw; */
}
}

@media (min-width: 992px) {
	footer .newsletter div {
		border-left: dotted 1px #ffffff;
	}
	


}

@media (min-width: 768px) {
	
	.container { max-width: 95%; width: 95%; }
	.content .container:first-child { max-width: 70%; }
	
	#facility .container { max-width: 95%; }
	#insta .container, #bottom .container { max-width: 80%; }
	#promo .container, footer .container { max-width: 85%; }
	
	.col-txt {
		padding: 2em 4em;
	}
	#featured-txt {
		top: 0;
		position: absolute;
		left: 12%;
		max-width: 70%;
        height: 100%;
	}
	
	#booking-form, #book-now {
		position: absolute;
		top: 0;
		right: 100px;
		display: block !IMPORTANT;
	}
	#weather {
		right: 100px;
		bottom: 40px;
		position: absolute;
	}
	#facility {
		background-size: contain;
		background-image: url(img/facility.png);
		background-repeat: no-repeat;
	    background-position: center;
	}

#instafeed {
line-height: 0;
-webkit-column-count: 5;
-webkit-column-gap: 0;
-moz-column-count: 5;
-moz-column-gap: 0;
column-count: 5;
column-gap: 0;
}
	
#slider img {
    min-height: 550px;
}

	
}

@media (min-width: 768px) and (max-width: 992px){
	#facility .img {
		max-height: 117px;
		overflow: hidden;
	}
	
	footer td {
		/* display: inherit; */
		/* display: inline; */
		display: inline-table;
		border: none;
		width: 33% !IMPORTANT;
	}
	footer ul {
		display: list-item;
	}
	
}

@media (min-width: 992px) {
	#featured-txt {
		top: 10%;
		max-width: 40%;
		height: 80%;
	}
	
	#facility .col-lg-3:nth-child(1){
		padding-top: 1em;
	}
	#facility .col-lg-3:nth-child(2){
		padding-top: 5em;
	}
	#facility .col-lg-3:nth-child(3){
		padding-top: 0em;
	}
	#facility .col-lg-3:nth-child(4){
		padding-top: 3em;
	}
	
	.newsletter {
		/* border-right: dotted 1px rgb(217,212,188);
		border-left: dotted 1px rgb(217,212,188); */
	}
	
	footer .newsletter div {
		border-right: dotted 1px #ffffff;
		border-left: dotted 1px #ffffff;
	}
}

/*
@media (min-width: 1300px) {
body {
    font-size: 15px;
}
nav {
    font-size: 14px;
}
.h4, h4 {
    font-size: 23px;
}
footer td {
    font-size: 12px;
}
footer {
    font-size: 14px;
}
#logo img {
    width: 200px;
}
.menu li {
    margin: 9px;
}
#booking-form .logo, #book-now .logo {
    max-width: 200px !important;
}
#booking-form img, #book-now img {
    min-width: 80px;
}
#booking-form span, #book-now span {
    font-size: 10px;
}
#weather {
    font-size: 14px;
}
#featured-img {
    max-height: 650px;
}
#night {
    min-height: 66px;
}
tr:nth-child(2) div {
    min-width: 65.3px;
}
#booking-form input, #booking-form select {
    width: 65px;
}
#booking-form select {
    padding: 5px 0;
    font-size: 11px;
}
#booking-form, #book-now {
    padding: 40px 40px 20px 40px;
}
}
*/

.gray { background-color: #eee; }
/*
.odd .col-txt, .even .col-img {
    margin-bottom: -2em;
}
.odd .col-img, .even .col-txt {
    margin-top: -2em;
}
*/

.row {
    overflow: hidden;
}

@media (min-width: 992px) {
.col-txt {
    margin-bottom: -3em;
}
.col-img {
    margin-top: -1em;
}
.col-img {
    z-index: 1;
    /* opacity: .7; */
    transform: scale(1.1);
}
.facility {
    columns: 2;
}
}
#roomimg .slick-prev {
    left: 25px;
}
#roomimg .slick-next {
    right: 25px;
}
@media (max-width: 767px) {
    .slick-prev {
        left: 25px;
    }
    .slick-next {
        right: 25px;
    }
}


#roomimg .slick-list, #roomimg .slick-slide, #roomimg .slick-track { height: 100%; }
#roomimg img { opacity: 0; }

.diningmenu {
    position: relative;
    cursor: pointer;
    background: white;
    z-index: 99;
    min-width: 200px;
    width: fit-content;
}
.diningmenu .diningmenuz {
    background-image: url(img/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 95%;
    border: solid 1px #4a351f;
}
.diningmenu .diningmenus {
    position: absolute;
    z-index: 1;
    display: none;
    border: solid 1px #4a351f;
    background: white;
    min-width: 200px;
    width: fit-content;
}
.diningmenu:hover .diningmenus {
    display: block;
}
.diningmenu a {
 text-decoration: none;   
}
.diningmenus a:hover div {
    background: #2f2f3c;
    color: white;
}

.galleries{ position: relative; max-width: 1200px; }
.galleries img{ max-width: 94%; }
.galleries .offer-tab a{ text-decoration: none; }
.gallery-main{ /*max-height: 800px; */}
.gallery-main img{ max-width: 98%; height: 100%; object-fit: contain; }
.gallery-slide{ background-size: contain; background-repeat: no-repeat; height: 800px !important; background-position: center center !important;  }
.gallery-thumb{   }
.gallery-thumb img{ cursor:pointer;  }
.gallery-thumb .slick-slide.slick-current{  filter: opacity(70%); }

.gallery-main .slick-track {
    display: flex !important;
    height: 800px;
}
.gallery-main .slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 1024px) {
    .gallery-main .slick-track {
        height: 580px;
    }
    footer .container {
        max-width: none;
    }
}

@media only screen and (max-width: 768px) {
    .gallery-main .slick-track {
        height: 380px;
    }
}

@media only screen and (max-width: 599px) {
    .gallery-main .slick-track {
         height: 280px;
    }
}

@media only screen and (max-width: 479px) {
    .gallery-main .slick-track {
         height: 250px;
    }
}

@media only screen and (max-width: 320px) {
    .gallery-main .slick-track {
         height: 180px;
    }
}

.grecaptcha-badge {
    max-width: 0;
}


.menu
{
	padding-top: 12px;
}