@charset "UTF-8";
/*
Theme Name: QQ Theme
Theme URI: https://facebook.com/nguyentranquang45th
Author: the WordPress team
Author URI: https://facebook.com/nguyentranquang45th
Description: This theme designed by Nguyen Tran Quang
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
Text Domain: qqtheme
*/
@charset "utf-8";
@font-face{font-family:mainfont;src:url(./fonts/PlusJakartaSans-Regular.ttf);font-weight:400}
@font-face{font-family:mainfont;src:url(./fonts/PlusJakartaSans-Bold.ttf);font-weight:bold}

@font-face{font-family:titlefont;src:url(./fonts/DFVN-Menata.otf);font-weight:400}
@font-face{font-family:secondfont;src:url(./fonts/UTM-Sloop-1.ttf);font-weight:400}
:root {
  --normal-color:#000000;
  --second-color:#90C1BE;
  --third-color:#282829;
  --four-color:#fff;
  --active-color:#164373;
  --deactive-color:#ABABAB;
  --lightbg-color: #F0EBE1;
  --extra-small-font-size:12px;
  --small-font-size:14px;
  --normal-font-size:16px;
  --large-font-size:18px;
  --subtitle-font-size:20px;
  --big-font-size:36px;
  --extra-font-size:72px;
  --max-width-container:1200px;
  --maxsmall-width-container:1000px;
}
*{box-sizing:border-box;}
a{text-decoration:none;color:inherit;}
a:hover{color: var(--second-color)}
img{object-fit: cover;height: auto;vertical-align: bottom;}
img {
	transition: opacity 0.3s ease;
	opacity: 1;
  }
  img.loading {
	opacity: 0;
  }
p.viewmore a,.wp-block-columns p a{position: relative;}
p.viewmore a::after,.wp-block-columns p a::after{content: "";padding-left: 15px;font-size:var(--subtitle-font-size);}
h1{font-family: titlefont;font-size: 120px;font-weight: 400; margin: 20px}
h2,h3,h4,h5,h6{font-family: titlefont;font-size: var(--extra-font-size); margin: 0;line-height: 60px;font-weight: 400;}
li{padding-bottom:5px}
.wp-block-columns.alignnormal{align-items: normal!important;}
.wp-block-columns.paddingleft .wp-block-column:first-child{padding-left: calc((100vw - var(--max-width-container) ) / 2);}
.wp-block-columns.itineraryimage .wp-block-image{height: 100%;}
.paddingright{padding-right: calc((100vw - var(--max-width-container) ) / 2);}
.ghostkit-tabs-buttons{justify-content: center;border-bottom: none;}
.ghostkit-tabs-buttons .ghostkit-tabs-buttons-item{border:none;border-right: 1px solid #d9d9d9;border-radius:0}
.ghostkit-tabs-buttons .ghostkit-tabs-buttons-item:last-child{border-right: none;}
figure img{width: 100%;}
.boldtext{font-weight: bold;letter-spacing: normal;}
.bigtext{font-size: var(--big-font-size);}
.extratext{font-size: var(--extra-font-size);}
.width100{width: 100%;}
.width95{width: 95%;}
.width90{width: 90%;}
.width85{width: 85%;}
.width80{width: 80%;}
.width75{width: 75%;}
.width70{width: 70%;}
.width65{width: 65%;}
.width60{width: 60%;}
.width55{width:55%;}
.width50{width:50%;}
.width45{width: 45%;}
.width40{width: 40%;}
.width35{width: 35%;}
.width30{width: 30%;}
.width25{width: 25%;}
.width20{width: 20%;}
.width15{width: 15%;}
.orderfirst{order:-1;}
.flexcontainer{display: flex;justify-content: space-between;flex-wrap: nowrap;}
.graycontainer{background: var(--deactive-color);padding:50px 0;}
.container{width:100%;max-width:var(--max-width-container); margin:0 auto;overflow: hidden;}
.smallcontainer{width:100%; max-width: var(--maxsmall-width-container); margin:0 auto 30px auto;text-align-last: center;}
.title{font: 24px mainfont;color:var(--active-color);position: relative;text-transform: uppercase;text-align: center;padding-top:50px; font-weight: 600; margin-bottom: 30px}
.gallerytitlehomepage {font: var(--big-font-size) titlefont;color:var(--active-color);position: relative;padding: 0 0 10px 0;text-transform: uppercase;text-align: center;padding-bottom:30px}
.titleleft{font: var(--large-font-size) titlefont;color:var(--active-color);text-align: left;padding-top: 10px;position: relative;font-weight: normal;text-transform: uppercase;}
.package-highlights-title{font: var(--big-font-size) titlefont;color:var(--active-color);padding: 30px 0;position: relative;font-weight: normal;text-transform: uppercase;}
.inclusiontitle{font: var(--big-font-size) titlefont;color:var(--active-color);padding: 50px 0 0 0;position: relative;font-weight: normal;text-transform: uppercase;}
.personalized-title{font: var(--big-font-size) titlefont;color:var(--active-color);padding: 50px 0 0 0;position: relative;font-weight: normal;text-transform: uppercase;text-align:center}
.titleyellow{font:600 var(--large-font-size) mainfont;color:var(--second-color);letter-spacing: 3px;padding: 50px 0 0 0}
.smalltitle{font-family: titlefont;color:var(--active-color);font-weight:400;text-transform: uppercase;padding: 10px 0; font-size: var(--large-font-size);}
.smalltitleleft{font-size:var(--subtitle-font-size);font-family: titlefont;text-align: left;text-transform: uppercase;color: var(--active-color);line-height: 24px;font-weight: normal; padding: 0 0 10px}
body{font: var(--normal-font-size) mainfont; color:var(--normal-color);display:grid; grid-template-columns:100%; grid-gap:0; margin:0;line-height: 26px;text-align: justify;font-style: normal;
font-weight: 400;}
.textcenter{text-align: center;}
.textleft{text-align: left!important;}
.heightscreen{height: 100vh;}
.subpagetitle {font: var(--big-font-size) titlefont;color:var(--active-color);position: relative;padding: 50px 0 10px 0;text-transform: uppercase;text-align: center;line-height:46px}
.subpagetitledeal {font: var(--big-font-size) titlefont;color:var(--active-color);position: relative;padding: 50px 0 30px 0;text-transform: uppercase;text-align: center;}
.grid12col{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 30px}
.grid1col{display: grid;grid-template-columns: 1fr;justify-content: space-between;gap: 30px}
.grid2col{display: grid;grid-template-columns:1fr 1fr;justify-content: space-between;gap: 30px}
.grid3col{display: grid;grid-template-columns:1fr 1fr 1fr;justify-content: space-between;grid-gap: 30px}
.grid4col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content: space-between;gap: 10px}
.grid5col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid6col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid7col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid8col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid9col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid10col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.grid11col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.item2row{grid-row:auto / span 2;}
.item3row{grid-row:auto / span 3;}
.item4row{grid-row:auto / span 4;}
.item5row{grid-row:auto / span 5;}
.item6row{grid-row:auto / span 6;}
.item7row{grid-row:auto / span 7;}
.item2col{grid-column: auto / span 2;}
.item3col{grid-column: auto / span 3;}
.item4col{grid-column: auto / span 4;}
.item5col{grid-column: auto / span 5;}
.item6col{grid-column: auto / span 6;}
.item7col{grid-column: auto / span 7;}
.item8col{grid-column: auto / span 8;}
.item9col{grid-column: auto / span 9;}
.item10col{grid-column: auto / span 10;}
.item11col{grid-column: auto / span 11;}
.item12col{grid-column: auto / span 12;}
.clearfix:after{content:'';visibility:hidden;clear:both;display:table;}
.boxmiddle {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center; font: inherit;}
.boxbottom{position: absolute;bottom: 0;left:0; font: inherit;}
.borderbottom{border-bottom: 1px solid var(--deactive-color);}
.closemenumobile{width:100%; padding:10px;}
.closemenumobile img{width:15px; float:right;}

.contentdichvu{text-align: justify;}
.slick .slickitem img{width: 100%;}
.mobile{display: none;}
.slickblockcontainer{position: relative;}
.slickblockcontainer > a.left{position: absolute;top:50%;left:10px;transform: translateY(-50%);background:rgba(255,255,255,0.7);color:#000;font-size: 40px;z-index: 10;padding: 10px 25px;border-radius: 40px;}
.slickblockcontainer > a.right{position: absolute;top:50%;right:10px;transform: translateY(-50%);background:rgba(255,255,255,0.7);color:#000;font-size: 40px;z-index: 10;padding: 10px 25px;border-radius: 40px;}
.slickblockcontainer .slideblockitem > img{width: 100%;}
.slickblockcontainer .slideblockitem > a > img{width: 100%;}
.lightvideocontainer{display: none;}
.paddingtop30{padding-top:30px;}
.listmenu{display: grid;grid-template-columns: 2fr 1fr 2fr;padding:10px 0;}
.listmenu .logo {text-align: center;}
.floatcontainer{position: fixed;top:50%;transform: translateY(-50%);border:1px solid var(--active-color);max-width: 400px;right: 0;background-color: var(--deactive-color);color:#fff;border-radius: 10px 0 0 10px;}
.floatcontainer .floatmenu ul{list-style: none;padding:20px;}
.floatcontainer .floatmenu ul li{margin: 10px 0;}
.floatcontainer .floatmenu ul:hover li i.icon{margin-right: 10px;}
.floatcontainer .floatmenu ul li span{display: none;}
.floatcontainer .floatmenu ul li:hover span{color:var(--active-color)}
.floatcontainer .floatmenu ul:hover li span{display: inline;}
.floatcontainer .floatmenu ul li i.icon img{width:30px;vertical-align: middle;}

/*Rieng tung web*/
.contactform input,.contactform textarea,.contactform input::placeholder,.contactform textarea::placeholder{font-family: mainfont;}
header{background: rgba(2, 70, 68, 0.85);width: 100%;z-index: 10;color: #90C1BE;position: absolute;}
header.scrolled{position: fixed;}
header .logocontainer img{width: 23px;}

.logocontainer {padding: 10px 20px;background: #066A67;}
header .menucontainer{display: flex;align-items: center;padding-right: 30px;}

header ul.menu{list-style: none;display: flex; padding:0;justify-content: space-between;}
header ul.menu li{position: relative;font:400 14px mainfont; text-transform: uppercase;letter-spacing: 2px;}
/*header ul.menu > li.menu-item-has-children::after{position: absolute;content: '';top:50%;right: 0;transform: translateY(-50%);background: url(images/arrow-down.png) center no-repeat;background-size: contain;width: 20px;height: 20px;}*/
header ul.menu > li{padding: 0 25px;}
header ul.menu > li:last-child{padding:0 0 0 15px;}
header ul.menu > li:hover a{color:#fff;}
header ul.menu > li.active a{color:#fff;}
header ul.menu li:last-child{margin:0;}
header ul.menu li ul{margin-top:13px;position: absolute;display: none;z-index: 100;min-width: 250px;transition: all 0.5s;opacity: 0; padding: 20px 0;visibility: hidden;list-style: none;background: rgba(0,0,0,0.6);color: #fff;}
header ul.menu li:hover ul{opacity: 1;visibility: visible;}
header ul.menu li ul li{font:500 15px mainfont;padding:10px 20px;border-bottom: 1px solid var(--deactive-color);}
header ul.menu li ul li:last-child{border-bottom: none;}
header ul.menu li.current-menu-item,header ul.menu li.current-menu-parent,header ul.menu li.current-menu-ancestor{color:var(--second-color)}
header ul.menu li ul li ul{display: none;}
header .topheadcontainer{background: #fff;padding: 5px 30px 5px 0;display: flex;gap:40px;justify-content: flex-end;color:var(--normal-color);font-size: var(--small-font-size)}
header .topheadcontainer .hotline a{color: var(--second-color);background: url(images/icon-phone.svg) center left no-repeat;background-size: contain;padding-left: 30px;padding-bottom: 5px;display: inline-block;line-height: 16px;font-family:titlefont}
header .topheadcontainer .topmenu{display: flex;gap:40px;}
header .topheadcontainer .topmenu .menuitem.active a{color:var(--second-color)}
header .topheadcontainer select.language{border: none;font-weight: bold;}
header.scrolled .topheadcontainer{display: none;}
.slickcontainer{position: relative;}
.slickcontainer.fullscreen{height: 100vh;overflow: hidden;;}
.slickcontainer > a.left{position: absolute;top:50%;left:5px;transform: translateY(-50%);z-index: 10;padding: 10px 0;}
.slickcontainer > a.right{position: absolute;top:50%;right:5px;transform: translateY(-50%);z-index: 10;padding: 10px 0;}
.slickcontainer > a img{width: 10px;}
.slickcontainer.contentslick > a img{width: 30px;display:none}
.slickcontainer .slickdot{position: absolute;bottom: 90px;right:50%;transform: translateX(50%);z-index: 10;display:none}
.slickcontainer .slickdot a{display: inline-block;width:100px;height:5px;;background: rgba(255,255,255,0.6);margin:0 5px;}
.slickcontainer .slickdot a.active{background: #DDBC5F;}
.slickcontainer.video .slickdot a.active{background: rgba(255,255,255,0.6);position: relative;}
.slickcontainer.video .slickdot a.active i{position: absolute;background: #DDBC5F;height: 100%;width: 50%;;}
.slickcontainer .slickitem{position: relative;}
.slickcontainer .slickitem .sample,.slickcontainer .slickitem .slicksample{color: #fff;position: absolute;top:50%;left: calc((100% - var(--max-width-container)) / 2);transform: translate(0,-50%);width: 100%; max-width: 650px;text-align: left;line-height: 50px}
.slickcontainer .slickitem .slicksample h3 {font-family: mainfont; font-size: var(--large-font-size); padding:0}
.slickcontainer .slickitem .slicksample h1 {margin:0}
.slickcontainer .slickitem .sample h2,.slickcontainer .slickitem .sample h1,.slickcontainer .slickitem .slicksample h2{font-family:titlefont;font-size: var(--extra-font-size);line-height: 46px;font-weight:normal}
.slickcontainer .findcruisecontainer{position: absolute;bottom: 20px;width: 100%;}
.slickcontainer .findcruisecontainer .container{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap:15px; background-color: rgba(22, 67, 115, 0.7); padding:15px;justify-content: space-between; color: #fff;border-radius: 100px;}
.slickcontainer .findcruisecontainer .container .formitem select,.slickcontainer .findcruisecontainer .container .formitem input
{width: 100%;padding:10px 10px;border:1px solid #fff; font-family: mainfont; background-color: rgba(0, 0, 0, 0);height:100%;border-radius: 50px;color:#fff;}
.slickcontainer .findcruisecontainer .container .formitem input::placeholder{color:#fff}
.slickcontainer .findcruisecontainer .container .formitem input[type='button']{background: var(--second-color);color: var(--active-color);font-weight: bold;border: 1px solid var(--second-color);}
.slickcontainer .findcruisecontainer .container .formitem input:hover[type='button']{color: var(--third-color);}

.slickcontainer .findcruisecontainer .container .formitem input.calendar{position: relative;background: url(images/icon-calendar.svg) center right no-repeat;background-position: calc(100% - 10px) center;}
.slickcontainer .findcruisecontainer .container .formitem select{position: relative;background: url(/wp-content/uploads/2025/03/arrow-down.svg) center right no-repeat; background-position: calc(100% - 10px) center;appearance: none;-webkit-appearance: none;}
.slickcontainer .findcruisecontainer .container .formitem option{background: var(--active-color)}
footer{color: #fff ;font-size: 14px;text-align: left;}
footer .footercontainer{display: flex;gap:30px;justify-content: space-between;align-items: flex-end;}
footer .footercontainer .contactitem{display: flex;gap:5px;align-content: center;}
footer .footercontainer .contactitem .icon img{vertical-align: middle;}
.prizeitem {text-align: center;padding: 10px;font-size: var(--extra-small-font-size);  text-transform: uppercase;line-height: 16px }
.prizecontainer {max-width: 100%}
.prizeitem img{display: inline-block;}
.leftmenu ul{list-style: none;padding:0;margin: 0;}
.leftmenu ul li{padding:10px 5px;border-bottom: 1px solid #4d5b5b;margin-right: 25px;}
.leftmenu ul li:first-child{margin-top:20px;}
.navi{margin: 30px 0;}
.navi a{padding:20px 10px;font-size: var(--big-font-size);margin: 30px 0;}
.navi a:first-child{background-color: rgba(77,91,91,1);color: #fff;border-radius: 10px 10px 0 0;}
.listpost .postitem {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.listpost .postitem .avatar img{width:100%;}
.listpost .postitem .postcontent .postname a{font-size: var(--big-font-size);color: var(--second-color);margin-bottom: 20px;}
.productgallery .slickitem img{aspect-ratio: 1/1;}
.price{font-weight: bold;color: #a73636;}
.oncart {text-align: center;}
.oncart a{background-color: var(--active-color);color: var(--third-color);font-weight: bold;padding: 10px; border-radius: 5px;display: inline-block;}
.productname {color:var(--active-color);font-weight: bold;padding:10px 0;}
.proudctitem .price{padding-bottom: 10px;}
.cartproduct{display: grid;grid-template-columns: auto 200px 200px 200px 200px;gap:10px;margin:10px auto;}
.cartproduct > div {border:1px solid var(--active-color);padding: 40% 10px 10px 10px;}
.cartproduct > div:first-child,.cartproduct:last-child > div{padding: 10px;}
.cartproduct .productname{padding:10px; text-align: center;}
.cartproduct .productname img{width:100%;}
.cartproduct div label{font-weight: bold;}
.cartproduct div span{font-weight: bold;color:#a73636;}
.cartproduct div input{padding: 5px;border: 1px solid var(--active-color);max-width: 50%;}
.formgroup{display: grid;gap:10px;grid-template-columns: 200px auto;margin:15px auto;}
.formgroup label{font-weight: bold;}
.formgroup input,.formgroup select{padding:10px;border:none;border-bottom: 1px solid var(--deactive-color);transition: all 1s;}
.formgroup button{border:none;color:var(--third-color);background-color: var(--normal-color);font-weight: bold;border-radius: 5px;padding:20px;}
.formgroup.submitcontainer{justify-content: center;}
.sample .cart{padding: 20px 0;}
.sample .cart a{background-color: rgba(77,91,91,1);color: #fff;display: inline-block;padding:10px 30px;margin:10px 0;}
.contentwithslide{padding:80px 0;}
.contentwithslide h2.title{margin-bottom: 50px;}
.contentwithslide h3{letter-spacing: 5px;font-size: var(--big-font-size);font-weight: normal;text-align: center;margin:30px 0;}
.contentwithslide .maincontent{padding:0 200px;text-align: center;}
.videocontainer{position: relative;}
.videocontainer .title{width: 100%;max-width: 800px;margin:50px auto;}
.videocontainer .video{top:0;left: 0;}
.gallerygrid {padding:50px 0;}
.gallerygrid .title{max-width: 800px;margin:50px auto;}
.gallerygrid .galleryitem{position: relative;}
.gallerygrid .galleryitem img{height: 100%;}
.gallerygrid .galleryitem .icongallery{position: absolute; bottom: 20px; left: 20px;}
.gallerygrid .gallerysocial {display:flex;gap:20px;justify-content: center;padding:30px 0;}
.gallerygrid .gallerysocial img{width:70px;}
.navigation{display: flex;justify-content: center;padding:20px 0;}
.navigation .navitem{padding:0 20px; border-right: 1px solid var(--deactive-color);color: #85888a;}
.navigation .navitem:last-child{border-right: none;}
.activelink{display: flex;justify-content: center;gap:20px;padding:50px 0;}
.activelink .activeitem{padding:10px 20px; border-radius: 20px;color:var(--normal-color);background: var(--third-color);border:1px solid var(--active-color);}
.activelink .activeitem.active{background: var(--normal-color);color: var(--third-color);}
.tablink{display: flex;justify-content: center;padding:20px 0;}
.tablink .tabitem{padding:0 20px; border-right: 1px solid var(--deactive-color);}
.tablink .tabitem.active{font-weight: bold;}
.tablink .tabitem:last-child{border-right: none;}

.gallerytab{display: flex;justify-content: center;padding:20px 0;}
.gallerytab .tabitem{padding:0 20px; border-right: 1px solid var(--deactive-color);}
.gallerytab .tabitem.active{font-weight: bold;}
.gallerytab .tabitem:last-child{border-right: none;}
.gallerycontent .galleryslideitem .galleryitem .imageitem img{width: 100%;}

.listimages{padding:50px 0;text-align: center;}
.listimages h2{margin-bottom: 50px;}
.listimages .imageitem img{width: 100%;height: 100%;}
.contentwithslidebeside{background:#d0d1d2;}
.contentwithslidebeside .contentcontainer{padding:0px 50px 30px calc((100vw - var(--max-width-container) ) / 2);text-align: center;}
.contentwithslidebeside .contentcontainer h2{margin-bottom: 50px;}
.imageslidecontainer .slick3item img{height: 100%;margin:20px 10px 0;}
.itinerarycontainer h2{text-align: center;max-width: var(--maxsmall-width-container);margin: 20px auto 50px;}
.itinerarycontainer .day:first-child{width: 50%;padding-right: 50px;border-right: 1px solid var(--deactive-color);}
.itinerarycontainer .day:nth-child(2){width: 50%;padding-left: 50px;}
.itinerarycontainer .day .subtitle{margin-bottom: 50px;font-weight: bold;}
.content3column {padding:50px 0;}
.content3column .thecontent{padding: 20px 0;}
.content3column .slickcontainer .contentitem{margin:0 10px;}
.content3column .contentitem .itemcontent{padding:50px; text-align: center;}
.content3column .contentitem .itemcontent h3{padding-bottom: 30px;}
.content3column .contentitem .avatar img{width: 100%;}

.content4column .slickcontainer .contentitem{margin:0 10px;}
.content4column .contentitem .itemcontent{}
.content4column .contentitem .itemcontent h3{padding-bottom: 30px;text-align: center;}
.content4column .contentitem .avatar img{width: 100%;}

.video-js .vjs-big-play-button{top:50%;left: 50%;transform: translate(-50%,-50%);}
.contactformcontainer {padding:50px 0;gap:50px;}
.contactformcontainer > div:last-child{text-align: center;}

.contactformcontainer > div > label{display: block;}
.contactformcontainer > div > input[type="text"],.contactformcontainer > div > input[type="email"],.contactformcontainer > div > textarea,.contactformcontainer > div > select{width: 100%;border:1px solid #ccc;padding:10px;}
.contactformcontainer > div > input[type="submit"]{padding:10px 30px; border-radius: 20px;color:var(--third-color);background: var(--normal-color);text-transform: uppercase;border:none;}
.graybackground {background: #e2e3e4;padding:50px 0;}
.unbold{font-weight: normal!important;}
.border-right{border-right:1px solid #ccc;}
.border-top{border-top: 1px solid #ccc;}
.slicklistprice .priceitem,.otherday .priceitem{padding:15px 30px;background: #f3f4f4;text-align: center;}
.slicklistprice .priceitem:nth-child(odd),.otherday .priceitem:nth-child(odd){background: #dcdedf;}
.slicklistprice .priceitem .blockprice,.otherday .priceitem .blockprice{font-weight: bold;}
.gridgallery img{width: 100%;height: 100%;}
.twocolumnsbackground{position: relative;}
.twocolumnsbackground img.background{position: absolute;top:0;left: 0;z-index: -1;}
.twocolumnsbackground .twocolumncontnet {display:grid;grid-template-columns: 1fr 1fr;gap:50px;padding:50px 0;}
.twocolumnsbackground .twocolumncontnet h2{margin-bottom: 50px;}
.twocolumnsbackground .twocolumncontnet .sample{margin-bottom: 30px;}
.gridproductcontainer .productitem {position: relative;}
.gridproductcontainer .productitem  img.background{width: 100%;height: 100%;border-radius: 30px;}
.gridproductcontainer .productitem  .content .name{padding:30px;color: #fff;position: absolute;top:0;left: 0;z-index: 10;}
.solutioncontainer{background: #F5F5F5;}
.solutioncontainer .container{overflow-x: hidden;padding-bottom: 100px;}
.solutioncontainer .sample{text-align: center;padding-bottom: 100px;}
.solutioncontainer .solutionslick .slick-list{overflow: visible;}
.solutioncontainer .solutionslick .solutionitem .content{background: #BE242D;color: #fff;border-radius: 0 0 30px 30px ;padding:30px;display: flex;align-items: center;}
.solutioncontainer .solutionslick .solutionitem .content .itemtitle{font-size: 20px;}
.solutioncontainer .solutionslick .solutionitem .content .itemsample{font-size:14px;line-height: 15px;}
.solutioncontainer .solutionslick .solutionitem .content .itemsample,.solutioncontainer .solutionslick .solutionitem .content .solutionreadmore{display: none;text-align: left;}
.solutioncontainer .solutionslick .solutionitem{}
.solutioncontainer .solutionslick .solutionitem.slick-current{transform: scale(1.2);transition: all 1s;}
.solutioncontainer .solutionslick .solutionitem.slick-current .content .itemsample,.solutioncontainer .solutionslick .solutionitem.slick-current .content .solutionreadmore{display: block;}
.solutioncontainer .solutionslick .solutionitem .solutionreadmore a{border:1px solid #fff;font-size:14px;background-image:linear-gradient(to bottom,rgba(231,10,0,0.8),rgba(190,8,0,0.8)) ;padding:5px 15px;display: inline-block;border-radius: 20px;width:120px}

.solutioncontainer .solutionslick .solutionitem .solutionreadmore a::after{content: '\f30b';font-family: fontawesome;display: inline-block;padding-left: 20px;}
.listprojectcontainer{padding:50px 0;}
.listprojectcontainer .toptitle{display: flex;justify-content: space-between;}
.listprojectcontainer .toptitle .projecttitle{font-weight: bold;font-size: var(--big-font-size);}
.listprojectcontainer .topviewmore .viewmoretext{margin-bottom: 20px;}
.listprojectcontainer .listproject{padding:0 10px;margin:50px auto 0;border-top:1px solid #F59123;}
.listprojectcontainer .listproject .projectitem{padding: 10px;}
.listprojectcontainer .listproject .projectitem .viewmore{text-align: right;}
.listprojectcontainer .listproject .projectitem .viewmore a{padding:5px 20px; border: 1px solid #BE0800; color: #BE0800;border-radius: 30px;display: inline-block;}
.listprojectcontainer .listproject .projecttitle{font-weight: bold;margin-bottom: 20px;}
.listprojectcontainer .listproject .sample{height: 60px;overflow: hidden;margin-bottom: 20px;}

.partnercontainer{padding:0 0 50px;background: #F5F5F5;}
.partnercontainer .title{margin:0 auto 50px;}
.partnercontainer .partneritem {padding: 0 20px;}

.negativecontainer{padding:10px 0;border-top:1px solid #ccc;}
.negativecontainer .container{display: flex;gap:5px;}
.negativecontainer .negativeitem{color:#000;}
.negativecontainer .negativeitem:last-child{color: #BDBDBD;}
video{width: 100%;aspect-ratio: 16 / 9;vertical-align: bottom;}


.subtitle{margin: 70px 0 0 0; color: var(--active-color);font-size:18px;font-weight: 400;font-family: titlefont;text-align: center;}


.listkoffercontainer{display: grid;grid-template-columns: 1fr 1fr;gap:60px;margin-bottom:60px}
.listkoffercontainer .offeritem{box-shadow: 0 0 0 #ccc;margin:0;}
.listkoffercontainer .offeritem .avatar{position: relative;}
.listkoffercontainer .offeritem .avatar .fromprice{position: absolute;bottom: 0;left: 0;width: 100%;;}
.listkoffercontainer .offeritem .avatar img{width: 100%; aspect-ratio: 360 / 200;}
.listkoffercontainer .offeritem .fromprice{background-image: linear-gradient(to right,rgba(237, 198, 142, 1),rgba(237, 198, 142, 0));padding:10px 0 10px 30px;color: #000;}
.listkoffercontainer .offeritem .content{padding:30px;min-height: 470px;position: relative;}
.listkoffercontainer .offeritem .content .offertype{font-weight: bold;text-transform: uppercase;padding:0 0 15px 0}
.listkoffercontainer .offeritem .content h3{font-size:var(--subtitle-font-size);font-family: titlefont;text-align: left;text-transform: uppercase;color: var(--active-color);line-height: 24px;font-weight: normal; padding: 0 0 10px}
.listkoffercontainer .offeritem .content .attractions,.listkoffercontainer .offeritem .content .activities{position: relative;}
.listkoffercontainer .offeritem .content .activities .activity{display: flex;gap:10px;}
.listkoffercontainer .offeritem .content .attractions .icon img,
.listkoffercontainer .offeritem .content .activities img.icon{position: absolute;left: 5px;}
.listkoffercontainer .offeritem .content .activities img.iconinfo{width: 28px;}
.listkoffercontainer .offeritem .content .activities .moreactivities{position: absolute;opacity: 0;visibility: hidden;z-index: -1;bottom:0;left: 0;box-shadow: 0 0 5px #ccc;background:#fff;}
.listkoffercontainer .offeritem .content .activities .moreinfo:hover .moreactivities,
.listkoffercontainer .offeritem .content .activities .moreactivities.active{opacity: 1;visibility: visible;z-index: 10;}
.listkoffercontainer .offeritem .content .readmore{position: absolute; bottom: 20px;left: 50%;transform: translateX(-50%);width: calc(100% - 80px );display: flex;justify-content: space-between;}
.listkoffercontainer .offeritem .content .readmore a{color:var(--second-color);border: 1px solid var(--second-color);display: inline-block;padding:10px;text-align: center;font-weight: bold;}
.listkoffercontainer .offeritem .content .readmore a:hover{background: var(--second-color);color: #fff;}
.listkoffercontainer .offeritem .content .activities .moreactivities .item{display: flex;gap:10px;}
.listkoffercontainer .offeritem .content .activities .moreactivities .item .icon img{position: relative;left: 0;}
.listkoffercontainer .offeritem .content .activities .moreactivities {display: grid;grid-template-columns: 250px;gap:10px;background: #fff;padding:10px;font-size:14px}
.wp-block-columns.are-vertically-aligned-center.alignnormal {gap:60px}
.wp-block-columns.alignnormal.is-layout-flex{gap:40px}
.wp-block-columns.is-layout-flex{gap:40px}

.wp-block-image.size-full.ghostkit-custom-oe3xd {padding-bottom:30px}
.wp-block-columns.paddingleft {gap:60px}
.wp-block-columns.mobilepadding20 {gap:60px}
.wp-block-columns.are-vertically-aligned-top{gap:60px}
.backgroundimagecontainer{position: relative;}
.backgroundimagecontainer img{width: 100%;}
.backgroundimagecontainer .content{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);color: #fff;}
.backgroundimagecontainer .content h3{color: var(--second-color);font-family: mainfont;font-weight: bold;font-size:var(--normal-font-size);letter-spacing: 5px; margin: 0}
.backgroundimagecontainer .listlogo{position: absolute;bottom: 30px;left: 0;width: 100%;display: flex;justify-content: center;}
.backgroundimagecontainer .listlogo .logoitem{padding: 0 80px;border-right: 1px solid #fff;}
.backgroundimagecontainer .listlogo .logoitem:last-child{border-right: none;}
.backgroundimagecontainer .listlogo .logoitem img{height: 60px;}
.graybackgroundcontainer{padding:10px 0;background: rgba(196, 154, 108, 0.2);}
.graybackgroundcontainer img{width: 100%;height: 100%;}
.goalcontainer{display: grid;grid-template-columns: 50% 50%;margin-bottom:50px}
.goalcontainer .avatar img{width: 100%;height: 100%;}
.goalcontainer .goalitem{padding-bottom: 0px;}
.goalcontainer .content{position: relative;padding:0 0 0 40px;}
.goalcontainer .content .seemore{position: absolute;bottom: 0;left: 30px;}
.goalcontainer .content .seemore a{display: inline-block;padding: 5px 50px;color: var(--active-color);border: 1px solid var(--second-color);font-size: 14px;font-weight: bold; margin-left: 10px;}
.goalcontainer .content .seemore a:hover{background: var(--second-color); color: #fff}
.testimonialcontainer{margin: 0;}
.testimonialcontainer .content h3{text-align: center;color: var(--second-color);font-family: mainfont;font-size:var(--large-font-size);font-weight: bold;text-transform: uppercase;letter-spacing: 4px;}
.testimonialcontainer .content h2{text-align: center;font-weight: normal;font-size:var(--big-font-size);color: var(--active-color);}
.testimonialcontainer .testimonialcontent{padding-top: 30px;}
.testimonialcontainer .testimonialcontent .testimonialitem{font-size: var(--normal-font-size);}
.testimonialcontainer .testimonialcontent .testimoniallogo{text-align: center;}
.testimonialcontainer .testimonialcontent .testimoniallogo img{width: 150px;}
.testimonialcontainer .testimonialcontent .star{display: flex;gap:10px;justify-content: center;}
.testimonialcontainer .testimonialcontent .testimonial{text-align: center;}
.testimonialcontainer .testimonialcontent .testimonialitem .name{text-align: center;}
.slicktestcontainer {position: relative;padding: 30px 200px 50px}
.slicktestcontainer::before{content: '';position: absolute;top:70px;left: 120px;background: url(images/quote-left.svg) center no-repeat;background-size: contain;width: 50px;height: 50px;}
.slicktestcontainer::after{content: '';position: absolute;bottom:70px;right: 120px;background: url(images/quote-right.svg) center no-repeat;background-size: contain;width: 50px;height: 50px;}
.slicktestcontainer .slickdot{position: absolute;bottom: 0;right:47%;}
.slicktestcontainer .slickdot a{background: #D9D9D9;display: inline-block;padding:5px;border-radius: 10px;margin:0 5px;}
.slicktestcontainer .slickdot a.active{background: var(--second-color);}
.highlightcontainer{background: #f4f4f4;text-align: center;padding: 50px 0;}
.tabbuttoncontainer{position: sticky;top:0;transition: all 0.5s;text-align:center;margin-bottom: 50px; background-color: var(--lightbg-color);color: #000;font-family:titlefont;font-size: var(--normal-font-size)}
.tabbuttoncontainer .tabbuttoncontent{display:flex;gap:0;padding: 10px 0;justify-content: center;}
.tabbuttoncontainer .tabbuttoncontent .tabbuttonitem{padding: 0 20px;border-right: 1px solid #fff;}
.tabbuttoncontainer .tabtitle{text-transform: uppercase;font-size: var(--small-font-size);align-items:center;display: flex;padding-left: 20px;}
.tabbuttoncontainer .tabbuttonitem a{text-transform: uppercase;font-size: var(--small-font-size);align-items:center;}
.tabbuttoncontainer .tabbuttonitem a:hover{color: var(--second-color);}
.tabbuttoncontainer .tabbuttonitem.active{color: var(--second-color);}
.tabbuttoncontainer .tabbuttonitem:last-child{border-right: none;}
.tabbuttoncontainer.fixed{position: sticky;top:70px;z-index: 2;background-color: var(--lightbg-color);color: #000;z-index: 3;}
.listbuttoncontainer{display: flex;justify-content: center;gap: 25px;padding:50px 0;}
.listbuttoncontainer .buttonitem a{display: inline-block;padding:10px 30px;min-width: 310px;text-align: center;color: var(--active-color);font-size: var(--normal-font-size);font-weight: bold;text-transform: uppercase;border: 1px solid var(--second-color);border-radius: 50px;}
.listbuttoncontainer .buttonitem a:hover{color: var(--active-color);background: var(--second-color);}
.listroomcontainer{display: grid;grid-template-columns: 1fr 1fr;gap:60px}
.listroomcontainer .roomitem{}
.listroomcontainer .roomitem .avatar {position: relative;padding-bottom:10px}
.listroomcontainer .roomitem .avatar > img{width: 100%;aspect-ratio: 560 / 350;}
.listroomcontainer .roomitem .avatar .icongallery{position: absolute;bottom: 20px;right: 20px;}
.listroomcontainer .roomitem .avatar .icongallery img{}
.listroomcontainer .roomitem .content{}
.listroomcontainer .roomitem .content .tienich{display: grid;grid-template-columns: 30% auto;padding:5px 0;}
.listroomcontainer .roomitem .content .tienich .value{font-weight: bold;}
.listroomcontainer .roomitem .content .overview{}
.listroomcontainer .roomitem .content .book a{padding: 10px 20px;display: inline-block;text-align: center;border: 1px solid var(--second-color);width: 50%;margin-top:20px; font-weight:bold;border-radius:50px;color: var(--active-color)}
.listroomcontainer .roomitem .content .book a:hover{background: var(--second-color); color: var(--active-color)}
.listroomcontainer .roomitem .roomgallerycontainer{display: none;}
.roomamenitiescontainer{padding:0 0 40px 0}
.roomamenitiescontainer .listamenity{display: grid; grid-template-columns: 1fr 1fr; gap: 0px 40px;text-align:left}
.roomamenitiescontainer .listamenity .amenityitem{display: flex;gap:10px;padding:15px 0;border-bottom: 0; align-items: center}
.roomamenitiescontainer .listamenity .amenityitem .icon {width: 40px;text-align: center;}
.roomamenitiescontainer .listamenity .amenityitem .icon img{height: auto;width:auto}
.gridactivity{padding-bottom: 40px;}
.gridactivity .activityitem{position: relative;}
.gridactivity .activityitem img{width: 100%;height: 100%;}
.gridactivity .activityitem .caption{position: absolute;bottom: 15px;left: 15px;color: #fff;font-weight: bold;font-size: var(--normal-font-size);text-transform: uppercase;}
.gridactivity .activityitem .sample{position: absolute;top:0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 2;transform: rotateY(90deg);transition: all 0.4s;background: rgba(40,40,41,0.8);color:#fff;padding:15px;overflow: hidden;}
.gridactivity .activityitem:hover .sample{transform: rotateY(0deg);}
.capacitycontainer{padding:50px 0;}
.capacitycontainer .listcapacity{display: flex;justify-content: space-between;gap:0;}
.capacitycontainer .listcapacity .capacityitem{text-align: center;padding:0 40px;}
.capacitycontainer .listcapacity .capacityitem .number{font-weight: 500;font-size: 180px;line-height: 130px;padding: 30px 0 10px;font-family: titlefont;color: #E5D1AB;}
.capacitycontainer .listcapacity .capacityitem .name{text-transform: uppercase;font-family: titlefont; font-size: var(--subtitle-font-size)}
.quotacontainer{background: rgba(171,171,171,0.1);padding:50px 0;}
.quotacontainer .listbutton{display: flex;justify-content: center;gap: 30px;padding-top:20px;}
.quotacontainer .listbutton .button a{display: inline-block;padding:10px 30px;min-width: 310px;text-align: center;background: var(--second-color);color: #fff;font-size:var(--normal-font-size);font-weight: bold;text-transform: uppercase;}
.quotacontainer .listbutton .button a:hover{color: #000}
.quotacontainer .content{position: relative;}
.quotacontainer .content::before{content: '';background: url(images/ngoac-kep-trai.png) center no-repeat;background-size: cover;position: absolute;top:0;left: -10px;transform: translateX(-100%);width: 30px;height: 25px;}
.quotacontainer .content::after{content: '';background: url(images/ngoac-kep-phai.png) center no-repeat;background-size: cover;position: absolute;bottom:0;right: -10px;transform: translateX(100%);width: 30px;height: 25px;}
.listkoffercontainer .offeritem{border: 1px solid #D9D9D9;position: relative;}
	.bodytext-leftalign{text-align:center}
.charterservices{text-align:center}
.listkoffercontainer .offeritem .content .available{font-size: 14px;padding:10px 0;}
.listkoffercontainer .offeritem .content .readmore{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);width: calc(100% - 60px);}
.listkoffercontainer .offeritem .content .readmore a{color:var(--active-color);border: 1px solid var(--second-color);display: inline-block;padding:10px 50px;text-align: center;;border-radius: 50px;text-transform:uppercase}
.listkoffercontainer .offeritem .content .readmore a:first-child{border: none;text-transform:uppercase}
.listkoffercontainer .offeritem .content .readmore a:hover{background: var(--second-color);color: #fff;}
.itinerarydetailcontainer{}
.itinerarydetailcontainer .map img{width: 100%;height: 100%;vertical-align: bottom;}
.itinerarydetailcontainer .content{position: relative;}
.itinerarydetailcontainer .content .day{padding:0;border-top: 1px solid #d9d9d9;}
.itinerarydetailcontainer .content .day:last-child{border-bottom: 1px solid #d9d9d9;}
.itinerarydetailcontainer .content .day .name{display: flex;justify-content: space-between;padding:20px 20px 20px 0; align-items:center}
.itinerarydetailcontainer .content .day .daycontent{display: none;grid-template-columns: 200px auto;padding-right: 30px;}
.itinerarydetailcontainer .content .day .daycontent em{display: inline-block;width: 200px;font-style: normal;}
.itinerarydetailcontainer .content .download{position: absolute;bottom: 0;left: 0;}
.itinerarydetailcontainer .content .download a{display: inline-block;padding:10px 30px;min-width: 310px;text-align: center;background: var(--second-color);color: #fff;font-size: 17px;font-weight: bold;text-transform: uppercase;}
.itinerarydetailcontainer .content .download a:hover{color: var(--third-color)}
ul.checkstyle{list-style-image: url(images/check.png);}
ul.checkstyle li{padding: 10px;}
ul.excludestyle{list-style-image: url(images/exclude.png);}
ul.excludestyle li{padding: 10px;}
.listnewsblockcontainer{position: relative;}
.listnewsblockcontainer .listdot{position: absolute;left: 50%;transform: translateX(-50%);display: flex;gap:10px;}
.listnewsblockcontainer .listdot a{padding:5px;background: rgba(255,255,255,0.4);border-radius: 10px;}
.listnewsblockcontainer .listdot a.active{background: rgba(255,255,255,0.9);}
.listknewscontainer .newsitem{position: relative;padding: 0 20px 70px;color:#fff;}
.listknewscontainer .newsitem .avatar img{width: 100%;aspect-ratio: 95 / 58;}
.listknewscontainer .newsitem .content{padding:0;}
.listknewscontainer .newsitem h3{font-size: 16px;font-weight: 700;font-family: mainfont;color: #fff;line-height: 20px;padding:20px 0;text-align: left;}
.listknewscontainer .newsitem .date{font-size: var(--small-font-size);padding: 10px 0}
.listknewscontainer .newsitem .readmore{position: absolute;bottom: 20px;}
.listknewscontainer .newsitem .readmore a{display: inline-block;text-align: center;width: 100%; font-size: 18px;text-transform:uppercase;color:#90C1BE;}
.gform_footer input[type='submit']{display: inline-block;padding:10px 20px;text-align: center;background: var(--second-color);color: #fff;text-transform: uppercase;font-weight: bold;font-size: 17px;width: 100%;border: none;font-family: mainfont}
.gform_footer input:hover{color: #000}
.listlightgallery .avatar{position: relative;}
.listlightgallery .avatar img{width: 100%;aspect-ratio: 360 / 260;}
.listlightgallery .avatar{position: relative;}
.listlightgallery .avatar .icongallery{position: absolute;bottom: 20px;right:20px;}
.listlightgallery .avatar .icongallery img{width: 50px;height: 50px;}
.listlightgallery .lightgallerycontainer,.gallerycontainer .lightgallerycontainer{display: none;}
.listlightgallery .caption{text-align: center;padding:20px 0 0;}
.enquerycontainer{text-align-last: left;}
.enquerycontainer input,.enquerycontainer textarea,.enquerycontainer select{padding:10px 20px;border-radius: 50px;width: 100%;border:1px solid var(--active-color); font-family: mainfont;margin: 15px 0;;}
.enquerycontainer input[type="radio"]{width: 40px;}
.enquerycontainer textarea{height: 100%; font-family: mainfont}
.enquerycontainer .formbutton{text-align-last: center; font-family: mainfont}
.enquerycontainer .formbutton button{padding:10px 20px; width: 100%;color: #fff;background: var(--second-color);border: none;font-family: mainfont;font-weight: bold;border-radius: 50px;margin-top:15px; margin-bottom: 15px}
.contactusform input,.contactusform textarea{padding:15px;border-radius: 50px;width: 100%;border:1px solid #ABABAB;font-size: var(--normal-font-size);font-family:mainfont}
.contactusform .formitem{padding:20px 0;font-family: mainfont;text-align-last: left;}
.contactusform .formbutton{text-align: center;padding: 20px 0;font-family:titlefont}
.contactusform .formbutton button{padding:15px 20px; width: 100%;color: #fff;background: var(--second-color);border: none;font-family: mainfont; font-size: var(--normal-font-size);border-radius: 50px;}
.contactusform .formbutton button:hover{color: var(--normal-color)}
.inquirytitle {font: var(--big-font-size) titlefont; color: var(--active-color); position: relative; padding: 150px 0 10px 0; text-transform: uppercase; text-align: center;}
input.calendar{background: url(images/icon-calendar.png) center right no-repeat;}
.firstload{position: fixed;top:0;left: 0;width: 100%;height: 100vh;background: #024644;z-index: 100;transition: all 3s;}
.firstload img,.firstload svg{margin: 50vh auto;transform: translateY(-50%);display: block;width: 15%}
.firstload.disable{opacity: 0;visibility: hidden;}

.inlinegallery{width: 100%;height: 0;padding-bottom: 60%;}
.inlinegallery .lg-backdrop{background: none;}
.inlinegallery .lg-outer .lg-thumb-outer{background: none;}
.inlinegallery .lg-thumb-item{opacity: 0.3;transition: all 0.3s;}
.inlinegallery .lg-thumb-item.active{opacity: 1;}
.highlighttext{font-size: var(--small-font-size);color: var(--active-color);text-transform: uppercase;margin:0; padding-top:20px;display:none}
.listicon{display: flex;gap:50px;}
.listicon .iconitem{display: flex;gap:10px;;}
.listicon .iconitem img{width: 30px;vertical-align: middle;}
.stayconnected{padding:0; text-align:center}
.cookiecontainer{background: var(--active-color);position: fixed;bottom: 0;left: 0;width: 100%;padding:10px 20px;color: #fff;z-index: 10000;font-size: var(--small-font-size);line-height: 20px;}
.cookiecontainer .container{display: grid;grid-template-columns: 200px auto 400px;gap:20px;align-items: center;}
.cookiecontainer .container .logo img{width: 180px;}
.cookiecontainer .container .button{display: flex;justify-content: center;gap:20px;}
.cookiecontainer .container .button button{background: #fff;border: none;color: var(--active-color);padding:5px 20px;border-radius: 30px;font-weight: bold;}
.gallerycontent .contentitem{display:none;}
.gallerycontent .contentitem.active{display: block;}
.gallerycontent .contentitem h3{    font: var(--normal-font-size) mainfont;font-weight: bold;text-transform: uppercase;}
.inlinegallerycontainer{position: relative;}
.inlinegallerycontainer .gallerycontent{position: absolute;z-index: 3;bottom: 100px;left: 0;width: 100%;background-image: linear-gradient(to top, rgba(40,40,41,0.9),rgba(40,40,41,0));color: #fff;padding:0 20px;}
.inlinegallery .lg-content{bottom: 100px!important;}
.inlinegallery .lg-toolbar{display: none;}
.inlinegallery .lg-outer .lg-object{width: 100%;}
.inlinegallery .lg-outer.lg-animate-thumb .lg-thumb{display: flex;justify-content: center;}
.inlinegallery .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{width: 15%!important;margin-bottom: 0;margin-right: 0;}
.slidegallerycontainer .slidegalleryitem {padding: 10px;}
.slidegallerycontainer .slidegalleryitem img{width: 100%;}
.backgroundcontent .backgroundcontentitem{position: relative;}
.backgroundcontent .backgroundcontentitem > img{width: 100%;height: 100%;}
.backgroundcontent .backgroundcontentitem .content{padding:10px 30px;background:rgba(0,0,0,0);position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;}
.backgroundcontent .backgroundcontentitem .content .head{font-family:titlefont; text-transform:uppercase}
.backgroundcontent .backgroundcontentitem .content p{padding:0;margin: 0;font-size: var(--small-font-size)}
.slideroomscontainer .listtitle{display: flex;justify-content: center;border-bottom: 1px solid #C2C2C2;border-top: 1px solid #C2C2C2;padding:15px 0;font-family:titlefont; text-align:center}
.slideroomscontainer .listtitle .titleitem{padding:0 20px;line-height: 20px;border-left: 1px solid var(--normal-color);font-weight: bold;text-transform: uppercase;}
.slideroomscontainer .listtitle .titleitem:hover{color: var(--active-color);}
.slideroomscontainer .listtitle .titleitem.active{color: var(--active-color);}
.slideroomscontainer .listtitle .titleitem:first-child{border-left: none;}
.slideroomscontainer .roomscontainer{position: relative;}
.slideroomscontainer .roomscontainer .roomslideitem{height: auto;visibility: visible;opacity: 1;transition: all 0.5s;display: block;}
.slideroomscontainer .roomscontainer .roomslideitem.deactive{visibility: visible;opacity: 0;display: none;}
.slideroomscontainer .roomscontainer .avatarcontainer{position: relative;}
.slideroomscontainer .roomscontainer .avatarcontainer .content{display: flex;justify-content: space-between;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0);color: #fff;width: 100%;padding:20px 30px;}
.slideroomscontainer .roomscontainer .avatarcontainer .content .roomname{text-transform: uppercase;font-family: titlefont;font-size: var(--large-font-size)}
.slideroomscontainer .roomscontainer .avatarcontainer .content .listutilities{display: flex;justify-content: flex-start;gap:0;}
.slideroomscontainer .roomscontainer .avatarcontainer .content .listutilities span{display: inline-block;padding:0 20px;line-height: 20px;border-left: 1px solid #fff;}
.slideroomscontainer .roomscontainer .avatarcontainer .content .listutilities span:first-child{border-left: none;padding: 0 20px 0 0;}
.slideroomscontainer .roomscontainer .avatarcontainer .content .readmore a{display: inline-block;padding:10px 20px; border: 1px solid #fff;border-radius: 50px;}
.slideroomscontainer .roomscontainer .avatarcontainer .content .readmore a:hover{background-color: var(--second-color); border:0; color: var(--active-color)}
.tabslidecontainer .tabcontent .tabcontentitem.deactive{display: none;}
	.playbutton{display:none}
.tabslidecontainer .tabcontent img{width:100%;}
.tabslidecontainer .tabtitle{display: flex;justify-content: center;gap:0;padding:20px 0 40px 0; align-items: center;}
.tabslidecontainer .tabtitle .tabtitleitem{padding:0 20px; line-height: 16px;text-transform: uppercase;border-left: 1px solid var(--normal-color);font-family:titlefont; font-size: var(--normal-font-size)}
.tabslidecontainer .tabtitle .tabtitleitem:first-child{border-left: none;}
.tabslidecontainer .tabtitle .tabtitleitem.active,.tabslidecontainer .tabtitle .tabtitleitem:hover{color: var(--second-color);}
.floatcontactcontainer{position: fixed;top:50%;right: 20px;background: rgba(240, 235, 225, 0.8);border-radius: 50px;padding: 10px;transform: translateY(-50%);}
.floatcontactcontainer .listcontact{display: flex;flex-direction: column;gap:10px; ;}
.wp-block-columns.itineraryimage{align-items: normal!important;}
.wp-block-columns.itineraryimage img{width: 100%;height: 100%;}
.servicecolumn .content:first-child{padding-left: calc((100% - var(--max-width-container)) / 2);}
.servicecolumn .content:last-child{padding-right: calc((100% - var(--max-width-container)) / 2);}
.downloadcontainer{padding:30px 0;}
.downloadcontainer .downloaditem{padding:20px 0;border-top: 1px solid #C2C2C2;}
.downloadcontainer .downloaditem:last-child{border-bottom: 1px solid #C2C2C2;}
.tabgallery .tabcontentitem.deactive{display: none;}
.fullpagecontainer .section{background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #C2E1DF;}
.fullpagecontainer .section.backgroundbottom{background-position: bottom center;background-size: contain;background-repeat: no-repeat;}
.fullpagecontainer .section.backgroundbottomright{background-position: bottom right;background-size: auto 60%;background-repeat: no-repeat;}
.fullpagecontainer .section .slide{background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.sample.bottomright{bottom: 50px;right:50px;position: absolute;color: #fff;width: 700px;}
.sample.overview{top:0;right:0;height:100%;background: #024644;position: absolute;color: #fff;width: 40%;display: flex;align-items: center;padding:0 50px;justify-content: center;}
.overview h2{color: #90C1BE;text-align: center;}
.overviewcontent .overviewitem{display: flex;justify-content: space-between;padding-top: 20px;}
.overviewcontent .overviewitem .value{font-weight: bold;text-align: right;}
.sample.topleft{color:#024644;position: absolute;top:0;left: 0;padding:70px 50px;}
.sample.topcenter{top:0;left: 50%;transform: translateX(-50%);position: absolute;color: #024644;padding:100px 50px 0;}
.sample.topcentermap{top:0;left: 0;width: 100%;position: absolute;padding:0;text-align: center;}
.sample.duongxuan{width: 100%;background: #C2E1DF;padding:50px;}
.sample.centerleft{top:50%;left: 0;transform: translateY(-50%);color: #fff;padding: 50px;position: absolute;}
.sample.topwidth100{position: absolute;color:#fff;top:50px;left: 0;padding:50px 50px 0;width: 100%;}
.sample.topwidth100 strong{color:#024644}
.sample.topwidth100 h2{color: #024644;    padding-bottom: 180px;}
.sample.topwidth100background{position: absolute;color:#024644;top:50px;left: 0;padding:50px 200px 50px 50px;width: 100%;background: rgba(194, 225, 223, 0);}
.sample.topleftheight100{position: absolute;color: #024644;top:0;left: 0;width: 700px;background: #C2E1DF;height: 100%;padding:400px 50px 50px;}
.sample.bottomcenter{position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;padding:50px 100px 100px;}
.sample.bottomcenternopadding{position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;padding:0;}
.sample.videobackground{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.sample.fullpage{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.submenucontainer.fixed{position: fixed;top:60px;left:0;width:100%;display: flex;justify-content: center;background-image: linear-gradient(to right, RGBA(6, 106, 103, 0) 0%, RGBA(6, 106, 103, 1) 50%,RGBA(6, 106, 103, 0) 100%);color:#fff;z-index: 0;opacity: 0;visibility: hidden;}
.submenucontainer.fixed.active{z-index: 10;opacity: 1;visibility: visible;}
.submenucontainer.fixed .submenuitem {padding:5px 20px;border-right:1px solid #fff;}
.submenucontainer.fixed .submenuitem:last-child{border-right: none;}
.submenucontainer.fixed .submenuitem.active{font-weight: bold;}


.fullpagecontainer .section .submenucontainer{position: absolute;top:80px;left:0;width:100%;display: flex;justify-content: center;background-image: linear-gradient(to right, RGBA(6, 106, 103, 0) 0%, RGBA(6, 106, 103, 1) 50%,RGBA(6, 106, 103, 0) 100%);color:#fff;}
.fullpagecontainer .section .submenucontainer .submenuitem {padding:5px 20px;border-right:1px solid #fff;}
.fullpagecontainer .section .submenucontainer .submenuitem:last-child{border-right: none;}
.fullpagecontainer .section .submenucontainer .submenuitem.active{font-weight: bold;}
.sample.center{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.imagecontainer{display: flex;flex-wrap: wrap;gap:10px;justify-content: center;margin: 10px 0;max-width: 100%;}
.imagecontainer img{width: 100%;}
.poverviewcontent{display: flex;justify-content: center;gap:0;color:#024644;margin: 20px 0;}

.poverviewcontent .poverviewitem{padding: 0 15px;border-right: 1px solid #024644;}
.poverviewcontent .poverviewitem p{margin: 0}
.poverviewcontent .poverviewitem:last-child{border-right: none;}
.gallerycontainer{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:0;padding: 50px 100px}
.gallerycontainer .galleryitem .avatar{overflow: hidden;}
.gallerycontainer .galleryitem .avatar img{width: 100%;height: 100%;max-height:65vh;transition: all 1s;cursor: pointer;}
.gallerycontainer .galleryitem .avatar:hover img{transform: scale(1.2);}
.gallerycontainer .galleryitem{position: relative;}
.gallerycontainer .galleryitem .content{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;color: #fff;padding: 30px 0}
.productoverview{position: relative;color:#024644;min-width: 900px;margin-top:30px;}
.productoverview .label{position: absolute;top:10px;left: 10px;padding: 0 10px;;}
.productoverview h2{text-align: center;}
.gridcontentcontainer .titlecontainer{display: flex;justify-content: flex-end;align-content: flex-start;color:#024644;width: 100%;margin: auto; padding: 0 100px 0 0;}
.gridcontentcontainer .titlecontainer .titlecontent{text-align: right;}
.gridcontentcontainer .titlecontainer .bignumber{font:400 200px titlefont;line-height: 130px;}
.gridcontentcontainer .titlecontainer h2{font:400 50px titlefont;line-height: 50px;margin: 0;padding:15px ;}
.gridcontentcontainer .titlecontainer h1{font:400 96px titlefont;line-height: 0px;margin: 0;padding: 0;}
.gridcontentcontainer .gridcontent{gap:0;margin: auto;}
.gridcontentcontainer .gridcontent .contentitem{position: relative;}
.gridcontentcontainer .gridcontent .contentitem .content{position: absolute;bottom: 0;left: 0;width: 100%;transition: all 0.5s;}
.gridcontentcontainer .gridcontent .contentitem .content{text-align: left;display: flex;align-items: flex-start;gap:10px;padding:0 20px}
.gridcontentcontainer .gridcontent .contentitem .content .no{font:400 72px titlefont;padding:0}
.gridcontentcontainer .gridcontent .contentitem .content .samplecontainer .sample{display: none;}
.gridcontentcontainer .gridcontent .contentitem:hover .content .samplecontainer .sample{display: block;}
.gridcontentcontainer .gridcontent .contentitem .content .samplecontainer h3{font-family: mainfont;font-size: 16px;line-height: 25px;}
.gridcontentcontainer .gridcontent .contentitem .avatar img{width: 100%;height:100%;max-height: 38vh;}
.gridcontentcontainer .gridcontent .contentitem:hover:before {content:'';background: rgba(0,0,0,0.7);position: absolute;top:0;left: 0;right: 0;bottom: 0;}
.flower::before{content: '';position: absolute;bottom: 0;right: 0;width: 700px;height: 90vh;background-image: url(images/flower.png);background-size: contain;background-repeat: no-repeat;background-position: bottom right;}
.coloractive{color: #024644;}
.colorwhite{color: #fff;    margin-bottom: 50px;}
.absolutecontainer{position: absolute;}
.width600{width: 600px;}
.width900{width: 1200px;}
.formcontact{display: flex;gap:20px;justify-content: center;padding-bottom: 150px;}
.formcontact .formitem{width:25%;}
.formcontact .formitem input{border: none;padding:10px;width:100%;font-family: mainfont}
.formcontact .formitem button{border: none;padding:10px 50px;background:#C2E1DF;color:#024644;width:100%; font-family: mainfont}
.mapzonecontainer{position: relative;width: 100%;}
.mapzonecontainer > img{width: 100%;}
.mapzonecontainer .zone{position: absolute;}
.mapzonecontainer .zone .zonedescription{position: absolute;left: 50%;transform: translateX(-50%);color: #C2E1DF;min-width: 300px;}
.mapzonecontainer .zone .zonedescription h3{font-size: 30px;line-height: 30px;font-family:mainfont}
.mapzonecontainer .zone .zonedescription.top{top:-150px;}
.mapzonecontainer .zone .zonedescription.top::before{content: '';position: absolute;bottom:-100px;left: 50%;transform: translateX(-50%);width: 1px;height: 100px;background: #C2E1DF ;}
.mapzonecontainer .zone .zonedescription.bellow{bottom: -100px;}
.mapzonecontainer .zone .zonedescription.bellow::before{content: '';position: absolute;top:-100px;left: 50%;transform: translateX(-50%);width: 1px;height: 100px;background: #C2E1DF ;}

.utilitiescontainer{position: relative;overflow: hidden;display: inline-block;}
.utilitiescontainer .utilitiesimage{height: auto;max-height: 100vh;width: 100%;max-width: 100%;}
.utilitiescontainer .tooltip{opacity: 0;visibility: hidden;position: absolute;top:0;background: rgba(2, 70, 68, 0.8);color:#fff;border:1px solid #C2E1DF;z-index: -1;padding:10px;transform: translate(0%,-100%);border-radius: 5px;}
.utilitiescontainer .tooltip.active{z-index: 1000;opacity: 1;visibility: visible;}
.utilitiescontainer .tooltip .content{display: none;}
.utilitiescontainer .tooltip .content.active{display: block;}
.utilitiescontainer .tooltip .content p{padding:0;margin:0;}
.utilitiescontainer .tooltip .content img{width:250px;}
.utilitiescontainer .point{position: absolute;cursor: pointer;}
.utilitiescontainer .description{top:70px;left: 50%;transform: translateX(-50%);position: absolute;color: #024644;}
.utilitiescontainer .description h2 strong{font-family: titlefont;font-weight: 400;font-size: 72px;line-height: 72px;}
.utilitiescontainer .description h2 em{font-weight: bold;font-size: 24px;font-family: mainfont;font-style: normal;}
.utilitiescontainer .point{color: #fff;background: rgba(2, 70, 68, 0.8);border: 1px solid #fff;padding: 0 10px;border-radius: 30px;}
.leaftopleft{position: relative;}
.leaftopleft::before{content: '';top:0;left: 0;width: 400px;height: 500px;position: absolute;background: url(images/leaf.png) top left no-repeat;background-size: contain;transform: rotateY(180deg);}
.leaftopright{position: relative;}
.leaftopright::before{content: '';top:0;right: 0;width:400px;height: 500px;position: absolute;background: url(images/leaf.png) top left no-repeat;background-size: contain;;}
.backgroundtopleft{background-position: top left!important;}
.productdetailcontainer{display: grid;grid-template-columns: 50% 50%;gap: 0;background: #C2E1DF;}
.productdetailcontainer .content{padding:150px 50px 0;color: #024644}
.productdetailcontainer .imagetitle {padding-top: 30px; font-weight: bold}
.productdetailcontainer .avatar img{width: 100%;}
.productdetailcontainer .content .productparameter{display: flex;gap:0;text-align: left;}
.productdetailcontainer .content .productparameter .prameteteritem{padding:0 15px;border-left: 1px solid #90C1BE;}
.productdetailcontainer .content .productparameter .prameteteritem p{margin:0}
.productdetailcontainer .content .productparameter .prameteteritem:first-child{padding:0 15px 0 0;border-left: none;}
.productdetailcontainer .content .listtitle{display: flex;gap:0;text-align: left;padding: 20px 0;;}
.productdetailcontainer .content .listtitle .titleitem{padding: 0 15px; border-left: 1px solid #90C1BE;}
.productdetailcontainer .content .listtitle .titleitem:first-child{padding: 0 15px 0 0;border-left: none;}
.productdetailcontainer .content .listtitle .titleitem.active{font-weight: bold;}
.productdetailcontainer .content .productimageslick .imageitem img{height:25vh;}
.imagedetailcontainer{position: fixed;z-index: 10000;top:0;left: 0;right: 0;bottom: 0;transform: scale(0,0);transition: all 0.5s;}
.imagedetailcontainer .wrap{background: rgba(0,0,0,0.9);position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 1;}
.imagedetailcontainer .content{z-index: 1;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 800px;max-height: 90vh;overflow: hidden;}
.imagedetailcontainer .content img{width: 100%;}
.imagedetailcontainer .content .close{background: rgba(0,0,0,0.8);color:#fff;padding:5px 10px;border-radius: 30px;position: absolute;top:10px;right: 10px;}
.imagedetailcontainer.active{transform: scale(1,1);}
img.showdetail{cursor: pointer;}
.prizecontainer .slick-initialized .slick-slider {width: max-width}
.listfeature{display: flex;justify-content: center;gap:0;text-align: center;margin-bottom:30px}
.listfeature .featureitem{padding:0 50px;;border-right: 1px solid #90c1be;}
.listfeature .featureitem:last-child{border-right: none;text-align: center;}
.listfeature .featureitem .number{font-size: 50px;line-height: 50px;padding:0 20px 20px 20px;}
.prizecontainer .prizeitem .avatar img{height: 30vh;max-width: 100%;    margin-bottom: 10px;;}
.prizewrap{position: relative;}
.prizewrap .prizedot{display: flex;gap:10px;justify-content: center;padding-top: 20px;}
.prizewrap .prizedot a{background: rgba(255,255,255,0.5);padding:5px;border-radius: 10px;}
.prizewrap .prizedot a.active{background: #164373;}
.backgroundcontainer{color:#fff;position: relative;overflow: hidden;}
.backgroundcontainer .backgroundimg{position: absolute;top:0;left: 0;width: 100%;z-index: -1;}
@media screen and (max-width:1950px){
	:root {
	  
	  --max-width-container:1600px;
	  --maxsmall-width-container:1400px;
	}
	header ul.menu > li{padding:0 20px;}
}
@media screen and (max-width:1600px){
	:root {
	  
	  --max-width-container:1400px;
	  --maxsmall-width-container:1200px;
	}
	header ul.menu > li{padding:0 20px;}
	.sample.overview .overviewcontainer{width: 100%;}
	.sample.overview .overviewcontainer .listoverview{text-align: left;}
	h2, h3, h4, h5, h6{font-size: 50px;line-height: 50px;}
	.sample.topleft p{margin:0;}
	.sample.topwidth100 h2{padding-bottom: 100px;}
	.sample.topwidth100background{padding:20px 200px 50px 50px}
	.sample.topwidth100background p{margin: 0;}
	.sample.bottomcenter{}
	.sample.center.fixbottom{top:auto;bottom:20px;transform: translate(-50%,0);}
	.productoverview{min-width: 780px;}
	.gridcontentcontainer .gridcontent .contentitem .avatar img{max-height: 35vh;}
	.sample.overview{width: 45%;}
	.utilitiescontainer .description p{margin: 0;}
	.fullpagecontainer .section.backgroundbottomright{background-size: auto 60%;}
	.width900{width:900px;}
	.prizecontainer .prizeitem .avatar img{height:20vh}
}
@media screen and (max-width:1450px){
	:root {
	  
	  --max-width-container:1200px;
	  --maxsmall-width-container:1000px;
	}
	header ul.menu > li{padding:0 20px;}
}
@media screen and (max-width:1366px){
  :root {
    
    --max-width-container:1000px;
    --maxsmall-width-container:1000px;
  }
  header ul.menu > li{padding:0 20px;}
}
@media screen and (max-width:1240px){
  :root {
    
    --max-width-container:1000px;
    --maxsmall-width-container:1000px;
  }
  header ul.menu > li{padding:0 20px;}
	.capacitycontainer .listcapacity .capacityitem .number{font-size: 150px}

}
@media screen and (max-width:1200px){
  :root {
    
    --max-width-container:1000px;
    --maxsmall-width-container:1000px;
	--normal-font-size:14px;
	--title-font-size:14px;

  }
  header .menucontainer{order:2;width: 100%;padding-right: 20px;padding-left: 30px}
  header .menucontainer > div{width: 100%;}
	header ul.menu li{font-size:13px}
  .slickoffercontainer{padding-bottom: 50px;}
.slickoffercontainer .slickdot{display: flex;bottom: 50px;}
.slickoffercontainer a.left{top:auto;bottom:80px;left:10px;transform:translate(0,0);z-index: 2;}
.slickoffercontainer a.right{top:auto;bottom:80px;right:10px;transform:translate(0,0);z-index: 2;}
  header ul.menu > li{padding:0 5px;}
	header .topheadcontainer{padding-right:20px}
	.listkoffercontainer .offeritem .content .readmore a{padding: 10px 30px}
	.slickcontainer.fullscreen{height:auto}
	.slickcontainer .slickitem .sample, .slickcontainer .slickitem .slicksample {left: auto; padding:0}
	.tabbuttoncontainer.fixed{}
	.slideroomscontainer .listtitle .titleitem {padding: 0 10px}

}
@media screen and (max-width:1023px){
	.cartproduct{grid-template-columns: 100%;border:1px solid var(--active-color);}
  .cartproduct > div {padding:10px;border:none;}
  .cartproduct div label{width: 50%;display: inline-block;}
  .cartproduct div input{width: 50%;display: inline-block;}
}
  
@media screen and (max-width:900px){
  :root {
    --extra-small-font-size:11px;
    --small-font-size:12px;
    --normal-font-size:14px;
	--large-font-size:14px;
    --subtitle-font-size:16px;
    --big-font-size:20px;
    --extra-font-size:24px;
    --max-width-container:1200px;
  }
  body{line-height: 25px;}
  p{padding:0 20px;margin: 0;}
  h1{font-size: 42px; line-height:42px;;margin: 0}
  h2, h3, h4, h5, h6{padding:0 20px;margin: 0;line-height:36px;font-size: 36px;}
  ol, ul{padding: 0 20px;}
	.graybackgroundcontainer{margin-bottom: 20px}
  .slickcontainer > a.left{padding: 5px 15px;}
  .slickcontainer > a.right{padding: 5px 15px;}
  .slickcontainer > a img{width: 15px;}
  .slickcontainer.video video{width: 200%;object-fit:cover; display:block;text-align:center}
	.slickcontainer.fullscreen{height:auto}
	.slickcontainer .slickitem .sample {top:50%!important}
	.slickcontainer .slickitem .sample h1 {padding: 0; line-height:24px}
  .slickcontainer .slickitem .sample,.slickcontainer .slickitem .slicksample{top:55%;left: 45%;transform: translate(-50%,-50%);width: 80%;line-height:24px}
	.grid12col{grid-template-columns:100%;grid-gap:10px;}
  .desktop{display: none;}
  .desktop video{display: none;}
 .mobile{display: block;}
	.width95{width: 100%;}
.width90{width: 100%;}
.width85{width: 100%;}
.width80{width: 100%;}
.width75{width: 100%;}
.width70{width: 100%;}
.width65{width: 100%;}
.width60{width: 100%;}
.width55{width:100%;}
.width50{width:100%;}
.width45{width: 100%;}
.width40{width: 100%;}
.width35{width: 100%;}
.width30{width: 100%;}
.width25{width: 100%;}
.width20{width: 100%;}
.width15{width: 100%;}
.flexcontainer{flex-direction: column;}
.grid2col{grid-template-columns:100%;padding: 0 15px; gap:15px}
.grid3col{grid-template-columns:100%;}
.grid4col,.grid1col,.grid5col,.grid6col,.grid7col,.grid8col,.grid9col,.grid10col,.grid11col,.grid12col{grid-template-columns:100%;}
.item2row{grid-row:auto}
.item3row{grid-row:auto}
.item4row{grid-row:auto}
.item5row{grid-row:auto}
.item6row{grid-row:auto}
.item7row{grid-row:auto}
.item2col{grid-column: auto}
.item3col{grid-column: auto}
.item4col{grid-column: auto}
.item5col{grid-column: auto}
.item6col{grid-column: auto}
.item7col{grid-column: auto}
.item8col{grid-column: auto}
.item9col{grid-column: auto}
.item10col{grid-column: auto}
.item11col{grid-column: auto}
.item12col{grid-column: auto}
.orderfirst{order: 0;}
.mobilefirst{order: -1;}
.leftmenu ul li{margin-right: 5px;}
.floatcontainer{display: none;}
.contentwithslide .maincontent{padding:0 5px;}
footer .footer-menu1 .menu1{flex-direction: column;}
footer .footer-menu1 .menu1 li,footer .footer-menu1 .menu1 li:first-child{padding:10px 20px;}
footer .mainfooter h3{padding: 15px 0 0 0}
footer .mainfooter p{padding: 0}
.videocontainer .title{position: relative;}
.gallerytab{flex-direction: column;padding:10px;}
.smalltitle{padding:15px;}
	.listroomcontainer .roomitem .content .overview{padding:0}
header .topheadcontainer {padding:0;}
header .topheadcontainer .hotline,header .topheadcontainer .topmenu{display: none;}

header .topheadcontainer.active .topmenu{display: none;position: absolute;top:30px;left: 15px;color: #fff;z-index: 10;}
header .topheadcontainer.active .hotline{display: block;position: absolute;top:500px;left: 50%;transform: translateX(-50%);color: #fff;z-index: 10;}
header .topheadcontainer.active .hotline a{background: url(images/icon-phone-white.svg) center left no-repeat;font-size: var(--large-font-size)}
header .topheadcontainer select.language{position: absolute;top:30px;left: 15px;background: none;color: #fff;}
.logocontainer{padding:10px 30px 10px 10px;}
header .logocontainer img.alogo{width: 20px;margin: 0;}
header .logocontainer .mobile{padding-right:15px;position: absolute;top:10px;right: 0;}
header .logocontainer .mobile img{width: 40px;}
header .menucontainer{display: flex;justify-content: space-between;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;transition: all 0.4s;transform: translateX(100%);opacity: 0;visibility: hidden;background: rgba(39,81,108,0.9);align-items: flex-start;padding-top: 75px;}
header .menucontainer.active{transform: translateX(0);opacity: 1;visibility: visible;}
header .menucontainer ul.menu{display: block;padding-left:15px; font-size: var(--large-font-size)}
header .menucontainer ul li ul{display: none;visibility: visible;position: relative;opacity: 1;padding:5px;background: none;margin:0!important;}

header .menucontainer .mobile{padding:10px;top:0;right: 20px;position: absolute;}
header .menucontainer .mobile img.close{width: 20px;}
header ul.menu li ul li{border-bottom:none; padding-bottom:0; font-size: var(--small-font-size)}
header ul.menu li{margin:0;padding:0 0 25px 0;font-size: var(--large-font-size)}
header ul.menu li.menu-item-has-children::after{top:10px;}
header ul.menu > li:last-child{padding: 0;}
header .headsocial.active{position: fixed;;display: flex;flex-direction: column;width: calc(100% - 40px);bottom: 20px;gap:20px;left: 50%;transform: translateX(-50%);height: auto;visibility: visible;opacity: 1;}
header .menucontainer > div{width:auto;}
header.scrolled .topheadcontainer{display: block;}
.heightscreen{height: auto;}
	.title{padding:0 15px;font-size: var(--extra-font-size); text-align:center}
	.subtitle{margin:0; line-height:var(--subtitle-font-size);font-size: var(--small-font-size);letter-spacing:1px; padding-top:15px}
	.wp-block-columns.alignnormal.is-layout-flex{gap:0}
	.stayconnected{text-align:left; padding: 0 15px}
	.ghostkit-custom-ZTg1U9{padding:0!important}
	.backgroundimagecontainer .content h3{margin:0; line-height:var(--subtitle-font-size); text-align:center; padding:15px;font-size: var(--small-font-size)}
	.backgroundimagecontainer .listlogo{bottom:0}
	.backgroundimagecontainer .listlogo .logoitem{padding:10px;}
	.backgroundimagecontainer .listlogo .logoitem img {height:auto}
	.wp-block-columns.are-vertically-aligned-top{gap:0}
	.wp-block-columns.is-layout-flex{gap:0;width: 100%;}
	.ghostkit-custom-Zdtbq3{padding:0!important}
	.testimonialcontainer .content h3{margin:0; line-height:var(--subtitle-font-size); text-align:center;font-size:var(--small-font-size)}
	.testimonialcontainer .content h2{text-align:center; font-size: var(--extra-font-size)}
	.highlighttext{text-align:left; padding:15px 0 0 0; display:none}
	.titleyellow{padding:15px; margin:0; text-align:left; font-size:var(--small-font-size);letter-spacing:1px}
	.titleleft{padding:15px; text-align:left; font-size:var(--large-font-size)}
.content2columnswithmore .flexcontainer .width50:first-child{padding:50px 10px;}
	.firstload img{width: 30%}
	.smallcontainer{margin:10px 0}
	.goalcontainer .avatar img{padding: 0 15px}
	.slideroomscontainer .roomscontainer .avatarcontainer .content .listutilities{display:none}
	.slideroomscontainer .roomscontainer .avatarcontainer .content .readmore a{padding: 5px 20px}
	.slideroomscontainer .roomscontainer .avatarcontainer .content{padding:10px 30px}
	.slideroomscontainer .roomscontainer .avatarcontainer{padding:0 15px}
	.subpagetitle{padding: 15px}
	.backgroundcontent .backgroundcontentitem .content{padding:15px; line-height:16px}
	.slickcontainer .slickitem .sample h2, .slickcontainer .slickitem .sample h1, .slickcontainer .slickitem .slicksample h2{line-height:24px}
.gridactivity{grid-template-columns: 1fr 1fr 1fr;padding:0 15px;}
.gridactivity.onecolumnmobile{grid-template-columns: 1fr;}
.gridactivity .activityitem{display: none;}
.gridactivity{grid-template-columns: 1fr 1fr 1fr;padding:15px;gap:5px}
.gridactivity.onecolumnmobile .activeitem{display: block;}
.gridactivity .activityitem:nth-child(1),.gridactivity .activityitem:nth-child(2),.gridactivity .activityitem:nth-child(3),.gridactivity .activityitem:nth-child(4),.gridactivity .activityitem:nth-child(5),.gridactivity .activityitem:nth-child(6){display: block;}
.sample.videobackground{height: 100vh;display: flex;align-items: center;}
.sample.videobackground figure{width: 100%;}
.fullpagecontainer .section{background-position: top center;background-size: 100% 40vh;background-color:#C2E1DF}
.sample.bottomright{color:#024644;top:50%;bottom:auto;right:0;width:100%}
.sample.overview{top:40vh;height:60vh;padding:15px;width:100%}
.sample.topleft{top:40vh;padding:30px 10px;width:100%;}
.fullpagecontainer .section .slide{background-position: top center;background-size: auto 50vh;}
.overviewcontent .overviewitem{padding: 5px 0;}
.overviewcontent .overviewitem .label{text-align:left;}
.overviewcontent .overviewitem .value{padding-top: 0;}
.section.videosection{background-size: cover;}
.fullpagecontainer .section .slide .sample{position: absolute;top:50vh;padding:20px 10px;color:#024644}
	.fullpagecontainer .section .slide .sample p{text-align:left}
.absolutecontainer{position: relative;top:auto!important;left: auto!important;bottom: auto!important;right: auto!important;}
.width600{width: auto;}
.colorwhite{color: #024644;}
.sample.topcentermap{top:150px;}
.fullpagecontainer .section.backgroundbottom{background: #C2E1DF!important;}
.sample.centerleft{top:50vh;transform: none;color:#024644;padding:20px}
.mapsection{background: none;background-image: none!important;}
.mapzonecontainer .zone .zonedescription{transform:translateX(-50%) scale(0.3);}
.mapzonecontainer .zone .zonedescription.bellow{bottom: -80px;}
.mapzonecontainer .zone .zonedescription.bellow::before{height: 50px;}
	.sample.topwidth100 p {text-align:left}
.mapzonecontainer .zone .zonedescription.top{top:-80px}
.mapzonecontainer .zone .zonedescription.top::before{height: 50px;}
.sample.topwidth100{top:50vh;padding:20px 0;color:#024644;}
.fullpagecontainer .section.backgroundbottomright{background-position: top center;background-size: auto 50vh;}
.sample.topwidth100background{top:50vh;padding:20px 0;}
.flower::before{width: 300px;height: 30vh;}
.sample.topleftheight100{padding:100px 0 0;top:50vh;height: 50vh;width: 100%;}
.leaftopleft::before{height: 30vh;width: 150px;}
.sample.topcenter{top:50vh;left:0;transform: none;padding:0;width: 100%;}
.sample.topcenter.mobiletop{top:0;}
.submenucontainer.fixed{top:56px;background-image: linear-gradient(to right, RGBA(6, 106, 103, 0.5) 0%, RGBA(6, 106, 103, 1) 50%,RGBA(6, 106, 103, 0.5) 100%);}
.submenucontainer.fixed .submenuitem{padding: 5px 10px;}
	.leaftopright::before {width:200px}
.sample.bottomcenter{bottom: auto;top:50vh;padding:20px;color:#024644;}
	.sample.topwidth100 h2 {padding-bottom:20px}
		.sample.topwidth100{text-align:left}
	.productoverview .label {text-align:center; padding:0}
.productoverview{min-width: 100%;}
.poverviewcontent{display: block;}
.poverviewcontent .poverviewitem{border-right: none;}
.poverviewcontent .poverviewitem p{padding:0}
.sample.center{width: 100%;top:120px;transform: none;left: 0;}
.productoverview .label{position: relative;}
.gridcontentcontainer .gridcontent .contentitem .avatar img{max-height: 15vh;}
.gridcontentcontainer .titlecontainer h1{font-size: 70px;}
.gridcontentcontainer .titlecontainer h2{font-size: 40px;}
.gridcontentcontainer .titlecontainer{justify-content: center;padding:0;}
.gridcontentcontainer .titlecontainer .bignumber{font-size: 150px;justify-content: center;}
.gridcontentcontainer .gridcontent{grid-template-columns: 1fr 1fr;}
.gridcontentcontainer .gridcontent .contentitem .content .no{font-size: 40px;}
.gridcontentcontainer .gridcontent .contentitem .content .samplecontainer h3{font-size: 11px;padding:0;line-height: 12px;}
.gridcontentcontainer .gridcontent .contentitem:hover .content .samplecontainer .sample{display: none;}
.gallerycontainer{grid-template-columns: 1fr 1fr; padding: 20px}
.mobilebackgroundcover{background-size: cover!important;}
.mobilebackgroundcover .colorwhite{color:#fff}
.mobilebackgroundcover .sample.bottomcenter{top:58%;transform: translate(0,-50%);bottom:auto;}
footer .footercontainer{display: block;text-align: center;}
footer .footercontainer .contactitem{justify-content: center;}
.contactcontainer{color:#fff;}
.formcontact{padding-bottom: 50px;flex-wrap: wrap;}
.formcontact .formitem{width: 45%;}
.utilitiescontainer .description{top:0;width: 100%;}
.utilitiescontainer .description h2 strong{font-size: 30px;line-height: 0px;}
.utilitiescontainer .description h2{font-size: 16px;line-height: 16px;;}
.utilitiescontainer .description h2 em{font-size: 9px ;}
.sample.center.fixbottom{top:50%;bottom:auto;transform: translate(0%,-50%);}
.sample.bottomcenternopadding{bottom:50%;transform: translate(0,50%);}
.utilitiescontainer .utilitiesimage{height: auto;width: 100%;;}
.productdetailcontainer{grid-template-columns: 100%;}
.productdetailcontainer .avatar{order: -1;height: 30vh;}
.productdetailcontainer .avatar img{height: 100%;}
.productdetailcontainer .content{padding:15px;}
.productdetailcontainer .content h2{padding:0;}
.productdetailcontainer .content .productparameter{flex-direction: column;}
.productdetailcontainer .content .productparameter .prameteteritem{border-left: none;padding:0}
.productdetailcontainer .content .productparameter .prameteteritem br{display: none;}
.productdetailcontainer .content .productparameter .prameteteritem br::before{content: " ";}
.productdetailcontainer .content p{padding: 5px 0;}
.productdetailcontainer .imagetitle{padding-top:5px;}
.productdetailcontainer .content .productimageslick .imageitem img{height: 20vh;}
.sample.videobackground .mobile img{height:100vh;}
.utilitiescontainer{overflow: unset;}
.utilitiescontainer .point{transform: scale(0.5);}
.utilitiescontainer .description{transform: translate(-50%,-100%);}
.listutility{display: grid;grid-template-columns: 1fr 1fr;width: 95%;text-align: left;gap:0 30px;margin:15px;font-size: var(--small-font-size); line-height:16px}
.listutility p{padding:0;}
.listutility img{display:none;}
.listutility br{display:none;}
.utilitiescontainer .tooltip {font-size: var(--small-font-size); padding: 5px}
.productdetailcontainer .content{font-size: 12px; line-height: 16px}
.sample.overview{align-items: flex-start;}
.listfeature .featureitem{padding:10px;}
.listfeature .featureitem .number{font-size: 25px;line-height: 25px;}
	.prizewrap .prizedot{gap:5px}
}