@font-face {
  font-family: 'HelveticaNeueLTStd-Lt';
  src: url('../font/HelveticaNeueLTStd-Lt.eot') format('embedded-opentype'),  url('../font/HelveticaNeueLTStd-Lt.otf')  format('opentype'),
	     url('../font/HelveticaNeueLTStd-Lt.woff') format('woff'), url('../font/HelveticaNeueLTStd-Lt.ttf')  format('truetype'), url('../font/HelveticaNeueLTStd-Lt.svg') format('svg');
  font-weight: normal;
  font-style: normal;}
@font-face {
  font-family: 'HelveticaNeueLTStd-UltLt';
  src: url('../font/HelveticaNeueLTStd-UltLt.eot') format('embedded-opentype'),  url('../font/HelveticaNeueLTStd-UltLt.otf')  format('opentype'),
	     url('../font/HelveticaNeueLTStd-UltLt.woff') format('woff'), url('../font/HelveticaNeueLTStd-UltLt.ttf')  format('truetype'), url('../font/HelveticaNeueLTStd-UltLt.svg') 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 {/*-moz-osx-font-smoothing: grayscale;*/background-color: #e8e8e8;border: medium none;color: #333333;font-family: "HelveticaNeueLTStd-Lt",sans-serif;font-size: 16px;font-weight: 100;height: 100%;line-height: 20px;margin: 0;outline: 0 none;padding: 0;text-align: center;  letter-spacing:1px; line-height:26px}
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: underline;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: 700;}
dfn {font-style: italic;}
p {text-shadow: none}
h1, h2, h3 {font-family: "HelveticaNeueLTStd-UltLt";}
h1 {color:#a46c35;font-size: 52px;font-weight: lighter;}
h2 {color:#a46c35;font-size: 42px;line-height: 40px;font-weight: lighter;}
h3 {font-size: 36px;font-weight: lighter;}
h4 {font-weight: lighter;padding: 20px 0;	font-family: "HelveticaNeueLTStd-UltLt";}
h5 {font-family: "HelveticaNeueLTStd-Lt";font-size: 20px;font-weight: lighter;}
h2.content-text {font-size: 20px;line-height: 28px;}
h1 span { font-size:22px; display:block; padding-top:20px;}
.le-coral-logo {padding: 5px 10px 5px 10px;float: left;/*background-color: #fff;*/position: relative;z-index: 99999;left: 8%;}
.wrap-content {max-width: 1300px; margin: 0 auto;}
.head-sub {margin: 0 auto;padding: 16px 0 12px;width: 80%;}
.header {background-color: transparent !important;font-family: "HelveticaNeueLTStd-Lt",sans-serif;font-size: 24px;padding: 20px 0;}
.normal {color: #333333;font-family: "HelveticaNeueLTStd-Lt",sans-serif;font-size: 14px;}
mark {background: #ff0 none repeat scroll 0 0;color: #000;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
li {list-style:inside;}
.wrap-content ul ul li {font-size: 14px;margin-left: 20px;list-style:inside circle;}
.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: #a46c35;border: medium none;border-radius: 0;color: #fff;cursor: pointer;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: #fff none repeat scroll 0 0;color: #a46c35;}
button, html input[type="button"], input[type="reset"]:hover {background: #fff none repeat scroll 0 0;color: #a46c35;}
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;}
td, th {border: 1px solid;padding: 5px;vertical-align: middle;}
* {box-sizing: border-box;}
th {background: #4b4b4b none repeat scroll 0 0;color: #ffffff;}
/*.title {margin-bottom: 15px;}*/
.title p::before, .title h2::before {background: #fff none repeat scroll 0 0;content: "";display: block;height: 1px;position: absolute;right: -37px;top: 8px;width: 28px;}
.title p::after, .title h2::after {background: #fff none repeat scroll 0 0;content: "";display: block;height: 1px;left: -37px;position: absolute;top: 8px;width: 28px;}
.coralhideaway-feature .title p::before {background: #333 none repeat scroll 0 0;content: "";display: block;height: 1px;position: absolute;right: -37px;top: 8px;width: 28px;}
.coralhideaway-feature .title p::after {background: #333 none repeat scroll 0 0;content: "";display: block;height: 1px;left: -37px;position: absolute;top: 8px;width: 28px;}
.home-inrto .title {    margin: 0 0 30px 0;}
.home-inrto .title p::before {background: #333 none repeat scroll 0 0;content: "";display: block;height: 1px;position: absolute;right: -37px;top: 8px;width: 28px;}
.home-inrto .title p::after {background: #333 none repeat scroll 0 0;content: "";display: block;height: 1px;left: -37px;position: absolute;top: 8px;width: 28px;}
.wedding .title p::before, .wedding .title h2::before {top: 7px;}
.wedding .title p::after, .wedding .title h2::after {background: #fff none repeat scroll 0 0;content: "";display: block;height: 1px;left: -37px;position: absolute;top: 8px;width: 28px;}
*, *::before, *::after {box-sizing: border-box;}
*, *::before, *::after {box-sizing: border-box;}
.title p {display: inline-block;font-size: 14px;line-height: 20px;margin: 10px auto;position: relative;text-transform: uppercase;}
.hilight-text {color: #a46c35;}
.make-reserv{margin-top: 20px;}
.make-reserv a{ background-color: #a46c35;color: #fff; text-decoration: none;padding: 13px 10px 10px 10px;}
.make-reserv a:hover{  background-color: #333;}
.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%;}
.home-inrto {display: block;float: none;margin: 0 auto;max-width: 840px;overflow: hidden;padding: 70px 0 45px;position: relative;text-align: center;width: 100%;}
.location {height: 100%;}
.accommodation-home-inrto {margin: 0 auto;max-width: 840px;padding: 70px 0 45px;}
.room-info {overflow: hidden;}
.room-slide {display: block;float: left;position: relative;width: 65%;}
.room-slide.right-tmb {float: right;}
.room-slide-name .title p {font-size: 12px; }
.room-slide.width-content .room-name {background: rgba(255, 255, 255, 1) none repeat scroll 0 0;border: 2px solid #a46c35;bottom: auto;color: #a46c35;font-size: 40px;padding: 0% 5% 2% 5%; top: 16%;}
.room-slide.width-content .title {margin-bottom: 0px;}
.room-slide.width-content .title p::before, .title h2::before {background: #999 none repeat scroll 0 0;}
.room-slide.width-content .title p::after, .title h2::after {background: #999 none repeat scroll 0 0;}
.slide-width {}
.accommodation-feature { margin: 60px 0}
.room-size {color: #333333;font-size: 15px;margin: 0;padding-top: 20px;}
.width-content {width: 100%;}
.room-slide .room-name {bottom: 70px;color: #fff;font-size: 15px;position: absolute;right: 80px;}
.room-tmb-gal .room-name {top: 70px;color: #fff;font-size: 15px;position: absolute;right: 80px; z-index: 2;}
.room-slide span {border: 40px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;}
.room-slide span:hover {border: 0px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;}
.room-tmb-gal {  display: block;float: left;position: relative;	width: 100%;}
.room-tmb-gal span {border: 40px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;}
.room-tmb-gal span:hover {border: 0px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;}
.extra-wrap span {border: 40px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;}
.extra-wrap span:hover{border: 0px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;}
.intro-slide {display: block;float: none;line-height: 40px;margin: 0 auto 0 14%; position: absolute;text-align: left;bottom: 14%;width: 73%;z-index: 99;}
.offer-slide-price {color: #ffffff;float: right;font-size: 40px;	margin-top: 60px;font-weight: lighter;}
.offer-slide-price span {display: inline-block;font-size: 14px;line-height: 16px;}
.offer-slide-name {color: #ffffff;float: left;font-size: 40px;text-align: left;width: 48%;}
.offer-slide-name a {color: #ffffff;float: left;font-size: 40px;text-align: left;width: 48%;text-decoration: none;}
.offer-slide-name span { font-size: 14px; display: block;line-height: 18px;}
.home-offer {position: relative;}
.home-offer .offer-border {border: 40px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;}
.home-offer .offer-border:hover{border: 0px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;cursor: pointer;}
.wrap-block {position: absolute;}
.offer-wrap .discover-more {clear: both;width: 130px;margin: 20px auto auto auto;}
.offer-wrap .discover-more a {color: #fff;background-color: #a46c35;padding:10px 20px;text-align: center;}
.offer-wrap .discover-more a:hover {color:#a46c35;background-color: transparent !important;}

.offer-wrap {overflow: hidden;border-bottom: 1px solid #cccccc;padding: 20px 0;position: relative;/* display: inline-block; */
    width: 100%;}
.offer-detail {overflow: hidden;float: right;width: 50%;padding: 0 20px;}
.offer-detail li {font-size: 14px;display: list-item;list-style: inside;}
.left-picture {/* float: left; */
    width: 100%;display: block;height: auto;margin-right: 20px;}
.offer-picture {display: block;float: left;position: relative;width: 50%;}
.offer-picture span {border: 40px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;}
.coralexecitive-feature {/* background:none repeat 0 0;*/}
.block-bg{position: absolute;}
.block-border {	position: relative;}
.slide-head {
  font-family: 'HelveticaNeueLTStd-UltLt';
  line-height: 36px;}
.room-slide-name {color: #ffffff;font-size: 47px;margin: 13% 10%;outline: 4px solid #ffffff;padding: 5% 10%;position: absolute;width: 81%;}
.home-inrto-accommodation.room-feature {  display: inline-block;width: 35%;	height: 100%;}
.download {color: #a46c35;background: rgba(0, 0, 0, 0) url("../images/download.png") no-repeat scroll left center;padding: 10px 8px 10px 36px;	border: 1px solid #a46c35;text-decoration: none;}
.download a:hover {background: rgba(0, 0, 0, 0) url("../images/download.png") no-repeat scroll left center;padding: 10px 8px 10px 36px;text-decoration: underline;}
.download-service {color: #a46c35;background: rgba(0, 0, 0, 0) url("../images/download-sevice.png") no-repeat scroll left center;padding: 10px 8px 10px 36px;	border: 1px solid #a46c35;text-decoration: none;}
.download-service a:hover {background: rgba(0, 0, 0, 0) url("../images/download-sevice.png") no-repeat scroll left center;padding: 10px 8px 10px 36px;text-decoration: underline;}
.coral-hideaway-concept {font-family: "HelveticaNeueLTStd-UltLt";color: #ffffff;font-size: 60px;bottom: 100px;margin: 0 auto;position: absolute;text-align: left;width: 100%; z-index: 99;left: 5%;}
.scroll-down {bottom: 20px;margin: 0 auto;position: absolute;text-align: center;width: 100%;z-index: 99;}
.scroll-down a {text-decoration: none;}
#slides .scroll-down img {height: auto !important;width: auto !important;	display: inline-block;}
.scroll-down span {background-color: transparent !important;color: #ffffff !important;display: block;font-size: 15px;}
.liner {border-top: 1px solid #d2d2d2;display: block;line-height: 30px;margin: 30px auto;vertical-align: super;width: 100%;}
.line-sub {border-top: 1px solid #999;display: block;line-height: 30px;margin: 30px auto;vertical-align: super;width: 90px;}
.line-sub span {border-bottom: 1px solid #ffffff;display: list-item;height: 1px;list-style: inside none none;position: relative;width: 100%;}
.intro {opacity: 0;transition: all 0.5s ease 0s;}
.intro.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 {overflow: hidden;}
section .content-intro {text-align: center;    padding: 0 3em;}
section .content-intro h4 {color: #a46c35;font-size: 48px;line-height: 50px;padding: 0;}
.wrap-width .content-intro h4 {font-size: 40px;	line-height: 40px;}
.wrap-width .content-intro .title p::before {background: #333 none repeat scroll 0 0;content: "";display: block;height: 1px;position: absolute;right: -37px;top: 8px;width: 28px;}
*, *::before, *::after {box-sizing: border-box;}
.wrap-width .content-intro .title p::after {background: #333 none repeat scroll 0 0;content: "";display: block;height: 1px;left: -37px;position: absolute;top: 8px;width: 28px;}
.wrap-width {margin-top: 40px;}
.wrap-width .content-intro {background:#e8e8e8 none repeat scroll 0 0;/* background: rgba(255, 255, 255, 1) none repeat scroll 0 0; */border: 2px solid #a46c35;margin: 10%;padding: 3% 1%;position: absolute;width: 44%;z-index: 2;bottom: 0;top: 0;flex-direction: column;/* height: 100%; */justify-content: center;}
.wrap-width .coral-lounge{}
.wrap-width .coral-lounge span {    border: 40px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;	z-index: 1;}
.wrap-width .coral-lounge span:hover {border: 0 solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;}
.wrap-width .coral-lounge img {width:100%;height: auto;display: block;}
.feature li {float:left;width:50%;text-align: left;list-style: none;line-height: 28px;}
.feature li img {width: auto; height: auto;display: inline-block;    vertical-align: middle; padding:0 5px 0 0;}
.feature-home h2 {font-size: 32px; padding-bottom:20px;}
.service li {text-align: left;}
section .content-intro.content-right h4 {	font-size: 48px;	color:#a46c35;}
section .content-intro.content-right {text-align: center;}
section .content-intro .discover-more {display: inline-block;width: 130px;}
section .content-right .discover-more {text-align: left;}
.coralhideaway-feature {align-items: center;bottom: 0;display: flex;height: 100%;justify-content: center;margin: 0;top: 0;padding:0 3em;}
.remark-box {padding: 3em;margin: 0 3em;text-align: left;background-color: #dedad4;}
.remark-box h3  { margin-bottom:30px;}
section.discover-more {float: left;text-align: left;}
section .discover-more a {text-align: center;}
.discover-more a:hover {background: #a46c35 url("../images/arrpw-explor.png") no-repeat scroll right center !important;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 {color: #a46c35;display: block;font-family: "HelveticaNeueLTStd-Lt";font-size: 14px;margin: 0px auto;padding: 5px 12px;text-align: center;text-decoration: underline;}
.room-slide-name .discover-more a {color: #fff;text-decoration: underline;}
.experience {padding: 60px 0 30px;}
.home-inrto-accommodation a.link {text-decoration: underline;}
.autoplay-trip {margin-bottom: 45px;}
.autoplay-trip .triple-head {background-color: rgba(255, 255, 255, 0.8);bottom: 0;font-family: "HelveticaNeueLTStd-Lt";font-size: 24px;padding: 20px 0;position: absolute;width: inherit;}
.autoplay-trip .triple-heada {display: block;}
.autoplay-trip .slick-dots {display: block !important;}
.autoplay-trip .slick-dots li button {background-color: #000000;border-radius: 15px;display: inline-block;height: 10px;margin: 2px;overflow: hidden;text-indent: -999px;vertical-align: middle;width: 10px;}
.content-block {text-align: left;display: inline-block;background-color: #dedad4;}
.block-detail { width:33.33%; float: left;    position: relative;}
.block-contact { width:33.33%; float: left; padding:20px;position: relative;}
.block-detail img { width: 100%; height:auto;display: block;}
.block-detail span {border: 40px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;}
.block-detail span:hover{border: 0px solid #fff;content: "";display: block;height: 100%;opacity: 0.5;position: absolute;transform: translate3d(0px, -100%, 0px);transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;}
.block-detail-content {padding: 30px;}
.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: "HelveticaNeueLTStd-Lt",sans-serif;padding: 5px 0;text-align: left;}
.wrap-form .input {float: right;outline: medium none;text-align: left;width: 60%;}
.wrap-form .verifi {float: left;outline: medium none;text-align: left;width: 60%;margin-left: 10px;}
.wrap-form .text-area {height: 400px;outline: medium none;}
.wrap-form select {width: 60%;border: 1px solid #cccccc;padding: 5px 15px;-moz-appearance: none;background: #fff url("../images/select-arrow.png") no-repeat scroll right center;border-radius: 0;height: 40px;overflow: hidden;position: relative;appearance: none;-webkit-appearance: none;}
.room-amen ul {margin: 0;padding: 0;text-align: left;}
.room-amen {margin: 0;padding: 0;}
.room-amen li {display: inline-block;font-size: 12px;padding: 20px 0;text-align: center; width: 19%;}
.room-amen img {display: block;margin: 0 auto;}
.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;line-height: 30px;}
.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;font-family: "nonserifregular";overflow: hidden;padding: 20px;position: relative;width: 30%;}
.form-reserv h1 {color: #355a81;font-family: "day_romanregular";font-size: 24px;font-weight: 100;margin: 0 0 5px;padding: 0; width: 100%;}
.form-reserv h2 {border-bottom: 1px solid #ccc;color: #494949;float: left;font-family: "day_romanregular";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-family: "day_romanregular";font-size: 24px;font-weight: 100;margin: 0 0 5px;padding: 0; width: 100%;}
.form-contact h4 {color: rgba(255, 255, 255, 0.85);font-family: "day_romanregular";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;font-family: "nonserifregular";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;font-family: "nonserifregular";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;}

#booking_form .submit {
  margin: 20px 0px 10px;
}
#booking_form .show_link{
  margin: 10px 0px 0px;
}

#availability-checker {left: 0;padding: 0;}
#availability-wrapper, #availability-checker {background: rgba(0, 0, 0, 0) url("../images/reservation-bg.png") no-repeat scroll center center;bottom: -2px;font-size: 15px;padding-top: 10px;position: absolute;width: 100%;}
#availability-checker {bottom: 0;margin: 0 auto;right: 0;z-index: 12;}
#availability-checker .date input {cursor: pointer;}
#availability-checker input {float: left;width: 90%;}
#availability-checker input {background: rgba(255, 255, 255, 1) url("../images/calendar-icon.png") no-repeat scroll right center;border: 1px solid #e1e1e1;border-radius: 0;color: #ffffff;height: 37px;margin-bottom: 5px;padding: 4px 8px;width: 100%;}
#availability-checker .choose select {-moz-appearance: none;background:rgba(255, 255, 255, 1) url("../images/select-icon.png") no-repeat scroll right center;border: 1px solid #e1e1e1;border-radius: 0;color: #4b4b4b;height: 37px;padding: 4px 8px;top: 0;width: 90px;}
#availability-checker .book {background: #a46c35 none repeat scroll 0 0;border: 1px solid #e1e1e1;border-radius: 0;color: #fff;cursor: pointer;margin-bottom: 12px;padding: 8px 0;width: 145px;}
#availability-checker .book:hover {background-attachment: scroll;background-clip: border-box;background-color: #fff !important;background-image: none;background-origin: padding-box;background-position: 0 0;background-repeat: repeat;background-size: auto auto;color: #a46c35 !important;font-weight: bold;}
#availability-checker .date {width: 145px;}
#availability-checker .date {margin: 0;}
#availability-checker .date, #availability-checker .choose, #availability-checker .promo, #availability-checker label {float: left;margin-left: 10px;}
.booking-form {margin: 0 auto;xmax-width: 680px;padding: 10px 0;}
#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;}
#toggle-view {list-style: outside none none;margin: 0;padding: 0;}
#toggle-view li {cursor: pointer;position: relative;list-style: none;}
#toggle-view h3 {font-family: "HelveticaNeueLTStd-Lt",sans-serif;font-size: 18px;margin-bottom: 20px;}
#toggle-view span {text-decoration: underline;}
#toggle-view .panel {display: none;margin: 5px 0;}
/***************Slide****************/
#slides {position: relative;}
#slides .slides-container {display: block !important;}
#slides .slides-container img {width: 100%;}
#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: 20px;position: absolute;text-align: left;width: 100%; z-index: 99;padding-left: 5%;}
.slides-pagination a {border-radius: 15px;display: inline-block;height: 12px;margin: 2px;border: 1px solid #a46c35;overflow: hidden;text-indent: -999px;vertical-align: middle;width: 12px;}
.slides-pagination a.current {background-color: #a46c35;}
@media (max-width: 768px) {
.slides-pagination a {display: none;visibility: hidden;}
.slides-pagination {bottom: 25px;}
}

#toggle-view .panel a {color: #9f0737;}
/***************Accordion****************/
dl#accordion {height: auto !important;list-style-type: none;margin: 0 auto;max-width: 1024px;padding: 0 20px;text-align: left;}
#accordion .content-intro {padding: 10%;text-align: center;}
dl#accordion h3 {font-size: 32px;color: #a46c35;line-height: 34px;font-weight: lighter;}
dl#accordion .header {color: #a46c35;font-size: 18px;padding: 0;margin: 0 0 10px;font-weight: lighter;}
dl#accordion span {color: #333;display: block;font-size: 14px;}
dl#accordion .wrapper {background-color: #e8e8e8;margin-left: auto;margin-right: auto;padding: 0px;text-align: left;}
dl#accordion .wrapper .left-picture {float: left;height: auto;margin-right: 20px;width: 25%;}
dl#accordion .wrapper .content-block {border-bottom: 1px solid #d2d2d2;margin-bottom: 20px;overflow: hidden;padding-bottom: 20px;}
dl#accordion .wrapper.gallery img {width:33.33%;height:auto;display:inline-block;}
dl#accordion ul {margin: 20px 0;}
dl#accordion .wrapper.gallery {margin: 0;padding: 0;}
dl#accordion .wrapper.gallery img {border: 5px solid #ffffff;display: block;float: left;height: auto;margin-right: 10px;padding: 0;width: 32.33%;}
dl#accordion .wrapper.gallery img:first-child {margin-left: 0px;}
dl#accordion .wrapper.gallery img:last-child {margin-right: 0px;}
dl#accordion dt {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-bottom: 1px dotted #7c7c7c;margin: 0;padding: 0;}
dl#accordion dt {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-bottom: 1px dotted #7c7c7c;margin: 0;overflow: hidden;padding: 0;}
dl#accordion dt.active {border-bottom: medium none;}
dl#accordion.offer dt {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-bottom: 1px dotted #7c7c7c;margin: 0;overflow: hidden;padding: 30px 0;}
dl#accordion.offer dt.active {background-color: #e8e8e8;border-bottom: medium none;padding: 30px;}
dl#accordion dt a {background: rgba(0, 0, 0, 0) url("../images/marker-acc.png") no-repeat scroll right -20px;display: block;font-size: 22px;line-height: 1.2em;padding: 13px 0 19px !important;text-decoration: none;}
dl#accordion dt:hover {background: rgba(0, 0, 0, 0) url("../room_files/bg-row-2.png") repeat-x scroll right 0;}
dl#accordion dt.last.active:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
dl#accordion dt:hover a {background-color: #dfdfdf;border: 1px none;padding: 14px 0 19px 20px;}
dl#accordion dt:hover a.top {background-color: #dfdfdf;background-position: right -20px;border-color: -moz-use-text-color;border-style: none;border-width: medium 1px 1px;padding: 14px 0 19px;}
dl#accordion dt.active:hover {background: rgba(0, 0, 0, 0) url("../room_files/bg-acc.gif") no-repeat scroll center bottom;}
dl#accordion dt.active a {background: #e8e8e8 url("../images/marker-acc-1.png") no-repeat scroll right 10px;margin-right: 0;padding-bottom: 0 !important;}
dl#accordion.offer dt.active a {background: #e8e8e8 url("../images/marker-acc-1.png") no-repeat scroll right 10px;margin-right: 0;padding-left: 0 !important;}
dl#accordion.close-tab dd.one {
}
dl#accordion dt.active:hover a {background: rgba(0, 0, 0, 0) url("../images/marker-acc-1.png") no-repeat scroll right 0;border: medium none;padding: 14px 0 19px;}
dl#accordion dd {display: none;margin-bottom: 0;margin-left: 0;padding-left: 0;}
dl#accordion dd {display: none;margin-bottom: 0;margin-left: 0;padding-left: 0;}
dl#accordion dd .indent {background-color: #e8e8e8;margin-top: 0;overflow: hidden;padding: 0 12px 30px 0 !important;}
dl#accordion dd .indent1 {overflow: hidden;padding: 40px 12px 32px 20px !important;}
dl#accordion dd .indent2 {overflow: hidden;padding: 32px 12px 30px 20px !important;}
dl#accordion dd .indent3 {overflow: hidden;padding: 26px 12px 34px 20px !important;}
dl#accordion dd .indent4 {overflow: hidden;padding: 35px 39px 33px 19px !important;}
/*******************************/
footer {font-size: 13px;width: 100%;margin-top: 50px;background: #a46c35 repeat scroll 0 0;/*background: #a46c35 none repeat scroll 0 0;*/
}
footer .wrap {color: #ffffff;margin: 0 auto;max-width: 1300px;overflow: hidden;padding: 30px 0;}
footer .wrap  a {color: #ffffff;}
footer .wrap  a:hover {text-decoration: none;}
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;}
.newsleter {float: left;margin-right: 16px;max-width: 250px;overflow: hidden;position: relative;}
.footer-block {float: left;overflow: hidden;width: 75%;margin-top: 7px;}
.footer-coral {border: 1px solid #593b1d;display: inline-block;float: right;padding:0px;text-align: right;width: 205px;}
.footer-coral img {float: left;margin: 8px 8px 0 8px;}
.executive-lounge{}
.coral-lounge-footer {background: rgba(0, 0, 0, 0) url("../images/footer-line.png") repeat-y scroll 0 0;display: inline-block;font-size: 13px;padding: 5px 10px 0px 10px;text-align: center;  font-size:11px;}
.coral-lounge-footer a {color: #fff;}
.coral-lounge-footer a {text-decoration: none;}
.coral-lounge-footer a:hover {opacity: 0.7;}
.le-coral-hideaway-address {float: left;margin-left: 20px;text-align: left;}
.le-coral-hideaway-address p {margin: 0;padding: 0 }
.footer-block .header {color: #333333;font-size: 22px }
.footer-block:last-child {text-align: right;width: 35%;}
.social {
}
.social li {display: inline;height: 39px;padding: 0 3px;text-align: center;}
.social li:first-child {padding-left:0px;}
.social li a:hover img {opacity: 0.6;}
ul.footer_social {float: left;height: 39px;margin: 0 auto;overflow: hidden;position: relative;width: auto;	text-align: left;}
li.social_call_action {border-left: 1px solid #000;cursor: pointer;display: block;margin: 0;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;position: absolute;right: 67px;top: 0;width: 260px;}
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-family: "HelveticaNeueLTStd-Lt",sans-serif;font-size: 12px;height: 40px;margin-left: -5px;padding: 0 12px;width: 100px;}
#newsletter .subscribe:hover {background: #e5b9ad none repeat scroll 0 0 !important;color: #fff !important;}
ul, ol {
}
.esc {clear: both;height: 1px;position: relative;width: 100%;}
.clearfix::after {clear: both;content: "";display: table;}
@-webkit-keyframes spin {
100% {transform: rotate(1turn);}
}
@keyframes spin {
100% {transform: rotate(1turn);}
}
@-webkit-keyframes extra-spin {
100% {transform: rotate(1.125turn);}
}
@keyframes extra-spin {
100% {transform: rotate(1.125turn);}
}
#slider_wrapper {overflow: hidden;}
.explor-caption {color: #ffffff;display: block;font-size: 14px;margin: 12px auto 0;text-align: center;padding: 0 15px;}
.explor-caption a {color: #ffffff;line-height: 34px;text-decoration: underline;z-index: 99;width: 120px;display: block;margin: 0 auto;}
.explor-caption a:hover {color:#a46c35;background-color: #fff;text-decoration: none;}

.btn--youtube{ position: absolute; right: 60px; bottom: 80px; z-index: 99; width: 60px; height: 60px;  }
.btn--youtube a{  display: block; width: 100%; }
.btn--youtube img{ width: 100%;  }

.mfp-gallery img{ width: 100%; max-width: 680px; }


@media (max-width: 1024px) {
.le-coral-logo img {width: 80%;}
.room-slide-name {color: #ffffff;font-size: 47px;margin: 8% 10%;outline: 4px solid #ffffff;padding: 4% 8%;position: absolute;width: 80%;}
.explor-caption {margin: -2px auto 0;text-align: center;padding: 0 15px;}
.title {margin-bottom: -8px;}
.wrap-width .content-intro {margin: 6%;padding: 0% 2%;width: 44%;}
}
@media (max-width: 1023px) {
.le-coral-logo {padding: 5px 0 0;float: none;}
.le-coral-logo img {width: auto;height: auto;}
h3 {font-size: 38px;font-weight: lighter;}
.room-slide-name {padding: 2% 8%;}
.le-coral-logo {padding: 0px 0 3px 10px;float: left;}
.offer-slide-price {float: left;text-align: center;}
}
@media (max-width: 890px) {
.room-slide-name {padding: 0% 8%;}
.offer-slide-name {width: 100%;text-align: center;}
}
@media (max-width: 768px) {
h3 {font-size: 36px;font-weight: lighter;}
h1 {font-size: 26px;line-height: 40px;}
.coral-hideaway-concept {font-size: 30px;}
.page-index {line-height: 30px;}
.offer-picture {width: 100%;}
.offer-picture {display: block;float: left;position: relative;width: 100%;}
.home-inrto-accommodation.room-feature {display: inline-block;width: 100%;height: 100%;}
.room-tmb-gal {display: block;float: left;position: relative;width: 100%;display: none;}
/* section .content-intro.content-right h4 {font-size: 24px;} */
.room-slide .room-name {bottom: 35px;color: #fff;font-size: 15px;position: absolute;right: 30px;}
.line-sub {border-top: 1px solid #999;display: block;line-height: 30px;margin: 10px auto;}
.booking-form {max-width: 96%;}
div#newsletter {margin: 10px 0;}
div.social ul {display: inline;float: none;margin: 0 auto;}
.le-coral-hideaway-address {float: none;padding: 20px 0;text-align: center;}
.block-contact { width: 100%;}

.wrap-width .content-intro {width: 100%;}
#availability-checker input {height: 45px;}
#availability-checker .choose select {height: 45px;}
#availability-checker .book {padding: 15px;}
#availability-wrapper, #availability-checker {position: relative;}
#slides {height: 400px !important;width: 100% !important;}
#slides .slides-container img {height: 400px !important;left: 0 !important;position: relative !important;top: 0 !important;width: 100% !important;}
.slides-pagination {bottom: 20px;}
.scroll-down {display: none;}
#availability-checker .date {width: 46%;}
#availability-checker .date, #availability-checker .choose, #availability-checker .promo, #availability-checker label {display: inline-block;float: none;margin:7px 0;width: 48%;}
.book-direct {background: rgba(0, 0, 0, 0) url("../images/checker.png") no-repeat scroll left center;display: inline-block;font-size: 13px;line-height: 14px;margin: 10px 0;padding-left: 35px;text-align: left;text-transform: uppercase;width: 197px;}
#availability-checker .book {margin-top: 12px;width: 230px;}
#availability-checker .choose select {width: 100%;-webkit-border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.room-slide {width: 100%;}
.home-inrto {padding: 30px 20px;}
.home-inrto-accommodation {padding: 50px 20px;}
section .content-intro {padding: 30px 20px;}
section .content-right .discover-more {margin-top: -20px;}
.explor-caption {display: none !important;}
.room-amen li {width: 32%;}
.room-gallery {float: none;width: 100%;}
.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: 110px;padding: 20px;}
.content-triple {margin: 0;width: 48%;}
.content-triple:nth-child(2n+1) {margin-left: 1%;margin-right: 1%;}
.triple-content p {display: none;}
.coralhideaway-feature { display: block;padding: 0;}
.feature li {width: 100%;}
.home-inrto-accommodation.room-feature.activity {width: 100%;padding: 0;}
.home-inrto-accommodation.room-feature.activity {width: 100%;padding: 0;}
.autoplay-trip .triple-head {background-color: transparent;bottom: -70px;color: #ffffff;font-family: "HelveticaNeueLTStd-Lt";font-size: 15px;padding: 20px 0;position: absolute;width: inherit;}
.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%;}
.btn--youtube{ right: 30px; }


.column-reverse{
  flex-flow: column-reverse;
  display: flex
}
.column-flex{
  display: flex;
  flex-flow: column;
}
.column-reverse .span6 .lazy-load-box .block_3,
.column-flex .span6 .lazy-load-box .block_3{
  height: auto !important;
}
.column-reverse .content-intro.content-right,
.column-flex .content-intro.content-right {
  margin-top: 0;
  position: relative;
}


}
@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;}
.extra-wrap span {display: none;}
.wrap-width .content-intro {border: 2px solid #a46c35;margin: 0;padding: 15px;position: relative;}
.wrap-width .content-intro {border: 2px solid #a46c35;margin: 0px;padding: 3%;position: relative;}
.wrap-width .title {margin: 0 auto;text-align: center;width: 56%;}
.offer-detail {overflow: hidden;float: right;width: 100%;padding: 20px;}
footer .wrap {padding: 20px;}
.footer-coral {border: 1px solid #014a52;display: inline-block;float: none;padding: 0px;text-align: right;width: 260px;margin: 0 auto;}
.remark-box {margin: 0;}
  #fancybox-wrap{ max-width: calc(100% - 40px); }
  #fancybox-outer{ max-width: 100%; }
  #fancybox-content{ max-width: 100%; }
}



@media (max-width: 480px) {

  .le-coral-logo {left: 0;}
  .room-amen li {width: 48%;font-size: 0;padding: 10px 0;}
  .wrap-form .input {width: 100%;}
  .title p {text-shadow: none;}
  .row-form {margin: 0;}
  .room-slide span {display: none;}
  .wrap-width .coral-lounge span {display: none;}
  .wrap-width .content-intro h4 {text-align: center;}
  #slides .slides-container img {width: auto !important;}
  label.error {margin-left: 0 !important;padding-left: 0 !important;}
  .content-triple {margin: 0 !important;width: 100%;}
  .discover-more a {padding: 0;margin: 0;text-align: left;width: 100%;z-index: 999;position: relative;}
  .room-size {padding-top: 0px;}
  .download-service {display: block;margin:10px 0;}
  .download {display: block;margin:10px 0;}
  .footer-coral {float: none;width: 260px;}
  dl#accordion .wrapper .left-picture {width: 100%;margin: 20px 0;}
  dl#accordion .wrapper.gallery img {margin-right: 4px;}
  a#fancybox-close{ height: 20px; width: 20px; right: 7px; top: 7px;  background-size: 100% auto; }
  .booking-form{ margin-top: 30px; }
  }

@media screen and (max-width: 375px) {
  .btn--youtube{ right: auto; left: 20px;}
  .coral-hideaway-concept{ bottom: 40px; }
  }

@media screen and (max-width: 320px) {
  }

@media (max-height: 520px) {
  }

@media (max-height: 450px) {
  }