@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/MYRIADPRO-LIGHT.OTF);font-weight:300}
@font-face{font-family:mainfont;src:url(./fonts/MYRIADPRO-BOLD.OTF);font-weight:bold}

:root {
  --normal-color:#272525;
  --second-color:#6b6c6e;
  --third-color:#808D8E;
  --four-color:#fff;
  --active-color:#65a7b1;
  --deactive-color:#88C4F1;
  --extra-small-font-size:10px;
  --small-font-size:12px;
  --normal-font-size:16px;
  --big-font-size:20px;
  --extra-font-size:48px;
  --max-width-container:1200px;
  --maxsmall-width-container:600px;
}
*{box-sizing:border-box;}
a{text-decoration:none;color:inherit;}
img{object-fit: cover;height: auto;max-width: 100%;vertical-align: bottom;}
p{margin: 10px 0 30px 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: 25px;}
strong{font-weight:bold;}
h1{font-family: mainfont;font-size: var(--extra-font-size);font-weight: 300;line-height: 50px;}
h2,h3,h4,h5,h6{font-family: mainfont;font-size: var(--big-font-size);line-height: 25px;margin: 0 0 0 0}
.wp-block-columns.alignnormal{align-items: normal!important;}
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: wrap;}
.graycontainer{background: var(--deactive-color);padding:50px 0;}
.container{width:100%;max-width:var(--max-width-container); margin:0 auto;}
.smallcontainer{width:100%;max-width:var(--maxsmall-width-container); margin:0 auto;}
.title{font: var(--big-font-size) mainfont;position: relative;font-weight: bold;margin: 20px 0 30px 0}
.title::before{position: absolute;top:0;left:-50px;content: '';background: url(images/icontitle.png) top left no-repeat;width: 30px;height:35px;}
.titleleft{font: var(--big-font-size) mainfont;color:var(--active-color);text-align: left;padding-bottom: 10px;position: relative;font-weight: bold;}
.smalltitle{font:16px mainfont;color:var(--active-color);font-weight:bold;text-transform: uppercase; padding:10px 0 10px 0}
body{font:300 var(--normal-font-size) mainfont; color:var(--normal-color);display:grid; grid-template-columns:100%; grid-gap:0; margin:0;line-height: 30px;text-align: left;}
.textcenter{text-align: center;}
.textleft{text-align: left!important;}
.heightscreen{height: 100vh;}
.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: 30px}
.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;}
.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;}
.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{width: 100%;z-index: 10;color: #fff;position: absolute;}
header.scrolled{position: fixed;background: var(--active-color);padding:0 0 10px 0;}
header .headercontainer{display: grid;grid-template-columns: 200px auto 320px;gap:20px}
header .logocontainer img{width: 75px;margin:15px 0 15px 20px;}

.logocontainer {padding: 5px 0 0;}
header .menucontainer{display: flex;align-items: center;width: 100%;}
header .headertop {background: rgba(0,0,0,0.3);font-weight: bold;padding:5px 0;}
header .headertop .container{display: flex;justify-content: flex-end;gap:20px;}
header .headertop .container select{background: none;color: #fff;border: none;font-weight: bold;}
header .rightbutton{display: flex;gap:20px;justify-content: space-between;font-weight: bold;align-self: center;}
header .rightbutton .planbutton a{background: #9d246d;padding:5px 30px;display: inline-block;border-radius: 20px;}
header .rightbutton .loginbutton a{background: var(--active-color);padding:5px 20px;border-radius: 20px;display: inline-block;}
header.scrolled .rightbutton .loginbutton a{border: 1px solid #fff;}
header ul.menu{list-style: none;display: flex; padding:10px 0;justify-content: space-between;width: 100%;}

header ul.menu li{position: relative;font:300 15px mainfont;border-right: 1px solid #fff;text-transform: uppercase;}
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;border-right: none;}
header ul.menu > li:hover {color:var(--second-color);}
header ul.menu li:last-child{margin:0;}
header ul.menu li ul{margin-top:13px;position: absolute;display: block;z-index: 1;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:300 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{color:var(--second-color)}
.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 .slickdot{position: absolute;bottom: 90px;right:50%;transform: translateX(50%);z-index: 10;}
.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 .slickitem{position: relative;}
.slickcontainer .slickitem .sample{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;font-weight: 400;}
.slickcontainer .slickitem .sample p{letter-spacing: 5px;}
.slickcontainer .slickitem .sample h2{font-family:mainfont;font-size: 36px;}
.slickcontainer .findcruisecontainer{position: absolute;bottom: 200px;width: 100%;max-width: 800px;display: flex;justify-content: center;gap: 0;left: 50%;transform: translateX(-50%);}
.slickcontainer .findcruisecontainer input[type='text']{width: 100%;max-width: 700px;border-radius: 30px 0 0 30px;padding:15px 10px  15px 30px;background: #d9d9d9;border:1px solid #d9d9d9}
.slickcontainer .findcruisecontainer input[type='button']{padding: 15px 30px;color: #fff;background: var(--active-color);border-radius: 0 30px 30px 0;border:none;}

footer{padding:50px 0 0;margin-top: 30px;background-color: #e6e6e7;font-size: 14px;text-align: left;}


footer .mainfooter {display: grid;grid-template-columns: 1fr 2fr 1fr;justify-content: space-between;gap:20px;align-items: end;}

footer .mainfooter .listmenu{display: grid;grid-template-columns: 1fr 1fr;justify-content: space-between;padding:30px 0;gap: 0 50px}
footer .mainfooter .listmenu .menuitem {padding:5px 0 0;border-bottom: 1px solid #878686;}
footer .mainfooter .subcribeform{display: flex;gap:20px;}
footer .mainfooter .subcribeform .inputsearch{width: 100%;}
footer .mainfooter .subcribeform .inputsearch input{padding: 5px 30px; border: 1px solid #878686;border-radius: 30px;width: 100%;background: none;}
footer .mainfooter .subcribeform .btnsearch button{padding:5px 30px; background: #9d246d;border: 1px solid #9d246d;color: #fff;border-radius: 30px;}
footer .mainfooter .listsocial{display: flex;gap:10px;padding:20px 0;}
footer .copywriter{text-align: center;background: #8d8e91;font-weight: bold;margin-top: 30px;padding:10px 0;}
.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%);}
.gallerycontainer .imageitem img{width: 100%;}
.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;}


.subtitle{font-size: 20px;font-weight: normal;}
.slicktestcontainer {position: relative;padding-bottom: 50px;}
.slicktestcontainer .slickdot{position: absolute;bottom: 0;right:0;;}
.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{display: flex;justify-content: center;gap:0;padding: 30px 0;border-bottom: 1px solid #d9d9d9;margin-bottom: 50px;}
.tabbuttoncontainer .tabbuttonitem{padding: 0 30px;border-right: 1px solid #d9d9d9;color: #d9d9d9;}
.tabbuttoncontainer .tabbuttonitem a{text-transform: uppercase;font-weight: bold;font-size: 16px;}
.tabbuttoncontainer .tabbuttonitem a:hover{color: var(--normal-color);}
.tabbuttoncontainer .tabbuttonitem.active{color: var(--normal-color);}
.tabbuttoncontainer .tabbuttonitem:last-child{border-right: none;}
.listbuttoncontainer{display: flex;justify-content: center;gap: 30px;padding: 0 0 50px;}
.listbuttoncontainer .buttonitem a{display: inline-block;padding:5px 30px;text-align: center;background: var(--active-color);color: #fff;font-size: 16px;border-radius: 30px;}
.gridactivity{padding-bottom: 50px;}
.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: 16px;text-transform: uppercase;}
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;}
.listknewscontainer .newsitem{position: relative;border: 1px solid #D9D9D9;padding-bottom: 60px;}
.listknewscontainer .newsitem .avatar img{width: 100%;aspect-ratio: 95 / 58;}
.listknewscontainer .newsitem .content{padding:20px;}
.listknewscontainer .newsitem h3{font-size: 18px;font-weight: bold;font-family: mainfont;color: var(--active-color);line-height: 26px}
.listknewscontainer .newsitem .date{font-size: 14px;padding: 10px 0}
.listknewscontainer .newsitem .readmore{position: absolute;bottom: 20px;left: 20px;width: calc(100% - 40px);;}
.listknewscontainer .newsitem .readmore a{display: inline-block;text-align: center;width: 100%;border:1px solid var(--second-color);padding:10px 20px;}
.listknewscontainer .newsitem .readmore a:hover{background: var(--second-color); color: #fff}
.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: 16px;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{display: none;}
.listlightgallery .caption{text-align: center;padding:20px 0 0;}
.enquerycontainer input,.enquerycontainer textarea,.enquerycontainer select{padding:10px;border-radius: 3px;width: 100%;border:1px solid #ABABAB; font-family: mainfont}
.enquerycontainer textarea{height: 100%; font-family: mainfont}
.enquerycontainer .formbutton{text-align: center; font-family: mainfont}
.enquerycontainer .formbutton button{padding:10px 20px; width: 100%;max-width: 300px;color: #fff;background: var(--second-color);border: none;font-family: mainfont}
.contactusform input,.contactusform textarea{padding:10px;border-radius: 3px;width: 100%;border:1px solid #ABABAB;}
.contactusform .formitem{padding:10px 0}
.contactusform .formbutton{text-align: center;}
.contactusform .formbutton button{padding:10px 20px; width: 100%;color: #fff;background: var(--second-color);border: none;}
input.calendar{background: url(images/icon-calendar.png) center right no-repeat;}
.listtripcontainer{padding:50px 0;}
.listtripcontainer .tripcontainer .headertrip{display: flex;align-items: center;justify-content: space-between;}
.listtripcontainer .tripcontainer .headertrip h2{color: var(--active-color);font-size: var(--extra-font-size);}
.listtripcontainer .tripcontainer .headertrip h2 strong{color: var(--second-color);}
.listtripcontainer .tripcontainer .headertrip .viewmore{padding:10px 30px;color: #fff;background: var(--active-color);border-radius: 30px;}
.listtripcontainer .tripcontainer .tripcontent{padding:30px 0;}
.listtripcontainer .tripcontainer .tripcontent .tripitem{position: relative;background: #fff;border-radius: 10px 10px 0 0;overflow: hidden;}
.listtripcontainer .tripcontainer .tripcontent .tripitem .avatar img{aspect-ratio: 365 / 210;width: 100%;}
.listtripcontainer .tripcontainer .tripcontent .tripitem .content{padding: 10px 20px 20px;}
.listtripcontainer .tripcontainer .tripcontent .tripitem .content .star{display: flex;gap:0;align-items: center;}
.listtripcontainer .tripcontainer .tripcontent .tripitem .content .star span{background: var(--second-color);color: #fff;padding: 0 10px;border-radius: 10px;}
.listtripcontainer .tripcontainer .tripcontent .tripitem .content .sample{color: var(--third-color);}
.listtripcontainer .tripcontainer .tripcontent .tripitem .price{background: var(--active-color);color: #fff;padding:5px 20px;position: absolute;top:20px; left: 20px;border-radius: 50px;}
.listtripcontainer .paged{display: flex;gap:20px; justify-content: center;}
.listbackground{background:#1779C4;padding:50px 0;}
.listbackground .headercontent{color: #fff;display: flex;justify-content: space-between;align-items: center;}
.listbackground .headercontent h2{font-size: var(--extra-font-size);}
.listbackground .headercontent h2 strong{color: var(--second-color);}
.listbackground .headercontent .navi{display: flex;gap:10px;}
.listbackground .headercontent .navi a{display: inline-block;padding:0 10px;border: 1px solid #fff;border-radius: 3px;}
.listbackground .viewmore{display: flex;justify-content:flex-end;padding: 30px 0;}
.listbackground .viewmore a{display: inline-block;padding:5px 10px;border-radius: 5px;color: #fff;background: #5BADEC;}
.partnercontainer{padding: 50px 0;}
.partnercontainer .sample h2{font-size: var(--extra-font-size);}
.partnercontainer .sample h2 strong{color: var(--second-color);}

.partnercontainer .listpartner{padding: 30px 0;}
.partnercontainer .listpartner .partneritem{display: flex;gap:5px;align-items: center;}
.partnercontainer .listpartner .partneritem h3 img{vertical-align: middle;padding-left: 5px;}
.partnercontainer .listpartner .partneritem .content .star{display: flex;gap:0;align-items: center;}
.partnercontainer .listpartner .partneritem .content .star span{background: var(--second-color);color: #fff;padding: 0 10px;border-radius: 10px;}
.partnercontainer .viewmore{display: flex;justify-content:flex-end;padding: 30px 0;}
.partnercontainer .viewmore a{display: inline-block;padding:5px 10px;border-radius: 5px;color: #fff;background: var(--active-color);}
.content2columns .contentitem{align-items: stretch;}
.content2columns .contentitem:nth-child(even) .avatar{order:-1;}
.content2columns .contentitem .columncontent{padding:30px;color: #fff;}
.content2columns .contentitem .columncontent h2{color: var(--second-color);}
.listvaluescompany{padding:50px 0;}
.listvaluescompany .valueitem{padding:30px 20px 20px;background: #E4F1FC;border: 1px solid var(--active-color);border-radius: 5px;}
.listvaluescompany .valueitem .icon{text-align: center;}
.listvaluescompany .valueitem .icon img{height: 50px;}
.listvaluescompany .valueitem .content h3{color: var(--active-color);padding-top: 30px;}
.faqscontainer .faqitem{padding:10px 0;border-bottom: 1px solid #D1D6D6;}
.faqscontainer .faqitem .question{display: flex;justify-content: space-between;}
.faqscontainer .faqitem .question .content{cursor: pointer;}
.faqscontainer .faqitem.active .question .content{font-weight: bold;}
.faqscontainer .faqitem .question .more{transform: rotateZ(-90deg);transition: all 0.5s;}
.faqscontainer .faqitem.active .question .more{transform: rotateZ(90deg)}
.faqscontainer .faqitem .answer{opacity: 0;visibility: hidden;height: 0;transition: all 0.5s;max-height: 300px;overflow-y: auto;}
.faqscontainer .faqitem.active .answer{opacity: 1;visibility: visible;height: auto;}
.hotnewscontainer{padding:50px 0;}
.hotnewscontainer.blue{background: #2D96E6;}
.hotnewscontainer.black{background: #424B4D;}
.hotnewscontainer .titleleft{font-size: var(--extra-font-size);}
.hotnewscontainer.blue .titleleft,.hotnewscontainer.black .titleleft{color:#fff}
.newsitem{background: #fff;border-radius: 10px;overflow: hidden;}
.newsitem .avatar img{width: 100%;aspect-ratio: 365 / 210;}
.newsitem .content{padding:30px;}
.thingtodocontainer .thingtodoitem{position: relative;}
.thingtodocontainer .thingtodoitem .avatar img{width: 100%;aspect-ratio: 330 / 220;border-radius: 20px;}
.thingtodocontainer .thingtodoitem .content{padding:20px 0 50px 40px;}
.thingtodocontainer .thingtodoitem .content .thingtodotitle{display: flex;justify-content: space-between;gap:30px;}
.thingtodocontainer .thingtodoitem .content .thingtodotitle .icon img{height: 33px;}
.thingtodocontainer .thingtodoitem .content .sample{padding-right: 20px;}
.thingtodocontainer .thingtodoitem .seemore{position: absolute;bottom: 20px;right:20px;padding:5px 30px;color: #fff;background:#6b6c6e;font-weight:bold;border-radius: 20px;}
.thingtodocontainer .thingtodoitem .seemore:hover{background:#65a7b1;}
.listproducts{padding: 30px 0;}
.listproducts .productitem{border:1px solid #a8aaab;border-radius: 20px;}
.listproducts .productitem .avatar{position: relative;}
.listproducts .productitem .avatar img{width: 100%;border-radius: 20px;aspect-ratio: 255 / 170;}
.listproducts .productitem .avatar .tag{position: absolute;top:20px;right: 0;background: #9d246d;border-radius: 20px 0 0 20px;padding:5px 20px;color: #fff;font-size: var(--small-font-size);}
.listproducts .productitem .content{padding:20px;}
.listproducts .productitem .content .cta{padding:20px 0;}
.listproducts .productitem .content .cta a{display: inline-block;color: #fff;background: #797b7d;width: 100%;text-align: center;border-radius: 30px;font-weight: bold;}
.price{font-weight:bold;font-size: var(--big-font-size);}
.saleoff{color: #fff;background: #9d246d;border-radius: 30px;display: inline;padding:5px 10px;}
.attractionitem{border:1px solid #a8aaab;border-radius: 20px;overflow: hidden;;}
.attractionitem .avatar{background: var(--active-color);position: relative;color: #fff;}
.attractionitem .avatar img{width: 100%;border-radius: 20px;aspect-ratio: 65 / 45;}
.attractionitem .avatar .tag{position: absolute;top:20px;right: 0;background: #9d246d;border-radius: 20px 0 0 20px;padding:5px 20px;color: #fff;font-size: var(--small-font-size);}
.offer{background: url(images/bg-offer.png) center no-repeat;background-size: cover;position: absolute;font-weight: bold;width: 60px;height: 60px;bottom: 20px;right:10px;display: flex;align-items: center;font-size: var(--small-font-size);text-align: center;padding:10px;line-height: 20px;color:#fff}
.attractionitem .avatar .review{padding:0 20px;}
.attractionitem .content {padding:0 20px;}
.attractionitem .content h3{padding: 20px 0;}
.attractionitem .content .cta a{display: inline-block;width: 100%;padding:5px 0;text-align: center;background: #797b7d;color: #fff;font-weight: bold;border-radius: 30px;}
.attractionitem .content .pricecontainer{padding:30px 0 20px;display: flex;justify-content: space-between;align-items: center;}
.attractionitem .content .seemore{padding:5px 10px;color: #fff;background:#65a7b1;border-radius: 20px;}
hr{margin:30px 0;}
.transportationitem{border:1px solid #a8aaab;border-radius: 20px;overflow: hidden;background: #cccdcf;}
.transportationitem .avatar{position: relative;}
.transportationitem .avatar img{border-radius: 20px;width: 100%;aspect-ratio: 255 / 170;}
.transportationitem .content{padding:20px;}
.transportationitem .content .review{font-weight: bold;font-size: var(--small-font-size);}
.transportationitem .content .cta a{display: inline-block;width: 100%;padding:5px 0;text-align: center;background: #797b7d;color: #fff;font-weight: bold;border-radius: 30px;}
.transportationitem .pricecontainer{padding:0 20px 20px;display: flex;justify-content: space-between;align-items: center;}
.hotelitem{border:1px solid #a8aaab;border-radius: 20px;overflow: hidden;}
.hotelitem .avatar{position: relative;}
.hotelitem .avatar img{border-radius: 20px;width: 100%;aspect-ratio: 203 / 135;}
.hotelitem .content{padding:20px}
.hotelitem .content .locationreview{display: flex;justify-content: space-between;}
.hotelitem .content .locationreview .review{font-weight: bold;}
.hotelitem .content .cta {display: inline-block;background: var(--active-color);color: #fff;padding:0px 10px;border-radius: 20px;}
.listneedcontainer{background: #e6e6e7;padding:50px 0;}
.listneedcontainer .listneeds .content ol{padding:0;display: flex;gap:30px;justify-content: space-between;list-style: none;counter-reset: myCounter;}
.listneedcontainer .listneeds .content ol li{counter-increment: myCounter;flex:1}
.listneedcontainer .listneeds .content ol li::before{content: counter(myCounter);color:#fff;background: #9d246d;border-radius: 40px;padding: 5px 8px;margin-right: 10px;}
.helpcontainer .container{display: flex;align-items: end;justify-content: space-between;padding:50px 0;gap:30px;}

.helpcontainer .container .content{width: 100%;}
.helpcontainer .container .content .helpform h3{font-weight: normal;font-size: var(--big-font-size);}
.helpcontainer .container .content .helpform .formhelpgroup{display: flex;gap:20px;justify-content: space-between;}
.helpcontainer .container .content .helpform .formhelpgroup .formitem:first-child{width: 100%;}
.helpcontainer .container .content .helpform .formhelpgroup .formitem input[type='text']{width: 100%;padding:10px 10px 10px 30px;border-radius: 30px;background: #c1c3c5;border: 1px solid #c1c3c5;}
.helpcontainer .container .content .helpform .formhelpgroup .formitem button{padding:10px 50px;background: #9d246d;color: #fff;border-radius: 30px;border: 1px solid #9d246d;}
.listreviewcontainer{padding:30px 0;}
.listreviewcontainer .reviewitem{border-radius: 20px;overflow: hidden;border: 1px solid #c1c3c5;position: relative;padding-bottom: 100px;}
.listreviewcontainer .reviewitem .name{padding:30px 30px 0;font-weight: bold;}
.listreviewcontainer .reviewitem .dateandpoint{display: flex;justify-content: space-between;padding:0 30px}
.listreviewcontainer .reviewitem .dateandpoint .point{color:#9d246d;font-weight: bold;}
.listreviewcontainer .reviewitem .content{padding:30px;}
.listreviewcontainer .reviewitem .newscontainer{padding:10px 30px 30px;position: absolute;bottom: 0;left: 0;width: 100%;background:#e0e1e2;display: flex;gap:10px;}
.listreviewcontainer .reviewitem .newscontainer .avatar{width: 100px;}
.listreviewcontainer .reviewitem .newscontainer .avatar img{width: 100%;aspect-ratio: 4 / 3;}
.listreviewcontainer .reviewitem .newscontainer .newstitle{font-weight: bold;}
@media screen and (max-width:1370px){
  :root {
    
    --max-width-container:1200px;
    --maxsmall-width-container:800px;
  }
}
@media screen and (max-width:1030px){
	.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:800px){
  :root {
    --extra-small-font-size:12px;
    --small-font-size:16px;
    --normal-font-size:14px;
    --big-font-size:24px;
    --extra-font-size:32px;
    --max-width-container:1200px;
    --maxsmall-width-container:600px;
  }
  body{line-height: 25px;}
  p{padding:10px 20px 30px;margin:0;}
  h2, h3, h4, h5, h6{padding:0 20px;}
  ol, ul{padding-right: 20px;}
  .slickcontainer > a.left{padding: 5px 15px;}
  .slickcontainer > a.right{padding: 5px 15px;}
  .slickcontainer > a img{width: 15px;}
  .slickcontainer.video video{width: auto;height: 100%;aspect-ratio: auto;}
  .slickcontainer .slickitem .sample{top:50%;left: 50%;transform: translate(-50%,-50%);width: 80%;}
	.grid12col{grid-template-columns:100%;grid-gap:10px;}

  .desktop{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%;}
.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}
.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;}
.leftmenu ul li{margin-right: 5px;}
.floatcontainer{display: none;}
.contentwithslide .maincontent{padding:0 5px;}
.videocontainer .title{position: relative;}
.gallerytab{flex-direction: column;padding:10px;}
.topheader {justify-content:center;position: fixed;top:40px;left: 0;width: 100%;visibility: hidden;opacity: 0;transform: translateY(-100%);transition: all 1s;}
.topheader .email,.topheader .tel{display: none;}
.topheader select.language{padding:0;}

.topheader.active{visibility: visible;opacity: 1;transform: translateY(0);z-index: 100;}
header .headsocial{visibility: hidden;opacity: 0;height: 0;}
header .logocontainer {display: flex;justify-content: space-between;}
header .logocontainer img.alogo{width: 200px;}
header .logocontainer .mobile{padding-right:10px;}
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 1s;transform: translateX(100%);opacity: 0;visibility: hidden;background: rgba(6,86,105,0.95);align-items: flex-start;padding-top: 50px;}
header .menucontainer.active{transform: translateX(0);opacity: 1;visibility: visible;}
header .menucontainer ul.menu{display: block;}
header .menucontainer ul li ul{display: block;visibility: visible;position: relative;opacity: 1;padding:10px;background: none;}

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;}
header ul.menu li{margin:0;}
header ul.menu li.menu-item-has-children::after{top:10px;}
header ul.menu > li:last-child{padding: 0 25px;}
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;}
.heightscreen{height: auto;}

.content2columnswithmore .flexcontainer .width50:first-child{padding:50px 10px;}

.gridactivity{grid-template-columns: 1fr 1fr 1fr;padding:0 20px;}
.gridactivity.onecolumnmobile{grid-template-columns: 1fr;}
.gridactivity .activityitem{display: none;}
.gridactivity{grid-template-columns: 1fr 1fr 1fr;padding:0 20px;}
.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;}

.slickcontainer .slickdot a{width: 50px;}
.slickcontainer .slickdot.disable{visibility:hidden;}
.overviewtitle .titleitem {font-size: 14px;padding:0 20px;}
.slickoffercontainer{padding-bottom: 100px;}
.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;}
.backgroundimagecontainer .content{position: relative;width: 100%;top:0;left: 0;transform: none;color: var(--normal-color);}
.backgroundimagecontainer img{width: 100%;}
.backgroundimagecontainer .content h2{color: var(--active-color);}
.mobileorderfirst{order: -1;}
.goalcontainer{grid-template-columns: 100%;}
footer .mainfooter .container .logocontainer{max-width: none;order:-1}
footer .mainfooter .container .address{order:1}
footer .mainfooter .container .logocontainer .logo .img{text-align: center;}
footer .copywritecontainer .container{flex-direction: column;align-items: center;}
.slickcontainer .findcruisecontainer .container{justify-content: center;grid-template-columns: 1fr;}
.slickcontainer .slick img{height: 100vh;}
.listbuttoncontainer{flex-wrap: wrap;}
.tabbuttoncontainer {width: 100%;overflow: hidden;;}
.tabbuttoncontainer .tabbuttonitem{padding:0 20px;font-size: 14px;}
.wp-block-columns .wp-block-column{padding:0 20px;padding-top: 0px!important;padding-bottom: 0px!important;padding-left: 20px!important;}
.notpadding.wp-block-columns .wp-block-column{padding:0;}
.roomamenitiescontainer .listamenity{grid-template-columns:  1fr 1fr;}
.itinerarydetailcontainer{grid-template-columns: 1fr;}
.itinerarydetailcontainer .content .download{position: relative;padding: 20px;text-align: center;}
.capacitycontainer .listcapacity .capacityitem{padding:0 30px}
.quotacontainer .content{padding: 0 40px;}
.quotacontainer .content::before{left: 5px;transform: translateX(0);}
.quotacontainer .content::after{right: 5px;transform: translateX(0);}
.goalcontainer .content{padding:20px 20px 0;}
.goalcontainer .content .seemore{width: 100%;left: 0;text-align: center;}
.itinerarydetailcontainer .content{padding:0 20px;}
.listlightgallery{padding:0 20px;}
.ghostkit-video,.ghostkit-video-poster{padding:0 20px;}
.listknewscontainer .newsitem{padding: 0 20px;}
.listkoffercontainer{grid-template-columns: 1fr;}
.listroomcontainer{display: block;}
}