@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&family=Cormorant:ital,wght@0,300..700;1,300..700&family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lobster&family=Roboto:ital,wght@0,204;1,204&display=swap');
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,200);
@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One|Roboto:300');

@font-face {font-family: 'avantgarderegular';src: url('../fonts/avantgar.eot');src: url('../fonts/avantgar.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avantgar.woff2') format('woff2'),
         url('../fonts/avantgar.woff') format('woff'),
         url('../fonts/avantgar.ttf') format('truetype'),
         url('../fonts/avantgar.svg#avantgarderegular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'HelveticaNeueLThin';src: url('../fonts/2/HelveticaNeueLTStd.eot');src: url('../fonts/2/HelveticaNeueLTStd.eot?#iefix') format('eot'),url('../fonts/2/HelveticaNeueLTStd.woff2') format('woff2'),url('../fonts/2/HelveticaNeueLTStd.woff') format('woff'), url('../fonts/2/HelveticaNeueLTStd.ttf') format('truetype'), url('../fonts/2/HelveticaNeueLTStd.svg#HelveticaNeueLThin')  format('svg');font-weight: normal;font-style: normal;}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{font:inherit;margin:0;padding:0;vertical-align:baseline}
html, body { background-color: #fff;border: medium none;color: #555;font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 300;height: 100%;line-height: 1.5;margin: 0;outline: 0 none;padding: 0;text-align: center; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; letter-spacing: 0.5px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
a {background-color: transparent;color: #333333;cursor: pointer;text-decoration: underline;}
a:active, a:hover {outline: 0 none;text-decoration: none;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: 700;}
dfn {font-style: italic;}
h1,h2,h3,h4 {font-family: 'Julius Sans One', sans-serif; text-shadow: 1px 0 0 #fff;font-weight: 400;}
h1 {font-size: 42px;color: #000;line-height: 48px;}
h2 {font-size: 36px; line-height: 36px}
h3 {font-size: 32px; line-height: 32px}
h4 {font-size: 22px; padding: 20px 0;}
h5 {font-size: 20px; text-shadow:none;}
p {font-weight: normal;}
h2.content-text {font-size: 20px;}
.specail-text{ font-family: 'Julius Sans One', sans-serif;   display: inline-block !important; font-weight: bold; font-size:14px;}
.head-sub {margin: -5px 0 14px 0;/* padding: 0px 0 14px 0; width: 80%; */}
.header {color: #ffffff;font-size: 24px;/*padding: 20px 0;*/text-shadow: -1px 0 #000000;}
.head-content {color: #000;font-size: 24px;padding: 20px 0 0 0;}
.head-package{color: #000;font-size: 24px;	margin:34px 0 0 0;	padding:0;	line-height: 0;}
.normal {color: #333333;font-family: 'Roboto', sans-serif;font-size: 14px;}
.zeavola-logo {float: left;margin-right: 20px;}
#header {background: rgba(0,0, 0, 0.8);margin-top: 0;padding: 10px 0 2px 0;position: absolute;width: 100%;z-index: 100;}
.header-wrap {margin: 0 auto;max-width: 1200px;width: 100%;padding: 0 20px;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {border: 0 none;box-sizing: border-box;display: block;line-height: 1;list-style: outside none none;margin: 0;padding: 0;position: relative;}
#cssmenu::after, #cssmenu > ul::after {clear: both;display: block;height: 0;line-height: 0;visibility: hidden;}
#cssmenu #menu-button {display: none;}
#cssmenu {line-height: 1;width: auto;z-index: 9;float: right;}
#menu-line {height: 3px;left: 0;position: absolute;top: 0;transition: all 0.25s ease-out 0s;}
#cssmenu > ul > li {float: left;padding:15px 8px;height: 45px;}
#cssmenu.align-center > ul {font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu.align-right ul ul {text-align: right;}
#cssmenu > ul > li > a {color: #ffffff;font-size: 13px;padding: 0;text-decoration: none;text-transform: uppercase;transition: color 0.3s ease 0s;}
#cssmenu ul li:hover > a, #cssmenu ul li.active > a {color: #e6ae48;}
#cssmenu > ul > li.has-sub > a::after {border-bottom: 1px solid #000000;border-right: 1px solid #000000;height: 0;position: absolute;right: 10px;top: 21px;transform: rotate(45deg);transition: border-color 0.2s ease 0s;width: 0;}
#cssmenu > ul > li.has-sub:hover > a::after {border-color: #000;}
#cssmenu ul ul {margin-left: -20px;padding-top: 5px;position: absolute;padding-bottom: 5px;margin-top: 22px;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul {right: 0;}
#cssmenu ul ul ul {margin-left: 100%;top: 0;}
#cssmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li {height: 0;transition: height 0.2s ease 0s;z-index: 100000;}
#cssmenu ul li:hover > ul > li {height: 36px;}
#cssmenu ul ul li a {/* background-color: rgba(255, 255, 255, 0.8); */color: #fff;font-size: 14px;padding: 10px 20px;text-align: left;text-decoration: none;transition: color 0.2s ease 0s;width: 182px;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {/* background-color: #fff; *//* color: #000; */}
#cssmenu ul ul li.has-sub > a::after {border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;content: "";height: 4px;position: absolute;right: 10px;top: 13px;transform: rotate(-45deg);transition: border-color 0.2s ease 0s;width: 4px;}
#cssmenu.align-right ul ul li.has-sub > a::after {border-color: #dddddd -moz-use-text-color -moz-use-text-color #dddddd;border-style: solid none none solid;border-width: 1px 0 0 1px;left: 10px;right: auto;}
#cssmenu ul ul li.has-sub:hover > a::after {border-color: #ffffff;}
@media all and (max-width: 768px), not all, only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1023px), not all, not all, only screen and (min-resolution: 192dpi) and (max-width: 1023px), only screen and (min-resolution: 2dppx) and (max-width: 1023px) {
#cssmenu {width: 100%;}
#cssmenu ul {display: none;width: 100%;background-color: #efeeee;}
#cssmenu.align-center > ul, #cssmenu.align-right ul ul {text-align: left;}
#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li {border-top: 1px solid rgba(120, 120, 120, 0.15);height: auto;width: 100%;}
#cssmenu ul li a, #cssmenu ul ul li a {width: 100%;}
#cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li {display: block;float: none;}
#cssmenu ul ul li a {background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;color: #000000;font-size: 12px;padding: 15px 20px 15px 30px;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color: #000000;}
#cssmenu ul ul ul li a {padding-left: 40px;}
#cssmenu ul ul, #cssmenu ul ul ul {left: 0;margin: 0;position: relative;right: auto;width: 100%;}
#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {display: none;}
#menu-line {display: none;}
#cssmenu #menu-button {color: #fff;cursor: pointer;display: block;font-size: 14px;margin: 0 auto;padding: 22px;text-transform: uppercase;width: 120px;}
#cssmenu #menu-button::after {background: #fff none repeat scroll 0 0;content: "";display: block;height: 2px;position: absolute;right: 20px;top: 20px;width: 15px;}
#cssmenu #menu-button::before {border-bottom: 2px solid #fff;border-top: 2px solid #fff;content: "";display: block;height: 8px;position: absolute;right: 20px;top: 26px;width: 15px;}
#cssmenu .submenu-button {border-left: 1px solid rgba(120, 120, 120, 0.15);cursor: pointer;display: block;height: 50px;position: absolute;right: 0;top: 0;width: 50px;z-index: 10;}
#cssmenu .submenu-button::after {background: #000000 none repeat scroll 0 0;content: "";display: block;height: 18px;left: 23px;position: absolute;top: 15px;width: 1px;z-index: 99;}
#cssmenu .submenu-button::before {background: #000000 none repeat scroll 0 0;content: "";display: block;height: 1px;left: 15px;position: absolute;top: 23px;width: 18px;z-index: 99;}
#cssmenu .submenu-button.submenu-opened::after {display: none;}
}
@media (max-width: 1024px) {
#cssmenu ul ul {padding-top: 20px;}
}
@media (max-width: 768px) {
h1 {line-height: 40px;}
#header {/* background-color: #123c6b; */padding: 12px 0 0;margin: 0 auto;padding-bottom: 0;position: relative;}
.zeavola-logo img {margin: 0 auto;width: 40%;}
.zeavola-logo {margin: 0 auto; float:inherit;}
.zeavola-logo img {margin: 0 auto;width: auto;}
#cssmenu > ul > li > a {color: #333;text-shadow: none;}
#cssmenu > ul > li {padding: 0;}
#cssmenu > ul > li a {padding: 18px 0;}
#cssmenu ul ul {padding-top: 0;}
#cssmenu ul ul li a {text-align: center;}
}
ul.top-nav  {float:right;color: #fff;font-size: 15px;text-transform:uppercase;width: 100%;}
.top-nav li {float: right;padding: 3px 5px;margin: 0;}
.top-nav li a { color: #fff;text-decoration: none;}
.top-nav li a:hover {text-decoration: underline;}
.top-nav li.tel {font-size: 14px;border-left: 1px solid #fff;background: url(../images/phone-icon.png) no-repeat 10px 0px transparent;width: 158px;height: 25px;margin: 0 0 0 15px;text-align: right;}
#cssmenu > ul { float:right;}
@media (max-width: 768px) {
ul.top-nav {color: #fff;float: none;/* font-size: 11px; */height: 0;margin: 15px auto;position: relative;text-transform: uppercase;width: 88%;}	
.top-nav li {float: none;padding: 8px 5px;margin: 0;display: inline;}
.top-nav li.tel {background: url(../images/phone-icon.png) no-repeat 10px 0px transparent;height: 45px;margin: 0;padding-left: 40px;border-left: none;line-height: 32px;}
#menu-line {display: block;	height: 45px;	left: 0;top: 0;	transition: all 0.25s ease-out 0s;}
#cssmenu #menu-button {color: #fff;cursor: pointer;display: block;font-size: 14px;margin: 24px auto 0 auto;padding: 22px;text-transform: uppercase;width: 120px;}
}
/*---------Slide-----------*/
#slides {position: relative;background-color: #ffffff;}
#slides .slides-container {display: block !important;}
#slides .slides-container img {width: 100%;}
#slides-noslide{ height:100%;}
#slides-noslide .slides-container img {width: 100%;}
#slides-noslide .slides-container {display: block !important;}
#slides .scrollable {height: 100%;left: 0;overflow-y: auto;position: relative;top: 0;}
#slides .scrollable::after {clear: both;content: "";display: table;}
.slides-navigation {display: none;margin: 0 auto;position: absolute;top: 46%;width: 100%;}
.slides-navigation a {display: block;position: absolute;}
.slides-navigation a.prev {left: 0;}
.slides-navigation a.next {right: 0;}
.slides-pagination {bottom: 110px;position: absolute;text-align: center;width: 100%;z-index: 3;}
.slides-pagination a {background-color: #fff;border-radius: 15px;display: inline-block;height: 12px;margin: 2px;overflow: hidden;text-indent: -999px;vertical-align: middle;width: 12px;box-shadow: 0 0px 6px rgba(0,0,0,0.3);}
.slides-pagination a.current {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 1px solid #fff;}
@media (max-width: 768px) {
.slides-pagination a {/* display: none; *//* visibility: hidden; */}
.slides-pagination {bottom: 25px;}
}
.title {display: block;	text-align: center;}
.title p{display: inline-block;color: #333; font-size:14px; text-transform:uppercase;line-height: 38px;position: relative; margin: 10px auto;}
.title h2 {display: inline-block;color: #000;font-size: 36px;line-height: 36px;position: relative; margin:30px auto;}
.title p:before, .title h2:before {display: block;background: #999;width: 28px;height: 1px;position: absolute;content: "";top: 18px;right: -37px;}
.title p:after, .title h2:after {display: block;background: #999;width: 28px;height: 1px;position: absolute;content: "";top: 18px;left: -37px;}
*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
mark {background: #ff0 none repeat scroll 0 0;color: #000;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
.link {text-decoration: underline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0 none;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
button, input, optgroup, select, textarea {border: 1px solid #cccccc;color: inherit;font: inherit;margin: 0;outline: medium none;padding: 8px 15px;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="submit"] {background-color: #e6ae48;border: medium none;border-radius: 0;cursor: pointer;color: #ffffff;outline: medium none;padding: 13px 0;width: 130px;}
button, html input[type="button"], input[type="reset"] {background-color: #333333;border: medium none;border-radius: 0;color: #ffffff;cursor: pointer;outline: medium none;padding: 13px 0;width: 130px;}
button, html input[type="button"], input[type="submit"]:hover {background: #000 none repeat scroll 0 0;color: #e6ae48;transition:all .3s ease-in-out;}
button, html input[type="button"], input[type="reset"]:hover {background: #000 none repeat scroll 0 0;color: #e6ae48;transition:all .3s ease-in-out;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0 none;padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] {box-sizing: content-box;}
fieldset {border: 1px solid silver;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0 none;padding: 0;}
textarea {height: 100px;overflow: auto;}
optgroup {font-weight: 700;}
table {border-collapse: collapse;border-spacing: 0;	margin: 20px auto;width: 100%;}
table.package-offer {border-collapse: collapse;border-spacing: 0;	margin: 20px auto;	text-align: left;}
table.package-offer td {border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #fff;}
td, th {border: 1px solid #fff;padding: 5px;vertical-align: middle;background-color: #f7f7f7;}
* {box-sizing: border-box;}
th {background: #000 none repeat scroll 0 0;color: #ffffff;  height: 40px;}
.img-width { width:100%; height:auto; margin:20px 0;}
.line-section {border-top: 1px solid #999999;width: 100%;margin:15px auto -5px auto;height: 25px;padding: 0;position: relative;overflow: hidden;}
#accordion .line-section {height: 0;}
.image-right {padding: 0 0 30px 30px; float:right;}
.image-left {float: left;height: auto;padding: 0 30px 30px 0;width: 40%;}
.content-block {margin: 30px 0; overflow: hidden;border-bottom: 1px solid #999999;}
.content-colum {}
colum-block {top: calc(50% - 61px);transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.colum-image img {height: 100%;top: calc(50% - 61px);transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;width: 100%;}
.hilight-text { color: #000;}
.home-inrto {display: block;float: none;margin: 0 auto;max-width: 1000px;overflow: hidden;padding: 90px 0;position: relative;text-align: center;width: 100%;}
.home-inrto li {display: list-item;list-style: inside;}
.room-info {overflow: hidden;}
.room-gallery {float: left;width: 50%;}
.room-gallery.right {float: right;}
.location{ width:1005; height:100%;}
.load-plan { font-size: 16px;height: 30px;margin: 40px auto 10px;width: 150px;}
.floor-plan {margin: 0 0 25px;}
.pno-pad {margin: 0;}
.best-price {float:left;margin-top: 3px;}
.download-sheet a {/* background: rgba(0, 0, 0, 0) url("../images/download-sheet.png") no-repeat scroll left center; */padding: 10px 0px 10px 8px !important;}
.download {font-size: 16px;height: 30px;margin: 40px auto 10px;	    display: inline-block;}
.download a {background: rgba(0, 0, 0, 0) url("../images/download-plan.png") no-repeat scroll left center;padding: 8px 0 5px 45px;}
.download-picture {font-size: 16px;height: 30px;margin: 40px auto 10px;	    display: inline-block;}
.download-picture a {background: rgba(0, 0, 0, 0) url("../images/download-gallery.png") no-repeat scroll left center;padding: 7px 0 5px 45px;}
.download-weding {color:#000;font-size: 16px;height: 30px;margin: 40px auto 10px;	display: inline-block;}
.download-weding a {color: #000;font-size:30px;background: url("/images/weddings-package-icon.png") no-repeat scroll top center;padding: 80px 20px 12px 0px;text-decoration: none;display: block;}
.download-weding a:hover { text-decoration:underline}
.weding-gallery {color:#000;font-size: 16px;height: 30px;margin: 40px auto 10px;	display: inline-block;}
.weding-gallery a {color: #000;font-size:30px;background: rgba(0, 0, 0, 0) url("/images/photo-gallery.png") no-repeat scroll top center;padding: 80px 0 12px 0px;text-decoration: none;display: block;}
.weding-gallery a:hover { text-decoration:underline}
.room-feature h2 {font-size: 20px;}
.room-feature h3 {font-size: 20px;}
.room-feature .line-sub {border-bottom: medium none;border-top: 1px solid #000000;height: auto;padding: 3px 0;}
.page-index {bottom: 270px;color: #ffffff;display: block;font-family: 'Julius Sans One', sans-serif; font-size: 34px;margin: 0 auto;position: absolute;text-align: center;text-shadow: 0 1px #000000;width: 100%;z-index: 99;}
.scroll-down {bottom: 140px;margin: 0 auto;position: absolute;text-align: center;width: 100%;z-index: 5;}
.scroll-down a {text-decoration: none;}
#slides .scroll-down img {height: auto !important;width: auto !important;margin: 0 auto;}
.scroll-down span {color: #ffffff;display: block;font-size: 14px;margin-top: 20px;font-weight: bold;text-shadow: 1px 0 0 #333;}
.line-sub {border-bottom: 1px solid #333333;display: block;height: 30px;line-height: 30px;margin: 0 auto;vertical-align: super;width: 50px;}
.wrap-list {overflow: hidden;}
.wrap-list h2 {font-size: 24px;}
.wrap-list ul {margin: 20px auto;text-align: center;width: 50%;float: left;overflow: hidden;}
.wrap-list li {list-style: inside disc;}
.amen-listing {width: 50% !important;float: left;text-align: left !important;}
.listing {margin: 0 auto;}
.listing li {display: list-item;text-align: left;margin-right: 20px;}
.listing-2col li {width: 50%;display: list-item;text-align: left;float: left;margin-right: 20px;}
.package {overflow: hidden;background-color: #f4eae4;padding: 30px;border: 1px solid #ffffff;	margin: 20px 0;}
.intro {opacity: 0;transition: all 0.5s ease 0s;}
.intro.action {opacity: 1;}
.home-inrto-accommodation {margin: 0 auto;max-width: 1024px;overflow: hidden;padding: 50px 0;text-align: center;text-shadow: 0 1px #ffffff;width: 100%;}
.home-inrto-accommodation.room-feature {margin: 0 auto;max-width: 1024px;overflow: hidden;padding: 20px 50px;text-align: center;text-shadow: 0 1px #ffffff;width: 44%;}
.room-gallery .slick-slide img {height: inherit;}
.home-inrto-accommodation.room-feature.dine {padding-top: 10%;}
.home-inrto-accommodation.room-feature.dine.left {float: left;}
.room-feature.room-amenli {display: inline-block;line-height: 24px;list-style: outside none none;padding: 7px;text-align: left;width: 48%;}
.room-featue.room-amen li a {line-height: 40px;padding: 0 20px;}
.room-feature .room-amen li img {float: left;margin-right: 15px;padding: 0;width: 10%;}
.room-feature .room-amen li {display: inline-block;line-height: 24px;list-style: outside none none;padding: 7px;text-align: left;width: 48%;}
.intro-accommodation {opacity: 0;transition: all 2s ease 0s;}
.intro-accommodation.action {opacity: 1;}
.main {background: red none repeat scroll 0 0;height: 1024px;overflow: hidden;position: relative;width: 100%;}
.-slide-left {float: right;width: 50%;}
.-slide-left img {width: 100%;}
.-slide-right {float: left;width: 50%;}
.-slide-right img {width: 100%;}
.section {background-color: #f6f6f6;margin-bottom: -7px;overflow: hidden;width: 100%;}
.row {background-color: #ffffff;overflow: hidden;}
section .content-intro {padding: 80px 60px;text-align: left;}
section .content-intro.content-right {text-align: right;}
section .content-intro .discover-more {float: left;}
section .content-right .discover-more {float: right;text-align: left;}
section.discover-more {float: left;text-align: left;}
section .discover-more a {margin-top: 20px;}
.discover-more a:hover {background: #237df3 url("../images/arrpw-explor.png") no-repeat scroll right center;color: #ffffff;}
section .content-intro.left {padding: 80px 60px;text-align: right;}
section .content-intro.left .discover-more {float: right;text-align: left;}
.home-inrto-accommodation .discover-more {float: none;}
.left-a {height: 100%;left: -100%;position: absolute;transition: all 1.5s ease 0s;width: 50%;}
.left-a.action {left: 0;}
.right-a {background: white none repeat scroll 0 0;height: 100%;position: absolute;right: -100%;transition: all 2s ease 0s;width: 50%;}
.right-a.action {right: 0;}
.left-a-swap {height: 100%;position: absolute;right: -100%;transition: all 1.5s ease 0s;width: 50%;}
.left-a-swap.action {right: 0;}
.right-a-swap {background: white none repeat scroll 0 0;height: 100%;left: -100%;position: absolute;transition: all 2s ease 0s;width: 50%;}
.right-a-swap.action {left: 0;}
.left-a.action img {height: 100%;width: 100%;}
.left-a-swap.actionimg {height: 100%;width: 100%;}
.discover-more a {background: rgba(0, 0, 0, 0) url("../images/discover-more.png") no-repeat scroll right center;border: 1px solid #333333;display: block;font-family: "avantgarderegular";font-size: 16px;margin: 40px auto 0;padding: 5px 12px;text-align: left;text-decoration: none;width: 115px;}
.room-reserve a {color: #ffffff;display: block;font-size: 14px;margin: 40px auto 0;padding: 8px 18px 7px;text-align: center;text-decoration: none;text-shadow: none;width: 140px;border: 1px solid #fff;}
.room-reserve a:hover {background-color: #000;color: #fff;border: 1px solid #123C68;}
.triple-content .title p::before, .title h2::before {background: #999 none repeat scroll 0 0;}
.triple-content .title p::after, .title h2::after {background: #999 none repeat scroll 0 0;}
.triple-content  p {color: #fff;	text-shadow: none;}
.triple-content .title p {color: #fff;	text-shadow: none;}
.triple-content .explor-caption {border: 1px solid #fff;color: #fff;display: inline-block;margin: 32px auto 0;/* padding: 5px 15px; */text-align: center;width: 160px;background: none;}
.triple-content .explor-caption a {background: none;color: #fff;display: block;font-size: 15px;text-align: center;}
.triple-content .room-reserve {margin: 0 auto;text-align: center;/* width: 100%; */margin-top: 26%;}
.triple-content .room-reserve a {margin: 0 auto;position: relative;}
.triple-head .room-reserve {margin: 0 auto;position: relative;}
.ch-availability a {background: rgba(0, 0, 0, 0) url("../images/discover-more.png") no-repeat scroll right center;border: 1px solid #333333;display: block;font-family: "avantgarderegular";font-size: 16px;margin: 40px auto 0;padding: 5px 12px;text-align: left;text-decoration: none;width: 180px;}
.ch-availability a:hover {background: #d7a599 url("../images/arrpw-explor.png") no-repeat scroll right center;border: 1px solid #ffffff;color: #ffffff;}
.experience {padding:0 0px;}
.home-inrto-accommodation a.link {text-decoration: underline;}
.room-amen ul {margin: 0;padding: 0;text-align: left;}
.room-amen {margin: 0;padding: 0;}
.room-amen li {display: inline-block;font-size: 11px;text-align: center;text-shadow: 0 1px #ffffff;width: 47%;}
.room-amen img {display: block;margin: 0 auto;	width: 12%;}
.header-center {padding: 85px 0 30px;}
.header-guide {padding: 0 0 30px;}
.header-center h2 {font-size: 24px;}
.content-section {overflow: hidden;}
.reserv-now {}
.reserv-now a {background: #000 none repeat scroll 0 0;border: 1px solid #000;border-radius: 0;	display:inline-block;box-sizing: border-box;color: #fff;cursor: pointer;font-size: 14px;padding: 11px 20px;margin: 20px 0;	text-decoration: none;	width: 140px;}
.reserv-now a:hover {background: #ffffff none repeat scroll 0 0;border: 1px solid #000;border-radius: 0;box-sizing: border-box;color: #000;margin: 20px 0;cursor: pointer;	width: 140px;}
.head-letter{ overflow: hidden;}
.left-text{ float: left;}
.right-text{float: right;}
.wrap-triple {margin-bottom: 30px;}
.text-left{text-align:left;}
.triple-content {background-color: rgba(0, 0, 0, 0.5);bottom: 0;height: 100%;padding: 26% 0 0 0;position: absolute;width: 100%;z-index: 2;display: block;}
.wrap-double .triple-content {background-color: rgba(0, 0, 0, 0.6);bottom: 0;height: 100%;padding: 30% 0;position: absolute;width: 100%;z-index: 2;}
.wrap-double .triple-content {background-color: rgba(0, 0, 0, 0.6);bottom: 0;height: 100%;padding: 17% 0;position: absolute;width: 100%;z-index: 2;}
.wrap-double.diving .triple-content {background-color: rgba(0, 0, 0, 0.6);bottom: 0;height: 100%;padding: 48% 0 0;position: absolute;width: 100%;z-index: 2;}
.wrap-double .triple-content ul{margin-top: 20px;}
.wrap-double .triple-content li {color: #ffffff;display: list-item;list-style: inside;}
.wrap-double  .triple-head {	line-height: 35px;color: #ffffff;font-size: 35px;line-height: 30px;}
.triple-head {/* color: #ffffff; *//* font-size: 26px; *//* line-height: 28px; *//* font-family: 'Julius Sans One', sans-serif; */}
.triple-head a {color: #000;text-decoration: none;border: 1px solid #000; font-family: 'Roboto', sans-serif; }
.triple-head a:hover {text-decoration: none;}
.triple-content.wellness {font-size: 12px;height: 520px;overflow: hidden;position: relative;}
.triple-content.philosophy {height: auto;overflow: hidden;}
.content-four {bottom: 0;float: left;margin: 0;padding: 0;position: relative;width: 25%;}
.content-four img {height: auto;width: 100%;}
.spa-include {margin: 20px 0;overflow: hidden;}
.spa-include li {border-bottom: 1px solid rgba(255, 255, 255, 0.25);display: list-item;float: left;font-size: 14px;list-style: outside none disc;overflow: hidden;position: relative;width: 100%;}
.hilight-intro{}
.text-intro {position: absolute;z-index: 2;color: #ffffff;text-align: center;margin: 0 auto;width: 65%;	display: block;padding: 15% 0;}
.content-triple img {height: auto;width: 100%;}
.content-triple {bottom: 0;float: left;margin: 0;padding: 0;position: relative;width: 33.33%;}
.cotent-link {text-decoration: underline;}
.autoplay-trip {/*margin-bottom: 45px;*/}
.autoplay-trip .triple-head {font-size: 16px;position: relative;width: inherit;color: #000;padding: 0 3em;background-color: rgba(255, 255, 255, 0.9);display: block;height: 100%;padding: 0;line-height: 1.5;}
.triple-head h3 {font-size: 32px;line-height: 32px;text-transform: uppercase;	text-shadow: none;}
.autoplay-trip .triple-heada {display: block;}
.autoplay-trip .slick-dots {display: block !important;}
.autoplay-trip .slick-dots li button {background-color: #000;border-radius: 15px;display: inline-block;height: 20px;margin: 2px;overflow: hidden;text-indent: -999px;vertical-align: middle;width: 20px;}
.triple-head .title p {color: #fff;text-shadow: 0 1px 1px #333;line-height: 38px;}
.offer-home .triple-head{padding: 0;position: absolute;bottom: 20px;height: auto;right: 20px;left: 20px;width: auto;top: 20px;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;justify-content: center; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;transition: all 1s;}
.offer-home .triple-head .block{padding: 30px;transition:all 0.4s ease;}
.offer-home .triple-head .title p {color: #000;text-shadow: none;}
.offer-home .triple-head h3 {font-size: 28px;line-height: 32px;text-transform: none;text-shadow: none;color: #000;}
.offer-home .triple-head a { color: #000;text-decoration: none;border: 1px solid #000;margin: 20px auto 32px; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}
.offer-home .triple-head a:hover {color: #fff;}
.offer-home .slick-slide:hover .triple-head { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;transition: all 1s;  top: 20px;right: 20px;bottom: 20px;left: 20px;padding: 0;background-color: rgba(0, 0, 0, 0.3);}
.offer-home .slick-slide:hover .triple-head a{background-color: rgba(255, 255, 255, 0.9);color: #000;border: 1px solid #fff;}
.offer-home .slick-slide:hover .triple-head a:hover{ background-color:#000; color:#fff; border:1px solid #000; }
.offer-home .slick-slide:hover .triple-head .title p{ color:#fff; }
.offer-home .slick-slide:hover .triple-head h3{ color:#fff; } 
.offer-home .slick-slide:hover .title p:before, .offer-home .slick-slide:hover .title h2:before{ background-color:#fff; }
.offer-home .slick-slide:hover .title p:after, .offer-home .slick-slide:hover .title h2:after{background-color:#fff;}


.experience .title h2 {font-size: 38px;padding: 20px 0 15px;}
.experience .title.head p:after, .title.head h2:after {display: block;background: #999;width: 80px;height: 1px;position: absolute;content: "";top: 37px;left: -100px;}
.experience .title.head p:before, .title.head h2:before {display: block;background: #999;width: 80px;height: 1px;position: absolute;content: "";top: 37px;right: -100px;}
.offer h5 {margin: 1em 0;}
.offer {text-align: left;margin: 3em 0;border-bottom: 1px solid #ccc;padding-bottom: 2em;}
.book-room{font-size:18px;color:#fff;margin-top:40px;margin-bottom:20px}
.book-room a{font-size:18px;background: #e6ae48 none repeat scroll 0 0;color: #000;padding:15px 24px;text-decoration:none;}
.book-room a:hover{background-color: #000;color: #e6ae48;}
#title {margin: 5px 0px;color: #000 !important;text-decoration: none;font-size: 14px !important;text-align: left;}
#product_address {width: 290px;height:110px;position: relative;z-index:999;}
#product-left{width: 35%;float: left;margin-top: 5px;}
#product-left img {width: 100%;}
#product-right{font-size: 11px !important;  width: 57%;float: right;text-align: left;margin-left: 3%;line-height: 14px; color:#999;}
#product-right h3{font-size: 18px;line-height: 20px; color:#000;}
#product-right a{text-decoration: none;}
#product-righ a {text-decoration: none;}
#product-right span{font-size: 10px;font-style: italic;color: #4b4b4b;}

.content-double img {height: auto;width: 100%;	display: block;}
.content-double {bottom: 0;float: left;margin: 0;padding: 0;position: relative;width: 50%;	 margin: 0;}
.wedding .content-double {width: 100%;}
.room-info ul {margin: 20px 0;}
.room-info li {display: list-item;list-style: inside none disc;}
.wrap-form {margin: 0 auto;width: 55%;}
.wrap-form input[type="button"], input[type="submit"] {margin: 20px 0;}
.row-form {margin: 10px 0;overflow: hidden;}
.wrap-form label {float: left;font-family: 'Julius Sans One', sans-serif; padding: 5px 0;text-align: left;}
.wrap-form .input {float: right;outline: medium none;text-align: left;width: 60%;}
.wrap-form .text-area {height: 400px;outline: medium none;}
.wrap-form select {-moz-appearance: none;background: #fff url("../images/select-arrow.png") no-repeat scroll right center;border-radius: 0;height: 38px;overflow: hidden;padding: 8px 15px;position: relative;width: 60%;float: right;}
.intro-marker {background-color: rgba(0, 0, 0, 0.6);color: #ffffff;display: block;margin-right: 0;padding: 30px;position: absolute;right: 0;text-align: left;top: 25%;width: 60%;z-index: 9;}
.price {color: #d7a599;font-size: 24px;}
.book-offer {background-color: #d7a599;color: #ffffff;margin: 0 auto;padding: 10px 0;width: 140px;}
.form-reserv {background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;box-sizing: border-box;margin: 0 auto;overflow: hidden;padding: 20px;position: relative;width: 68%;}
.form-contact {background: rgba(32, 50, 75, 0.92) none repeat scroll 0 0;box-sizing: border-box;float: left; overflow: hidden;padding: 20px;position: relative;width: 30%;}
.form-reserv h1 {color: #355a81; font-size: 24px;font-weight: 100;margin: 0 0 5px;padding: 0;text-shadow: 1px 1px 1px #cccccc;width: 100%;}
.form-reserv h2 {border-bottom: 1px solid #ccc;color: #494949;float: left; font-size: 15px;font-weight: 100;margin: 10px 0 5px;padding: 10px 0;position: relative;text-align: left;width: 100%;}
.form-reserv label {color: rgba(96, 96, 96, 0.9);font-size: 12px;line-height: 1.3;margin: 0 0 5px;}
.form-contact h2 {color: #fdddcf; font-size: 24px;font-weight: 100;margin: 0 0 5px;padding: 0;text-shadow: 0 0 1px #243348;width: 100%;}
.form-contact h4 {color: rgba(255, 255, 255, 0.85); font-size: 15px;font-weight: 100;margin: 15px 0 3px;padding: 0;width: 100%;}
.form-contact p {color: rgba(196, 204, 218, 0.9);font-size: 12px;line-height: 1.3;margin: 0 0 5px;position: relative;z-index: 1;}
.form-contact ul {float: left;list-style: outside none none;margin: 0 0 20px;padding: 0;width: 100%;}
.form-contact ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.25);float: left;margin: 0;padding: 5px 0;width: 100%;}
.form-contact ul li:last-child {border-bottom: medium none;}
.form-contact ul li a {color: rgba(196, 204, 218, 0.9);text-decoration: none;}
.form-contact ul li a:hover {color: #fdddcf;}
.form-contact ul li div:first-child {color: rgba(196, 204, 218, 0.9);float: left;font-size: 13px;font-weight: 600;margin: 0;padding: 0;width: 30%;}
.form-contact ul li div:last-child {color: rgba(196, 204, 218, 0.9);float: left;font-size: 13px;margin: 0;padding: 0;width: 70%;}
.reserv-box {box-sizing: border-box;float: left;overflow: hidden;padding: 5px 20px;position: relative;width: 100%;}
p.textnewsletter {float: left;margin: 10px 22px;overflow: hidden;position: relative;text-align: left;}
.reserv-box-submit {border-top: 1px solid #ccc;box-sizing: border-box;float: left;margin: 10px 0;overflow: hidden;padding: 10px 20px;position: relative;text-align: center;width: 100%;}
.reserv-box-submit input.submit_btn {background: #bfbfbf none repeat scroll 0 0;border: 1px solid #bfbfbf;border-radius: 3px;color: #494949;cursor: pointer;outline: medium none;padding: 5px 8px;}
.reserv-box-submit input.submit_btn:hover {background: #355a81 none repeat scroll 0 0;border: 1px solid #355a81;color: #ccc;}
.reserv-box input.date {background: rgba(0, 0, 0, 0) url("../images/calendar.png") no-repeat scroll right 5px center;border: 1px solid #bfbfbf;border-radius: 0;box-shadow: none;box-sizing: border-box;color: #606060;cursor: pointer; height: 40px;margin: 5px 0;outline: medium none;padding: 3px 8px;width: 48%;}
.reserv-box input.date:first-child {margin-right: 2%;}
.reserv-box input.text {background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;border: 1px solid #bfbfbf;border-radius: 0;box-shadow: none;box-sizing: border-box;color: #606060; height: 40px;margin: 5px 0;outline: medium none;padding: 3px 8px;width: 48%;}
.reserv-box input.text:first-child {margin-right: 2%;}
.reserv-box textarea.text {background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;border: 1px solid #bfbfbf;box-sizing: border-box;color: #606060;float: left;margin: 5px 10px 0 0;outline: medium none;padding: 3px 8px;width: 98%;}
.reserv-box label {float: left;margin: 0 10px;position: relative;width: 100%;}
.reserv-box h2 {border: medium none;margin: 0;}
.reserv-box input {float: left;margin-left: 15px;overflow: hidden;position: relative;}
.reserv-box input.programs {height: 25px;margin: 0;width: 35px;}
.reserv-box p {color: rgba(96, 96, 96, 0.9);float: left;font-size: 12px;margin: 0 5px;overflow: hidden;position: relative;}
.reserv-box select {background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;border: 1px solid #bfbfbf;color: #606060;float: left;height: 25px;margin: 0 10px 0 0;outline: medium none;overflow: hidden;padding: 2px;position: relative;width: 100px;}
#availability-checker {left: 0;padding: 0;}
#availability-wrapper, #availability-checker {background: rgba(0,0, 0, 0.8);bottom: 0;font-size: 11px;padding-top: 0px;position: absolute;width: 100%;z-index: 101;}
#availability-checker {bottom: 0;margin: 0 auto;right: 0;}
#availability-checker .date input {cursor: pointer;}
#availability-checker input {float: left;width: 90%;}
#availability-checker input {border: 1px solid #000;border-radius: 0;color: #000;height: 37px;padding: 4px 8px;width: 100%;clear: both;}

/* #availability-checker input {background: rgba(255, 255, 255, 1) url("../images/sprite.png") no-repeat scroll right 10px;border: 1px solid #000;border-radius: 0;color: #000;height: 37px;padding: 4px 8px;width: 100%;clear: both;} */


#availability-checker input.text {background-image: none;border: 1px solid #000;border-radius: 0;color: #000;height: 37px;padding: 4px 8px;width: 100%;clear: both;}
#availability-checker input#nights {width: 90px;background-image: none;}
#availability-checker .choose select {-moz-appearance: none;background: rgba(255, 255, 255, 1) url("../images/sprite.png") no-repeat scroll right -31px;border: 1px solid #000;border-radius: 0;color: #000;float:left;clear:both;height: 37px;padding: 4px 8px;*margin-bottom: 8px;top: 0;width: 120px;-webkit-border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#availability-checker .book {background: #e6ae48 none repeat scroll 0 0;/* text-shadow: 0 1px #fff; */box-sizing: border-box;border-radius: 0;color: #000;cursor: pointer;font-size: 13px;margin-top: 16px;padding: 7px 0 7px 0;width: 180px;text-transform:uppercase; border:1px solid #e6ae48; }
#availability-checker .book:hover {background: none; color: #fff; border:1px solid #fff; font-weight: bold;}
#availability-checker .date {width: 145px;}
#availability-checker .date {margin: 0;}
#availability-checker label {color: #fff; float:left;margin-left:0;font-size: 10px; width:100% !important;}
#availability-checker .date, #availability-checker .choose, #availability-checker .promo{float: left;text-align: left;margin-left: 10px;}
.booking-form {margin: 0 auto;max-width: 720px;padding: 10px 25px 15px; /*10px 0;*//* background: rgba(0,0, 0, 0.6); */}
a.cancel {float: left;margin-left: 10px;}
#slides {position: relative;}
#slides .scrollable {height: 100%;left: 0;overflow-y: auto;position: relative;top: 0;}
#slides .scrollable::after {clear: both;content: "";display: table;}
.border-top {background: rgba(0, 0, 0, 0) url("../images/border-slide.png") repeat scroll 0 0;height: 10px;position: absolute;width: 100%;z-index: 12;}
.border-left {background: rgba(0, 0, 0, 0) url("../images/border-slide.png") repeat scroll 0 0;height: 100%;margin-top: 10px;position: absolute;width: 10px;z-index: 12;}
.border-right {background: rgba(0, 0, 0, 0) url("../images/border-slide.png") repeat scroll 0 0;height: 100%;margin-bottom: 10px;position: absolute;right: 0;width: 10px;z-index: 12;}
.border-bottom {background: rgba(0, 0, 0, 0) url("../images/border-slide.png") repeat scroll 0 0;bottom: 0;height: 10px;margin-left: 10px;position: absolute;width: 100%;z-index: 12;float: left;}
footer {background-color: #000;color: #fff;width: 100%;}
footer .wrap {margin: 0 auto;max-width: 1200px;overflow: hidden;padding: 30px 20px 25px;}
footer .liner {background: rgba(0, 0, 0, 0) url("../images/footer-line.gif") repeat-x scroll 0 0;clear: both;height: 2px;width: 100%;}
footer .refer {text-decoration: underline;}
footer .refer:hover {text-decoration: none;}
.amatara-address {clear: both;margin: 0 auto;max-width: 1024px;padding: 20px 0;}
.footer-block {float: left;width: 30%;}
footer a {color:#fff;text-decoration: underline;}
footer p {font-size: 14px;line-height: 1.5;}
.footer-row{width: 100%;float:left;text-align: center;}
.footer-link{ text-align: left; text-transform:uppercase;margin:9px 0 0 0;}
.footer-link li { display: inline; padding: 0 8px 0 0px;}
.footer-link li:first-child {padding-left: 0}
.footer-link li:last-child {padding-right: 0; border-right: none; background: none;}
.footer-link a {font-size:11px;}
.footer-link a:hover { text-decoration:underline;}
.address {margin-top: 5px;text-align: center;}
.address p{text-shadow: none !important;margin: 0px;padding: 0;}
.footer-row.copy {}
.reserved-wrap {width: 100%;margin-top: 43px;}
.reserved-wrap p {text-shadow: none;}
.footer-block .header {color: #333333;font-size: 22px;text-shadow: -1px 0 #ffffff;}
.footer-block:last-child {text-align: right;}
#strickr {margin: 0 auto;text-align: center;width: 70%;}
#icon {float: left;height: 100%;padding-top: 0;width: 44%;}
#c {float: left;font-size: 32px;font-weight: 100;padding-left: 5px;padding-top: 13px;width: 50%;}
#icon > img {height: 100%;width: auto;}
.social {display: inline-block;margin-top: 8px;width: 100%;}
.social li {display: inline;height: 39px;padding: 0 5px;text-align: center;}
.social li a:hover img {opacity: 0.6;}
.social li {display: inline-block;margin-top: 5px;padding: 0 5px;text-align: center;}
.media {}
.download-sheet { margin-left:5px;}
ul.footer_social {height: 39px;margin: 0 auto;overflow: hidden;position: relative;width: 250px;}
li.social_call_action {border-left: 1px solid #000;cursor: pointer;display: block;margin: 0 0 0 10px;overflow: hidden;padding: 0 15px;}
li.social_call_action img {margin-top: 5px;}
div.social_action {background: #ededec none repeat scroll 0 0;border: 1px solid #000;display: none;height: 39px;left: 0;position: absolute;top: 0;width: 191px;}
div.social_action div {margin: 8px 0 !important;overflow: hidden;position: relative;}
div.social_action div:last-child {width: 70px !important;}
li.social_call_action:hover img {opacity: 0.5;}
li.social_call_action:hover div.social_action {display: block;}
#newsletter input {background: transparent none repeat scroll 0 0;border: 1px solid #000000;border-radius: 0;height: 40px;outline: medium none;padding: 10px;}
#newsletter .subscribe {background-color: #000000;border: 1px solid #000000;color: #ffffff; font-size: 15px;height: 40px;margin-left: -5px;padding: 0 12px 3px;}
#newsletter .subscribe:hover {background: #d7a599 none repeat scroll 0 0;color: #fff;}
ul, ol {list-style: outside none none;}
.esc {clear: both;height: 1px;position: relative;width: 100%;}
.clearfix::after {clear: both;content: "";display: table;}
@keyframes spin {
100% {transform: rotate(1turn);}
}
@keyframes extra-spin {
100% {transform: rotate(1.125turn);}
}
#slider_wrapper {overflow: hidden;}
/*--------Slick----------*/
#disqus_thread{margin-top:20px;}
/**{-moz-box-sizing:border-box;box-sizing:border-box;}*/
.blue{background:#3498db;color:#fff;}
.blue h3{background:#fff;color:#3498db;font-size:36px;line-height:100px;margin:10px;padding:2%;position:relative;text-align:center;}
.variable-width .slick-slide p { background: #fff; height: 100px; color:#3498db; margin: 5px; line-height: 100px; }
.button{background:#3498db;color:#fff;display:block;font-size:16px;margin:20px auto;padding:20px;text-align:center;text-decoration:none;width:48%;}
.buttons{padding:0 20px 20px; margin-bottom: 10px;}
.buttons .button{background:#FFF;color:#3498db;float:left;margin:5px;}
.center .slick-center h3{-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);-webkit-transform:scale(1.08);color:#e67e22;opacity:1;transform:scale(1.08);}
.center h3{opacity:0.8;transition:all 300ms ease;}
.content{margin:auto;padding:20px;width:600px;}
.content:after,.buttons::after{clear:both;content:"";display:table;}
.destroy{font-weight:400;margin-top:40px;}
.features{display:block;list-style-type:none;margin-top:30px;padding:0;text-align:center;}
.features li{margin:20px 0;}
.filter .button{background:#FFF;color:#3498db; margin-bottom: 40px;}
.fixed-header{background:#FFF;box-shadow:2px 0 5px rgba(0,0,0,0.5);display:none;padding:10px;position:fixed;top:0;width:100%;z-index:10000;}
.fixed-header .header-content{margin:auto;width:600px;}
.fixed-header .subheading{display:none;}
.fixed-header h1.title{float:left;font-size:24px;margin:0;}
.fixed-header ul.nav{float:right;margin:0;padding:5px;}
.fixed-header ul.nav li{margin:0 0 0 10px;}
.slick-slide .intro-slide {display: block;float: none;margin: 0 auto;text-align: center;width: 100%;}
.intro-slide {display: block;float: none;margin: 0 auto;position: absolute;text-align: center;bottom: 30px;	z-index: 8;}
.single-item .slick-slide .intro-slide {display: flex;float: none;margin: 0 auto;text-align: center;width: 60%;right: 20%;padding: 0 60px;height: 100%;bottom: 0px;top: 0;background-color: rgba(0, 0, 0, 0.8);flex-direction: column;justify-content: center;color: #fff;}
.single-item .slick-slide .intro-slide.left {background-color: rgba(255, 255, 255, 0.8);bottom: 0;display: block;float: none;height: 100%;left: 0;	right: auto;margin: 0 auto;padding: 7% 30px;text-align: center;top: 0;width: 33.33%;}
.single-item.left .slick-slide .intro-slide {display: block;float: none;margin: 0;text-align: center;width: 50%;left: 0;padding: 80px;height: 100%;bottom: 0px;background-color: rgba(0,0,0,0.7);}
.single-item.left .slick-dots {position: absolute;bottom: 0;display: block !important;width: 100%;padding: 0;list-style: none;text-align: left;	left: 5%;}
.single-item .cover-slide {display: block;float: none;margin: 0 auto;text-align: center;width: 50%;right: 0;padding: 140px 0 0;height: 100%;bottom: 0px;background: rgba(255,255,255,0.7);z-index:999;}
.intro-slide .header {font-size:27px;color: #ffffff;transform: none !important;text-shadow: 1px 0 0 #333;}
.intro-slide .header h2 {color: #fff; text-shadow: initial; text-decoration: none;}
.intro-slide .room-icon{  background-image: url(../images/amed-icon.png);color: #ffffff;display: block;font-size: 14px;height: 48px;margin: 0 auto;text-align: center;width: 168px;}
.intro-slide a {font-size:16px;color: #ffffff;}
.wrap-room{position: relative;}
.room-slide {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;display: block;height: 100%;	width: 50%;padding: 8%;position: absolute;right: 0;z-index: 1;}
.wrap-room.left .room-slide {left: 0;}
.wrap-room.left .single-item .slick-dots {right: 5%;left: auto;text-align: right;}
.wrap-room .slick-initialized .slick-slide {border-right: none;}
.room-slide h4 {font-size:57px;}
.explor-caption {border: 1px solid #000;color: #000;display: inline-block;margin: 32px auto 0;text-align: center;width: 160px;background: none;}
.room-slide .explor-caption a {background: url(../images/arrow-more.png) no-repeat center right;color: #ffffff;text-decoration: underline;padding: 8px 20px;display: block;	width: 120px;}
.room-slide .explor-caption a:hover {background-color: #d11242;}
.explor-caption a { transition: all 0.4s; background: #e6ae48;color: #000;display: block;font-size: 15px;text-align: center;line-height: 42px;padding: 0 15px;text-decoration: none;z-index: 99;}
.explor-caption a:hover {background-color: transparent;/* display: block; */color: #fff;}
.reserve-bt {border: 1px solid #d11343;display: block;height: 45px;margin: 60px auto 0;padding: 7px 18px;text-align: center;width: 140px;}
.reserve-bt a {color: #d11343;font-size: 22px;}
.margin-40{margin-bottom:40px;}
.more,.button.first{margin-top:40px;}
.red{background:#e74c3c;color:#fff;}
.slick-slide .image{padding:10px;}
.slick-slide img{display:block;width:100%;height: 100%;}
.award.slick-slide {width: 300px;}
.award .slick-slide img{width: auto; margin: 0 auto;}
.slick-slide img.slick-loading{border:0 }
.subheading{color:#555;font-size:12px;font-style:italic;font-weight:400;margin:10px auto;text-align:center;}
.white{background:#fff;color:#3498db;}
.white pre,.white hr{background:#3498db !important;}
code{color:#000; overflow-x: scroll;}
hr{background:#fff;border:0;height:1px;margin:40px 0;}
p.note{font-size: 12px;}
p.cdn{font-size: 14px;}
p.guff{font-size:16px;}
pre{background:#fff;margin:0 10px 20px;padding:10px;}
section{width:100%; position: relative; overflow: hidden;}
ul.nav{margin-bottom:0;padding-left:0;text-align:center;}
ul.nav li{display:inline-block;list-style-type:none;margin:0 20px;}
ul.nav li a{font-size:14px;text-decoration:none;}
#carbonads { max-width: 320px; width: 100%; color: white; background: white; padding: 20px 20px 20px; margin: 0px auto 40px; text-align: center; position: relative; top: 40px; }
#carbonads a { display: inline-block; margin-bottom: 0px; font-size: 10px; line-height: 1.5; }
#carbonads .carbon-img { margin-bottom: 10px; }
@media (max-width: 420px) {
ul.nav li a{display:block;font-size:14px;}
}

/* Slider */
/*.slick-loading .slick-list{background: #fff url('../images/ajax-loader.gif') center center no-repeat;}*/
/*.slick-prev, .slick-next {background: rgba(0, 0, 0, 0) url(../images/sprite.png) no-repeat scroll center center;color: transparent;cursor: pointer;display: block;font-size: 0;height: 40px;line-height: 0;outline: medium none;padding: 0;position: absolute;bottom: 6%;width: 40px;z-index: 9;}*/
.slick-loading .slick-list{background: #fff url('../images/ajax-loader.gif') center center no-repeat;}
.slick-prev, .slick-next {background: rgba(255, 255, 255, 0) url(../images/sprite.png) no-repeat scroll center center;color: transparent;cursor: pointer;display: block;font-size: 0;height: 50px;line-height: 0;outline: medium none;padding: 0;position: absolute;top: calc(50% - 20px);width: 40px;z-index: 9;}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{color: transparent;outline: none;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{opacity: 0.8;}
.one-time .slick-prev, .one-time .slick-next {background: rgba(0, 0, 0, 0.4) url("../images/arrow-room.png") no-repeat scroll center center;border: medium none;border-radius: 50px;color: transparent;cursor: pointer;display: block;font-size: 0;height: 70px;line-height: 0;margin-top: -10px;outline: medium none;padding: 0;position: absolute;top: 50%;width: 70px;z-index: 9;}
.one-time .slick-prev{left: 30px;margin-right: 2px;background-position: 14px 10px;}
.one-time .slick-next {right: 30px;left: auto;background-position: -24px 9px;}
.autoplay-trip .slick-prev, .autoplay-trip .slick-next {/* background: rgba(0, 0, 0, 0.4) url("../images/sprite.png") no-repeat scroll center center; */border: medium none;border-radius: 50px;color: transparent;cursor: pointer;display: block;font-size: 0;height: 70px;line-height: 0;margin-top: -10px;outline: medium none;padding: 0;position: absolute;bottom: 44%;width: 70px;z-index: 9;/* background-size: 50% 50%; */}
.autoplay-trip .slick-prev{left: -30px;margin-right: 2px;background-position: 15px -131px; opacity:0; }
.autoplay-trip .slick-next {right: -30px;left: auto;background-position: -33px -131px; opacity:0;  }
.offer-home .slick-slider:hover .slick-prev{ left:30px;opacity:1; }
.offer-home .slick-slider:hover .slick-next{ right:30px;opacity:1; }

.single-item  .slick-prev{left: 46%;margin-right: 0;background-position: 2px -77px;opacity: 0.5;}
.single-item  .slick-next {right: 46%;left: auto;background-position: -52px -77px;opacity: 0.5;}
.single-item  .slick-prev:hover{ opacity:1; }
.single-item  .slick-next:hover{ opacity:1; }

#mainslide_home.single-item .slick-prev{top: initial;bottom: 30px;}
#mainslide_home.single-item .slick-next{top: initial;bottom: 30px;}
.single-item .slick-dots {position: absolute;bottom: 50px;display: block !important;width: auto;padding: 0;list-style: none;text-align: right;right: 14%;z-index: 9;}
.single-item .slick-dots li button {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 1px solid #ffffff;border-radius: 12px;color: transparent;cursor: pointer;display: block;font-size: 0;height: 12px;line-height: 0;outline: medium none;padding: 0;width: 12px;}
.single-item .slick-dots li.slick-active button {background: #ffffff none repeat scroll 0 0;border: 1px solid #ffffff;}
.room-gallery .slick-initialized .slick-slide {display: block;padding-right: 0px;	position: relative;}
.room-gallery h3 {font-size: 22px;font-weight: lighter;}
[dir='rtl'] .slick-prev
{right: -25px;left: auto;}
[dir='rtl'] .slick-next
{right: auto;left: -25px;}
.wrap-amen-list .slick-prev, .wrap-amen-list .slick-next {background: rgba(18, 60, 107, 0.8) url("../images/arrow-slick-white.png") no-repeat scroll center center;bottom: 0;color: transparent;cursor: pointer;display: block;font-size: 0;height: 40px;line-height: 0;outline: medium none;padding: 0;position: absolute;width: 40px;z-index: 9;}
.wrap-amen-list .single-item .slick-prev {background-position: 9px 3px;	margin-right: 10px;}
.wrap-amen-list .single-item .slick-prev {background-position: 10px 3px;margin-right: 22px;	right: 18px;}
.wrap-amen-list .slick-next { right: 0; background-position: -31px 3px;}
/* Dots */
.slick-dots{position: absolute;bottom: -45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;display: none !important;}
.slick-dots li{position: relative;display: inline-block;width: 12px;height: 12px;margin:0px 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{	background-color: #666;opacity: 1;}
.slick-dots li.slick-active button{    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 1px solid #000;}
/* Slider */
.slick-slider{overflow: hidden;position: relative;display: block;-moz-box-sizing: border-box;     box-sizing: border-box;-webkit-user-select: none;   -moz-user-select: none;    -ms-user-select: none;        user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;    touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slider.amenity  {width: 67%;float: left;}
.slick-slider.amenity.image-width  {width: 100%;float: left;}
.slick-slider.wedding {width: 50%;float: left;}
.amen-wedding {float: left;width: 50%;background-color: #ffffff;padding: 30px 0 0 0;}
.wrap-amen-list { overflow: hidden;    background-color: #ffffff;}
.amen-list h2 {color: #000;}
.offer .slick-arrow {display: none !important;}
.offer .slick-dots {bottom: 0;display: block !important;list-style: outside none none;padding: 0;position: absolute;text-align: center;width: 100%;}
.offer .slick-dots li.slick-active button {background: #d11343 none repeat scroll 0 0;border-radius: 15px;	border: 1px solid #d11343;}
.offer .slick-dots li button {background: #ffffff none repeat scroll 0 0;border-radius: 15px;color: transparent;cursor: pointer;display: block;font-size: 0;height: 15px;line-height: 0;outline: medium none;padding: 0;width: 15px;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);   -moz-transform: translate3d(0, 0, 0);    -ms-transform: translate3d(0, 0, 0);     -o-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{ outline: none !important;  display: none;float: left;min-height: 1px;	position: relative;}.over-marker {background: rgba(0, 0, 0, 0) url("../images/bg-bottom.png") repeat-x scroll left bottom;height: 100%;position: absolute;width: 100%;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.award-wrap {float: right; width: 416px;}
.award-wrap li {margin: 0;display: inline-block;}
.award-wrap  img {height: auto;width: 75%;}
.award .slick-prev {background: rgba(0, 0, 0, 0) url("../images/arrow-award.png") no-repeat scroll center center;border: 0px;border-radius: 0;color: transparent;cursor: pointer;display: block;font-size: 0;height: 30px;line-height: 0;outline: medium none;padding: 0;position: absolute;top: 25%;width: 15px;z-index: 9;}
.award .slick-next {background: rgba(0, 0, 0, 0) url("../images/arrow-award.png") no-repeat scroll center center;border: 0px;border-radius: 0;color: transparent;cursor: pointer;display: block;font-size: 0;height: 30px;line-height: 0;outline: medium none;padding: 0;position: absolute;top: 25%;width: 15px;z-index: 9;}
.award .slick-prev {background-position: 0px 0px;left: -31px;}
.award .slick-next {background-position: -24px 0px;right:-23px;}
.award .slick-slide {border-right: none;display: block;}
.award .slick-slide.width80 {width:60px !important;}
.award .slick-slide.width120 {width:132px !important;}
.award .slick-slide.width160 {width:160px !important;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


.slick-prev{ left:0; }
.slick-next{ right:0; }

#roomtype .slick-prev{left: -30px;margin-right: 2px;background-position: 0px -202px;opacity:0;}
#roomtype .slick-next {right: -30px;left: auto;background-position: -50px -202px;opacity:0;}
#roomtype:hover .slick-prev{ left:30px;opacity:1; }
#roomtype:hover .slick-next{ right:30px;opacity:1; }



@media only screen and (min-width: 769px) and (max-width: 1200px) {h3.offer {font-size: 28px;}
.intro-slide .header {font-size: 20px;}
.offer .intro-slide {float: right;margin: 0;padding: 45px 10px 0 10px;position: relative;top: 60px;width: 28%;	height: auto;}
.reserve-bt {height: 37px;margin: 30px auto 0;padding: 7px 18px;text-align: center;width: 100px;}
.reserve-bt a {font-size: 18px;}
}
@media (max-width: 980px) {
.wrap-amen-list  .single-item .slick-next {right: 0;}
}
@media (max-width: 960px) {
.slick-slider.amenity {width: 100%;float: none;}
.amen-list {float: left;width: 100%;background-color: #ffffff;}
}
@media (max-width: 768px) {
.header {font-size: 15px;}
.intro-slide {top: 20%;}
.blue h3{font-size:24px;}
.button{margin:0 auto 20px;width:auto;}
.button.first{margin-top:40px;}
.buttons{padding:0 0 20px;}
.buttons .button{float:left;font-size:12px;margin:1%;width:48%;}
.center{margin-left:-40px;margin-right:-40px;}
.center .slick-center h3{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);color:#e67e22;opacity:1;transform:scale(1);}
.center h3{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);-webkit-transform:scale(0.95);opacity:0.8;transform:scale(0.95);transition:all 300ms ease;}
.content{margin:auto;padding:20px 40px;width:auto;}
.fixed-header .header-content{width:auto;}
pre{font-size:12px; overflow-x: scroll;}
.one-time .slick-prev, .one-time .slick-next {background: rgba(0, 0, 0, 0.8) url("../images/arrow-slick.png") no-repeat scroll center center;display: block;font-size: 0;height: 30px;top: 45%;width: 30px;}
.one-time .slick-prev {background-position: 7px 4px !important;left: 30px;margin-right: 2px;}
.one-time .slick-next {background-position: -12px 4px !important;left: auto;right: 30px;}
.intro-slide .header h2 {/* font-size: 24px; *//* line-height: 20px; */}
.wrap-amen-list .single-item .slick-next, .wrap-amen-list .single-item .slick-prev {top: 40%;}
.single-item .slick-prev, .single-item .slick-next {top: 70%;}
.explor-caption {color: #000;display: block;margin: -10px auto 0 auto;padding: 0;text-align: center;width: 160px;background: none;}
.triple-content .explor-caption {margin: 10px auto 0 auto;}
.wrap-room .explor-caption {color: #000;display: inline-block;margin: 5px auto 0 auto;padding: 0;text-align: center;/* width: 86px; */background: none;}
.experience {padding: 0 0 0px;}
.single-item .slick-slide .intro-slide p { font-size:14px; line-height:1.5;}
.title p {line-height: 20px;}
.title p:before, .title h2:before {display: block;background: #999;width: 28px;height: 1px;position: absolute;content: "";top: 12px;right: -37px;}
.title p:after, .title h2:after {display: block;background: #999;width: 28px;height: 1px;position: absolute;content: "";top: 12px;left: -37px;}
.single-item .slick-prev, .single-item .slick-next {top: 39%;}
.home-inrto-accommodation.room-feature {width: 100%;padding: 20px;}
.room-feature .room-amen li img { width: 32%;}
.room-feature .room-amen li {line-height: 24px;padding: 7px 20px;text-align: center;width: 48%;display: inline-block;}
.room-feature .room-amen li img {float: none;	 margin: 0 auto;}
.room-gallery h3 {font-size: 18px;font-weight: lighter;}
.autoplay-trip .slick-prev {display: none !important;}
.autoplay-trip .slick-next {display: none !important;}
.award-wrap {padding: 0px;width: 100%;margin: 20px auto;float: none;text-align: center;}
.offer .slick-slide img {display: block;float: none;width: 100%;}
.offer .intro-slide {float: none;margin: 0;padding:0px;position: relative;top: 110px;width: 100%;}
.offer-right .intro-slide {height: auto;	border-left: none;}
.intro-slide .header {font-size: 100%;padding: 10px 0;}
.reserve-bt {margin: 80px auto 0;	background-color:#d11343;	color: #ffffff;}
.reserve-bt a {color: #ffffff;}
.room-slide h4 {font-size: 30px;}
.room-slide p {display: none;}
.room-slide {padding: 20px;}
}
@media (max-width: 480px) {
.room-slide h4 {font-size: 18px;}
.intro-slide .header h2 {font-size: 24px;line-height: 4px;}
.intro-slide .header {padding: 14px 0;}
.room-slide p {display: none;}
.room-slide {padding: 20px 0px;}
.single-item .slick-prev {left: 0px;}
.single-item .slick-next {right: 0;/* background-position: -32px 3px; */}
.single-item .slick-prev, .single-item .slick-next {top: 70%;}
.room-slide .explor-caption {margin: 10px auto 0;}
.single-item .slick-dots li { margin: 6px 2px;}
.single-item .slick-slide .intro-slide {/* text-align: center; *//* width: 100%; *//* padding: 10px; *//* position: relative; */}
.single-item .slick-slide .intro-slide.left {text-align: center;width: 50%;padding: 30px 10px;}
.single-item .slick-slide .intro-slide p {/* line-height: 14px; */}
.award .slick-slide img {width: 42%;}
.wrap-room .explor-caption {/* border: 1px solid #000; *//* color: #000; */padding:0;text-align: center;/* width: 124px; */background: none;}
.wrap-room .explor-caption a {line-height: 26px;}
.wrap-room .single-item .slick-slide .intro-slide {text-align: center;width: 100%;padding: 13px 10px;position: relative;float: left;}

} 
/*********************/
@media screen and (max-width: 40em) {
/*.divas-navigation span.divas-prev, .divas-navigation span.divas-next {}
.divas-navigation span.divas-prev {left: 0.5em;}
.divas-navigation span.divas-next {right: 0.5em;}

.divas-caption {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;border: medium none;color: #f7f7f7;height: 100%;margin: 0;padding: 7%;position: absolute;text-align: center;top: 0;width: 50%;}
.divas-caption.divas-title-transition-left-start {right: -999px;}
.divas-caption.divas-title-transition-left {transition: right 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.divas-caption.divas-title-transition-left-stop {right: 2px;}
.divas-caption h1 {background: rgba(0, 0, 0, 0) url("../images/liner-offer.gif") no-repeat scroll center bottom;font-size: 26px;line-height: 70px;}
.divas-caption h2 {border-bottom: 1px solid #ffffff;}
.divas-caption i {border-bottom: 1px solid #ffffff;}
.divas-caption p {}
.divas-caption span {background: rgba(0, 0, 0, 0) url("../images/arrpw-explor.png") no-repeat scroll right center;border: 1px solid #ffffff;display: block;font-size: 16px;margin: 40px auto 0;padding: 5px 15px;text-align: left;width: 110px;}
.divas-caption span:hover {background-color: #237df3;}
.explor-caption {background: #000;color: #ffffff;display: block;font-size: 16px;margin: 0 auto;text-align: left;width: 110px;}
.explor-caption a { }
.explor-caption a:hover {background: #000;display: block;color: #fff;}
.divas-bullets {clear: both;margin: 0 auto;padding: 20px 0;position: relative;text-align: center;}
.divas-bullets ul {list-style: outside none none;}
.divas-bullet {background-color: rgba(0, 0, 0, 0.1);border-radius: 1.5em;display: inline-block;height: 16px;margin: 0 0.3em;text-indent: -9999px;width: 16px;}
.divas-bullet-current {background-color: rgba(0, 0, 0, 0.25);}
.amen-list { float: left;width: 33%;background-color: #ffffff;padding: 30px;}
.wrap-double.two-block .wedding .triple-content {width: 50%;}
.wrap-double.two-block .wedding .triple-content {padding: 13% 0 !important;background-image: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255,0.8), rgba(255, 255, 255,0));background-color: transparent;}
.wrap-double.two-block .wedding .triple-content.wedding-right {right: 0;background-image: linear-gradient(to right, rgba(255, 255, 255,0), rgba(255, 255, 255,0.8), rgb(255, 255, 255));background-color: transparent;}
.wrap-double .wedding .triple-head { color:#333;line-height: 40px;}*/
}
@media (min-width: 1200px) {
.room-amen li {margin: 5px 0;}
.wrap-double.two-block .triple-content {padding:22% 10% 0 10%;}
}
@media (max-width: 1200px) {
.offer-wrap .colume .info { padding: 3em 4em 0em 4em;}
.offer-media { padding: 2em 4em;}
}
@media (max-width: 1024px) {
.home-inrto-accommodation.room-feature.dine {padding-top: 5%;}
.divas-caption h1 {font-size: 22px;}
.divas-caption p {font-size: 12px !important;line-height: 14px;}
.triple-content {padding: 28% 0;}
.divas-caption {padding: 2%;}
.offer-wrap .colume {width: 100%;}
.wrap-double.two-block .triple-content {padding: 64% 10%;}
.amen-list {padding: 0px;}
.room-amen li {margin: 0;}
.room-amen img {width: 12%;}
}

@media (max-width: 960px) {
.room-amen img {width: auto;}
.wrap-double .triple-content {padding: 22% 0;}
}
@media (max-width: 768px) {
h1 {font-size: 26px;line-height: 40px;}
.divas-caption h1 {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;font-size: 15px;line-height: 20px;}
.divas-caption p {font-size: 10px !important;}
.divas-caption span {margin: 0 auto;}
.page-index {font-size: 24px;line-height: 30px;}
.booking-form {}
div#newsletter {margin: 10px 0;}
div.social ul {margin: 0;}
#slides {height: 400px !important;width: 100% !important;}
#slides img {height: auto !important;left: 0 !important;position: relative !important;top: 0 !important;width: 100%!important;}
.slides-pagination {bottom: 20px;}
.scroll-down {bottom: 57px;}
.home-inrto {padding: 30px 20px;}
.home-inrto-accommodation {padding: 50px 20px;}
.content-four {width: 50%;}
section .content-intro {padding: 30px 20px;}
section .content-right .discover-more {margin-top: -20px;}
.amatara-address {padding: 20px 70px;}
.listing li {width: 100%;display: list-item;text-align: left;float: left;margin-right: 20px;}
.wrap-list ul {margin: 0;text-align: center;width: 100%;float: left;overflow: hidden;}
.explor-caption {/*    display: none !important;*/}
.room-amen li {width: 32%;}
.room-gallery {float: none;width: 100%;}
.footer-row.copy {float: left;text-align: right;width: 100%;}
.footer-row {width: 100%;float: none;}
.award-wrap {width: 100%;}
.social {display: inline-block;float: none;	margin: 0 auto;}
.footer-link {text-align: center;}
.address {text-align: center;float: none ;}
.reserved-wrap {float: none;text-align: center;line-height: initial;width: 100%;}
footer .wrap {margin: 0 auto;max-width: 1024px;overflow: hidden;padding: 50px 0;}
.footer-block {float: none;width: 100%;}
.footer-block:last-child {text-align: center;}
.footer-block .header {display: inline-block;font-size: 22px;text-align: center;width: 100%;}
.triple-content {height: 100%;padding: 15% 0;}
.content-triple {margin: 0;width: 48%;}
.content-triple:nth-child(2n+1) {margin-left: 1%;margin-right: 1%;}
.triple-content p {}
.wrap-double.two-block .wedding .triple-content {padding: 3em 0;background-image: none;background-color: transparent;position: relative; width: 100%;}
.wrap-double.two-block .wedding .triple-content.wedding-right {background-image: none;background-color: transparent;}
.most-vote{margin-top: 0;/* position: absolute; */top: 0;left: 20px;width: 30%;}
.offer-wrap .colume .info {padding: 4em 2em 0em 2em;}

.wrap-form {margin: 0 auto;width: 80%;}
.intro-marker {font-size: 12px;padding: 15px;top: 0;width: 60%;}
.room-info li {line-height: 18px;}
.form-reserv {width: 100%;}
h3 {font-size: 20px;line-height: 20px;}
}
@media (max-width: 767px) {
    .lazy-load-box.home {margin-bottom: 10px !important;}
    .room-feature h3 {	padding-top: 20px;}
    .header-center {padding: 20px 0;}
    .download a {padding: 8px 0 8px 45px;}
    table {font-size: 80%;}td, th {padding: 0;}
.block-link {border: 1px solid #fff;color: #ffffff;float: left;height: 80px;margin: 1%;padding: 2% 0;position: relative;width: 18%;z-index: 2;}
.dive-icon {height: auto !important;margin: 0 auto;width: 53% !important;}
.wrap-double .triple-content {font-size: 12px;position: relative;background-color: #000;}
.content-double {bottom: 0;float: left;margin: 0;padding: 0;position: relative;width: 50%;margin: 0;border: 1px solid #efeeee;}
.dive-head{ font-size: 10px;}
.wrap-double.diving .triple-content {font-size: 12px;position: relative;min-height: 180px;background-color: #000;}}@media (max-width: 480px) {.amatara-address {	padding: 20px 40px;}.room-amen li {	width: 48%;}.wrap-form .input {	width: 100%;}.row-form {	margin: 0;}.content-four {margin: 0 !important;width: 100%;}
.weding-gallery {margin: 20px auto 10px;}
.home-inrto {padding: 20px;}
.wrap-double.diving .triple-content {padding: 20% 10px;font-size: 12px;position: absolute;min-height: 180px;background-color: rgba(0, 0, 0, 0.6);}
.wrap-double .triple-head {line-height: 40px;}
#slides {max-height: 300px !important;width: 100% !important;}
#slides img {width: 120% !important;height: auto !important;}
label.error {	margin-left: 0 !important;	padding-left: 0 !important;}
.divas-caption h1 {	margin-top: 20px;}
.divas-caption p {	display: none;}
.content-triple {	margin: 0 !important;	width: 100%;}
.autoplay-trip .triple-head {padding: 2em 3em;}
.room-reserve a {}
.triple-head .room-reserve {}
.content-double {bottom: 0;float: left;margin: 0;padding: 0;position: relative;width: 100%;}
.title {display: none;}
.image-right {float: none;padding: 0;width: 100%;	height: auto;}
.triple-head	h3 {}
.best-price {float: none;}
.media {width: 100%;}
.footer-link {float: left;	 margin: 10px 0 20px !important;text-align: center;}
.social li {display: inline-block;float: none;	height: 20px;margin-top: 5px;padding: 0 5px;text-align: center;}
.scroll-down span {display: none;}
.offer-media .media-text { margin-left: 0;margin-top: 20px;}
}


/** new css**/
.header_right{ float: right; width: 80%; }
.mainmenu { float:right;  font-weight:100; font-size:16px; margin-top: 10px; }
.mainmenu li{ display:inline-block; float:left; position:relative; }
.mainmenu li a{text-decoration:none;color: #333;padding:15px 10px;display:block;position: relative;}
.mainmenu li:hover > a{ color: #cc8492; }
.mainmenu li a:after{content:"";height:2px;width:0;bottom: 10px;left: 10px;background-color: #cc8492;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;position: absolute; }
.mainmenu li:hover > a:after{width: 0;}
.mainmenu .menu_drop > a{display:block;padding:10px 5px;cursor:pointer;margin: 5px 15px 15px 5px !important;}
#cssmenu .mainmenu .menu_drop .submenu{margin-top: 14px;right: 0;}
#cssmenu .mainmenu .menu_drop .submenu:after{left: auto;right: 30px;}
.mainmenu .btn_res a{ background:url(../images/icon-cal.png) no-repeat 15px center #5c6492; color:#fff;  display:block; font-size:14px; padding:17px 20px 14px 50px; cursor:pointer; }
.mainmenu .btn_res a:hover{ background-color: #cc8492; color:#fff; }
.mainmenu .btn_res a:after, .mainmenu .menu_drop > a:after{ content:initial; }
.submenu{position:absolute;background-color: rgba(0, 0, 0, 1);padding:15px 10px 3px 10px;width: 170px;max-height:0;height:0;overflow:hidden;opacity:0;margin-top: -20px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
li:hover .submenu{  opacity:1; margin-top:0; max-height: none; height:auto; overflow:initial; }
.submenu:after {bottom: 100%;left: 25px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 1);border-width: 5px;margin-left: -5px;}
.submenu li { width:100%; }
.submenu li a{ padding:5px 8px 15px; }
.icon-dropmenu {width:30px;height:1px;background-color: #fff;position:relative;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;margin-top: 10px;}
.icon-dropmenu:before {width:30px;height:1px;position:absolute;content:"";background-color: #fff;top: -7px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;left: 0;}
.icon-dropmenu:after {width:30px;height:1px;position:absolute;content:"";background-color: #fff;bottom: -7px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;left: 0;}
li:hover > a .icon-dropmenu {background-color: #e6ae48;}
li:hover > a .icon-dropmenu:before {background-color: #e6ae48;top:8px;}
li:hover > a .icon-dropmenu:after {background-color: #e6ae48;bottom: 8px;}
.intro-slide p{text-shadow: 0 0 0;color: #fff;}
.explor-caption:hover{ border:1px solid #fff; }
.wrap-room .explor-caption:hover{ border:1px solid #fff; }
.center_header{width: 90%;margin:auto;position:relative;}
.logo{ width:100%; text-align:center; }
.head_menu{text-align:center;padding: 20px 0 5px;}
.head_menu ul li{ display:inline-block; }
.head_menu ul li a{color:#aaa;text-decoration:none;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;margin:0 20px;font-family: 'Julius Sans One', sans-serif;font-size: 14px;display: block;padding: 8px 0; position:relative; text-transform:uppercase; }
.head_menu ul li a:after{height:0px;width:1px;background-color:#fff;content:"";position:absolute;bottom: -6px;left:50%;max-height:0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.head_menu ul li a:hover{ color:#fff;}
.head_menu ul li a:hover:after{ height:10px; max-height:500px; }

.wrap_container{ width:100%; max-width: 1140px; margin:auto; position:relative; }
.wrap_header{ max-width:1440px; width:100%; margin:auto; position:relative; }

.main_menu{position:absolute;top:50px;left:0;z-index: 100;}
.main_menu a.btn_hamburger{ color:#aaa; text-decoration: none;display: block; color:#aaa;text-transform: uppercase;font-size: 14px;height: 25px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.main_menu a.btn_hamburger:hover{ color:#fff; }
a.btn_hamburger span{display:block;height: 30px;float:left;margin-left: 10px;} 
.main_menu a.btn_hamburger .icon-dropmenu{ float:left; }

.lang{position:absolute;top:50px;right:0;z-index: 100;}
.lang  a.btn_hamburger{ color:#aaa; text-decoration: none;display: block; color:#aaa;text-transform: uppercase;font-size: 14px;height: 25px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.lang  a.btn_hamburger span{margin-right: 10px;}
.lang  a.btn_hamburger span:hover{ color:#fff; }
.icon_hamburger {
    position: relative;
    display: block;
    width: 25px;
    height: 1px;
    margin: 0 auto;
    border: none;
    cursor: pointer;
    background: #fff;
    color: inherit;
    font-size: 0;
    transition: 0.35s;
    float: left;
    margin-top: 10px;
}
.icon_hamburger:before,
.icon_hamburger:after {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    content: "";
    transition: transform 0.35s;
}
.icon_hamburger:before {
    transform: translate(-50%, -8px);
}
.icon_hamburger:after {
    transform: translate(-50%, 8px);
}

.icon_hamburger:before,
.icon_hamburger:after {
    transform-origin: 100% 0%;
}

a:hover .icon_hamburger:before {
    transform: translate(-50%, 0) rotate(35deg) scaleX(0.6);
}
a:hover .icon_hamburger:after {
    transform: translate(-50%, 0) rotate(-35deg) scaleX(0.6);
}

.lang .icon_hamburger:before,
.lang .icon_hamburger:after {
    transform-origin: 0% 0%;
}
.lang a:hover .icon_hamburger:before {
    transform: translate(-50%, 0) rotate(-35deg) scaleX(0.6);
}
.lang a:hover .icon_hamburger:after {
    transform: translate(-50%, 0) rotate(35deg) scaleX(0.6);
}

.popup_mainmenu{position: fixed;top:0;left:-350px;bottom:0;width: 350px;background-color:#000;z-index: 1000; overflow-y: auto; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;  }
.popup_mainmenu.active{ left:0; }
.wrap_mainmenu ul{ text-align:left;}
.wrap_mainmenu ul a{color:#aaa;text-decoration:none;display: block;padding: 10px 20px;}
.wrap_mainmenu ul li{ position:relative; }
.wrap_mainmenu ul li:hover { background-color:#e6ae48; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}
.wrap_mainmenu ul > li:hover > a{ color:#000; }
._submenu {height: auto;max-height:0;overflow:hidden;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;border-bottom: 1px solid rgba(255, 255, 255, 0);}
.wrap_mainmenu ul li.active { background-color:#e6ae48; }
.wrap_mainmenu ul li.active > a{ color:#000; }
.wrap_mainmenu ul li.active > .drop_submenu{ color:#000; }
.wrap_mainmenu ul li.active ._submenu{border-bottom: 1px solid #e6ae48;height: auto;max-height: 500px;overflow:hidden;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-o-transition: all 1.5s ease;-ms-transition: all 1.5s ease;transition: all 1.5s ease;}
._submenu li{ background-color:#000; }
._submenu li a{ color:#aaa; }
.drop_submenu{position:absolute;top:10px;right: 20px;color:#ffffff;cursor:pointer;width: 25px;height: 25px;text-align: center;}
.wrap_mainmenu ul li:hover .drop_submenu{ color:#000; }

body.fix_scroll_popup{ overflow:hidden; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s; }
body.fix_scroll_popup:after{z-index: 100;content:"";position: fixed;top: 0;left: 0;width: 100%;height: 100%; }
.wrap_btnclose{color:#ccc;text-align:left;margin:20px;border-bottom: 1px solid #555;padding: 20px 0 20px 0;}
.wrap_btnclose a{ color:#fff; text-decoration:none;  }
.wrap_btnclose a:hover{ color:#e6ae48; }


.popup_lang{position: fixed;top:0;right:-350px;bottom:0;width: 350px;background-color:#000;z-index: 1000; overflow-y: auto; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;  }
.popup_lang.active{ right:0; }
.wrap_lang ul li{  display:inline-block; padding:0 10px; position: relative; }
.wrap_lang ul li:after{content:"";position:absolute;right:0;top:2px;height: 20px;width:1px;background-color:#aaa;}
.wrap_lang ul li:last-child:after{ width:0; }
.wrap_lang ul li a{ color:#aaa; text-decoration:none; }
.wrap_lang ul li a img{ margin-right:5px; }
.wrap_lang ul li a:hover{ color: #e6ae48; }
.wrap_lang .wrap_btnclose{ text-align:right; }
.bg_popup{display:none;width:100%;height:100%;position:fixed;z-index: 900;top:0;left:0;right:0;bottom:0;background: #000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: .7;-khtml-opacity: .7;opacity: .7;}
.bg_popup.active{ display:block; }

.slide_text{position:absolute;z-index: 100;width:100%;height: 20%;top:50%;left:0;font-family: 'Julius Sans One', sans-serif;color:#fff;}
.slide_text--title{ font-size:40px; }
._bg-full{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover; background-position:center center; height:100%; width:100%; position:absolute; z-index:0; top:0; left:0; right:0; bottom:0; }
._title{ position:relative; }
._title:before{ position: absolute;  content:""; width:100px; height:1px; right:calc(100% - 10px); background-color:#555; }
.roomdetail{ height:550px; width:100%; position:relative; }
.wrap_slide_room{ position:relative; height:100%; }
.wrap_slide_room ._bg-full{ height:550px;}
.wrap_slide_room .slick-dots{ display:block !important; bottom:30px; width:66.66%;}
.wrap_slide_room .slick-dots li{background-color: #fff;border-radius: 15px;display: inline-block;height: 12px;margin: 2px;overflow: hidden;text-indent: -999px;vertical-align: middle;box-shadow: 0 0px 6px rgba(0,0,0,0.3);border:1px solid #fff;}
.wrap_slide_room .slick-dots li:hover{ background-color: #fff; }
.wrap_slide_room .slick-dots li button:hover{background: initial;} 
.wrap_slide_room .slick-dots li.slick-active{ background: initial; }
.wrap_slide_room .slick-dots li.slick-active button{border: 0px;}
.slides-pagination a.current { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #fff;}
.wrap_amenities{position:absolute;width:33.33%;background-color: rgba(255, 255, 255, 0.8);height:100%;top:0;right:0;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;z-index: 99;}
.wrap_amenities .block{ padding:30px; }
.btn_reser{border: 1px solid #000;color:#000;margin: 12px auto;text-decoration:none;width: 140px;text-align:center;display: block;padding: 8px 18px 7px; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}
.btn_reser:hover{ background-color:#000; color:#fff; } 
.list_acc{ text-align:center; margin-top:30px; }
.list_acc li{ display:inline-block; margin: 20px 20px; }
.icon_acc{ display:block; width:40px; height:40px; cursor:pointer;  background-repeat:no-repeat; background-position:center center; }
.wrapper_list_type .title h2 { font-size: 38px; padding: 20px 0 15px; }
.wrap_block__type { position:relative; }
.wrap_block__type .content{position:absolute;z-index:1;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;justify-content: center;top: 20px;left:20px;right:20px;bottom:20px;color: #fff;background-color: rgba(0, 0, 0, 0.8);width: auto;}
._top_title{position:relative;display: inline-block;width: auto; margin: 10px 0; text-transform: uppercase; font-size:14px; }
._top_title:after{ height:1px; width:28px; background-color:#999; content:""; position:absolute; right: -37px; top: 10px; }
._top_title:before{height:1px;width: 28px;background-color:#999;content:"";position:absolute;left: -37px; top: 10px;}
._content_title{ font-family: 'Julius Sans One', sans-serif; font-size:32px; line-height:32px; }
._btn_moredetail{ border: 1px solid #514947; color: #fff; display: block; margin: 20px auto 0; padding:10px 0; text-align: center; width: 160px; background: none;  -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;transition: all 0.4s; text-decoration:none; font-size: 15px;  }
._btn_moredetail:hover{ border:1px solid #fff; }
.wrap__main_list .single-item .slick-slide .intro-slide{right:0;width: 33.33%;}
.row_offer{ position:relative; overflow:hidden;}
.offer_img{ position:absolute; left:0; top:0; bottom:0; width:50%; background-color:#000; }
.offer_content{float:right;width:50%;background-color: #f9f9f9; padding:60px 0;}  
.block__offer_content{ padding:20px 50px; } 
.block__offer_content h2{ font-family: 'Julius Sans One', sans-serif; color:#000; }
.offer_detail{ text-align:left; padding:30px 0; }
.offer_detail td, .offer_detail th{ padding:10px; }
.offer_detail ul{ margin-left:20px; }
.offer_detail ul li{ list-style-type:disc; }
.wrapper__offer_list .row_offer:nth-child(even) .offer_img{ left:auto; right:0; }
.wrapper__offer_list .row_offer:nth-child(even) .offer_content{ float:left; }



/* #Contact form
================================================== */
.wrap_formcontact{ width:80%;  max-width:900px; margin: 50px auto 0; }
.row_form{ height:45px; position:relative;  margin-bottom:10px; }
.row_form.field_textarea{ height: 70px; }
.subject{ width:30%; float:left; text-align:right; padding:13px 13px 13px 0; }
.inputfield{ width:70%; float:left; text-align:left; position: relative;  }
.inputfield input, .inputfield select, .inputfield textarea{ outline: none !important; width:70%; height: 42px; border-width:0 0 0 0; border-bottom: 1px solid #ddd; color:#333; font-size:14px; background-color: #fff; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; padding:0 0 0 15px;  }
.inputfield textarea{width: calc(70% - 0);padding:13px 17px;}
.inputfield select{width: calc(70% - 0px);background: #fff;border-bottom: 1px solid #ddd;-moz-appearance: inherit;-webkit-appearance: inherit;appearance: inherit;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;margin: 0;background: url(../images/icon-arrow--down.png)no-repeat center right;padding-left:15px;}
.inputfield input[name="password"]{ width: calc(70% - 120px); }
.inputfield .add_important.active{border-bottom: 1px solid #000;}
div[class*="error_msg"]{opacity:0;position:absolute;background-color: #000;color: #fff;padding: 5px 10px;font-size:14px;bottom: -20px;left:10px;z-index:100;transition: all 0.4s;width:65%;z-index:-1;}
div[class*="error_msg"]:after {	bottom: 100%;	left: 15px;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(136, 183, 213, 0);	border-bottom-color: #000;	border-width: 7px;	margin-left: -7px; 	}
div.active[class*="error_msg"]{ opacity:1; z-index:10; bottom:-36px; transition: all 0.4s; }	
.required{margin-left: 10px;padding: 15px 10px 0 0;color: #555;}
.row_form_submit{text-align: left;padding:0;width: 70%;float: right;}
.img_verify{ height: 45px; width:100px; float: left; font-size:12px; margin-right: 20px; }
.wrap_formcontact button{color: #555;font-size: 14px;font-family: 'Poppins', sans-serif;background-color: #e6ae48;border: 2px solid #e6ae48;padding:10px 15px;width: 180px;text-transform: uppercase;}
.wrap_formcontact button[type="reset"]{ background-color:#56545b; border:2px solid #56545b; color:#fff; }
.wrap_formcontact button:hover{color:#fff;background-color: #000;border: 2px solid #000;}
.wrap_formcontact button[type="reset"]:hover{color:#fff;background-color: #000000;border: 2px solid #000;}
div.error_msg-password { width: calc(70% - 150px); }


/* #Location
================================================== */
#map-canvas { height: 500px; width: 100%; }
#product_address{width:350px;text-align:left;overflow:hidden;padding:15px 10px; height:120px; }
#product-left{float:left;width:35%; margin-right: 20px;  }
#product-left img{ width:100%; }
#product-right #title { font-family: 'Julius Sans One', sans-serif; font-size:18px !important; line-height: 20px; margin-bottom: 5px; }
#product-right a { color:#000; }
#product-right a:hover{ text-decoration:underline; }
#product-right span{ line-height:14px; }
#product-right{ margin-left: 42%; position:absolute;  }
#map .gm-style #product-right{float:right;width:65%!important;padding-left:10px; }
#product-right h4{text-align:center;font-size:16px;margin-top:10px; }
#product_attraction #product-left img{width:200px;margin-bottom:10px; }
#map .gm-style #product_attraction #product-right{width:100%!important;line-height:19px;padding-left:0; }
#map .gm-style #product_attraction #product-right .product_box{display:inline-block;vertical-align:middle;white-space:normal; }
#product_attraction #product-right strong a{color:#000; text-decoration:none;font-size:14px;font-weight:400;margin-bottom:0;display:block; }
#product_attraction #product-right p{line-height:18px;font-size:14px;color:#333; }
.location-banner{ position: relative;  width: 100%; height: 100vh;  }
#home_map{ margin-top:10px; }

/* #Gallery
================================================== */
.row_gallery{overflow:hidden;padding: 30px 0 50px; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}
.row_gallery h3{margin: 0 0 30px; color:#000;}
.row_gallery a{display: inline-block;width: 16.66%;margin: 0;padding: 0;outline: none !important;margin-left: -4px;margin-bottom: -8px;} 
.row_gallery img{display:block;width: 101%;} 
.wrapper__gallery_list .row_gallery:nth-child(odd){ background-color:#f9f9f9; }


@media screen and (max-width:1470px) {		 
	#header{ padding:10px 40px 2px 40px; }	 
	}

@media screen and (max-width:1200px){
	.wrap-room .single-item .slick-slide .intro-slide{ width:40% ; right:0; left:auto; }
	.wrap-room .single-item .slick-slide .intro-slide.left{ width:40% ; }
	.wrap_amenities{ width:40%; }
	.wrap_slide_room .slick-dots{ width:60%; }
	.wrap__main_list .single-item .slick-slide .intro-slide{ width:40%; }
	.row_gallery a{ width:20%; }
	}
	
@media screen and (max-width:1080px){
	.explor-caption{ margin-top:10px; }
	.single-item .slick-slide .intro-slide{ padding:0 60px 60px; }
	.offer-home .triple-head a{ margin:20px auto 10px; }
	.wrap__main_list .single-item .slick-slide .intro-slide{ padding-bottom:0; }
	}
	
@media screen and (max-width:1024px){	
	.head_menu{ padding-top:0; }
	.home-inrto{padding: 90px 90px;} 
	._content_title{ font-size:28px; }
	}
	
@media screen and (max-width:980px){	
	.single-item .slick-slide .intro-slide{ left:20%; right:auto; width:60%; padding:0 60px 10px; }
	.explor-caption{ width:120px; }
	.single-item .slick-prev{ top:48%; left:20px; }
	.single-item .slick-next{top:48%;right:20px;z-index: 100;}
	.offer-home .slick-slider:hover .slick-prev{ top:40%; left:0;}
	.offer-home .slick-slider:hover .slick-next{ top:40%; right:0;}
	.center_header{ width:100%; }
	#availability-checker .date{ width:30%; }
	#availability-checker .choose{ width: 10%; }
	#availability-checker .promo{ width:17%; }
	#availability-checker .book{ width:20%; }
	#availability-checker .choose select{ width:100%; }
	.booking-form{ padding:10px 20px 15px; }
	#availability-checker .date, #availability-checker .choose, #availability-checker .promo{margin-left:0;margin-right: 1%;}
	.wrap-room .single-item .slick-slide .intro-slide{ width:50%; padding:30px; display: flex; }
	.wrap-room .single-item .slick-slide .intro-slide.left{ width:50%; }
	.wrap-room .explor-caption{ margin-top:10px; }
	.wrap__main_list .single-item .slick-slide .intro-slide{ width:50%; left:auto; }
	._btn_moredetail{ margin-top:0; }
	.row_gallery a{ width:25%; }
	.wrap_formcontact{ width:100%; }
	}
	
@media screen and (max-width:900px){
	.wrap_amenities{ width:50%; }
	.wrap_slide_room .slick-dots{ width:50%; }
	}
	
@media screen and (max-width:890px){
	h1{ font-size: 36px; line-height:1; }
	h2{ font-size: 28px; line-height:1; }
	.experience .title h2{ font-size:36px; line-height:1; }
	.offer_content{ position:relative; width:100%; padding:30px 0;  }
	.offer_img{ width:100%; height:300px; position:relative; }
	}
	  
@media screen and (max-width:768px){
	.head_menu ul li a{ margin:0 10px; }
	.slide_text{ top: 35%; }
	#header{ background-color:#000; }
	#availability-wrapper, #availability-checker{position: relative;}
	.wrap-list{ margin-top:20px; }
	.roomdetail{ height:auto; }
	.wrap_slide_room .slick-dots{ width:100%; }
	.wrap_amenities{ position:relative; width:100%; display:block; height:auto; background-color:#f9f9f9;  }
	.wrap_amenities .block{ padding:30px 60px; }
	.wrap_slide_room ._bg-full{ height:350px; } 
	#slides img{ height: auto !important; width:100% !important;}
	.wrapper_list_type .title h2{ font-size:36px; line-height:1.5;}
	.row_gallery a{ width:33.33%; }
	.wrap_formcontact button{ width:120px; padding:7px 0;  }
	.inputfield input, .inputfield select, .inputfield textarea{ width:85%; }
	}	
	
@media screen and (max-width:720px){	
	.intro-slide .header{ padding: 10px 0 0; }
	.title p:before, .title h2:before{top: 9px;}
	.title p:after, .title h2:after{ top: 9px; }
	.triple-head .title p:before{ top:18px; }
	.triple-head .title p:after{ top:18px; }
	.head_menu ul li a{ font-size:12px; }
	.slide_text--title{ font-size:36px;}
	.wrap-room .slick-slide img{ width:140%; }
	.wrap__main_list .slick-slide img{ height:380px; width:auto; }
	}
	
	
	
@media screen and (max-width:700px){	
	.explor-caption a{ line-height:36px; }
	.home-inrto{ padding:70px 40px; }
	#availability-checker .date{ width:38%; }
	#availability-checker .choose{ width: 12%; }
	#availability-checker .promo{ width:22%; margin-right:0; }
	#availability-checker .book{ width:100%; }
	.single-item .slick-slide .intro-slide{ width:70%; left:15%; }
	.slick-slide img{ width: 130%; height:auto; }
	.head_menu{ display:none; }
	.footer-row{ padding: 0 20px; }
	.social li{ padding: 0 2px; }
	}
	
@media screen and (max-width:640px){	
	.wrap-room .intro-slide .header { padding-top:0; }
	.wrapper__offer_list{ font-size:14px; }
	.home-inrto{ font-size:14px; }
	
	}
@media screen and (max-width:600px){	
	#slides img{width: auto !important;height: 400px !important;}
	.wrap__main_list .single-item .slick-slide .intro-slide{ width:100%; position:relative; background-color:#000; padding:20px 40px;   }
	.wrap__main_list .single-item .slick-slide img{height:300px;width: auto;}
	
	}
@media screen and (max-width:540px){		
	.single-item .slick-slide .intro-slide{ width:100%; left:0; }
	.slick-slide img{ width:100%; }
	.single-item .slick-slide img{ width:140%;  }
	.slick-dots{ bottom:10%; }
	.autoplay-trip .slick-dots li button{ width:10px; height:10px; } 
	.slick-dots li{ margin:0 3px; }
	#header{ padding: 10px 20px 2px; }
	.wrap-room .slick-slider{ }
	.wrap-room .intro-slide .header{ padding-bottom:0; }
	.wrap-room .intro-slide .header h2{ line-height:1.5; }
	.wrap-room .slick-slide img{ width:120%; margin-left:-10%;}
	.wrap-room .single-item .slick-slide .intro-slide{ width:100%; position:relative; display:block; background-color:#000; top:0; bottom:0; padding:20px 20px 30px; }
	.wrap-room .single-item .slick-slide .intro-slide.left{ width:100%; position:relative; display:block; background-color:#000; top:0; bottom:0; padding:20px 20px 30px; }
	.subject{ width:100%; text-align:left; padding:10px 0 0; }
	.inputfield{ width:100%; }
	.inputfield input, .inputfield select, .inputfield textarea{width: 90%;}
	.wrap_formcontact{ padding-left:15px; }
	.row_form_submit{ width:100%; padding:30px 30px 10px 0; text-align:center;  }
	.row_form{ height:auto; }
	}

@media screen and (max-width:480px){	
	.intro-slide .header{ padding:20px 0 ;}
	.slides-pagination{ display:none; }
	.wrap-room .single-item .slick-slide .intro-slide{ height:auto; float:none; }
	.wrap-room .explor-caption{ padding:5px 0; }
	.wrapper_list_type .title{ display:block; }
	.wrapper_list_type .title h2{ font-size: 28px; }
	.wrap_amenities .title{ display:block; }
	.row_gallery a{ width:50%; }
	}
	
@media screen and (max-width:440px){
	#slides{ max-height: 250px !important; }
	#slides img{ height:250px !important; } 
	.single-item .slick-slide img{width: 160%;}
	}
	
@media screen and (max-width:414px){
	h1{ font-size:32px; }
	.slick-slide img{ width: auto; height:400px; }
	.single-item .slick-slide img{ width: auto; height:400px;  }
	.slide_text--title{ font-size:28px;}
	#availability-checker .date{ width:49%; }
	#availability-checker .choose{ width: 16%; }
	#availability-checker .promo{ width:49%; margin-right:1%; }
	#availability-checker .book{width: 47%;}
	.wrap-room .slick-slide img{ height:auto; width:120%; margin-left:-10%; }
	.wrap__main_list .single-item .slick-slide img{ height:200px; width:auto; }
	.row_gallery a{ width:100%; }
	}
	
@media screen and (max-width:320px){
	.logo img{ width:100px; }
	.main_menu{ top:10px; }
	.lang{ top:10px; }
	.lang  a.btn_hamburger{ font-size:12px; }
	.lang  a.btn_hamburger span{ padding-top:2px; }
	.main_menu a.btn_hamburger{ font-size:12px; }
	.main_menu a.btn_hamburger span{ padding-top:2px; }
	#slides img{ width:140% !important; }
	.autoplay-trip .triple-head{ padding:20px;}
	.offer-home .triple-head .block{ padding:0; }
	.slide_text--title{ font-size:24px; }
	
}