@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(../otf/svn-circular%20regular.otf);font-weight:450}
@font-face{font-family:mainfont;src:url(../otf/svn-circular%20bold.otf);font-weight:700}
:root {
  --normal-color:#354849;
  --second-color:#424B4D;
  --third-color:#FFF;
  --active-color:#c0462e;
  --deactive-color:#d9dbdc;
  --small-font-size:13px;
  --normal-font-size:16px;
  --big-font-size:18px;
  --extra-font-size:38px;
  --max-width-container:1770px;
  --maxsmall-width-container:1200px;
}
.container{max-width: var(--max-width-container);margin: 0 auto;width:100%}
*{box-sizing:border-box;}
a{text-decoration:none;color:inherit;}
img{object-fit: cover;height: auto;max-width: 100%;}
p{margin: 5px 0;}
h1{font-family: mainfont;font-size: var(--extra-font-size)}
h2,h3,h4,h5,h6{font-family: mainfont;font-size: var(--extra-font-size);font-weight: bold}
html {
	scroll-behavior: smooth;
  }

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;}
header .container{width:100%;max-width:1822px; margin:0 auto;padding:0 24px}
.smallcontainer{width:100%;max-width:var(--maxsmall-width-container); margin:0 auto;}
.title{font: var(--extra-font-size) mainfont;color:var(--normal-color);font-weight: normal;text-align: center;padding-bottom: 10px;position: relative;letter-spacing: 5px;}
.title::before{content:'';height: 2px;width: 50px;background: var(--normal-color);position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;}

.smalltitle{font:var(--big-font-size) mainfont;color:var(--second-color);font-weight:normal;text-align: center;}
body{font:450 var(--normal-font-size) / 20px mainfont; color:var(--normal-color);display:grid; grid-template-columns:100%; grid-gap:0; margin:0;background:#f2f4f4}
.readmore{font:var(--small-font-size) mainfont;font-weight:bold;color:var(--second-color); background: var(--active-color);padding: 10px 30px;border-radius: 20px;}
.textcenter{text-align: center;}
.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: 20px}
.grid1col{display: grid;grid-template-columns: 1fr;justify-content: space-between;gap: 20px}
.grid2col{display: grid;grid-template-columns:1fr 1fr;justify-content: space-between;gap: 20px}
.grid3col{display: grid;grid-template-columns:1fr 1fr 1fr;justify-content: space-between;grid-gap: 20px}
.grid4col{display: grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content: space-between;gap: 20px}
.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%;}
.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*/

.content {margin-top:102px;}

header{background:#fff;width: 100%;z-index: 100;position: fixed;color: var(--third-color);display:flex;align-items:center;left:0}
header .logocontainer img{width: 76px;margin:23.5px 0;display:block}
header .container.flexcontainer .boxmenulang{display:flex;align-items:center}


header .headsocial{margin:0 0 0 20px}
header .headsocial a{padding:10px;border-radius: 20px;color:#000;background: #fff;}
header .headsocial a.datban{background: var(--active-color);color: var(--third-color);padding:10px 20px;}
header .headsocial select{background: none;border: none;color: var(--third-color);}
header .headsocial select option{background: #000;}
header ul.menu{list-style: none;display: flex; color: var(--second-color);padding:0;justify-content: space-between;}
header ul.menu li{position: relative;text-transform: uppercase;}
header ul.menu li:first-child{display:none}
header ul.menu li ul li:first-child{display:block}
header ul.menu > li{padding: 0 20px}
header ul.menu li ul{margin-top:43px;position: absolute;display: block;z-index: 1;min-width: 250px;transition: all 0.5s;opacity: 0; padding:0;visibility: hidden;list-style: none;background:#fff;border-radius:20px;overflow:hidden;width:auto;left:50%;transform:translateX(-50%)}
header ul.menu li:hover ul{opacity: 1;visibility: visible;}
header ul.menu li ul li{text-align:center;white-space:nowrap;padding:0 30px;}
header ul.menu li ul li:hover{background:#F15A29}
header ul.menu li ul li:hover a{color:#fff}
header ul.menu li ul li a{font:700 14px/41px mainfont;}
.headsocial .language{display:flex;align-items:center;gap:10px;}
.headsocial .boxlanguage{position:relative;color:var(--second-color)}
.headsocial .boxlanguage .boxchangelanguage{opacity:0;height:0;width:530%;border:1px solid var(--second-color);border-radius:3px;padding:5px;visibility:hidden;font:inherit;color:inherit;position:absolute;top:calc(100% + 5px);right:0;background:#fff;white-space:nowrap}
.headsocial .boxlanguage .boxchangelanguage.showlistdrop{opacity:1;height:auto;visibility:visible;}
.headsocial .boxlanguage .boxchangelanguage a{display:flex;align-items:center;gap:10px;padding:3px 0}
.headsocial .boxlanguage .boxchangelanguage a img{display:block}
.slickcontainer{position: relative;}
.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: 20px;right:50%;transform: translateX(50%);z-index: 10;background: rgba(0,0,0,0.3);border-radius: 5px;}
.slickcontainer .slickdot a{display: inline-block;padding:5px;border-radius: 10px;background: rgba(255,255,255,0.3);margin:0 10px;}
.slickcontainer .slickdot a.active{background: rgba(255,255,255,0.8);}

footer{color: #fff ;font-size: var(--normal-font-size)}
footer .footer-menu1{background:#3a393b;padding:20px 0;}
footer .footer-menu1 .menu1{display: flex;justify-content: center;}
footer .footer-menu1 .menu1 li{font-size: var(--normal-font-size);border-right: 1px solid #fff;padding:0 20px;}
footer .footer-menu1 .menu1 li:last-child{border-right: none;padding: 0 0 0 20px;}
footer .footer-menu1 .menu1 li:first-child{padding: 0 20px 0 0;}
footer ul{list-style: none;padding: 0;margin: 0;}
footer .mainfooter > div {padding:50px 0 0;}
footer .mainfooter .footerlogo {padding-right: 50px;}
footer .mainfooter .footerlogo  img{width: 100%;max-width: 120px;}
footer .mainfooter ul li{}
footer .mainfooter ul li:first-child{font-size: var(--normal-color);font-weight: bold;}
footer .followcontainer{display: flex;justify-content: flex-end;}
footer .followcontainer .follow{display: flex;margin:30px 0 0;padding:30px 0 0;border-top: 1px solid #fff;}
footer .followcontainer .follow div {margin-right:20px;padding-top: 5px;}
footer .followcontainer .follow div:first-child{margin-right: 50px;}
footer .followcontainer .follow div img{width: 30px;}

footer .boxsubcribe{background:#F15A29;padding:20px 120px;width:100%;display:flex;justify-content:space-between;align-items:center}
.boxsubcribe .leftsubcribe{color:#fff;font:450 13px/18px mainfont;}
.boxsubcribe .leftsubcribe b{font:700 24px/34px mainfont;}
.boxsubcribe .sbrightform{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.sbrightform input{border:1px solid #E5E7EB;border-radius:8px;padding:9.5px 16px;background:#fff;color:var(--normal-color);width:445px;font:450 16px/22px mainfont;}
.sbrightform button{border:1px solid #fff;border-radius:8px;color:#fff;font:700 16px/23px mainfont;padding:9.5px 35px;background:#F15A29}

footer .allfooter{background:#242A2A;padding:0 130px;}
.allfooter .ftlogo{display:flex;justify-content:space-between;align-items:center;padding:40px 0 0;font:700 32px/45px mainfont}
.allfooter .ftaddress{padding:45px 0 0;display:grid;grid-template-columns:33.3334% 33.3334% 33.3334%;gap:10px;position:relative}
.ftaddress ul li{font:450 16px/22px mainfont;}
.ftaddress ul li:nth-child(n+2){padding-top:8px}
.ftaddress ul li b{font:700 16px/22px mainfont;color:#808D8E}
.allfooter .ftaddress:nth-child(n+3){padding:48px 0 0}
.allfooter .ftaddress:nth-child(n+3):before,.allfooter .ftcpr:before{content:'';position:absolute;border-top:1px solid #424B4D;width:100%;top:24px}
.allfooter .ftcpr{position:relative;display:grid;grid-template-columns:33.3334% 33.3334% 33.3334%;justify-content:space-between;align-items:center;padding:48px 0 40px;}

.allfooter .ftcpr div{display:flex;align-items:center;gap:8px}
.allfooter .ftcpr div img{display:block}


#bannerhomepage img{display:block;width:100%}
#bannerhomepage .boxlistsmallimage{position:absolute;top:90px;right:49px;display:flex;gap:14px;border-radius:12px;}
#bannerhomepage .boxlistsmallimage.hidesmallimage{display:none}
#bannerhomepage .boxlistsmallimage img{border-radius:12px;opacity:1;transition:all .5s}
#bannerhomepage,#bannerhomepage .boxlistsmallimage .bannersmallimage{position:relative;border-radius:12px}
#bannerhomepage .boxlistsmallimage .bannersmallimage div{position:absolute;bottom:18px;left:0;padding:0 15px 0 20px;color:#fff;font:450 10px/14px mainfont}
#bannerhomepage .boxlistsmallimage .bannersmallimage div h3{font:700 20px/25px mainfont;margin-bottom:7px}
#bannerhomepage .boxlistsmallimage .bannersmallimage.active{border:1px solid #fff;}
#bannerhomepage .boxlistsmallimage .bannersmallimage.active img{opacity:0}
#bannerhomepage .boxlistsmallimage .bannersmallimage.active div{bottom:auto;top:18px;}
#bannerhomepage .boxlistsmallimage .bannersmallimage a{opacity:0;color:#fff;font:700 16px/20px mainfont;padding:14px 31px;border-radius:55px;background:#F15A29;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;bottom:-24px;visibility:hidden}
#bannerhomepage .boxlistsmallimage .bannersmallimage.active a{opacity:1;visibility:visible}

#bannerhomepage .boxbannerbook{background:#fff;padding:11px 16px;border-radius:80px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:700px;display:flex;align-items:center;justify-content:space-between;}
.boxbannerbook .boxoutsizebook{display:grid;grid-template-columns:60% 40%;gap:10px;}
/*#bannerhomepage .boxbannerbook button{background:#F15A29 url(./images/search.png) no-repeat center center;width:48px;height:48px;border-radius:50%;border:0;}*/
#bannerhomepage .boxbannerbook button{background:#F15A29;width: 200px;text-align: center;color: #fff;font-weight: bold;border: none;border-radius: 30px;padding:10px 30px;}
#bannerhomepage .boxbannerbook .choosecruise b,#bannerhomepage .boxbannerbook .choosedate b{font:700 16px/22px mainfont;}
.boxbannerbook .choosecruise{width:302px;padding-left:39px}
.boxbannerbook .choosecruise .boxoutsidechoosecruise{position:relative;}
.boxoutsidechoosecruise .boxdrdchoosecruise{font:450 16px/22px mainfont;color:#6C737F;margin-top:-5px}
.boxoutsidechoosecruise .boxshowchoosecr{font:450 14px/41px mainfont;position:absolute;top:calc(100% + 26px);left:-55px;color:#424B4D;text-align:center;background:#fff;border-radius:20px;width:calc(100% + 55px);overflow:hidden;opacity:0;visibility:hidden;height:0;transition:all .3s}
.boxoutsidechoosecruise .boxshowchoosecr.showlistcruise{opacity:1;visibility:visible;height:auto;}
.boxoutsidechoosecruise .boxshowchoosecr div{cursor:pointer;}
.boxoutsidechoosecruise .boxshowchoosecr div:hover{color:#fff;background:#F15A29}
.boxoutsidechoosecruise .boxshowchoosecr div:nth-child(n+2){border-top:1px solid #F3F4F6;}
.boxbannerbook .choosedate input{border:0;font:450 16px/22px mainfont;color:#6C737F;margin-top:-5px;display:block}
.boxbannerbook .choosedate input::placeholder{opacity:1}

.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%);}
.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%;}

.blockbrand,.blockadventure{background:#f2f4f4;padding:32px 10px}
.blockadventure.type2{padding:32px 24px 56px}
.blockbrand .boxtitle,.blockadventure .boxtitle{max-width:932px;margin:0 auto;text-align:center;font:450 16px/23px mainfont;}
.blockbrand .boxtitle h1,.blockbrand .boxtitle h2,.blockadventure .boxtitle h2{font:700 48px/69px mainfont;margin-bottom:0}
.blockbrand .listbrand,.blockbrand .listbrandoffer,.blockadventure .outsideadventure{max-width:1220px;margin:16px auto 0}
.blockbrand .listbrandoffer.gridcolumn{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px 10px;}
.blockbrand .boxbrand{position:relative;border-radius:12px;border:1px solid #F2F4F4;box-shadow: 2px 2px 5px #ddd;margin:0 5px 10px;background:#fff;}
.blockbrand .listbrandoffer.gridcolumn .boxbrand{margin:0}
.boxbrand .boxbrandfrom{position:absolute;top:0;left:36px;background:#F15A29;border-radius:0 0 12px 12px;color:#fff;font:450 11px/15px mainfont;text-align:center;padding:14px;width:100px;}
.boxbrand .boxbrandfrom h6{margin:0 0 5px;font:700 11px/15px mainfont;}
.boxbrand .boxbrandfrom h5{margin:0;font:700 40px/30px mainfont;}
.boxbrand .boxbrandfrom span{font:700 12px/15px mainfont;color:#fff;background:#DC2525;border-radius:13px;padding:3px 14px;display:block;margin:8px 0 -6px;}
.boxbrand img{width:100%;display:block;border-radius:12px 12px 0 0}
.boxbrand .brandsample{background:#fff;padding:14px 24px 24px;border-radius:0 0 12px 12px;}
.boxbrand .brandsample .brandsmalltitle,.bigadventure .boxsample .adventuresmalltitle,.rightsmalladventure .adventuresmalltitle{color:#F15A29;font:450 16px/22px mainfont;}
.boxbrand .brandsample h3,.bigadventure .boxsample h3,.smalladventure .rightsmalladventure h3{font:700 24px/30px mainfont;color:#424B4D;margin:14px 0}
.brandsample .listbutton{display:flex;justify-content:space-between;gap:10px;font:700 450 16px/22px mainfont;color:#B3BBBB;margin-top:20px;white-space:nowrap}
.brandsample .listbutton span{}
.brandsample .listbutton a{background:#F15A29;color:#fff;border-radius:55px;font:700 16px/20px mainfont;padding:10px 25px;}
.brandsample .listbutton a.btndetail{background:none;color:#F15A29}
.blockbrand .listbrand button.slick-prev,.blockbrand .listbrand button.slick-next,.blockbrand .listbrandoffer button.slick-prev,.blockbrand .listbrandoffer button.slick-next{text-indent:-9999px;width:44px;height:44px;border-radius:50%;border:0;background:#E9EFF0;padding:0;left:-48px;position:absolute;z-index:1;top:50%;transform:translateY(-50%)}
.blockbrand .listbrand button.slick-next,.blockbrand .listbrandoffer button.slick-next{left:auto;right:-48px}
.blockbrand .listbrand button.slick-prev:before,.blockbrand .listbrand button.slick-next:before,.blockbrand .listbrandoffer button.slick-prev:before,.blockbrand .listbrandoffer button.slick-next:before{position:absolute;content:'';width:10px;height:10px;border-top:2px solid #424B4D;border-left:2px solid #424B4D;left:19px;top:16px;transform:rotate(-45deg)}
.blockbrand .listbrand button.slick-next:before,.blockbrand .listbrandoffer button.slick-next:before{transform:rotate(135deg);left:15px}
.blockbrand .boxbuttonviewall{text-align:center;padding:16px 0 23px}
.boxbuttonviewall a.btnviewallcruise{border:1px solid #F15A29;color:#F15A29;font:700 16px/46px mainfont;padding:11.5px 92px;border-radius:24px}

.blockused{display:flex;justify-content:center;gap:32px;padding:45px 0;background:#fff;}
.blockused div{max-width:305px;text-align:center;color:#808D8E;font:450 16px/23px mainfont;}
.blockused div h3{font:700 40px/57px mainfont;}

.blockadventure .outsideadventure{display:grid;grid-template-columns:49% 49%;gap:2%}
.bigadventure{background:#fff;border-radius:12px;}
.bigadventure img{width:100%;border-radius:12px 12px 0 0;display:block}
.bigadventure .boxsample{padding:14px 24px 24px}
.bigadventure .boxsample a,.rightsmalladventure a{border:1px solid #f15a29;color:#f15a29;font:700 14px/17px mainfont;border-radius:55px;padding:14px 24px;display:inline-block}
.smalladventure{border-radius:12px;background:#fff;display:flex;}
.smalladventure img{border-radius:12px 0 0 12px;width: 30%;}
.smalladventure .rightsmalladventure{padding:16px 24px;width:100%}
.rightsmalladventure a{width:100%;text-align:center}
.blockadventure .boxviewmore{text-align:center;padding-top:23px}
.boxviewmore a{padding:14px 100px;color:#f15a29;border:1px solid #f15a29;font:700 16px/20px mainfont;display:inline-block;border-radius:55px;margin:16px 0 23px}
.blockpromotion{max-width:1240px;padding:0 10px 55px;margin:0 auto;text-align:center;background:#f2f4f4;}
.blockpromotion img{width:100%;display:block;border-radius:12px}
.mobilemenubutton,.mobilemenuclose{display:none;z-index:1}
.mobilemenubutton img,.mobilemenuclose img{display:block}
.boxrightmenu{display:flex;align-items:center}

.boxtitleabus{padding:0 24px;margin:0 auto;text-align:center;font:450 16px/23px mainfont;}
.boxtitleabus h1,.boxtitleabus h2{font:700 48px / 69px mainfont;margin-bottom:0;max-width:980px;margin-left:auto;margin-right:auto}
.boxtitleabus p strong{margin:9px 0 -32px;display:block}
.boxtitleabus h3{font:700 20px/29px mainfont;}
.boxtitleabus p{max-width:980px;margin:0 auto}
.boxtitleabus.mediacenter p{color:#808D8E}
.boxtitleabus.mediacenter h1,.boxtitleabus.mediacenter h2{margin:0 auto}
.boxtitleabus.mediacenter h3{margin-top:32px}
.listcruiseaboutus{max-width:1130px;margin:0 auto;display:grid;grid-template-columns:49% 49%;gap:3% 2%;padding:32px 0 26px}
.listcruiseaboutus .boxcruiseaboutus{}
.listcruiseaboutus .boxcruiseaboutus > img{display:block;width:100%}
.boxcruiseaboutus .topnamecruise{background:#fff;border-radius:12px 12px 0 0;width:90%;margin:0 auto;text-align:center;border: 1px solid #E9EFF0;font:450 14px/20px mainfont;padding:16px;border-bottom:0;}
.boxcruiseaboutus .topnamecruise h3{font:700 20px/24px mainfont;color:#f15a29;margin-top:8px}
.bottomsamplecruise{background:#fff;border-radius:0 0 12px 12px;width:90%;margin:0 auto;text-align:center;border: 1px solid #E9EFF0;font:450 8px/11px mainfont;padding:16px;border-top:0;display:flex;justify-content:center;gap:8px;align-items:center}
.bottomsamplecruise div{display:flex;align-items:center;gap:4px}
.blockaboutcontent{max-width:1268px;margin:0 auto;padding:0 24px}
.blockaboutcontent p{max-width:980px;margin:24px auto;text-align:center}
.blockaboutcontent img{width:1220px;max-width:1220px;margin-left:-120px;display:block}

.listhotnews{max-width:1268px;padding:24px 24px 32px;margin:0 auto;display:grid;grid-template-columns:calc((100% - 20px) / 3) calc((100% - 20px) / 3) calc((100% - 20px) / 3);gap:24px 10px;}
.listhotnews .hotnews{background:#fff;border-radius:12px;box-shadow:0 0 10px #ddd}
.listhotnews .hotnews img{display:block;width:100%;border-radius:12px 12px 0 0}
.hotnews .boxsamplenews{padding:14px 24px 24px}
.boxsamplenews .smalltitlenews{font:450 16px/23px mainfont;color:#f15a29}
.boxsamplenews h3{font:700 24px/34px mainfont;margin:14px 0}
.boxbtndetailnews{display:flex;justify-content:space-between;align-items:center;color:#B3BBBB;font:450 16px/23px mainfont;}
.boxbtndetailnews a{color:#fff;background:#f15a29;font:450 16px/20px mainfont;padding:14px 16px;border-radius:50px}
.boxxemthem{display:flex;justify-content:center;padding:8px 0 0}
.boxxemthem a.btnxemthemhotnews{color:#f15a29;border:1px solid #f15a29;border-radius:50px;width:331px;display:inline-block;text-align:center;font:450 16px/46px mainfont;}

.boxformgreetings{max-width:1028px;margin:0 auto;padding:0 24px}
.boxformgreetings h1{font:700 48px/69px mainfont;margin-bottom:0}
.boxformgrid{display:grid;grid-template-columns:49% 49%;gap:2%;font:450 13px/19px mainfont;padding:16px 0}
.boxformgrid div.gridcolumn input,.boxformgrid div.gridcolumn textarea{width:100%;font:450 14px/20px mainfont;margin:12px 0 14px;color:#424B4D;padding:10px 20px;border: 1px solid #E9EFF0;border-radius:4px;outline:none}
.boxformgrid div.gridcolumn input:focus,.boxformgrid div.gridcolumn textarea:focus{border:1px solid #f15a29}
.boxformgrid div.gridcolumn b{color:#E33C3C;}
.boxformgrid div.gridcolumn input.txtpnumber{padding-left:146px}
.boxdrdnationalmavung div,.boxnationalmavung{display:flex;align-items:center;gap:4px}
.boxdrdnationalmavung div{padding:3px 5px}
.boxdrdnationalmavung div:hover{background:#f2f4f4}
.boxdrdnationalmavung div img,.boxnationalmavung img{max-height:16px;}
.boxoutsizedrdmavung{padding:5px 10px;overflow-y:scroll;max-height:200px;background:#fff;border:1px solid #E9EFF0;position:absolute;opacity:0;visibility:hidden;height:0;transition:all .3s;width:100%;border-radius:4px}
.boxoutsizedrdmavung.showlistdrop{opacity:1;visibility:visible;height:auto;}
.boxovernationalmavung{position:absolute;top:32px;left:1px;width:127px;}
.boxnationalmavung{background:#f2f4f4;padding:10px 36px 10px 16px;position:relative;font:700 14px mainfont;border-radius:4px 0 0 4px}
.boxnationalmavung:before{content:'';position:absolute;right:16px;top:14px;width:8px;height:8px;border-bottom:2px solid #424B4D;border-right:2px solid #424B4D;transform:rotate(45deg)}
.boxformgreetings a.btnattach{display:block;color:#f15a29;border:1px solid #f15a29;border-radius:50px;text-align:center;font:700 16px / 20px mainfont;padding:14px 0;margin-top:14px;}
.boxformgreetings .btnsubmit{display:block;color:#fff;background:#f15a29;border:1px solid #f15a29;border-radius:50px;text-align:center;font:700 16px / 20px mainfont;padding:14px 0;margin:14px 0 55px;width:100%;}

.boxformthanks{text-align:center;padding:272px 24px 374px;font:450 18px/25px mainfont;max-width:598px;margin:0 auto;}
.boxformthanks p b{font:700 24px / 34px mainfont;color: #0D9E7B;}
.boxformthanks a{color:#fff;background:#f15a29;border:1px solid #f15a29;width:100%;display:block;border-radius:50px;padding:11px 0;margin:12px 0}
.boxformthanks span{font:450 13px/18px mainfont;color:#b3bbbb;}

.boxlistbuttonlink{padding:32px 24px 0;font:700 16px/20px mainfont;max-width:100%;overflow:hidden;overflow-x:scroll}
.boxlistbuttonlink .listbuttonlinkinside{display:flex;justify-content:center;align-items:center;gap:10px;}
.listbuttonlinkinside a{display:flex;justify-content:center;align-items:center;gap:8px;border-radius:50px;border:1px solid #f15a29;padding:12px 46px;white-space:nowrap}
.boxlistbuttonlink.type2 .listbuttonlinkinside a{padding:12px 24px}
.boxtitleabus.samplecruisesignature{margin-top:32px}
.listbuttonlinkinside a.active{color:#fff;background:#f15a29;}
.listtabmediadetail{max-width:1258px;margin:32px auto;padding:0 24px;display:grid;grid-template-columns:49.5% 49.5%;gap:3% 1%}
.listtabmediadetail .mediadetail{border: 1px solid #E9EFF0;background:#fff;display:flex;gap:15px;border-radius:12px;}
.listtabmediadetail .mediadetail img{display:block}
.listtabmediadetail .mediadetail .rightmediadetail{position:relative;padding:34px 24px 0 0;}
.listtabmediadetail .mediadetail .rightmediadetail h3{font:700 24px/30px mainfont;}
.listtabmediadetail .mediadetail .rightmediadetail div{position:absolute;bottom:32px;color:#B3BBBB;font:450 16px/22px mainfont;}
.boxoutsizehightlight{max-width:1028px;padding:24px 24px 0;margin:0 auto;}
.boxoutsizehightlight .boxinsidehightlight{border:1px solid #F7A387;background:#FDEDE7;color:#F47E57;border-radius:12px;padding:24px 56px;display:grid;grid-template-columns:33.3334% 33.3334% 33.3334%;align-items:center;justify-content:space-between}
.boxinsidehightlight .hightlightbox{display:flex;align-items:center;gap:14px;}
.hightlightbox img{display:block}

.listtabdaycruise{text-align:center;display:flex;justify-content:center;padding:32px 10px 16px;}
.listtabdaycruise .boxlisttabdaycruise{background:#E9EFF0;border-radius:50px;display:flex;align-items:center}
.listtabdaycruise .boxlisttabdaycruise a{color:#808D8E;padding:14px 65px;font:700 16px/20px mainfont;display:block;border-radius:50px;}
.listtabdaycruise .boxlisttabdaycruise a:hover{color:#f15a29;}
.listtabdaycruise .boxlisttabdaycruise a.active{background:#fff;color:#f15a29;}

.boxdetaildaycruise{max-width:1268px;margin:0 auto;padding:0 24px}
.boxdetaildaycruise .detailtitle{font:700 32px/46px mainfont;color:#B3BBBB;padding:32px 0 16px}
.boxdetaildaycruise .listdetaildaycruise{display:grid;grid-template-columns:49% 49%;gap:0 2%}
.boxdetaildaycruise .boxoutsidedetaildaycruise{display:grid;gap:2%;align-items:start;grid-template-columns:56px calc(98% - 56px);padding-bottom:16px;position:relative}
.boxoutsidedetaildaycruise .detailtime{width:56px;height:56px;border-radius:50%;background:#f15a29;color:#fff;font:700 12px/56px mainfont;text-align:center}
.boxoutsidedetaildaycruise .detailtime:after{position:absolute;left:27px;width:0;height:100%;border-right:1px solid #f15a29;top:0;content:'';}
.leftlistdaycruise:first-child .boxoutsidedetaildaycruise:last-child .detailtime:after{border-right:1px dashed #f15a29;}
.boxoutsidedetaildaycruise .rightdetailtime{padding:10px 24px;background:#fafafa;border-radius:12px;border:1px solid #D1D6D6;}
.boxoutsidedetaildaycruise .rightdetailtime p{font:450 16px/23px mainfont;color:#808D8E;margin:0}
.boxoutsidedetaildaycruise .rightdetailtime strong{font:700 20px/29px mainfont;color:#424B4D}

.boxborderiptnote{border:1px solid #D1D6D6;padding:24px 32px;border-radius:12px;background:#fafafa;max-width:1220px;margin:16px auto 0;display:grid;grid-template-columns:49% 49%;gap:2%;color:#808D8E;font:450 16px/23px mainfont;}
.boxborderiptnote p strong{color:#424B4D}

.boxbuttonlink{margin:0 auto;max-width:1236px;display:grid;grid-template-columns:49% 49%;gap:2%;padding:32px 24px 0}
.boxbuttonlink a{background:#f15a29;color:#fff;text-align:center;font:700 16px/48px mainfont;border-radius:50px}

.cuisinegallery{max-width:1100px;margin:0 auto;padding:33px 24px 50px;display:grid;grid-template-columns:calc(98% / 3) calc(98% / 3) calc(98% / 3);gap:1%;}
.cuisinegallery .boxtitlegallerycuisine h2{text-align:center;font:700 24px/34px mainfont;}
.cuisinegallery .boximagecuisinegallery{position:relative}
.cuisinegallery .boximagecuisinegallery img{border-radius:12px;height: 100%;}
.cuisinegallery .boximagecuisinegallery .boxsampleimagecuisinegallery{position:absolute;bottom:0;padding:0 24px 16px;color:#fff;font:450 16px/23px mainfont;}
.cuisinegallery .boximagecuisinegallery .boxsampleimagecuisinegallery h3{font:700 24px/34px mainfont;margin:0}
.boxsampleimagecuisinegallery p{margin:0}
.boxnegativebooking{display:grid;gap:10px;max-width:656px;margin:20px auto 0;grid-template-columns:calc((100% - 20px) / 3) calc((100% - 20px) / 3) calc((100% - 20px) / 3);}
.boxnegativebooking .boxnegativebookingstep{font:700 16px/23px mainfont;position:relative;padding-top:26px;text-align:center}
.boxnegativebooking .boxnegativebookingstep.active{color:#f15a29}
.boxnegativebooking .boxnegativebookingstep span{position:absolute;top:0;left:50%;transform:translateX(-50%);border:4px solid #fff;width:16px;height:16px;border-radius:50%;background:#B3BBBB;z-index:2}
.boxnegativebooking .boxnegativebookingstep.active span{border:2px solid #fff;background:#f15a29;box-shadow: 0 0 10px 0 #999;}
.boxnegativebooking .boxnegativebookingstep.step2:before,.boxnegativebooking .boxnegativebookingstep.step3:before{position:absolute;left:-48%;content:'';width:92%;top:8px;height:0;border-top:1px solid #B3BBBB}
.boxnegativebooking .boxnegativebookingstep.active.step2:before,.boxnegativebooking .boxnegativebookingstep.active.step3:before,.boxnegativebooking .boxnegativebookingstep.step3active:before{border-top:1px solid #f15a29}
.boxnegativebooking .boxnegativebookingstep.step2active,.boxnegativebooking .boxnegativebookingstep.step3active{color:#f15a29}
.boxnegativebooking .boxnegativebookingstep.step2active span,.boxnegativebooking .boxnegativebookingstep.step3active span{background:#f15a29}

.boxlistdaypriceblock{padding:20px 24px 0;margin:0 auto;max-width:1028px;}
.boxlistdaypriceblock .listdaypriceblock{border-radius:100px;background:#E9EFF0;border:1px solid #fff;padding:0 16px;font:700 16px/23px mainfont;color:#424B4D;text-align:center;display:flex;overflow:hidden;jutify-content:space-between;align-items:center}
.boxlistdaypriceblock .listdaypriceblock .daypriceblock{width:128px;padding:23px 0}
.boxlistdaypriceblock .listdaypriceblock .daypriceblock .dayblock{font:450 13px/18px mainfont;color:#B3BBBB;padding-bottom:4px}
.boxlistdaypriceblock .listdaypriceblock .daypriceblock.active{background:#fff;box-shadow:0 0 40px 10px #ddd;border-radius:100px;font:700 24px/32px mainfont;color:#f15a29;width:182px}
.boxlistdaypriceblock .listdaypriceblock .daypriceblock.active .dayblock{font:700 16px/18px mainfont;color:#424B4D}

.boxstep1block{max-width:1342px;padding:0 24px;margin:3% auto;display:grid;grid-template-columns:calc(58% - 8px) calc(42% - 16px);gap:24px;position:relative;align-items:start;}
.boxstep1block .leftcolstep1 .boxstep1leftcruise,.leftcolstep1 .boxleftstep1cabin,.leftcolstep1 .boxaddextraservices,.leftcolstep1 .leftcontactstep2,.leftcolstep1 .leftpaymentstep3{border-radius:12px;background:#fff;border: 1px solid #E9EFF0;box-shadow: 0 0 20px 10px #eee;margin-bottom:20px}
.boxstep1leftcruise h2{font:700 24px/34px mainfont;margin:20px 32px}
.boxstep1leftcruise .cruisedetailstep1{padding:15px 32px}
.cruisedetailstep1 .boxcruisehightlightstep1{border:1px solid #e9eff0;background:#fafafa;border-radius:12px;margin-top:15px;padding:12px 20px;display:grid;gap:8px 30px;grid-template-columns:calc(50% - 15px) calc(50% - 15px);font:450 14px/20px mainfont;}
.cruisedetailstep1 .boxcruisehightlightstep1 div{display:flex;gap:4px;align-items:center;}
.boxstep1leftcruise .boxbuttoncruisestep1,.boxleftstep1cabin .rightcabinstep1select{padding:0 32px 15px}
.boxbuttoncruisestep1 a,.rightcabinstep1select a.btncabinstep1{display:block;border:1px solid #f15a29;color:#f15a29;text-align:center;border-radius:50px;font:700 16px/48px mainfont;}
.boxbuttoncruisestep1 a span,.rightcabinstep1select a.btncabinstep1 span{position:relative;padding-right:30px;}
.boxbuttoncruisestep1 a span:after,.rightcabinstep1select a.btncabinstep1 span:after{position:absolute;content:'';right:6px;top:5px;width:8px;height:8px;border-bottom:1px solid #f15a29;border-right:1px solid #f15a29;transform:rotate(45deg)}

.boxleftstep1cabin h2,.boxaddextraservices h2{display:flex;justify-content:space-between;align-items:center;margin:20px 32px;font:700 24px/34px mainfont;}
.boxleftstep1cabin h2 span,.boxaddextraservices h2 span{color:#f15a29;font:700 20px/28px mainfont;}
.boxleftstep1cabin .boxstep1imgcabin,.listextradaydinnercruise .boxcabininfodaydinnercruise{display:grid;grid-template-columns:calc(60% - 4px) calc(40% - 20px);padding:20px 32px;background:#fafafa;border:1px solid #e9eff0;gap:24px;align-items:center}
.boxstep1imgcabin .cabinrighthightlight,.extraservicesdetail .rightextraservicesdetail,.boxcabininfodaydinnercruise .rightboxcabininfodaydinnercruise{font:450 14px/20px mainfont;color:#808D8E}
.boxstep1imgcabin .cabinrighthightlight div,.extraservicesdetail .rightextraservicesdetail div,.boxcabininfodaydinnercruise .rightboxcabininfodaydinnercruise div{display:flex;gap:3px 4px;align-items:center}
.boxleftstep1cabin .rightcabinstep1select{padding:20px 32px;font:450 13px/19px mainfont;}
.boxleftstep1cabin .rightcabinstep1select b{font:700 18px/26px mainfont;}
.rightcabinstep1select .cabinselectpassengerstep1{padding-bottom:30px;display:grid;grid-template-columns:calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);gap:20px;margin-top:8px}
.rightcabinstep1select .cabinselectpassengerstep1 select,.rightcabinstep1select .cabinselectpassengerstep1 div div{display:block;width:100%;border: 1px solid #E9EFF0;background:#fff;margin-top:12px;font:500 14px mainfont;border-radius:4px;padding:10px 0 10px 20px}
.rightcabinstep1select .addremovecabin{font:500 16px/23px mainfont;color:#f15a29;padding:17px 0;display:flex;justify-content:space-between;}
.rightcabinstep1select .listcabinstep1,.boxaddextraservices .extraservices{background:#fafafa;border: 1px solid #E9EFF0;padding:10px 20px;border-radius:12px;margin-bottom:16px;}
.rightcabinstep1select .listcabinstep1{cursor: pointer;}
.listcabinstep1 h3,.extraservices h3{font:700 24px/34px mainfont;display:flex;justify-content:space-between;align-items:center}
.listcabinstep1 h3 span,.extraservices h3 span{display:inline-flex;align-items:center;color:#f15a29;font:450 14px/20px mainfont;gap:4px;opacity:0}
.rightcabinstep1select .listcabinstep1.active,.boxaddextraservices .extraservices.active{background:#FDEDE7;border:1px solid #f15a29;color:#f15a29}
.rightcabinstep1select .listcabinstep1.active h3 span,.boxaddextraservices .extraservices.active h3 span{opacity:1}

.boxaddextraservices .extraservices{margin:0 16px 20px}
.extraservices .extraservicesdetail{display:grid;grid-template-columns:calc(60% - 4px) calc(40% - 12px);padding:17px 0;gap:16px;align-items:center}
.extraservices.active .extraservicesdetail .rightextraservicesdetail{color:#f15a29;}
.extraservicesdetail .extraservicechoose{display:grid;gap:8px;grid-template-columns:1fr 1fr;font:500 13px/19px mainfont;}
.extraservicesdetail .extraservicechoose select,.extraservicechoose .etsvtotalprice{display:block;padding:8px 20px;font:500 14px mainfont;background:#fff;border:1px solid #E9EFF0;width:100%;border-radius:4px;margin-top:12px}

.rightcolstep1{border-radius:12px;background:#fff;border: 1px solid #E9EFF0;box-shadow: 0 0 20px 10px #eee;margin-bottom:20px;padding:20px 24px 24px}
.rightcolstep1.boxscrollfixed{position:fixed;top:header.height;}
.rightcolstep1 .righttitlestep1,.leftcontactstep2 .lefttitlestep2{padding:4px 0 4px 16px;border-left:3px solid #f15a29;color:#808D8E}
.rightcolstep1 .righttitlestep1 b,.leftcontactstep2 .lefttitlestep2 b{display:flex;color:#f15a29;font:700 24px/34px mainfont;justify-content:space-between;}
.rightcolstep1 .righttitlestep1 b span{display:none}
.rightcolstep1 .rightprogramstep1,.rightboxcabinstep1 .rightboxcabintypestep1,.rightboxextraservicesstep1 .rightextraservicesstep1showhide,.leftcontactstep2 .contactstep2form{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;font:500 13px/19px mainfont;color:#808D8E;margin:20px 0 0;text-indent:16px}
.rightextraservicesstep1showhide.deactive{display:none}
.rightboxcabinstep1 .rightboxcabintypestep1.threecolumn{grid-template-columns: 1fr 1fr 1fr;}
.programstep1 .boxechoprogramstep1,.rightcabintypestep1 div,.boxtrasportations div,.boxdeparturetime div,.contactstep2form input,.contactstep2form select{font:500 14px/20px mainfont;color:#242A2A;padding:10px 20px;background:#F2F4F4;border:1px solid #E9EFF0;border-radius:4px;margin-top:12px;text-indent:0;display:block;width:100%}
.rightpassengersstep1inside{display:grid;grid-template-columns:1fr 1fr 1fr;font:500 14px/20px mainfont;color:#242A2A;padding:10px 0;background:#F2F4F4;border:1px solid #E9EFF0;border-radius:4px;margin-top:12px;text-indent:0}
.rightpassengersstep1inside div{padding:0 20px;display:flex;justify-content:space-between;}
.rightcolstep1 .rightboxcabinstep1,.rightcolstep1 .rightboxextraservicesstep1,.rightcolstep1 .righttotalprice{border:1px solid #D1D6D6;border-radius:6px;padding:12px;margin-top:12px;}
.rightboxcabinstep1 .rightshowhidecabinstep1,.rightboxextraservicesstep1 .rightshowhidecabinstep1,.righttotalprice .rightshowhidecabinstep1{padding:2px 16px;display:flex;justify-content:space-between;font:700 13px/19px mainfont;align-items:center;}
.rightboxcabinstep1 .rightshowhidecabinstep1 b,.rightboxextraservicesstep1 .rightshowhidecabinstep1 b,.righttotalprice .rightshowhidecabinstep1 b,.boxpassengerdaydinnercruise .psgdaydinnercruisetitle b{color:#f15a29}
.rightboxcabinstep1 .rightshowhidecabinstep1 a,.rightboxextraservicesstep1 .rightshowhidecabinstep1 a,.righttotalprice .rightshowhidecabinstep1 a,.boxpassengerdaydinnercruise .psgdaydinnercruisetitle div a{margin-left:12px;font:450 12px/17px mainfont;position:relative;color:#1BC286;}

.rightboxcabinstep1 .rightshowhidecabinstep1 a:after,.rightboxextraservicesstep1 .rightshowhidecabinstep1 a:after,.righttotalprice .rightshowhidecabinstep1 a:after,.boxoutsidecabin3d2n .boxtitlecabin3d2n div a span:after,.boxpassengerdaydinnercruise .psgdaydinnercruisetitle div a:after{position:absolute;content:'';width:8px;height:8px;border-right:1px solid #1BC286;border-top:1px solid #1BC286;transform:rotate(-45deg);top:6px;right:-19px}
.rightboxcabinstep1 .rightshowhidecabinstep1 a.active:after,.rightboxextraservicesstep1 .rightshowhidecabinstep1 a.active:after,.righttotalprice .rightshowhidecabinstep1 a.active:after,.boxpassengerdaydinnercruise .psgdaydinnercruisetitle div a.active:after{transform:rotate(135deg);top:1px;}
.righthidecabinstep1 a{color:#808D8E;text-decoration:underline;font:700 13px/19px mainfont;margin:12px 16px 0;display:block}
.righthidecabinstep1.deactive{display:none}
.rightcolstep1 .righttotalprice{padding:11px 24px 16px}
.righttotalprice .rightshowhidecabinstep1 b{font:700 24px/34px mainfont;}
.rightdetailtotalpricestep1showhide{margin-top:4px;border-top: 1px solid #D1D6D6;padding:12px 8px;gap:4px;font:450 13px/18px mainfont;color:#808D8E;display:grid;}
.rightdetailtotalpricestep1showhide.deactive{display:none}
.rightdetailtotalpricestep1showhide div{display:flex;justify-content:space-between;align-items:center}
.rightcolstep1 .rightimportantnotestep1{padding:20px 16px;font:700 12px/17px mainfont;color:#808D8E;}
.rightcolstep1 .rightimportantnotestep1 b{font:700 16px/23px mainfont;color:#424B4D;display:block}
.rightcolstep1 .step1btnchangepage{color:#fff;font:700 16px/20px mainfont;background:#f15a29;text-align:center;border-radius:50px;padding:14px 0;border:1px solid #f15a29;width:100%;display:block}
.rightcolstep1 .lastviewmobile{text-align:center;}
.rightcolstep1 .lastviewmobile a{text-decoration:underline;color:#f15a29;letter-spacing:1px;font:450 12px/15px mainfont;margin-top:5px;display:none}

.leftcolstep1 .leftcontactstep2{padding:24px 32px 28px}
.leftcontactstep2 .lefttitlestep2 b{color:#424B4D}
.leftcontactstep2 .contactstep2form.passenger{grid-template-columns:1fr 1fr 1fr}
.leftcontactstep2 .boxcheckboxstep2,.leftpaymentstep3 .boxcheckboxstep2{padding:16px 0 0}
.boxcheckboxstep2 .step2checkbox{background:url(../png/checkmark.circle.fill2.png) no-repeat top left;padding:8px 0 0 36px}
.boxcheckboxstep2 .step2checkbox.active{background:url(../png/checkmark.circle.fill.png) no-repeat top left;}

.leftcontactstep2 .step2passengertitle{font:700 18px/23px mainfont;color:#f15a29;padding-top:24px;}
.leftcontactstep2 .contactstep2form span{font:500 13px/17px mainfont;color:#f15a29}

.rightcolstep1 .hideimportantstep3{display:none}

.leftcolstep1 .leftpaymentstep3{padding:20px 24px 24px}
.leftpaymentstep3 .boxholdingpricestep3{text-align:center;background:#FFF6EA;border-radius:8px;padding:8px 16px;font:700 24px/34px mainfont;color:#f15a29}
.boxholdingpricestep3 div{padding:10px 0 0;font:700 28px/40px mainfont;color:#096DD9}
.leftpaymentstep3 .boxselectmethodstep3{font:450 16px/23px mainfont;color:#808D8E;padding:24px 16px 0}
.leftpaymentstep3 .boxselectmethodstep3 b{font:700 24px/34px mainfont;color:#424B4D;display:block}
.leftpaymentstep3 .boxchoosebuttonstep3{padding:8px 0 0;}
.boxchoosebuttonstep3 div{font:700 16px/20px mainfont;color:#f15a29;border-radius:50px;border:1px solid #f15a29;display:flex;justify-content:center;align-items:center;padding:14px 0;margin-top:8px;gap:10px;cursor:pointer}
.boxchoosebuttonstep3 div.active{background:#f15a29 url(../png/iconleft.png) no-repeat calc(100% - 16px) center;color:#fff}
.leftpaymentstep3 button.btnpayment{width:100%;border:1px solid #f15a29;background:#f15a29;color:#fff;text-align:center;padding:14px 0;font:700 16px / 20px mainfont;border-radius:50px;margin:20px 0 0}

.titleselect3d2n{font:700 20px/29px mainfont;color:#808D8E;margin-bottom:20px}
.boxoutsidecabin3d2n{margin-top:12px;padding:0 12px;border-radius:4px;}
.boxoutsidecabin3d2n .boxtitlecabin3d2n{padding:0 4px;font:700 13px/19px mainfont;color:#090A0A;display:flex;justify-content:space-between;}
.boxoutsidecabin3d2n .boxtitlecabin3d2n div a{display:block;color:#1BC286;font:450 12px/17px mainfont}
.boxoutsidecabin3d2n .boxtitlecabin3d2n div a span{position:relative}
.boxoutsidecabin3d2n .boxtitlecabin3d2n b{color:#f15a29}
.boxoutsidecabin3d2n .rightboxcabinstep1,.boxpassengerdaydinnercruise .listpsgdaydinnercruise{display:none;}
.boxoutsidecabin3d2n.active .rightboxcabinstep1{display:block;border:0;border-radius:0;border-top:1px solid #d1d6d6;padding:12px 0}
.boxoutsidecabin3d2n.active{border:1px solid #d1d6d6;padding:12px;}
.boxoutsidecabin3d2n.active .boxtitlecabin3d2n{padding:0 16px;margin-bottom:3px;}

.boxstep1leftcruise .rightcabinstep1select{padding:20px 32px 8px}
.boxstep1extradaydinnercruise .boxtitledaydinnercruise{font:700 20px/29px mainfont;color:#808D8E}
.boxstep1extradaydinnercruise .listextradaydinnercruise{margin:20px 0 0;border-radius:12px;border:1px solid #E9EFF0;background:#fff;}
.boxstep1extradaydinnercruise .listextradaydinnercruise.active{border:1px solid #f15a29;}
.listextradaydinnercruise .listextratitle{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;}
.listextradaydinnercruise .listextratitle div{font:700 18px/26px mainfont;color:#424B4D;background:url(../png/checkmark.square.fill.png) no-repeat left center;padding:0 0 0 40px}
.listextradaydinnercruise.active .listextratitle div{background:url(../png/checkmark.square.fill2.png) no-repeat left center}
.listextradaydinnercruise .listextratitle b{font:700 24px/34px mainfont;color:#f15a29;}
.listextradaydinnercruise .boxchoosedaydinnercruise{padding:20px 32px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.listextradaydinnercruise .boxchoosedaydinnercruise div select,.listextradaydinnercruise .boxchoosedaydinnercruise div input{width:100%;display:block;background:#fff;border:1px solid #E9EFF0;font:500 14px / 20px mainfont;color:#242A2A;border-radius:4px;margin-top:12px;padding:9px 20px;}

.rightcolstep1 .boxpassengerdaydinnercruise{margin-top:12px;padding:0 12px;border-radius:4px;}
.boxpassengerdaydinnercruise .psgdaydinnercruisetitle{padding:0 4px;font:700 13px/19px mainfont;color:090a0a;display:flex;justify-content:space-between;}
.rightcolstep1 .boxpassengerdaydinnercruise.active{padding:8px 12px 12px}
.boxpassengerdaydinnercruise.active .psgdaydinnercruisetitle{padding:0 4px 12px}
.boxpassengerdaydinnercruise .listpsgdaydinnercruise div{display:grid;grid-template-columns:45% 10% 45%;align-items:center;color:#808D8E;font:450 14px/20px mainfont;padding:6px 4px}
.boxpassengerdaydinnercruise .listpsgdaydinnercruise b{font:700 14px/20px mainfont;color:#242A2A;text-align:center}
.boxpassengerdaydinnercruise .listpsgdaydinnercruise span{color:#242A2A;text-align:right}
.boxpassengerdaydinnercruise.active .listpsgdaydinnercruise{display:block;padding:2px 0;}
.boxpassengerdaydinnercruise.active .listpsgdaydinnercruise.deactive{display:none;}
.rightcolstep1 .boxpassengerdaydinnercruise{border:1px solid #d1d6d6;}

.rightboxextraservicesstep1 .rightboxcabinstep1{border:0;padding:0;margin-bottom:12px;}
.rightboxextraservicesstep1 .rightboxcabinstep1.deactive{display:none}
.rightboxextraservicesstep1 a.daydinnercruisepricing{margin:12px 0 0 12px;font:700 13px/19px mainfont;color:#808D8E;text-decoration:underline;display:block}
.listcabincontainer{max-width: 1028px; padding: 24px 24px 0;margin: 0 auto;}
.listcabincontainer .cabinitem{background: #fff;margin:30px auto;border-radius: 10px;padding-bottom: 1px;}
.listcabincontainer .cabinitem h3{padding: 30px;}
.listcabincontainer .cabinitem .sample{padding:30px;}
.listcabincontainer .cabinitem .listamenities{background: #fafafa;padding:30px;margin:0 30px;border-radius: 10px;display: grid;grid-template-columns: 1fr 1fr;gap:10px ;}
.listcabincontainer .cabinitem .listamenities .amentityitem img{vertical-align: middle;display: inline-block;padding-right: 10px;width: 35px;;}
.listcabincontainer .cabinitem .booknow a{background: #F15A29;color: #fff;display: block;border-radius: 40px;padding:20px;text-align: center;margin:30px;}

.slideofferdetail{margin:32px 0 76px;position:relative}
.slideofferdetail .listofferdetailimg{position:relative}
.listofferdetailimg .slick-prev,.listofferdetailimg .slick-next{position:absolute;width:44px;height:44px;top:50%;left:35px;transform:translateY(-50%);background:#fff;border-radius:50%;z-index:1;border:0;overflow:hidden;text-indent:50px;}
.listofferdetailimg .slick-next{left:auto;right:35px}
.listofferdetailimg .slick-prev:before,.listofferdetailimg .slick-next:before{position:absolute;content:'';width:8px;height:8px;border-top:1px solid #424B4D;border-left:1px solid #424B4D;transform:rotate(-45deg);left:19px;top:17px;}
.listofferdetailimg .slick-next:before{transform:rotate(135deg);left:17px;}
.boxpricedetailoffer{position:absolute;bottom:-59px;left:50%;transform:translateX(-50%);padding:15px;color:#fff;font:500 16px/23px mainfont;}
.boxpricedetailoffer .boxofferfrom{padding:16px 285px 16px 32px;border-radius:12px;background:#F15A29;}
.boxpricedetailoffer .boxofferfrom b{font:700 28px/33px mainfont;white-space:nowrap}
.boxpricedetailoffer .boxofferdateend{border-radius:12px;padding:29px 32px 26px;background:#FFB443;position:absolute;top:0;right:39px;text-align:center}
.boxpricedetailoffer .boxofferdateend div{display:flex;align-items:center;justify-content:center;}
.boxpricedetailoffer .boxofferdateend b{font:700 28px/40px mainfont;}
.boxtermconditions{max-width:1028px;margin:32px auto 0;padding:0 24px;}
.boxtermconditions .boxtermconditionsinside{width:100%;border-radius:12px;background:#FAFAFA;gap:16px 32px;display:grid;grid-template-columns:1fr 1fr;padding:24px 32px;font:450 16px/23px mainfont;color:#808D8E}
.boxtermconditions .offerdetailbutton{display:grid;padding:32px 16px 0;grid-template-columns:1fr 1fr;gap:16px;text-align:center;color:#fff;}
.boxtermconditions .offerdetailbutton a{display:block;background:#F15A29;border-radius:24px;line-height:48px;}

.boxpaymentalert{max-width:550px;margin:268px auto;text-align:center;font:450 18px/25px mainfont;}
.boxpaymentalert > img{width: 100px;}
.boxpaymentalert h3 span,.boxpaymentalert h3{font:700 24px/34px mainfont;}
.boxpaymentalert a{background:#F15A29;font:700 16px/48px mainfont;color:#fff;border-radius:24px;width:100%;display:block;margin:12px 0}
.boxpaymentalert span{font:450 13px/18px mainfont;color:#B3BBBB;}

section.blockcontactus{margin:0 auto;max-width:932px;font:300 16px mainfont}
section.blockcontactus strong{font-weight:600;}
section.blockcontactus h1{font:600 48px mainfont;text-align:center}
section.blockcontactus .boxformcontactus {padding:35px 0 55px}
.boxformcontactus form{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;font:400 13px mainfont;padding:16px 0 0}
.boxformcontactus form .columncontact{text-indent:16px}
.boxformcontactus form input,.boxformcontactus form textarea{width:100%;background:#fff;border:1px solid #e9eff0;font:400 14px #242A2A;border-radius:4px;padding:11px 20px;margin:12px 0 0}
.boxformcontactus form input::placeholder,.boxformcontactus form textarea::placeholder{color:#D1D6D6}
.boxformcontactus form button{color:#fff;font:600 16px/48px mainfont;border-radius:24px;text-align:center;padding:0;border:0;background:#F15A29;}
.checkcodecontainer {min-height: 50vh;}
.checkcodecontainer .formitem{padding-bottom: 20px;}
.checkcodecontainer .formitem label{display: block;color:#F15A29;padding-left: 10px;}
.checkcodecontainer .formitem input{width: 100%;padding:10px 10px;border-radius: 3px;border:#ccc;}
.checkcodecontainer .formbutton span{color: #9DA4AE;font-size: 13px;}
.checkcodecontainer .formbutton input{width: 100%;font-size: 16px;font-weight: bold;background: #F15A29;color: #fff;text-align: center;padding:10px;border:none;border-radius: 50px;}
.managetripcontainer{width: var(--maxsmall-width-container);padding:30px;border-radius: 10px;background: #fff;margin:30px auto}
.managetripcontainer .managetripblock .blockhead{padding:10px;border-left: 3px solid #F15A29;}
.managetripcontainer .managetripblock .blockhead h2{color: #F15A29;font-size: 24px;margin: 0;}
.managetripcontainer .managetripblock .blockhead > div{color: #808D8E;}
.managetripcontainer .managetripblock .overview{padding:20px 0;}
.managetripcontainer .managetripblock .overview .overviewitem label{color: #808D8E;padding-left: 20px;}
.managetripcontainer .managetripblock .overview .overviewitem .value{background: #E9EFF0;padding:10px 20px;border-radius: 3px;}
.managetripcontainer .managetripblock .overview .overviewitem .value .longvalue{display: flex;justify-content: space-between;width: 30%;}
.managetripcontainer .managetripblock .overview .overviewitem .value .longvalue label{color: #808D8E;padding:0;}
.managetripcontainer .managetripblock .overview .overviewitem .price{display: flex;justify-content: space-between;}
.managetripcontainer .managetripblock .overview .overviewitem .price .unit{color:#242A2A}
.managetripcontainer .managetripblock .overview .overviewitem .price .subvalue{color:#F15A29;}
.managetripcontainer .managercontactblock{padding:30px;margin:30px 0;border:0.5px solid #e9eff0;border-radius: 3px;box-shadow: 0px 0px 3px #1a1d1d;}
.managetripcontainer .managercontactblock .blockhead{padding:10px;border-left: 3px solid #F15A29;}
.managetripcontainer .managercontactblock .blockhead h2{color: #F15A29;font-size: 24px;margin: 0;}
.managetripcontainer .managercontactblock .blockhead > div{color: #808D8E;}
.managetripcontainer .managercontactblock input,.managetripcontainer .managercontactblock select{width: 100%;border-radius: 3px;border:1px solid #E9EFF0;padding:10px 10px;}
.managetripcontainer .managercontactblock label{color: #808D8E;padding-left: 10px;}
.managetripcontainer .managercontactblock .passengercontainer .head{padding-top: 20px;color: #F47E57;display: flex;justify-content: space-between;}
.managetripcontainer .managercontactblock .passengercontainer .head .value{font-size: 18px;text-transform: uppercase;}
.managetripcontainer .managercontactblock .passengercontainer .head .edit{font-size: 14px;}
.managetripcontainer .buttoncontainer input{width: 100%;border: none;border-radius: 50px;padding:10px;text-align: center;color: #fff;background: #f15a29;font-weight: bold;}
.popupwrap{position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 100000;}
.popupwrap .popupbackground{background: rgba(0,0,0,0.7);position: absolute;width: 100%;height: 100%;z-index: 1;}
.popupwrap .popupcontainer{position: absolute;z-index: 2;top:50%;left: 50%;width: 80%;max-width: 800px;transform: translate(-50%,-50%);}
.popupwrap .popupcontainer .close{position: absolute;top:20px;right:20px;font-weight: bold;color: #fff;}
@media screen and (max-width:1370px){
  :root{    
    --max-width-container:1200px;
    --maxsmall-width-container:800px;
  }
}
@media screen and (max-width:1280px){
	.blockaboutcontent img{width:1136px;margin:24px 0 24px -78px;max-width:1136px}
	.boxlistbuttonlink .listbuttonlinkinside{justify-content:left;padding:0 24px 6px 0}
	.boxborderiptnote{max-width:calc(100% - 48px);margin:16px auto 0}
	.mobilemenubutton,.mobilemenuclose.active{display: block;}
	.mobilemenubutton.active{display:none}
	.menucontainer{position:fixed;opacity:0;visibility:hidden;width:0%;height:100%;top:106px;right:0;background:#fff;transition:all .5s}
	.menucontainer.active{opacity:1;visibility:visible;width:100%}
	.menucontainer .menu-menu-chinh-container{width:100%}
	header .logocontainer img{width: 60px;margin:15px 0}
	header ul#primary-menu{display:block!important;margin:0;}
	header ul.menu li:first-child{display:block;border-top:1px solid #ddd}
	header ul.menu > li{padding:15px 20px;border-bottom:1px solid #ddd;font:450 16px/23px mainfont;}
	header ul.menu li ul{position:relative;visibility:visible;opacity:1;left:auto;transform:translateX(0);margin:21px 0 -15px;border-radius:0;}
	header ul.menu li ul li{text-align:left;padding:15px 20px;border-top:1px solid #ddd;}
	header ul.menu li ul li a{font:450 16px / 23px mainfont;}
	.content{margin-top:74px}
}
@media screen and (max-width:1152px){
	.blockaboutcontent img{width:1104px;margin:24px 0 24px -62px;max-width:1104px}	
}
@media screen and (max-width:1080px){
	.blockaboutcontent img{width:1032px;margin:24px 0 24px -26px;max-width:1032px}	
}
@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:1024px){
	.blockaboutcontent img{width:100%;margin:24px 0;max-width:100%}
	.boxstep1block{grid-template-columns:100%}
	.boxstep1block .rightcolstep1{position:fixed!important;bottom:0!important;width:calc(100% - 48px)!important;margin:0;z-index:2;left:24px;padding:7px 16px 13px;top:auto!important;max-width:100%!important;}
	.rightcolstep1 .rightprogramstep1,.rightcolstep1 .rightboxcabinstep1,.rightcolstep1 .rightboxextraservicesstep1,.rightcolstep1 .righttotalprice,.rightcolstep1 .rightimportantnotestep1,
	.rightcolstep1 .boxoutsidecabin3d2n,.rightcolstep1 .boxpassengerdaydinnercruise
	{display:none;}
	.rightcolstep1 .rightprogramstep1.active{display: grid;}
	.rightcolstep1 .rightboxcabinstep1.active,.rightcolstep1 .rightboxextraservicesstep1.active,.rightcolstep1 .boxoutsidecabin3d2n.active,.rightcolstep1 .boxpassengerdaydinnercruise.active{display: block;}
	.rightcolstep1 .righttitlestep1 b span{display:block}
	.rightcolstep1 .lastviewmobile a{display:block}
	.rightcolstep1 .righttitlestep1{padding:0 0 5px;border:0}
	.rightcolstep1.step3bookingmobile{position:relative}
	.rightcolstep1.step3bookingmobile .righttitlestep1 b span{display:none}
	.rightcolstep1.step3bookingmobile .rightprogramstep1,.rightcolstep1.step3bookingmobile .rightboxcabinstep1,.rightcolstep1.step3bookingmobile .rightboxextraservicesstep1,.rightcolstep1.step3bookingmobile .righttotalprice,.rightcolstep1.step3bookingmobile .rightimportantnotestep1{display:block;}
	.leftcolstep1.step3bookingmobile{order:2}

	.listofferdetailimg .slick-prev,.listofferdetailimg .slick-next{left:24px;}
	.listofferdetailimg .slick-next{left:auto;right:24px;}
	.boxtitleabus h1, .boxtitleabus h2{font:700 36px/52px mainfont;}
	.boxtitleabus{font:450 14px/15px mainfont;}
	.boxtitleabus p strong{margin:9px 0 -24px}
}
@media screen and (max-width:800px){
  .slickcontainer > a.left{padding: 5px 15px;}
.slickcontainer > a.right{padding: 5px 15px;}
.slickcontainer > a img{width: 15px;}
.phone-vr-img-circle{width:30px;height:30px;top:20px;left:20px;}
.phone-vr-circle-fill{width: 50px;height: 50px;}
#button-contact-vr .button-contact .phone-vr{width: 70px;height: 70px;}
}
@media screen and (max-width:720px){
	#button-contact-vr{visibility: visible;opacity: 0;;}
	header{padding:12.5px 0;}
	header .logocontainer img{margin:0;width:48px}
	
	.content{margin-top:60px}
	#bannerhomepage .boxbannerbook{width:calc(100% - 40px);padding:10px 16px;bottom:-30px}
	#bannerhomepage .boxbannerbook button{width:40px;height:40px;}
	#bannerhomepage .boxlistsmallimage{width:calc(100% - 50px);right:25px;top:33px;height:64%;}
	#bannerhomepage .boxlistsmallimage .bannersmallimage{display:none;width:100%;height:100%}
	#bannerhomepage .boxlistsmallimage .bannersmallimage img{display:none}
	#bannerhomepage .boxlistsmallimage .bannersmallimage.active{display:block}
	#bannerhomepage .boxlistsmallimage .bannersmallimage div{font:450 7px/10px mainfont;}
	#bannerhomepage .boxlistsmallimage .bannersmallimage div h3{font:700 16px/20px mainfont;}
	body,.blockbrand .boxtitle, .blockadventure .boxtitle{font:450 12px/40px mainfont;}
	.blockbrand .boxtitle h1, .blockbrand .boxtitle h2, .blockadventure .boxtitle h2,.boxtitleabus h1,.boxtitleabus h2{font:700 24px/34px mainfont;}
	.boxtitleabus h3,.listtabmediadetail .mediadetail .rightmediadetail h3{font:700 14px/20px mainfont;}
	.boxtitleabus.mediacenter.firstchild{margin:60px 0 0}
	.blockbrand{padding:60px 24px 0}
	.blockadventure{padding:15px 24px;}
	.boxbrand .boxbrandfrom h6{font:700 6px/8px mainfont;}
	.boxbrand .boxbrandfrom h5{font:700 22px/13px mainfont;}
	.boxbrand .boxbrandfrom{font:450 6px/13px mainfont;padding:7px;width:60px;left:19px}
	.boxbrand .brandsample .brandsmalltitle, .bigadventure .boxsample .adventuresmalltitle, .rightsmalladventure .adventuresmalltitle{font:450 13px/18px mainfont;}
	.boxbrand .brandsample h3, .bigadventure .boxsample h3, .smalladventure .rightsmalladventure h3{font:700 16px/23px mainfont;}
	.blockused{padding:11px 0 5px}
	.blockbrand.blockoffer{padding:35px 24px}
	.blockused div{width:103px;font:450 8px/11px mainfont;}
	.blockused div img{height:30px}
	.blockused div h3,.boxtitleabus,.boxcruiseaboutus .topnamecruise{font:700 12px/17px mainfont;}
	.boxtitleabus.listnewsmobile{margin-top:63px}
	.blockadventure .outsideadventure{grid-template-columns:100%}
	.smalladventure img{width:100%;border-radius:12px 12px 0 0}
	.bigadventure .boxsample a{width:100%;text-align:center}
	.blockpromotion{padding:0 24px 35px}
	.boxviewmore a{padding:14px 0;width:100%}
	.boxbuttonviewall a.btnviewallcruise{width:100%;padding:14px 0;display:inline-block;font:700 16px/20px mainfont}
	footer .boxsubcribe{display:grid;padding:7.5px 24px 15.5px;grid-template-columns:100%;}
	.boxsubcribe .leftsubcribe{font:450 10px/12px mainfont}
	.boxsubcribe .sbrightform{margin-top:16px;grid-template-columns:100%;display:grid;}
	.sbrightform input{width:100%}
	.boxbannerbook .boxoutsizebook{grid-template-columns:auto 100px;}
	/*#bannerhomepage .boxbannerbook .choosecruise b, #bannerhomepage .boxbannerbook .choosedate b{display:none}*/
	.boxbannerbook .choosecruise{padding-left:0;width:auto}
	.boxoutsidechoosecruise .boxdrdchoosecruise,.boxbannerbook .choosedate input{font:700 12px /15px mainfont;width:100%;}
	.boxoutsidechoosecruise .boxshowchoosecr{left:-32px;}
	footer .allfooter{padding:0 24px}
	.allfooter .ftlogo{display:grid;font:700 20px/28px mainfont}
	.allfooter .ftlogo a img{width:217px}
	.allfooter .ftaddress{grid-template-columns:100%;padding:8px 0 0}
	.ftaddress ul li{font:450 10px/14px mainfont}
	.ftaddress ul li b{font:700 13px/18px mainfont}
	.ftaddress ul li:nth-child(n+2){padding-top:5px}
	.allfooter .ftaddress:nth-child(n+3)::before, .allfooter .ftcpr::before{top:18px}
	.allfooter .ftaddress:nth-child(n+3){padding-top:36px}
	.allfooter .ftcpr{padding:36px 0 40px;grid-template-columns:100%;gap:15px}
	.boxcruiseaboutus .topnamecruise h3{font:700 18px/26px mainfont;}
	.listcruiseaboutus{display:block;padding:32px 12px 26px}
	.listcruiseaboutus .boxcruiseaboutus{margin-bottom:24px;}
	.listcruiseaboutus .boxcruiseaboutus:last-child{margin-bottom:0}
	.listhotnews{grid-template-columns:100%}
	.boxxemthem.item3col{grid-column:auto / span 1}
	.boxbtndetailnews{display:block}
	.boxbtndetailnews a{width:100%;display:block;text-align:center;margin-top:10px}
	.boxformthanks{font:450 13px/18px mainfont;padding:166px 24px}
	.boxformthanks p b{font:700 18px/26px mainfont;}
	.boxformthanks a{font:700 16px /20px mainfont;}
	.boxformthanks span{font:450 12px/14px mainfont;}
	.boxformgreetings{margin:60px auto 0;font:450 13px/18px mainfont;}
	.boxformgreetings h1{font:700 24px/34px mainfont;}
	.boxformgreetings .boxformgrid,.listtabmediadetail{display:block}
	.listtabmediadetail .mediadetail{margin-bottom:2%}
	.listtabmediadetail .mediadetail img{max-width:100px}
	.listtabmediadetail .mediadetail .rightmediadetail{padding:8px 24px 0 0}
	.listtabmediadetail .mediadetail .rightmediadetail div{bottom:8px;font:450 10px/14px mainfont;}
	.boxdetaildaycruise .detailtitle{text-align:center;font:700 20px/29px mainfont;}
	.listtabdaycruise{padding:32px 24px 16px}
	.listtabdaycruise .boxlisttabdaycruise{display:grid;grid-template-columns:50% 50%;width:100%}
	.listtabdaycruise .boxlisttabdaycruise a{padding:0;line-height:48px;}
	.boxdetaildaycruise .listdetaildaycruise{grid-template-columns:100%}
	
	.boxborderiptnote{grid-template-columns:100%;padding:24px 32px 40px}
	.boxborderiptnote .inclusioniptnote.item2col{grid-column:auto / span 1}
	.boxdetaildaycruise .boxoutsidedetaildaycruise{grid-template-columns:50px calc(98% - 50px)}
	.boxoutsidedetaildaycruise .detailtime{width:50px;height:50px;line-height:50px}
	.boxoutsidedetaildaycruise .detailtime::after{left:24px}
	.boxoutsidedetaildaycruise .rightdetailtime p{font:450 10px/14px mainfont}
	.boxoutsidedetaildaycruise .rightdetailtime strong{font:700 14px/20px mainfont}
	.cuisinegallery{grid-template-columns:49% 49%;padding:33px 24px 159px;gap:20px 2%}
	.cuisinegallery.type2{padding:33px 24px 16px}
	.cuisinegallery .boximagecuisinegallery .boxsampleimagecuisinegallery{position:absolute;padding:10px 24px 16px;font:450 12px/17px mainfont}
	.cuisinegallery .boximagecuisinegallery .boxsampleimagecuisinegallery h3{font:700 16px/23px mainfont}
	.boxoutsizehightlight .boxinsidehightlight{padding:24px 16px;grid-template-columns:50% 50%}
	.cuisinegallery .boxtitlegallerycuisine.item3col{grid-column:auto / span 2}
	
	.blockbrand .boxbrand{margin:0 0 10px;}
	.blockbrand .listbrandoffer.gridcolumn{grid-template-columns:1fr}
	.blockbrand .boxbuttonviewall{display:none}
	
	
	.boxtitleabus p strong{margin:9px 0 -16px;font:700 14px/20px mainfont;}
	.boxpricedetailoffer{font:450 10px/14px mainfont;bottom:-48px;}
	.boxpricedetailoffer .boxofferfrom b{font:700 16px/21px mainfont;}
	.boxpricedetailoffer .boxofferdateend div img{height:10px;}
	.boxpricedetailoffer .boxofferdateend b{font:700 16px/23px mainfont;}
	.boxpricedetailoffer .boxofferdateend{right:30px;}
	.slideofferdetail{margin:32px 0 50px}
	.boxtermconditions{margin:16px 0 0}
	.boxtermconditions .boxtermconditionsinside{padding:16px;grid-template-columns:1fr;font:450 12px/17px mainfont}
	.boxtermconditions .boxtermconditionsinside .item2col{grid-column:auto / span 1}
	
	.boxpaymentalert{max-width:calc(100% - 48px);margin:143px auto 203px;font:450 13px/18px mainfont;}
	.boxpaymentalert h3 span{font:700 18px/26px mainfont;}
	.boxpaymentalert span{font:450 12px/14px mainfont}
	.boxstep1leftcruise .cruisedetailstep1{padding:15px;}
	.cruisedetailstep1 .boxcruisehightlightstep1{font-size: 8px;gap:5px;grid-template-columns: 1fr 1fr;padding:10px;}
	.cruisedetailstep1 .boxcruisehightlightstep1 div{line-height: 10px;}
	.boxleftstep1cabin .boxstep1imgcabin, .listextradaydinnercruise .boxcabininfodaydinnercruise{grid-template-columns: 100%;padding:15px;}
	.boxstep1imgcabin .cabinrighthightlight, .extraservicesdetail .rightextraservicesdetail, .boxcabininfodaydinnercruise .rightboxcabininfodaydinnercruise{
		display: grid;grid-template-columns: 1fr 1fr;font-size: 8px;line-height: 10px;padding:15px;
	}
	.boxleftstep1cabin .rightcabinstep1select{padding:15px;}
	.rightcabinstep1select .cabinselectpassengerstep1{padding-bottom: 0;gap:5px;grid-template-columns: 1fr 1fr 1fr 1fr;}
	.rightcabinstep1select .cabinselectpassengerstep1 select,.rightcabinstep1select .cabinselectpassengerstep1 div div{padding:5px;margin-top:0}
	.extraservices .extraservicesdetail{grid-template-columns: 100%;}
	.rightcolstep1 .rightprogramstep1, .rightboxcabinstep1 .rightboxcabintypestep1, .rightboxextraservicesstep1 .rightextraservicesstep1showhide, .leftcontactstep2 .contactstep2form{grid-template-columns: 1fr;}
	.leftcontactstep2 .contactstep2form.passenger{grid-template-columns: 1fr;}
	.listcabincontainer .cabinitem .listamenities{grid-template-columns: 1fr;}
}
@media screen and (max-width:500px){
.cuisinegallery .boxtitlegallerycuisine.item3col{grid-column:auto / span 1}
	
	.grid12col{grid-template-columns:100%;grid-gap:10px;}

  .desktop{display: none;}
 
	.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;}
footer .footer-menu1 .menu1{flex-direction: column;}
footer .footer-menu1 .menu1 li,footer .footer-menu1 .menu1 li:first-child{padding:10px 20px;}
.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 .logocontainer {display: flex;justify-content: space-between;}
header .logocontainer img.alogo{width: 48px;}
header .logocontainer .mobile{padding-right:10px;}
header .logocontainer .mobile img{width: 40px;}
header .menucontainer{display: flex;justify-content: space-between;position: fixed;top: 88px;left: 0;width: 100%;height: 100vh;transition: all 1s;transform: translateX(100%);opacity: 0;visibility: hidden;background:#fff;}
header .menucontainer.active{transform: translateX(0);opacity: 1;visibility: visible;}
header .menucontainer ul.menu{display: block;margin-top: 100px;}
header .menucontainer ul li ul{display: block;visibility: visible;position: relative;opacity: 1;padding:10px;}
header .menucontainer .mobile{padding:10px;}
header .menucontainer .mobile img.close{width: 20px;}
header ul.menu li{margin:0;}
.heightscreen{height: auto;}

.content2columnswithmore .flexcontainer .width50:first-child{padding:50px 10px;}
.boxoutsizehightlight .boxinsidehightlight{grid-template-columns:100%}
.cuisinegallery{grid-template-columns:100%;padding:33px 24px 16px}
.cuisinegallery .boximagecuisinegallery img{width:100%}
}
@media screen and (max-width:420px){
	.brandsample .listbutton{justify-content:right;}
	.brandsample .listbutton span{display:none;}
}