/*
Theme Name: Amiana v1
Theme URI: 
Author: Amiana
Author URI: 
Description: 
Version: 1.0
*/

@font-face {
    font-family: "Helvetica Neue Thin";
    src: url("fonts/helveticaneue-thin.ttf");
}
@font-face {
    font-family: "Helvetica Neue Medium";
    src: url("fonts/helveticaneue-medium.ttf");
}

@font-face {
    font-family: "Helvetica Neue Bold";
    src: url("fonts/helveticaneueltstd-bd.otf");
}
@font-face {
    font-family: "Kiona";
    src: url("fonts/kiona-regular.ttf");
}
body {font-family: "Helvetica Neue Thin"; font-size: 13px; letter-spacing: 0.5px; overflow-x: hidden; text-align: justify; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #58595b; }
body.en strong {font-family: "Helvetica Neue Bold"; color: #58595b}
body.vi strong {font-weight: 700; color: #58595b}
body.vi{
	font-family: 'Montserrat', sans-serif;
}
body.vi strong {
	font-family: 'Montserrat', sans-serif; font-weight: 700;
}

/*
body.vi {
	font-family: "Averta"; font-weight: 300
}*/
a:hover,
a:active,
a:focus,
input:focus,
input:hover,
button:hover,
button:active,
button:focus,
textarea:focus,
div:focus {
    outline: 0;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none
}
p {margin: 8px 0px;}
input {border-color: #fff}

/* label focus color */
input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label {
 color: #fff !important; 
}

/* label underline focus color */
input[type='text']:focus, .materialize-textarea:focus:not([readonly]), input[type='email']:focus {
 border-bottom: 0px !important;
 box-shadow: 0 0 0 0 #fff !important;
}
.datepicker-date-display {
    background-color: #d9b780;
}
.datepicker-table td.is-selected {
    background-color: #d9b780;
}
.datepicker-table td.is-today {
    color: #d9b780;
}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    color: #d9b780;
}
.search-room .datepicker-modal {
    /*top: inherit !important;
    bottom: 200px; z-index: 90000 !important*/
	top: 50vh !important;
}
.datepicker-table td.is-today.is-selected {
    color: #FFFFFF;
}

.fb_dialog_content iframe:first-child {
	bottom: 9rem !important;
	margin: 0px 0px !important;
	right: 6px !important;
}

.fb_iframe_widget iframe{
	bottom: 10rem !important;
}
.container {width: 1170px; position: relative;}
.first-section {
	position: relative;
	width: 100%; 
	height: 100vh;
}
.lz_overlay_wm_icon {width: 60; height: 60;}
.video-contain {z-index: -1;  height: calc(100% - 120px); width: 100%;}
.bg-video {width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; }
.head-menu {
	position: fixed; top: 0px; left: 0px; width: 100%; z-index: 5000;
}
.right-menu {float: left; margin: 0px 0px 0px 270px; border-bottom: 1px solid rgba(255,255,255,0.6); width: calc(100% - 300px)}
.head-menu.mblack .right-menu {border-color: #aea7a0}
.logo {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#menu-topmenu {margin: 0px; padding: 0px;  }
.en #menu-topmenu {font-family: 'Helvetica Neue', sans-serif; }
body.vi #menu-topmenu {font-family: 'Montserrat', sans-serif;}
#menu-topmenu > li {float: left; line-height: 56px; height: 56px; position: relative;}
#menu-topmenu > li:before {
	content: ""; width: 0; height:4px; background: #d9b780; position: absolute; bottom: -2px; left: 23px; border-radius: 2px;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#menu-topmenu > li:first-child:before {left: 0px;}
#menu-topmenu > li.current_page_item:before {content: ""; width: calc(100% - 30px); height:4px; background: #d9b780; position: absolute; bottom: -2px; left: 15px; border-radius: 2px}
#menu-topmenu > li:hover:before {
	content: ""; width: calc(100% - 30px); height:4px; background: #d9b780; position: absolute; bottom: -2px; left: 15px; border-radius: 2px;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#menu-topmenu > li.current_page_item:last-child:before, #menu-topmenu > li:last-child:hover:before { width: calc(100% - 15px); }
#menu-topmenu > li:first-child.current_page_item:before {content: ""; width: calc(100% - 15px); height:4px; background: #d9b780; position: absolute; bottom: -2px; left: 0px; border-radius: 2px}
#menu-topmenu > li:first-child:hover:before {
	content: ""; width: calc(100% - 15px); height:4px; background: #d9b780; position: absolute; bottom: -2px; left: 0px; border-radius: 2px;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#menu-topmenu > li > a {
	padding: 0px 10px;
    font-size: 15px;
	display: block; 
	color: #FFFFFF
}
body.vi #menu-topmenu > li > a {
	padding: 0px 8px;
    font-size: 13px;
}
body.vi #menu-topmenu > li:first-child > a {
	padding-left: 0px;
}
.head-menu.mblack #menu-topmenu > li > a {color: #000000}
#menu-topmenu > li:first-child > a {padding-left: 0px;}
#menu-topmenu > li:last-child > a {padding-right: 0px;}

.head-menu.stick #menu-topmenu > li:hover:after, .head-menu.stick #menu-topmenu > li.current_page_item:after {
	content: ""; width: 100%; height: 100%; background: #FFFFFF;
	position: absolute; top:0px; left: 0px; z-index: -1;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.head-menu.stick #menu-topmenu > li:first-child:hover:after, .head-menu.stick #menu-topmenu > li:first-child.current_page_item:after {width: calc(100% + 18px); left: -18px}
.head-menu.stick #menu-topmenu > li:last-child:hover:after, .head-menu.stick #menu-topmenu > li:last-child.current_page_item:after {width: calc(100% + 15px);}

body.vi .head-menu.stick #menu-topmenu > li:first-child:hover:after, .head-menu.stick #menu-topmenu > li:first-child.current_page_item:after {width: calc(100% + 13px); left: -13px}
body.vi .head-menu.stick #menu-topmenu > li:last-child:hover:after, .head-menu.stick #menu-topmenu > li:last-child.current_page_item:after {width: calc(100% + 15px );}


.head-menu.stick #menu-topmenu > li:hover:before, .head-menu.stick #menu-topmenu > li.current_page_item:before {width: 0px;}
.head-menu.stick #menu-topmenu > li:hover > a, .head-menu.stick #menu-topmenu > li.current_page_item > a {color: rgba(217, 183, 128, 1)}

.language-contain {position: absolute; right: 40px; top: 0px; line-height: 56px;  text-transform: uppercase; color: #FFFFFF; padding-right:10px; cursor: pointer}
.en .language-contain {font-family: "Helvetica Neue Bold";}
.languages {
	position: absolute; right: -40px; top: 56px; line-height: 40px;  font-size: 13px;
	z-index: 4000; background: #FFFFFF; color: #001d33; width: 134px; text-align: center; text-transform: capitalize;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: none;
} 
.en .languages {
	font-family: "Helvetica Neue Medium"; 
}
.flagvie {margin-right: 2px;}
.languages ul {margin: 0px; padding: 0px;}
.languages  img {vertical-align: middle;}
.languages ul li {border-bottom: 1px solid #d9b780; cursor: pointer; }
.languages ul li:last-child {border-bottom: 0px;}
.language-contain:hover .languages{
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: block;
}
.languages ul li:hover {
	background: #001d33; color: #FFFFFF;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.language-contain:hover .arrow-down {
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.arrow-down{position: absolute; width: 8px; height: 5px; background-image: url("images/arrow-down.png"); right: 0px; top: 26px; transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;}
.head-menu.mblack .arrow-down{background-image: url("images/arrow-down-black.png")}
.head-menu.mblack .language-contain {color: #000000}
.language-contain img {vertical-align: middle}
.book-contain {position: absolute; right: 0px; top: 56px; }
.book-btn {height: 40px; width: 134px; background: #d9b780; color: #FFFFFF; text-align: center; line-height: 40px;  cursor: pointer; vertical-align: middle}
.en .book-btn {font-family: "Helvetica Neue Bold"; }
.book-btn.handlesalari50.hasc span {line-height: 46px}
.head-menu.stick .book-btn.handlesalari50.hasc span {line-height: 40px}

.book-btn:hover {background: #bda071; color: #FFFFFF; border-color: #bda071; }
.book-trigger {position: relative;}
.book-sites {
	position: absolute; right: 0px; top: 40px; line-height: 40px;  font-size: 13px;
	z-index: 4000; background: #FFFFFF; color: #001d33; width: 134px; text-align: center; text-transform: capitalize;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: none;
} 
.en .book-sites {
	font-family: "Helvetica Neue Medium"; 
}
.book-sites ul {margin: 0px; padding: 0px; position: relative; display: block; }
.book-sites ul li {border-bottom: 1px solid #d9b780; cursor: pointer; }
.book-sites ul li:last-child {border-bottom: 0px;}
.book-trigger:hover .book-sites,
.book-contain:hover .book-sites,
.book-contain:hover .book-sites .sub-menu {
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: block;
}
/* .book-sites ul li:hover {
	background: #001d33; 
	color: #FFFFFF;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
} */
/* .book-sites ul li a {
	color: #001d33;
	display: block;
	padding: 10px 15px;
}
.book-sites ul li:hover a,
.book-sites ul li a:hover {
	color: #FFFFFF;
} */
.search-room {position: absolute; bottom: 0px; left: 0px;  background: #001d33; height: 120px; width: 100%; z-index: 500}
#fsearchroom {margin-top: 24px }
#fsearchroom label {color: #FFFFFF; text-align: left; display:block; font-size: 15px;  margin: 0px 0px 10px 0px;}
.en #fsearchroom label {font-family: "Helvetica Neue Thin"; }
#fsearchroom > ul > li {text-align: left; float: left; margin: 0px 28px 0px 0px; position: relative}
#fsearchroom > ul > li:nth-child(1) > input, #fsearchroom > ul > li:nth-child(2) > input {
	width: 270px; border: 1px solid #FFFFFF; height: 40px; color: #FFFFFF; margin: 0px; 
	padding: 0px 12px; position: relative; box-sizing: border-box;
}
#fsearchroom > ul > li:nth-child(3) input, #fsearchroom > ul > li:nth-child(4) input, #fsearchroom > ul > li:nth-child(5) input {width: 72px; border: 1px solid #FFFFFF; height: 40px; color: #FFFFFF; margin: 0px; padding: 0px 12px; position: relative; box-sizing: border-box;}
#fsearchroom > ul > li:nth-child(3) input:focus, #fsearchroom > ul > li:nth-child(4) input:focus, #fsearchroom > ul > li:nth-child(5) input:focus{border-bottom: 1px solid #FFFFFF !important}
#fsearchroom > ul > li:last-child {margin-right: 0px}
.datepicker-calendar input.select-dropdown{
	color: #000000 !important; border: 0px !important; padding-left: 0px !important; padding-right: 0px !important;
}
#btnsearchroom { cursor: pointer; margin-top: 32px; border: 0px; background: #FFFFFF; color: #d9b780; font-size: 15px; padding: 0px;  height: 40px; line-height: 40px; width: 270px; text-align: center;}
.en #btnsearchroom { font-family: "Helvetica Neue Bold"; }
#btnsearchroom.handlesalari50.hasc span {line-height: 46px}
.icon-children {position: absolute; right: 8px; bottom: 8px; }
#fsearchroom > ul > li:nth-child(5) input {padding-right: 32px}

.icon-adult {position: absolute; right: 8px; bottom: 6px; }
#fsearchroom > ul > li:nth-child(4) input {padding-right: 23px}

.icon-room {position: absolute; right: 8px; bottom: 10px; }
#fsearchroom > ul > li:nth-child(3) input {padding-right: 37px}

.icon-calendar {position: absolute; right: 8px; bottom: 5px; }
#fsearchroom > ul > li:nth-child(1) > input, #fsearchroom > ul > li:nth-child(2) > input {
	padding-right: 37px
}
.hint-book {
	text-align: right;
    min-width: 200px;
    position: absolute;
    right: 134px;
    color: #FFFFFF;
    font-size: 11px;
    padding-right: 20px;
    top: 10px;
    display: none;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.en .hint-book {
    font-family: "Helvetica Neue Thin";
}
body.vi .hint-book {
	font-family: 'Montserrat', sans-serif;
}
.book-contain:hover .hint-book {
	display: block;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#video {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
video {
  bottom: 0;
  left: 0;
  min-height: 134vh;
  min-width: 100%;
  position: absolute;
}
 #video video { 
    position: absolute;
    /*top: 50%;
    left: 50%;*/
   	height: 134vh;
    min-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    /*transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	background-size: cover;
	transition: 1s opacity;*/
}
.loadingpercent {
	position: absolute; top: 50%; left: 50%;
	transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    text-align: center;
    color: rgba(217, 183, 128, 0.5);
}


.background-video {
  background-position: top center;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
}
video {
  bottom: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}

.loaded .ytplayer-container {
  display: block;
}

.loaded .placeholder-image {
  opacity: 0;
}

.ytplayer-container {
  bottom: 0;
  height: 100%;
  left: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.placeholder-image {
  height: 100%;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
  z-index: 1;
}

.ytplayer-shield {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ytplayer-player {
  position: absolute;
}

#videoytb{
 position: relative;
 background: transparent; width: 100%; height: 100%;
}

.ytplayer-container{
 position: absolute;
 top: 0;

}


.section-escape {text-align: center; padding: 60px 0px 0px; position: relative; background: #e9dddb;}
.section-escape:before {content:""; width: 100%; height: 42%; background: #FFFFFF; position: absolute; left: 0px; bottom: 0px;}
.escape-signature img {width: 286px; height: auto;}
.section-escape .title span { font-family: "Kiona"; font-size: 20px; letter-spacing: 6px; text-transform: uppercase; color: #3f4666; line-height: 20px; position: relative;}
.section-escape .title span:before {
	content: ""; position: absolute; top: 13px; left: -30px; width: 20px; height: 1px; background: #94aab7; 
}
.section-escape .title span:after {
	content: ""; position: absolute; top: 13px; right: -20px; width: 20px; height: 1px; background: #94aab7; 
}
.escape-signature {margin: 25px 0px;}
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 051 css*/
.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {background: #FFFFFF;}
.jssorb051 .i:hover .b {}
.jssorb051 .iav  .rect-bullet{border: 1px solid #FFFFFF; background: transparent !important;}
.jssorb051 .i.idn {}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}
.section-escape #jssor_1 {margin: 41px auto auto;}
.section-destination, .section-accommodation, .destination-archive  {padding: 60px 0px; font-size: 14px; color: #000000}
.section-destination .contain, .section-accommodation .contain, .section-holiday .contain, .destination-archive .contain {width: 580px; margin: auto; text-align: center;}
.section-destination .title, .section-accommodation .title,  .section-holiday .title,  
.section-tripadvisor .title, .section-360toure h3, .section-contact h3, .destination-archive .title,
.section-exclusive .title {
	position: relative;
    text-transform: uppercase;
    font-family: "Kiona";
    font-size: 20px;
    letter-spacing: 6px;
    color: #3f4666;
    padding: 0px 0px 30px;
    margin: 0px 0px 30px 0px;
	text-align: center;
 }
/* .section-exclusive .title {text-align: center;} */
.section-exclusive img {max-width: 100%; height: auto;}
.item-happening {
	position: relative;
	text-align: center; height: 392px; 
}
.happening-img {
	width: calc(100% - 2px); height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;
	position: absolute; top: 0px; left: 1px; z-index: -1;
}
.item-happening img {
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.section-exclusive {margin: 10px auto 60px;} 
.item-happening:hover img {
	transform: scale(1.05);
	-o-transform: scale(1.05);
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.title-happening {
    font-family: "Kiona"; text-transform: uppercase; text-align: center;
    width: 80%; left: 10%; position: absolute; top: 50%; 
	transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%);
	padding: 20px;     background: rgba(217, 183, 128, 0.8); color: #FFFFFF;   font-size: 16px; display: none
}
.item-happening:hover .title-happening{
	display: block;
}

body.vi .section-destination .title, body.vi .section-accommodation .title,  body.vi .section-holiday .title,  
body.vi .section-tripadvisor .title, body.vi .section-360toure h3, body.vi .section-contact h3,   body.vi .destination-archive .title, body.vi .section-exclusive .title {
	font-family: 'Montserrat', sans-serif;
}
body.vi #btnsearchroom  {
	font-family: 'Montserrat', sans-serif; font-weight: 700;
}
body.vi .title-happening {
	font-family: 'Montserrat', sans-serif;
}
.section-destination .title span, .section-accommodation .title span, .section-holiday .title span, .section-tripadvisor .title span,
.destination-archive .title span { position: relative;}
.section-destination .title span:after, .section-accommodation .title span:after, .section-holiday .title span:after, .section-tripadvisor .title span:after,
.destination-archive .title span:after {content: ""; width: 100px; height: 1px; background: #bfc6cc; position: absolute; bottom: -15px; left: calc(50% - 50px)}

.title.hasunderline:after {
	content: ""; width: 100px; height: 1px; background: #bfc6cc; position: absolute; bottom: 0px; left: calc(50% - 53px)
}
.row-accommodation .title.hasunderline:after {
	left: 0px
}
.row-accommodation:first-child .title.hasunderline:after {
	left: calc(50% - 53px)
}
.section-destination .title.hasunderline span:after, .section-accommodation .title.hasunderline span:after, .section-holiday .title.hasunderline span:after, 
.section-tripadvisor .title.hasunderline span:after, .destination-archive .title.hasunderline span:after {content: ""; width: 0px;}

.linkto {margin: 30px 0px 0px;}
.linkto a {
	padding: 8px 40px; border: 1px solid #cfd1d9; color: #3f4666; font-size: 13px;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.en .linkto a {
	font-family: "Helvetica Neue Bold";
}
.linkto a.hasc{
	padding: 11px 40px 8px;
}
.linkto a:hover {
	background: #d9b780; color: #FFFFFF; border-color: #d9b780; 
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.banner-image {height: 550px; background-size: cover; background-repeat: no-repeat; width: 100%; background-position: center center;}
.section-accommodation .contain, .section-holiday .contain, .destination-archive .contain {margin-top: -60px; background:#FFFFFF; padding: 30px 0px;}
.captionaccommodation {margin: 0px; padding: 0px; position: relative}
.captionaccommodation li {display: none}
.captionaccommodation li.active {display: block;}
.viewdetail, .booknow {
	padding: 8px 30px; border: 1px solid #cfd1d9; color: #3f4666;font-size: 13px;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.en .viewdetail, .en .booknow {
	font-family: "Helvetica Neue Bold"; 
}
.slick-exclusive .viewdetail {color: #FFFFFF}
body.vi .viewdetail, body.vi .booknow, body.vi .linkto a,
body.vi button, body.vi input, body.vi optgroup, body.vi select, body.vi textarea, body.vi .book-right .book-btn {
	font-family: 'Montserrat', sans-serif;
}
.viewdetail.hasc, .booknow.hasc {
	padding: 11px 30px 8px;
}
.booknow {background: #d9b780; color: #FFFFFF; border-color: #d9b780;  }

.viewdetail:hover, .booknow:hover {
	background: #d9b780; color: #FFFFFF; border-color: #d9b780; 
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.booknow:hover {
	background: #bda071;
	border-color: #bda071; 
}
.range-cap {margin-top: 30px;}
.section-holiday .contain {width: 770px; }
.section-holiday .contain  .content {width: 580px; margin: auto; font-size: 15px; color: #000000}
.section-holiday .services {margin: 0px; padding: 0px;}
.section-holiday .services li {float: left; width: calc(50% - 1px); margin: 0px 2px 2px 0px; position: relative;}
.section-holiday .services li:nth-child(even){margin-right: 0px}
.section-holiday .services li img {max-width: 100%; height: auto; display: block;}
.item-mask {
	position: absolute; width: 100%; height: 50%; 
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	bottom: 0px; left: 0px;
	/* transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; */
}
/* .slick-exclusive .item-mask {
	width: calc(100% - 2px); left: 1px;
} */


.item-short-intro {
	position: absolute; width: 100%; text-align: center; left: 0px; 
	bottom: 0;
	color: #FFF;
	padding: 20px 20px;
	font-size: 16px;
	font-weight: 600;
	/* text-shadow: 0px 1px #000000; */
}
.item-short-intro.item-short-introdetail {
	position: absolute; width: 100%; text-align: center; left: 0px; 
	bottom: auto;
	top: 50%;
	transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.item-short-intro.item-short-introdetail a {
	color: #FFF;
	text-decoration: underline;
}
.item-short-intro.item-short-introdetail strong {
	color: #FFF;
}
.section-holiday .item-short-intro .short-intro, .destination-archive .item-short-intro .short-intro {
	color: #FFFFFF
}
.section-holiday .item-short-intro .title, .destination-archive .item-short-intro .title {
    padding: 0px 0px 14px;
    margin: 0px 0px 14px 0px;
    color: #FFFFFF
}
.slick-exclusive .item-short-intro .title {
    padding: 0px;
    margin: 0px;
    color: #FFFFFF;
	font-size: 15px;
}
.section-holiday .item-short-intro .title span:after, .destination-archive .item-short-intro .title span:after {
    bottom: -14px;
    background: #FFFFFF
}
.section-holiday .item-short-intro .readmore, .destination-archive .item-short-intro .readmore  {margin-top: 20px;}
.section-holiday .item-short-intro .viewdetail, .destination-archive .item-short-intro .viewdetail {color: #FFFFFF}

.section-holiday .item-short-intro.item-short-introdetail, 
.destination-archive .item-short-intro.item-short-introdetail,  .slick-exclusive .item-short-intro.item-short-introdetail   {
    opacity: 0;
    visibility: hidden; 
    height: 0px
}
.section-holiday .services li:hover  .item-short-intro, 
.destination-archive .lsotherposts li:hover  .item-short-intro, 
.destination-archive .lsotherpostsslick .slick-slide:hover  .item-short-intro, 
.slick-exclusive .item-happening:hover .item-short-intro,
.otherpost__swiper_detail .otherproduct__swiper_slide:hover .item-short-intro{
	opacity: 0;
    visibility: hidden; 
    height: 0px
}
.section-holiday .services li:hover .item-short-intro.item-short-introdetail, .destination-archive .lsotherposts li:hover .item-short-intro.item-short-introdetail, .destination-archive .lsotherpostsslick .slick-slide:hover .item-short-intro.item-short-introdetail,
.slick-exclusive .item-happening:hover .item-short-intro.item-short-introdetail,
.otherpost__swiper_detail .otherproduct__swiper_slide:hover .item-short-intro.item-short-introdetail{
  	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 1;
    visibility: visible;
    height: auto;
}
.section-holiday .services li:hover .item-mask, .destination-archive .lsotherposts li:hover .item-mask, .destination-archive .lsotherpostsslick .slick-slide:hover.item-mask,
.item-happening:hover .item-mask {
	height: 100%; 
	background: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.7));
	/* transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; */
}
.section-holiday {padding-bottom: 60px;}
.section-tripadvisor {position: relative; padding: 60px 0px; background: #eff0f0; text-align: center;}
.slicktrip {width: 970px; margin: 30px auto 0px; padding: 0px 90px;}
.section-tripadvisor .content {
	font-style: italic;
	font-size: 20px;
	color: #58595b;
}
.en .section-tripadvisor .content {
	font-family: "Helvetica Neue Thin";
}
.section-tripadvisor .title {
    padding: 0px 0px 20px;
    margin: 0px 0px 20px 0px;
}
.section-tripadvisor .title span:after {
    bottom: -20px;
}
.section-360toure {padding: 60px 0px;}
.section-360toure .contain {
	width: 560px; margin: auto; text-align: center;
	font-size: 15px; color: #58595b; 
}
.section-360toure h3 { padding: 0px 0px 0px; margin: 0px 0px 0px 0px;}
.section-360toure img { margin: 30px 0px 10px;}
.section-contact {background-size:cover; background-repeat: no-repeat; padding: 60px 0px;  position: relative; }
.impress:before {content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,0.5)}
.left-contact {float: left; width: 380px; padding: 0px 14px 0px 0px; position: relative; font-size: 15px; }
.en .left-contact {font-family: "Helvetica Neue Thin"; }
.left-contact:after {content: ""; width: 1px; height: calc(100% - 25px); position: absolute; top: 16px; right: 0px; background: #FFFFFF}
.left-contact.recaptcha:after{display: none;}

/* reCAPTCHA v3 badge: z-index cao tránh bị ảnh che, ẩn ban đầu, chỉ hiện khi scroll tới section contact */
.grecaptcha-badge {
    z-index: 999999 !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
body.recaptcha-in-view .grecaptcha-badge {
    opacity: 1;
    visibility: visible;
}
.frowcaptcha {margin-top: 30px;}
.right-contact {float: left; width: 480px; padding: 0 0 0 14px; }
.section-contact h3 {color: #FFFFFF; margin: 0px 0px 30px; padding: 0px;}
.section-contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFFFFF; font-size: 15px;
}
.en .section-contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family: "Helvetica Neue Thin";
}
.section-contact ::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF; font-size: 15px; 
}
.en .section-contact ::-moz-placeholder { /* Firefox 19+ */
	font-family: "Helvetica Neue Thin";
}
.section-contact :-ms-input-placeholder { /* IE 10+ */
  color: #FFFFFF; font-size: 15px;
}
.en .section-contact :-ms-input-placeholder { /* IE 10+ */
	font-family: "Helvetica Neue Thin";
}
.section-contact :-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF; font-size: 15px;
}
.en .section-contact :-moz-placeholder { /* Firefox 18- */
	font-family: "Helvetica Neue Thin";
}
.section-contact input, .section-contact select {border-bottom: 1px solid #FFFFFF; width: 100%; margin-bottom: 0px; color: #FFFFFF}
.section-contact select { display: block; background: transparent !important; 
	border-left: none; border-right: none; border-top: none; 
	outline: none; font-size: 16px; font-weight: 600; padding-left: 0;}
.section-contact textarea {
	line-height: 46px; color: #FFFFFF; font-size: 15px;
	height: 300px; color: #FFFFFF; resize: none;
}
.en .section-contact textarea {
	font-family: "Helvetica Neue Thin";
}
.section-contact input[type='text'], .section-contact input[type='email'], 
.section-contact input[type='text']:focus, .materialize-textarea:focus:not([readonly]), .section-contact input[type='email']:focus, 
.section-contact select, .section-contact select:focus {
 border-bottom: 1px solid #FFFFFF !important;
 margin-bottom: 0px;
 color: #FFFFFF;
}
optgroup {
	background: #d9b780 !important;
	color: #FFF;
}
.section-contact select option {
	background: #d9b780 !important;
	color: #FFF;
}
.colcontactright ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: "Helvetica Neue Thin";
}
.colcontactright ::-moz-placeholder { /* Firefox 19+ */
  font-family: "Helvetica Neue Thin";
}
.colcontactright :-ms-input-placeholder { /* IE 10+ */
  font-family: "Helvetica Neue Thin";
}
.colcontactright :-moz-placeholder { /* Firefox 18- */
  font-family: "Helvetica Neue Thin";
}

.en .colcontactright ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family: "Helvetica Neue Thin";
}
.en .colcontactright ::-moz-placeholder { /* Firefox 19+ */
	font-family: "Helvetica Neue Thin";
}
.en .colcontactright :-ms-input-placeholder { /* IE 10+ */
	font-family: "Helvetica Neue Thin";
}
.en .colcontactright :-moz-placeholder { /* Firefox 18- */
	font-family: "Helvetica Neue Thin";
}

.colcontactright input[type='text'], .subscribe input[type='email'], .colcontactright input[type='email'], .colcontactright input[type='text']:focus, .colcontactright .materialize-textarea:focus:not([readonly]), .colcontactright input[type='email']:focus {
 border-bottom: 1px solid #58595b !important;
 box-shadow: 0 0 0 0 #58595b !important;
 margin-bottom: 0px;
 color: #58595b;
}
.section-contact input.errorinput[type='text'], .section-contact input.errorinput[type='email'] {border-color: #ff0000 !important}
.section-contact .select-wrapper input.select-dropdown.errorinput {border-bottom: 1px solid #ff0000 !important; box-shadow: 0 1px 0 0 #ff0000 !important}
.section-contact select.errorinput {border-color: #ff0000 !important}
.form-contact-error { padding: 10px 14px; margin-bottom: 12px; background: #ffebee; border: 1px solid #f44336; color: #c62828; font-size: 14px; border-radius: 4px; }
.frowbutton {position: relative;}
#btnsend { 
	cursor:pointer ;border: 1px solid #FFFFFF; box-shadow:none; background: transparent; padding: 10px 60px; color: #FFFFFF; text-transform: uppercase; font-family: "Helvetica Neue Bold"; font-size: 13px; margin: 30px 0px 0px;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
body.vi #btnsend {
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
#btnsend.hasc {padding: 13px 60px 10px; }
.colcontactright #btnsend { 
	cursor:pointer ;border: 1px solid #d9b780; box-shadow:none; background: transparent; padding: 10px 80px; color: #FFFFFF; text-transform: uppercase; font-size: 13px; margin: 10px 0px 0px;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: #d9b780; 
}
.en .colcontactright #btnsend { 
	font-family: "Helvetica Neue Bold";
}
.colcontactright #btnsend.hasc {padding: 13px 80px 10px;}
#btnsend:hover {
	background: #d9b780; border-color: #d9b780;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.frow {margin-bottom: 10px;}
.footer {padding: 40px 0px;}
.footer ul {margin: 0px; padding: 0px;}
.footer > .container > ul > li {float: left; margin-right: 40px;}
body.vi .footer > .container > ul > li { margin-right: 40px;}
.footer > .container > ul > li:first-child {margin-right: 80px;}
body.vi .footer > .container > ul > li:first-child {margin-right: 70px;}
.footer > .container > ul > li:last-child { margin-left: 0; margin-right: 0px;}
body.vi .footer > .container > ul > li:last-child {  margin-right: 0px;}
.followus ul {margin: 20px 0px 0px; padding: 0px; color: #58595b; font-size: 15px; }
.en .followus ul {font-family: "Helvetica Neue Medium";}
.followus ul li {display: inline-block; line-height: 40px; margin-right: 6px}
.followus ul li img {vertical-align: middle; }
.followus ul li:first-child {margin-right: 10px;}
#menu-footer-1, #menu-footer-2 {
	margin: 0px; padding: 0px;
}
#menu-footer-1 a, #menu-footer-2 a {
	color: #58595b; font-size: 15px; font-family: "Helvetica Neue Thin";
}
body.vi #menu-footer-1 a, body.vi #menu-footer-2 a {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
}
#menu-footer-1 li, #menu-footer-2 li {
	padding-bottom: 10px;
}
#menu-footer-1 li:last-child , #menu-footer-2 li:last-child {
	padding-bottom: 0px;
}
.datepicker-controls .select-month input{width: 85px;}
.award {margin: 0px; padding: 0px}
.award li {display: inline-block; margin-right: 2px}
.award li:last-child {margin-right: 0px;}
.award li img {display: block; width: 60px; height: auto;}
.award li.active img {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    border: 1px solid #d9b780;
    border-radius: 4px;
    padding: 4px;
}
.section-accommodation {padding-top: 0px;}
.address {color: #58595b; font-size: 15px; font-family: "Helvetica Neue Thin"; margin-top: 8px; text-align: left;}
body.vi .address, body.vi .footerlink {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
} 
.footerlink { margin-top: 3px; text-align: left;}
.footerlink a {color: #58595b; font-size: 12px; font-family: "Helvetica Neue Medium"; }
.copyright {color: #58595b; font-size: 12px; font-family: "Helvetica Neue Thin";  margin-top: 3px;}
body.vi .copyright {font-family: 'Montserrat', sans-serif; }
body.vi .footerlink a {font-family: 'Montserrat', sans-serif; font-weight: bold; }
#sendloading {content: ""; background-image: url("images/loading-yellow.svg"); width: 60px; height: 60px; background-size: 60px 60px; position: absolute; top: 18px; left: 164px; display: none;}
#btnsend.disabled:hover {background-color: #b7b7b7}
.disabled {opacity: 0.4 !important;}
#back-to-top {
	position: fixed; width: 40px; height: 0px; background: #d9b780; right: 10px; bottom: 80px;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 0;
    line-height: 45px; 
	text-align: center;
	z-index: 500;
	border-radius: 50px;
}
#back-to-top.show{
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    height:40px;
    opacity: 0.8;
}
#back-to-top.show:hover{
    opacity: 1;
}
.head-menu.stick {background: rgba(217, 183, 128, 1)}
.head-menu.stick .book-btn {
    border: 2px solid #FFFFFF;
}
.head-menu.stick .language-contain{
	display: none;
}
.head-menu.stick .book-contain {
    top: 7px;
}
.head-menu.stick .hint-book {display: none !important}
/* .bg-logo {width: 144px; height: 94px; background:url("images/logo-white.png"); background-size: 144px 94px;}
.head-menu.stick #gohome .bg-logo {
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background:url("images/logo-white-01.png");
    width: 86px; height: 56px;
    background-size: 86px 56px;
} */
.head-menu.stick .right-menu {border-bottom: transparent;}
.banner-page {background-size: cover; width: 100%; height: 730px; background-repeat: no-repeat; background-position: bottom center;}
.destination-archive {padding-top: 0px;}
.full-items {margin: 30px 0px 0px; padding: 0px;}
.full-items li {float: left; width: calc(33.3333% - 4px); margin: 0px 6px 60px 0px;}
.full-items li:nth-child(3n + 3) {margin-right: 0px}
.full-items li:nth-child(3n + 1) {clear: both;}
.bg-fullitem { height: 474px; background-size: cover; background-repeat: no-repeat;}
.full-items .content {padding: 30px 50px; font-size: 15px; font-family: "Helvetica Neue Thin"; color: #000000}
body.vi .full-items .content {font-family: 'Montserrat', sans-serif;}
.destination-archive .full-items .title {
	padding: 0px 0px 20px;
    margin: 0px 0px 20px 0px;
    text-align: left;
}
.destination-archive .full-items .title span:after {left: 0px; bottom: -20px; width: 200px;}
.explore {margin-top: 30px;}
.impress {
	width: 100%; background-size: cover; 
	background-repeat: no-repeat; height: 550px; 
	position: relative; /*background-attachment: fixed;*/
}
 .destination-archive {
    padding-bottom: 0px;
}
.impress .content {
	width: 560px; position: absolute; top: 50%; left: calc(50% - 280px); transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%);
	color: #FFFFFF; text-align: center; 
}
.impress-des {line-height: 40px; font-family: "Kiona"; font-size: 20px; letter-spacing: 6px; text-transform: uppercase;}
body.vi .impress-des {line-height: 40px; font-family: 'Montserrat', sans-serif; font-size: 20px; letter-spacing: 6px; text-transform: uppercase;}

.impress .viewdetail {
    color: #FFFFFF
}
.contain-extend {width: 760px; margin: -40px auto 0px; text-align: center}
.numorder {float: left; width: 100px; padding-top: 30px; font-family: "Kiona"; font-size: 100px; line-height: 100px;}
.step-des-content {float: left; width: 400px; padding-right: 60px; padding-top: 30px;}
.step-image {float: left; width: calc(100% - 500px)}
.step-image img {max-width: 100%; height: auto;}
.destination-archive .step-des .title {
	text-align: left;
	padding: 0px 0px 16px;
    margin: 0px 0px 16px 0px;
}
.destination-archive .step-des .title span:after {left: 0px; bottom: -16px;}
.step-des {
	margin-bottom: 40px;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
}
.step-des:first-child {margin-top: 80px;}
.loadmore {margin: 60px 0px 40px 500px; }
.otherposts {text-align: center; margin: 80px 0px 0px;}
.titleother {
	text-transform: uppercase;
    font-family: "Kiona";
    font-size: 20px;
    letter-spacing: 6px;
    color: #3f4666;
}
body.vi .titleother{font-family: 'Montserrat', sans-serif;}
.lsotherposts {margin: 30px 0px 0px; padding: 0px;}
.lsotherposts li {margin: 0px 6px 6px 0px; width:calc(33.3333% - 4px); float: left; position: relative;}
.lsotherposts li:nth-child(3n + 3) {margin-right: 0px}
.lsotherposts li:nth-child(3n + 1) {clear: both;}
.lsotherposts li img {max-width: 100%; height: auto; display: block;}
.lsotherposts li:last-child {margin-bottom: 20px;}
.lsotherposts .item-short-intro, .otherposts .item-short-intro {
    padding: 0px 20px;
}
.destination-archive .lsotherposts .title, .destination-archive .otherposts .title {font-size: 15px;}
.row-accommodation {position: relative; margin: 60px 0px;}
.row-accommodation .contain {position: relative;}
.otherrow-accommodation:nth-child(odd){
	padding-right: 200px;
}
.otherrow-accommodation:nth-child(even){
	padding-left: 200px;
}
.destination-archive .row-accommodation.otherrow-accommodation:nth-child(even) .contain{
	position: absolute; bottom: 0px; left: 0px; width: 330px; text-align: left; padding-right: 30px;
}
.destination-archive .row-accommodation.otherrow-accommodation:nth-child(odd) .contain{
	position: absolute; bottom: 0px; right: 0px; width: 330px; text-align: left; padding-left: 30px;
}
.destination-archive .otherrow-accommodation .title span:after {
    left: 0px;
}
.extendacc .impress {margin-top: 80px;}
/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#FFFFFF;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%; box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {}
.jssort101 .pav .cv {border-color:#fff;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:1;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}
.jssort101 .p:hover .cv, .jssort101 .pav .cv {background-color:rgba(0,0,0,0.6);}
.facilities {margin: 20px 0px; padding:0px 0px 20px 0px; border-top: 1px solid #bfc6cc; position: relative; }
.bufferfacili {margin-top: 20px;}
.facilities ul {
	margin:0px; padding: 0px; column-count: 2; width: calc(100% - 370px);
	 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
}
.facilities ul li {list-style: disc; margin-left: 20px;}
.book-right {position: absolute; top: 24px; right: 0px; width: 340px; text-align: center;}
.book-right .hint-book {
    text-align: center;
    min-width: 200px;
    position: relative;
    right: 0px;
    color: #000000;
    font-size: 11px;
    padding-right: 0px;
    top: 0px;
    display: block;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.en .book-right .hint-book {
    font-family: "Helvetica Neue Thin";
}
.book-right .book-btn {
	margin-bottom: 8px;
    height: 40px;
    width: 100%;
    background: #d9b780;
    color: #FFFFFF;
    text-align: center;
    line-height: 40px;
}
.en .book-right .book-btn {
    font-family: "Helvetica Neue Bold";
}
.book-right .book-btn.hasc {
	line-height: 46px;
}
.lsotherposts.col4 li {
    margin: 0px 4px 4px 0px;
    width: calc(25% - 3px);
}
.lsotherposts.col4 li:nth-child(3n + 1) {
    clear:none;
}
.lsotherposts.col4 li:nth-child(4n + 4) {
    margin-right: 0px;
}
.destination-archive .lsotherposts .item-short-intro .title {
   padding-bottom: 0px; margin-bottom: 0px;
}
.bg-coveritem {width: 100%; height: 360px; background-size:cover; background-repeat: no-repeat; background-position: center;}
.impress.impressbuffer {margin-top: 60px;}
.dining-content {width: 390px;}
.dining-image {width: calc(100% - 390px)}
.dining-image img {max-width: 100%; height: auto; display: block;}
.dining-item:nth-child(even) .dining-content {
	float: right;
	padding-left: 40px;
}
.dining-item:nth-child(even) .dining-image {
	float: left;
}
.dining-item:nth-child(odd) .dining-content {
	float: left;
	padding-right: 40px;
}
.dining-item:nth-child(odd) .dining-image {
	float: right;
}
.destination-archive .dining-content .contain {
    width: 100%;
    text-align: left;
    margin-top: 0px;
    padding-top: 0px;
}
.destination-archive .dining-item .title span:after {
    left: 0px;
}
.dining-item {margin-top: 60px;}
.dining-item:first-child {margin-top: 80px;}
.points {margin: 60px 0px; padding: 0px}
.points li {display: inline-block; width: calc(25% - 16px); text-align: center; vertical-align: top;}
.point-icon {min-height: 80px;}

.dining-item.itemwedding:nth-child(even) .dining-content {
	float: left;
	padding-right: 40px;
	padding-left: 0px
}
.dining-item.itemwedding:nth-child(even) .dining-image {
	float: right;
}
.dining-item.itemwedding:nth-child(odd) .dining-content {
	float: right;
	padding-left: 40px;
	padding-right: 0px;
}
.dining-item.itemwedding:nth-child(odd) .dining-image {
	float: left;
}
.dining-item.itemwedding p {margin-top: 0px}
.destination-archive .dining-item.itemwedding .title {margin-top: -8px;}
.breakline-bottom {width: 100%; margin: 80px 0px 10px; height: 1px; background: #bfc6cc; clear: both}
.ulcol4 ul{
	column-count: 4;
	 -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
}
.dining-item.itemwedding ul {margin: 0px; padding: 0px}
.ulcol4 ul li, .dining-item.itemwedding ul li, ul.listtour  li ul li{list-style: disc; margin-left: 15px; text-align: left; list-style-position: inside;}
ul.listtour  li ul li {text-align: left}
.contain-extend.ulcol4 {
    width: 1170px;
}
.destination-archive .infotour .contain {position: relative;} 
.infotour img {max-width: 100%; height: auto;}
.infotour {margin-top: 60px;}
.listtour {/*width: 740px;*/ margin: 4px auto; text-align: left;}
.listtour > li {
	width: calc(25% - 15px);
	vertical-align: top;
	margin: 36px 20px 0px 0px ;
	float: left;
	
}
.listtour .title.hasunderline:after {
	left: 0px;
}
.listtour > li:nth-child(4n + 4) {
	margin-right: 0px;
}
.listtour > li:nth-child(4n + 1) {
	clear: both;
}
.destination-archive .listtour .title {
	font-size: 15px; letter-spacing: 0.5px;
	padding: 0px 0px 15px;
    margin: 0px 0px 15px 0px;
}
.contain-extend {position: relative}
.listtour .linkto {
    margin: 24px 0px 0px;
    
}
.listtour .linkto a {font-size: 11px;}
body.vi .listtour .linkto a {
    font-size: 13px;
}
.lsoffers {
	margin: 18px 0px 0px; padding: 0px;
}
.lsoffers li{
	float: left;
	margin: 42px 32px 0px 0px;
	width: calc(50% - 16px)
}
.lsoffers li:nth-child(odd) {
	clear: both;
}
.lsoffers li:nth-child(even) {
	margin-right: 0px;
}
.lsoffers p {margin: 8px 0px 0px;}
.lsoffers img {max-width: 100%; height: auto;}
.offtitle {
	text-transform: uppercase; font-family: "Helvetica Neue Bold"; color: #58595b; margin-top: 5px;
}
body.vi .offtitle {font-family: 'Montserrat', sans-serif; }
body.vi .offtitle {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
.container.containmin {
    width: 970px;
}
.buffersingpage {width: 100%; height: 180px;}
.pagedes img {max-width: 100%; height: auto;}
.pagetitle {font-family: "Kiona"; font-size: 20px; text-align: center; text-transform: uppercase; letter-spacing: 6px; line-height: 18px; color: #3f4666; margin: 0px 0px 60px 0px;}
body.vi .pagetitle {font-family: 'Montserrat', sans-serif; line-height: 28px;}
.dining-item.itemoffer:nth-child(odd) .dining-content {
    padding-right: 40px;
    width: calc(50% + 20px);
}
.dining-item.itemoffer:nth-child(odd) .dining-image {
    width: calc(50% - 20px);
}
.dining-item.itemoffer:nth-child(even) .dining-image {
    width: calc(50% - 20px);
}
.dining-item.itemoffer:nth-child(even) .dining-content {
    width: calc(50% + 20px);
    padding-left: 40px;
}
.destination-archive .itemoffer .title {
	font-size: 15px; letter-spacing: 0.5px; padding-bottom: 0px; margin-bottom: 0px;
}
.destination-archive .itemoffer .title span:after {
    width: 0px; 
}
.itemoffer p {margin: -6px 0px 16px;}
.itemoffer .offvalid {margin-bottom: 20px;}
.range-cap.range-capcenter {text-align: center; margin: 60px 0px 0px;}
.sharecontain {text-align: center; margin: 30px 0px 0px;}
.socialshare ul li {display: inline-block; margin: 0px 15px;}
#menu-footer-1 li.current_page_item a, #menu-footer-2 li.current_page_item a{
    color: #d9b780;
}
.col2 {
	column-count: 2; text-align: left;
	 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
   -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}
.contain-extend.col2{
    width:970px;
    margin-top: -30px;
}
.contain-extend.col2 p {margin: 0px 0px 16px;}
.award.awardabout {text-align: center; margin: 30px 0px;}
.arriveimage {float: left; text-align: left; width: calc(50% + 120px); padding-right: 40px; padding-left: 50px;}
.arriveimage img {max-width: 100%; height: auto;}
.arrivecontain {float: left; width: 370px; }
.arrive-style {margin-top: 60px; position: relative;}
.arrive-slide {
    position: relative;
    overflow: hidden;
}

.arrive-slide .swiper-slide .arrive-item {
    display: flex;
    align-items: flex-start;
}

.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}


.swiper-pagination-arrive {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.loyalty_programs {background: #001d33;}
.destination-archive .loyalty_programs  .contain {
	background: transparent; color: #FFFFFF; width: 368px;
	margin-top: 0px;
    padding: 0px;
}
.loyalty_programs  .dining-image , .loyalty_programs .dining-item  .dining-content{
    width: 50%;
}
.loyalty_programs .dining-item:nth-child(odd) .dining-content {
    float: left;
    padding-right: 60px;
}
.loyalty_programs .dining-item:nth-child(odd) .dining-content .contain{
    float: right;
}
.loyalty_programs .dining-item:nth-child(even) .dining-content .contain{
    float: left;
}
.dining-item:nth-child(even) .contentimage {
     padding-right: 60px;
}
.destination-archive .loyalty_programs .title {color: #FFFFFF; font-size: 15px;}
.loytitle {margin-bottom: 10px;}
.en .loytitle {font-family: "Helvetica Neue Bold";}
.destination-archive .loyalty_programs .dining-item:first-child .loytitle {text-transform: uppercase; font-size: 20px; font-family: "Kiona"; letter-spacing: 6px; }
.scene  { height: 448px; margin: 60px 0px 0px;}
.scene01 {float: left; text-align: right; width: calc(78% - 24px); margin-right: 24px; background-size: cover; background-repeat: no-repeat; height: 100%}
.scene02 {float: left; text-align: left; width: 22%; background-size: cover; background-repeat: no-repeat; height: 100%; background-position: bottom;}

.container1440 {width: 1440px; margin: auto; }
.infoimage {float: left;  width: 400px; margin-right: 60px; text-align: right;}
.infocontain {float: left; width: calc(100% - 660px); color: #FFFFFF}
.infocontain strong {
    color: #FFFFFF;
}
.addition-info {margin: 60px 0px 0px; padding-bottom: 60px;}
.cl2 {float: left; width: calc(50% - 15px); margin-right: 30px;}
.cl2:nth-child(even) {margin-right: 0px;}
.loyalty_programs .dining-item:nth-child(even) .dining-content {
    padding-left: 0px;
}
.arrivetitle, .titlegallery {
	position: relative;
    text-transform: uppercase;
    font-family: "Kiona";
    font-size: 20px;
    letter-spacing: 6px;
    color: #3f4666;
    padding: 0px 0px 30px;
    margin: 0px 0px 30px 0px;
}
body.vi .arrivetitle, body.vi .titlegallery{
font-family: 'Montserrat', sans-serif;
}
body.vi .loytitle{font-family: 'Montserrat', sans-serif; font-weight: bold;}
body.vi .tab li{font-family: 'Montserrat', sans-serif;}
body.vi .destination-archive .loyalty_programs .dining-item:first-child .loytitle{font-family: 'Montserrat', sans-serif;}
.arrivetitle:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #bfc6cc;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.gallery {padding: 40px 0px;}
.gallery .col2 p {margin: 0px 0px 10px;}
.titlegallery {padding-bottom: 0px; text-align: center;}
.tab {margin: 40px 0px 0px; padding: 0px}
.tab li {float: left;width: 50%; height: 44px; line-height: 44px; text-align: center; color: #001d33; background: #FFFFFF; border: 1px solid #001d33;  cursor: pointer}
.en .tab li {font-family: "Helvetica Neue Bold";}
.tab li.active {background:#001d33; color: #FFFFFF; }
.tab.site-tab { display: flex; justify-content: center; gap: 10px; vertical-align: middle; }
.tab.site-tab li { float:none; width:auto; background: transparent; min-width: 220px; border: 3px solid #001d33; color: #001d33; border-radius: 20px; font-weight: normal; }
.tab.site-tab li.active, .tab.site-tab li:hover { background: #d9b780; border: 3px solid #d9b780; color: #FFF; font-weight: bold;}
.closeButton { background-image: url(images/close.png); }
.closeButton:hover { background-position: -30px 0px; }
.colcontact {width: 50%; float: left; margin: 60px 0px 0px;}
.colcontact:first-child {padding-right: 20px;}
.colcontactright{padding-left: 20px;}
.colcontactright h3 {font-size: 15px; margin: 0px 0px 30px; padding: 0px; color: #58595b; text-transform: uppercase}
.en .colcontactright h3 {font-family: "Helvetica Neue Bold"; }
.colcontactright h3 {font-family: 'Montserrat', sans-serif; font-weight: bold;}
.colcontact p {margin: 0px 0px 10px;}
p.mbotcontact {margin-bottom: 30px;}
.colcontact img {vertical-align: middle}
.destination-archive #sendloading {
    left: 208px;
}
.icon-menu {display: none;}
.menu-mobile {
	position: fixed;
	top: 0px; left: 0px; background: rgba(217, 183, 128, 1);
	width: 100%; height: 100%;
	z-index: 35000;
	display: none;
	padding: 0px 30px;

}
.rangesearch, .search-room-mobile {display: none;}
.jssorb051.jssorb051first {bottom:70px;}
.livechat {
	position: fixed; z-index: 30000; right: 52px; bottom: 10px;
	background: url("images/icon-livechat.png"); width: 50px; height: 0px;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 0; visibility: hidden;
}
.livechat.lshow {
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 1; visibility: visible;
    height: 43px;
}
.hintchat {
	content: "Live Chat";
	position: absolute; width: 60px; top: -18px; font-size: 11px; color: #FFFFFF; display: none;
}
.livechat.lshow:hover .hintchat{display:block}
.otherposts .slick-slide {position: relative; margin: 0px 2px; }
.lsotherpostsslick {margin-top: 30px;}

.container.spa {
    max-width: 970px;
}
.spa-facilities ul {
	column-count: 2;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
	-moz-column-gap: 60px; /* Firefox */
	column-gap: 60px;
	text-align: left;
}
.spa-facilities ul li {list-style-type: disc; margin-left: 15px;}
#jssor_spa {margin: 80px auto 40px;}
.authortrip {text-align: right; font-size: bold}
.logotripadvisor {max-width: 180px; height: auto;}
img.aligncenter {display: block; margin: auto;}
.item-download a {position: relative; padding-left: 26px; color: #000000; line-height: 26px;}
.item-download a:hover { color: #d9b780}
.item-download a:before {
	content: url("images/icon-pdf.png");width: 20px; height: 20px; position: absolute; top: -2px; left: 0px;
}
.subscribe {
	text-align: center;  max-width: 300px; margin: 40px auto auto;
}
.subscribe .colcontactright #btnsend {padding-left: 0px; padding-right: 0px; width: 100%;}
.subscribe .colcontactright {padding-left: 0px;}
.destination-archive .subscribe #sendloading {
    left: -50px; top: -2px; 
}
#gohome img {max-height: 150px; width: auto;}
.dropdown-content.select-dropdown { z-index: 10000090;}
.en #menu-topmenu > li {
	font-size:14px;
}
.vi #menu-topmenu > li {
	font-size:12px;
	font-weight: 600;
}

@media (min-width: 1024px) {
	.vi .right-menu {
		margin-left:240px;
	}
}
@media (max-width: 1440px) {
	.container1440 {width: 100%;}
	/*.full-items .content {
	    padding: 30px 17px;
	}*/
}
@media (max-width: 1230px) {
	.container, .contain-extend.ulcol4 {
	    width: calc(100% - 60px);
	}
	.languages {right: 0px;}
	body.vi .footer > .container > ul > li:first-child {
	    margin-right: 50px;
	}
	/*
	body.vi .right-menu {
	    margin: 0px 0px 0px 240px;
	}*/
}
@media (max-width: 1220px) {
	#menu-topmenu > li > a {
	    padding: 0px 13px;
	}
	.right-menu {
	    margin: 0px 0px 0px 250px;
	}
	.footer > .container > ul > li:first-child {
	    margin-right: 80px;
	}
}
@media (max-width: 1190px) {
	.footer > .container > ul > li {
	    margin-right: 40px;
	} 
	body.vi .right-menu {
	    margin: 0px 0px 0px 200px;
	}
	
	body.vi .footer > .container > ul > li {
	    margin-right: 30px;
	}
	
}
@media (max-width: 1170px) {
	#menu-topmenu > li > a {
	    padding: 0px 10px;
	}
	body.vi #menu-topmenu > li > a {
		padding: 0px 8px;
	}
}
@media (max-width: 1152px) {
	.container1440 {width: 100%;}
	.container, .contain-extend.ulcol4 {
	    width: calc(100% - 60px);
	}
	.right-menu {
	    margin: 0px 0px 0px 226px;
	}
	.language-contain {
	    right: 0px;
	}
	#fsearchroom > ul > li {
	    margin: 0px 15px 0px 0px;
	}
	#fsearchroom > ul > li:nth-child(1) > input, #fsearchroom > ul > li:nth-child(2) > input {
	    width: 240px;
	}
	.footer > .container > ul > li:first-child {
	    margin-right: 70px;
	}
	.head-menu.stick .right-menu {
	    margin: 0px 0px 0px 220px;
	}
	.otherrow-accommodation:nth-child(even) {
	    padding-left: 104px;
	}
	.head-menu.stick #menu-topmenu > li > a {
	    padding: 0px 10px;
	}
	.head-menu.stick #menu-topmenu > li:first-child:hover:after, .head-menu.stick #menu-topmenu > li:first-child.current_page_item:after {
		width: calc(100% + 10px); left: -10px;
	}
	.head-menu.stick #menu-topmenu > li:last-child:hover:after, .head-menu.stick #menu-topmenu > li:last-child.current_page_item:after {
		width: calc(100% + 10px); 
	}
	#menu-topmenu > li > a {
	    padding: 0px 12px;
	}
	
	body.vi .head-menu.stick .right-menu {
	    margin: 0px 0px 0px 170px;
	}
	.vi .head-menu.stick #menu-topmenu > li > a {
		padding: 0px 7px;
	}
	body.vi .footer > .container > ul > li:first-child {
	    margin-right: 30px;
	}
}
@media (max-width: 1144px) {
	body.vi .footer > .container > ul > li:first-child {
	    margin-right: 25px;
	}
	body.vi #menu-topmenu > li > a {
	    padding: 0px 8px;
	}
}
@media (max-width: 1142px) {
	.right-menu {
	    margin: 0px 0px 0px 234px;
	}
	.head-menu.stick .right-menu {
	    margin: 0px 0px 0px 200px;
	}
	#menu-topmenu > li > a, .head-menu.stick #menu-topmenu > li > a {
	    padding: 0px 7px;
	}
}

@media (max-width: 1100px) {
	body.vi .footer > .container > ul > li {
	    margin-right: 10px;
	}
	body.vi #menu-topmenu > li > a {
	    padding: 0px 5px;
	}
}
@media (max-width: 1080px){
	body.vi .head-menu.stick .right-menu {
	    margin: 0px 0px 0px 132px;
	}
	.head-menu.stick #menu-topmenu > li > a {
	    padding: 0px 5px;
	}
	body.vi .footer > .container > ul > li:first-child {
	    margin-right: 10px;
	}
}
@media (max-width: 1060px){
	#menu-topmenu > li > a {
	    padding: 0px 10px;
	}
	
	#fsearchroom > ul > li:nth-child(1) > input, #fsearchroom > ul > li:nth-child(2) > input {
	    width: 192px;
	}
	.slicktrip {
	    width: 900px;
	}
	.footer > .container > ul > li:first-child, .footer > .container > ul > li {
	    margin-right: 30px;
	}
	.full-items .content {
	    padding: 30px 30px;
	}
	.otherrow-accommodation:nth-child(even) {
	    padding-left: 20px;
	}
	.arriveimage {
	    width: calc(100% - 370px);
	    padding-right: 30px;
	}
	.arrivecontain {
	    float: left;
	    width: 340px;
	}
	.loyalty_programs .dining-item:nth-child(odd) .dining-content {
	    padding-right: 30px;
	}
	.dining-item:nth-child(even) .contentimage {
	    padding-right: 30px;
	}
	.infoimage {
	    margin-right: 30px;
	}
	.infocontain {
	    float: left;
	    width: calc(100% - 460px);
	}
	.right-menu {
	    margin: 0px 0px 0px 200px;
	}
	body.vi  .right-menu {
	    margin: 0px 0px 0px 166px;
	}
	.head-menu.stick .right-menu {
	    margin: 0px 0px 0px 150px;
	}
	#menu-topmenu > li > a, .head-menu.stick #menu-topmenu > li > a {
	    padding: 0px 7px;
	}
	
	body.vi .right-menu {
	    margin: 0px 0px 0px 170px;
	}
	.right-menu {
	    width: calc(100% - 260px);
	}
	
}
@media (max-width: 1050px){
	.right-menu {
	    margin: 0px 0px 0px 176px;
	}
	body.vi #menu-topmenu > li > a {
		font-size: 12px;
	}
	body.vi .footer > .container > ul > li:first-child {
	    margin-right: 20px;
	}
	.footer > .container > ul > li:last-child {
	    margin-left: 0px;
	    margin-top: 30px;
	}
	body.vi .footer > .container > ul > li:first-child {
	    margin-right: 120px;
	}
	
}
@media (min-width: 1024px){
	.head-menu.stick .book-contain {
		right: -14px;
	}
}
@media (max-width: 1023px){
	.ytplayer-player {
		
		top: -40% !important;
	}
	#videoytb {
		height: 50vh;
	}
	.right-menu {display: none;}
	.slicktrip {width: calc(100% - 80px)}
	.book-contain {display: none;}
	.search-room {display: none;}
	.video-contain {height: 100%; z-index: 1; padding-top: 94px; background: #001d33 }
	.loadingpercent {font-size: 16px; color: #000000; font-family: "Kiona"; }
	#back-to-top {right: 0px; bottom: 0px;}
	.livechat {bottom: 0px;}
	.language-contain {
	    right: 60px;
		font-size: 16px;
        font-weight: 600;
	}
	.icon-menu{
		width: 30px; height:23px; background: url(images/icon-menu.png);
		position: absolute; right: 0px; top: 16px; display: block; cursor: pointer;
	}
	.icon-menuclose { height: 26px; width: 26px; background: url("images/icon-menu-close.png"); position: absolute; right: 30px; top: 16px;}
	.menu-mobile ul li:first-child {margin-top: 50px;}
	.menu-mobile ul li a {
	    line-height: 38px; font-size: 17px;
	    font-family: "Helvetica Neue Bold";
	    text-transform: uppercase;
	    color: #FFFFFF;
	    position: relative;
	}
	body.vi .menu-mobile ul li a {
		font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px; 
	}

	.menu-mobile ul.sub-menu li a {
		line-height: 30px;
	}
	
	/* .menu-mobile ul li.current_page_item a:after {
		content: ""; width: 100%; height: 1px; bottom: -5px; left: 0px; background: #FFFFFF; position: absolute;
	} */
	.head-menu.stick {width: 100%; height:  56px;}
	.rangesearch {display: block; position: fixed; bottom: 0px; left:0px; width: 100%;}
	.rangesearch .tab {
	    margin: 0px 0px;
	    padding: 0px;
	}
	.rangesearch .tab li {
	    color: #FFFFFF;
	    background: #001d33;
	    border: 1px solid #FFFFFF;
	}
	.rangesearch .tab li a { color: #FFFFFF; text-transform: uppercase;}
	.rangesearch .book-btn { color: #FFFFFF; text-transform: uppercase; background: transparent; width: 100%; height: auto; font-family: 'Montserrat', sans-serif !important; font-weight: 300; display: block !important; }
	.en .rangesearch .book-btn { font-family: "Helvetica Neue Bold" !important; }
	.search-room-mobile {position: fixed; bottom: 0px; left: 0px; width: 100%; background: #001d33; z-index: 100000;}
	.search-room-mobile option {
        background-color: #001d33;
        color: #FFFFFF;
    }
	#fsearchroom ul li:last-child {width: 100%;}
	#fsearchroom {
	    margin-bottom: 24px;
	}
	.icon-searchclose {height: 26px; width: 26px; background: url("images/icon-menu-close.png"); position: absolute; right: -20px; top: -14px;}
	.search-room-mobile #btnsearchroom {margin-top: 22px;}
	.left-contact {
	    float: initial;
	    width: 100%;
	    padding: 0px;
	}
	.left-contact:after {
	    width: 0px;
	}
	.right-contact {
	    float: initial;
	    width: 100%;
	    padding: 0px 
	}
	.footer > .container > ul > li:last-child {
	    margin-left: 0px;
	    margin-right: 0px;
	    margin-top: 30px;
	    width: 100%;
	}
	.footer {
	    padding: 40px 0px 70px;
	}
	.footer > .container > ul > li:first-child, .footer > .container > ul > li {
	    margin-right: 80px;
	}
	.head-menu.mblack .icon-menu {
		background-image: url("images/icon-menu-black.png")
	}
	.head-menu.mblack.stick .icon-menu {
	    background-image: url(images/icon-menu.png);
	}
	.full-items li {
	    float: left;
	    width: calc(50% - 3px);
	    margin: 0px 6px 60px 0px;
	}
	.full-items li:nth-child(3n + 3) {
	    margin-right: 5px;
	}
	.full-items li:nth-child(3n + 1) {
	    clear: initial;
	}
	.full-items li:nth-child(even) {
		margin-right: 0px;
	}
	.lsotherposts li {
	    margin: 0px 6px 6px 0px;
	    width: calc(50% - 3px);
	    float: left;
	    position: relative;
	}
	.lsotherposts li:nth-child(3n + 3) {
	    margin-right: 5px;
	}
	.lsotherposts li:nth-child(3n + 1) {
	    clear: initial;
	}
	.lsotherposts li:nth-child(even) {
		margin-right: 0px;
	}
	.section-accommodation .contain, .section-holiday .contain, .destination-archive .contain {
	    margin-top: -44px;
	}
	.destination-archive .row-accommodation.otherrow-accommodation:nth-child(even) .contain, .destination-archive .row-accommodation.otherrow-accommodation:nth-child(odd) .contain {
		position: relative; width: 580px; text-align: center; padding-left: 0px; padding-right: 0px;
	}
	.destination-archive .otherrow-accommodation .title span:after {
	    left: calc(50% - 50px);
	}
	
	.otherrow-accommodation:nth-child(even) {
	    padding-left: 0px;
	}
	.otherrow-accommodation:nth-child(odd) {
		padding-right: 0px;
	}
	 .destination-archive .contain {
	    margin-top: 0px;
	}
	.facilities ul {
	    width: 100%;
	}
	.book-right {
	    position: relative;
	    top: 24px;
	    right: 0px;
	    width: 100%;
	    text-align: center;
	}
	.impress-des {
	    line-height: 24px; 
	}
	.impress {background-position: center;}
	.lsotherposts.col4 li {
	    margin: 0px 6px 6px 0px;
	    width: calc(50% - 3px);
	}
	.lsotherposts.col4 li:nth-child(even) {margin-right: 0px;}
	.contain-extend, .contain-extend.col2 {
	    width: calc(100% - 60px);
	}
	.listtour {width: calc(100% - 30px);}
	.container.containmin {width: calc(100% - 60px);}
	.destination-archive .loyalty_programs .contain {width: 100%;}
	.loyalty_programs .dining-item:nth-child(odd) .dining-content {padding-left: 30px; }
	.loyalty_programs .dining-item:nth-child(odd) .dining-content .contain {padding-top: 20px; }
	.infocontain {text-align: left;}
	.numorder, .step-des-content {
	    padding-top: 0px;
	}
	.footer {text-align: left;}
	.row-accommodation .title.hasunderline:after {
		left: calc(50% - 53px)
	}
	.loadmore {
	    margin-left: auto;
	    margin-right: auto; text-align: center;
	}
	
	.listtour > li {
	    width: calc(50% - 40px);
	    vertical-align: top;
	    margin: 36px 20px 0px 0px;
	    float: left;
	}
	.listtour > li:nth-child(2n + 2) {
	    margin-right: 0px;
	}
	
	.impress {
	    background-attachment: initial;
	}
	.first-section {
	    position: relative;
	    width: 100%;
	    height: auto;
	}
	#video {
	    position: relative;
	}
	#video video {
	    position: relative;
	    height: auto;
	    min-width: 100%;
	    min-height: auto;
	    left: 0px;
	    top: 0px;
	    transform: none;
	    -webkit-transform: none;
	    display: block;
	}
}
@media (max-width: 767px){
	
	.section-destination .contain, .section-accommodation .contain, .section-holiday .contain, .destination-archive .contain, .section-360toure .contain, .section-holiday .contain .content, 
	.destination-archive .contain {
	    width: calc(100% - 60px);
	}
	#gohome img {max-height: 56px;}
	.section-destination {padding-top: 30px;}
	.section-accommodation .contain, .section-holiday .contain, .destination-archive .contain {
	    padding: 18px 0px;
	}
	.section-holiday .services li {
	    float: inherit;
	    width: 100%;
	    margin: 0px 0px 2px 0px;
	    position: relative;
	}
	.slicktrip {
	    padding: 0px 20px;
	}
	.footer > .container > ul > li:first-child, .footer > .container > ul > li {
		float: inherit; 
	    margin-right: 0px;
	}
	#menu-footer-2 {margin-top: 10px;}
	.full-items li {
	    float: inherit;
	    width: 100%;
	    margin: 0px 0px 60px 0px;
	}
	.full-items li:nth-child(3n + 3) {
	    margin-right: 0px;
	}
	.impress .content {
		width: calc(100% - 30px);
		left: 15px;
	}
	.step-des-content {
	    float: left;
	    width: calc(100% - 100px);
	    padding-right: 00px;
	}
	.step-image {
	    float: inherit;
	    width: 100%;
	}
	.lsotherposts li {
	    margin: 0px 0px 6px 0px;
	    width: 100%;
	    float: inherit;
	}
	.destination-archive .row-accommodation.otherrow-accommodation:nth-child(even) .contain, .destination-archive .row-accommodation.otherrow-accommodation:nth-child(odd) .contain {
		width: calc(100% - 60px);
	}
	.contain-extend {
	    margin: -30px auto 0px;
	}
	.infotour .contain-extend {
	   text-align: left;
	}
	.lsotherposts.col4 li {
	    margin: 0px 0px 6px 0px;
	    width: 100%;
	    float: inherit;
	}
	.facilities ul {
	    column-count: 1;
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	}
	.dining-content, .dining-image  {
	    width: 100%;
	    float: inherit;
	    
	}
	.arriveimage {
		width: 100%;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.arrivecontain {
		width: 100%;
	}
	.arrive-slide .swiper-slide .arrive-item {
		flex-direction: column;
	}
	.dining-item:nth-child(odd) .dining-content {
	    float: inherit;
	    padding-right: 0px;
	}
	.dining-item:nth-child(even) .dining-content {
	    float: inherit;
	    padding-left: 0px;
	}
	.points {text-align: center;}
	.points li {
	    width: calc(50% - 16px);
	    margin-bottom: 20px;
	}
	.dining-item.itemwedding:nth-child(odd) .dining-content {
	    float: inherit;
	    padding-left: 0px;
	    width: 100%;
	}
	.dining-item.itemwedding:nth-child(odd) .dining-content {
	    float: inherit;
	    padding-left: 0px;
	    width: 100%;
	}
	.dining-item {
	    /*margin-top: 15px;*/
	}
	.dining-item:first-child {
	    margin-top: 50px;
	}
	.ulcol4 ul {
	    column-count: 1;
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	}
	.listtour > li {
	    width: 100%;
	    display: block;
	}
	.lsoffers li {
	    float: inherit;
	    margin: 42px 0px 0px 0px;
	    width: 100%;
	}
	.dining-item.itemoffer:nth-child(odd) .dining-content, .dining-item.itemoffer:nth-child(odd) .dining-image, 
	.dining-item.itemoffer:nth-child(even) .dining-content, .dining-item.itemoffer:nth-child(even) .dining-image,
	.arriveimage, .arrivecontain  {
	    padding-right: 0px;
	    width: 100%;
	    float: inherit;
	    padding-left: 0px;
	}
	.arrivecontain {padding-left: 30px; padding-right: 30px; width: 82%;}
	.arrivetitle, .titlegallery { text-align: left;}
	.arrive-slide .swiper-button-next:after, .arrive-slide .swiper-button-prev:after { font-size: 20px;}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
		left: var(--swiper-navigation-sides-offset, 2px);
		right: auto;
	}
	.buffersingpage {
	    height: 100px;
	}
	.pagetitle {
	    margin: 0px 0px 30px 0px;
	}
	.col2 {
	    column-count: 1;
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	}
	.loyalty_programs .dining-image, .loyalty_programs .dining-item .dining-content, .loyalty_programs .dining-item:nth-child(even) .dining-content .contain,
	.dining-item:nth-child(even) .dining-image {
	    width: 100%;
	    float: inherit;
	}
	.loyalty_programs .dining-item:nth-child(even) .dining-content {padding-left: 30px; padding-right: 30px;}
	.dining-item:nth-child(even) .contentimage {
	    padding-right: 0px;
	}
	.scene {
	    height: 448px;
	    margin: 25px 0px 0px;
	}
	.infoimage {
	    float: inherit;
	    width: 100%;
	    margin-right: 0px;
	    padding: 0px; text-align: center;
	}
	.infocontain {
	    float: inherit;
	    width: 100%;
	    padding-left: 30px; padding-right: 30px;
	}
	.colcontact {
		float: inherit;
	    width: 100%; padding-left: 0px; padding-right: 0px;
	}
	.colcontact:first-child {
	    padding-right: 0px;
	}
	.infoimage img {max-width: 100%; height: auto;}
	.colcontact {text-align: left;}
	.section-contact h3 {text-align: left;}
	.dining-item.itemwedding:nth-child(even) .dining-content {
	    padding-right: 0px;
	}
	.destination-archive .contain.w100p {padding-left: 0px; padding-right: 0px; width: 100%!important;}
	.jssorb051.jssorb051first {bottom:20px;}
	.offtitle {text-align: left;}
	#back-to-top {bottom: 104px; right: 10px;}
	.livechat {bottom: 43px; right: 0px;}
	.spa-facilities ul {
		column-count: 1;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
		-moz-column-gap: 0px; /* Firefox */
		column-gap: 0px;
	}
	body.vi .footer > .container > ul > li:first-child {
	    margin-right: 0px;
	}
	
	.award li {
	    margin-right: 3px;
	}
	.award li img {
	    max-width: 60px;
	}

	.data-barba-prevent img {
		max-height: 100% !important;
	}
}
@media (max-width: 375px){
	.numorder {
	    width: 70px;
	    font-size: 100px;
	}
	.step-des-content {
	    width: calc(100% - 70px);
	}
	.viewdetail, .booknow {
	    padding: 8px 20px;
	}
	.listtour {
	    width: 100%;
	}
}
@media (max-width: 320px){
	.section-tripadvisor .content {font-size: 15px;}
	.slicktrip {
	    padding: 0px 5px;
	}
	
}

/* Logo Customizer Styles - Background method */
.bg-logo {
    background-repeat: no-repeat;
    background-position: center;
}

/* Multisite Menu Styles */
.menu-item-category-nha-trang .category-label,
.menu-item-category-cam-ranh .category-label,
.menu-item-category-phu-quoc .category-label {
    display: block;
    padding: 8px 15px;
    font-weight: bold;
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    cursor: default;
    pointer-events: none;
}

/* Post Source Styles */
.post-source {
    margin-bottom: 8px;
    font-size: 12px;
    color: #666;
}

.post-source .source-site {
	font-size: 16px;
    font-weight: bold;
	text-transform: uppercase;
    color: #FFF;
}

.accommodation-swiper-slide-content .source-site {
	color: #333;
}

.tripadvisor-swiper-wr .source-site {
	color: #3f4666;
}

.post-source .source-category {
    color: #999;
    margin-left: 5px;
}

#formContact.form-contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #58595b !important;
}
#formContact.form-contact ::-moz-placeholder { /* Firefox 19+ */
	color: #58595b !important;
}
#formContact.form-contact :-ms-input-placeholder { /* IE 10+ */
	color: #58595b !important;
}
#formContact.form-contact :-moz-placeholder { /* Firefox 18- */
	color: #58595b;
}

.form-contact select {
	display: block;
	border-bottom: 1px solid #58595b !important;
    box-shadow: 0 0 0 0 #58595b !important;
    margin-bottom: 0px;
    color: #58595b;
	font-weight: 600;
    font-size: 16px;
	font-family: 'Montserrat', sans-serif !important;
	border-top: none;
	border-left: none;
	border-right: none;
	padding-left: 0;
	outline: none;
}

.form-contact .left-contact { width: 480px; padding: 0px; }
.form-contact .right-contact { padding: 0; }
#fsearchroom select.browser-default {
	-webkit-appearance: none;
	-moz-appearance: none;
}
.search-room-mobile select {
	background-color: transparent;
    color: #FFF;
    width: 100%;
    padding: 5px;
    border: 1px solid #FFF;
    height: 3rem;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.search-room-mobile #adult, .search-room-mobile #children {
	width: 80px;
}
select { display: block !important; }

.menu-back {
	display: none;
	margin-top: 20px;
}
.menu-back a {
	text-decoration: none !important;
	font-weight: 600 !important;
	opacity: 0.8;
	font-family: "Helvetica Neue Bold" !important;
}

@media (max-width: 767px){
	.current-menu-item a {
		/* border-bottom: 1px solid #FFF; */
		text-decoration: underline;
	}
	.current-menu-item .sub-menu a {
		text-decoration: none;
	}
	.menu-back {
		display: block;
	}
}

#chat_biz_manage_box {
    bottom: 140px !important;
    right: 10px !important;
}

#box_chat_bizfly_info_div {
	bottom: 200px !important;
}

.contact-swiper-pagination .swiper-pagination-bullet {
	background: #d9b780;
	border-radius: 50px;
}

.contact-swiper-pagination .swiper-pagination-bullet-active {
	background: #324E59;
}
.contact-swiper {
	padding-bottom: 25px;
}

.contact-swiper .swiper-button-prev-n2, .contact-swiper .swiper-button-next-n2 {
	top: 60%;
	z-index: 100;
}
.contact-swiper .swiper-button-prev-n2 {
	left: 0;
}
.contact-swiper .swiper-button-next-n2 {
	right: 0;
}

.hidden {
	display: none;
}