* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }
  *::-webkit-input-placeholder {
    color: #b3350a;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: 'Montserrat', Arial, sans-serif; }
  *:-moz-placeholder {
    color: #b3350a;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: 'Montserrat', Arial, sans-serif; }
  *::-moz-placeholder {
    color: #b3350a;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: 'Montserrat', Arial, sans-serif; }
  *:-ms-input-placeholder {
    color: #b3350a;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: 'Montserrat', Arial, sans-serif; }

/*@font-face{ 
	font-family: 'Theano Didot';
	src: url('../fonts/theano-didot/TheanoDidot.eot');
	src: url('../fonts/theano-didot/TheanoDidot.eot?iefix') format('eot'),
	     url('../fonts/theano-didot/TheanoDidot.woff') format('woff'),
	     url('../fonts/theano-didot/TheanoDidot.ttf') format('truetype'),
	     url('../fonts/theano-didot/TheanoDidot.svg#webfont') format('svg');
}*/
object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  line-height: inherit;
  color: inherit;
  font-family: inherit; }

sub, sup {
  font-size: 75%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 20px 0;
  padding: 0; }

input, select {
  vertical-align: middle;
  color: #555;
  letter-spacing: 1px;
  font-size: 12px;
  font-family: 'Montserrat', Arial, sans-serif; }

a, a:hover, a:focus, a:active {
  text-decoration: none;
  color: inherit;
  outline: none; }

ol, ul, li {
  padding: 0;
  list-style: none;
  margin: 0; }

label {
  font-weight: normal; }

input[type="text"], input[type="email"], input[type="password"] {
  padding-left: 5px;
  padding-right: 5px; }

select {
  padding-left: 8px;
  cursor: pointer; }

input[type="number"] {
  padding-left: 5px; }

textarea {
  padding: 8px 5px 8px 5px; }

input, textarea, select, button, a, button:hover, button:active, button:focus {
  outline: none; }

button {
  border: none;
  background: none; }

input[type="text"], textarea {
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none; }

img {
  max-width: 100%;
  vertical-align: middle;
  object-fit: cover; }

body {
  width: 100%;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 12px;
  color: #885916;
  letter-spacing: 1px;
  position: relative;
  --bodyWidth: 1583px;
  overflow-x: hidden;
  background: #e6ddcc url(../jpg/footer-bg.jpg) repeat; }

.app {
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
  position: relative; }

input {
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 25px; }

ol, ul, li {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

b {
  font-weight: 600;
  color: #895a36; }

a {
  letter-spacing: inherit;
  display: inline-block;
  line-height: inherit;
  color: #895a36;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear; }

button {
  cursor: pointer;
  font-size: 12px;
  font-family: inherit; }

button:hover, a:hover {
  text-decoration: none;
  color: #969e02; }

section {
  margin: 30px 0;
  width: 100%; }

h1, h2, h3, h4, h5, h6 {
  margin: 15px 0 10px; }

img {
  width: 100%; }

select {
  display: inline-block;
  width: 100%;
  height: 25px;
  margin: 0;
  padding: 0 0 0 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  font-weight: 300;
  letter-spacing: 1px;
  border: none;
  position: relative;
  font-size: 13px;
  line-height: 1.5;
  background: url(../svg/select-arrow-thin.svg) no-repeat top 9px right 10px, url(../svg/select-arrow-thin.svg) no-repeat top 9px right 10px;
  background-size: 12px;
  background-color: transparent; }

select:focus {
  outline-style: dotted;
  outline-width: 1px; }

.icon-font {
  font-size: inherit; }

.icon-font-cr {
  font-size: 22px; }

.icon-destination:before {
  color: inherit; }

.icon-cuisine:before, .icon-des-1:before, .icon-des-2:before, .icon-des-3:before, .icon-des-4:before, .icon-map-mekong:before {
  color: inherit; }

.input-st1 {
  border: none;
  background-color: transparent;
  font-weight: 500;
  padding-bottom: 5px;
  padding-top: 5px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 13px;
  letter-spacing: 2px;
  outline: none; }

.input-st1:focus {
  outline-style: dotted;
  outline-width: 1px;
  border-bottom: 1px solid #111;
  font-size: 14px; }

.input-st2 {
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  vertical-align: middle;
  line-height: 1.5;
  color: #555;
  padding: 10px 8px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear; }

.background-st1 {
  padding-bottom: 30px;
  padding-top: 30px;
  margin-bottom: 0;
  margin-top: 0; }

.select-st9 {
  padding-right: 15px;
  color: #b3350a; }

.box-img-st2 {
  display: block; }

.btn-st1 {
  background-color: rgba(227, 227, 227, 0.6);
  color: #555;
  letter-spacing: 1px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  border: none;
  padding: 10px 25px;
  line-height: 1; }
  .btn-st1:hover {
    background-color: #dbd9d9; }

.btn-st2 {
  background-color: transparent;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 25px;
  text-transform: uppercase;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 1px;
  border: 1px solid #c9baa8;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 12px; }
  .btn-st2:hover {
    color: #bdb316;
    border-color: #bdb316; }

.btn-st3 {
  color: #fff;
  background-color: #768035;
  text-transform: uppercase;
  letter-spacing: 3px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
  font-weight: 600; }
  .btn-st3:hover {
    color: #fff; }

.btn-st4 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  padding-left: 15px;
  height: 40px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear; }
  .btn-st4 .icon-itine {
    font-size: 24px;
    color: #bdb316;
    margin-right: 5px; }
  .btn-st4 .select-arrow-thin {
    font-size: 8px;
    display: inline-block;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 5px; }
  .btn-st4 b {
    text-transform: uppercase;
    color: #895a36; }
  .btn-st4:hover b {
    color: #bdb316; }
  .btn-st4:hover .select-arrow-thin {
    color: #bdb316; }

.btn-disabled {
  border: 1px solid #dcd1bd !important;
  color: #bb7c66 !important;
  opacity: 1 !important; }

.link-st1 {
  color: #bdb316; }

.link-st1:hover {
  opacity: .8; }

.link-st2 {
  color: #111;
  line-height: 1.5;
  border-bottom: 1px solid #111; }
  .link-st2:hover {
    opacity: .8;
    color: #bdb316; }

.link-st3 {
  line-height: 1.5;
  font-weight: 500; }
  .link-st3:after {
    content: "";
    display: block;
    height: 1px;
    background-color: #895a36;
    animation: lineAnimatedOut 0.5s;
    -moz-animation: lineAnimatedOut 0.5s;
    -webkit-animation: lineAnimatedOut 0.5s;
    -o-animation: lineAnimatedOut 0.5s;
    width: 100%; }
  .link-st3:hover {
    color: #ad6816; }
  .link-st3:hover:after {
    animation: lineAnimatedIn 0.5s;
    -moz-animation: lineAnimatedIn 0.5s;
    -webkit-animation: lineAnimatedIn 0.5s;
    -o-animation: lineAnimatedIn 0.5s;
    width: 0;
    background-color: #ad6816; }

.read-more-st1 {
  width: 100%;
  text-align: center;
  /*a{
      color: $light-color-4;
      &:after{
          background-color: #ddd;
      }
  }*/ }

.read-more-st2 {
  width: 100%; }
  .read-more-st2 a {
    color: #895a36; }
    .read-more-st2 a:after {
      background-color: #895a36; }

.read-more-st3 {
  width: 100%;
  text-align: left;
  /*a{
      color: $light-color-4;
      &:after{
          background-color: $light-color-4;
      }
  }*/ }

.div-hidden {
  overflow-y: hidden; }

.title-h1 {
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: #111; }

.title-h2 {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 1.3;
  text-align: center;
  color: #895a36;
  width: 100%;
  text-transform: uppercase; }

.title-h2-line {
  width: 100%;
  font-size: 22px;
  letter-spacing: 2px;
  color: #895a36;
  line-height: 1.3;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  text-transform: uppercase; }

.title-h2-line:after, .line:after {
  max-width: 200px;
  height: 1px;
  display: block;
  background-color: #bdb316;
  margin: 15px auto 20px;
  content: "";
  width: 40%; }

.paragraph {
  margin: 10px auto;
  line-height: 2;
  text-align: center;
  color: #885916;
  width: 100%; }

.paragraph-hide {
  line-height: 2;
  margin: 0 auto;
  width: 100%;
  max-height: 86px;
  overflow-y: hidden; }

.paragraph-show {
  max-height: none !important; }

.mg-left {
  margin-left: 40px; }

.mg-right {
  margin-right: 40px; }

.wrap-blur {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3); }

.bg-map-menu {
  display: block;
  width: 140px;
  height: 150px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background-image: url(../png/sprite.png);
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-size: 921px; }

.bg-map-vi {
  background-position: -21px -2254px; }

.bg-map-ca {
  background-position: -140px -2254px; }

.bg-map-la {
  background-position: -267px -2254px; }

.bg-map-my {
  background-position: -388px -2254px; }

.bg-map-th {
  background-position: -504px -2254px; }

.bg-map-menu:hover {
  background-position-y: -2399px; }

.open-flex {
  display: flex !important; }

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

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

.open-visiblity {
  visibility: visible !important; }

.close-visiblity {
  visibility: hidden !important; }

.open-opacity:after, .open-opacity:before {
  opacity: 1 !important; }

.close-opacity:after, .close-opacity:before {
  opacity: 0 !important; }

.banner-top {
  position: relative;
  margin-top: 0;
  height: 680px; }

.count-img {
  position: absolute;
  top: 5px;
  right: 22px;
  color: #fff;
  line-height: 1;
  font-weight: 600; }

.enlarge {
  position: absolute;
  top: 6px;
  right: 5px;
  color: #fff; }

.location {
  position: absolute;
  top: 5px;
  left: 5px;
  color: #fff;
  line-height: 1;
  font-weight: 600; }
  .location .map-marker {
    margin-right: 5px; }

.star-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #bdb316;
  font-size: 14px; }

.pre-title {
  font-size: 20px;
  width: 100%;
  display: block;
  font-weight: 500;
  text-align: center;
  font-family: 'Theano Didot','Times New Roman', serif; }

.bg-parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -3;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover; }

.bg-home {
  background-image: url("../jpg/bg-home.jpg");
  height: 100%; }

.wrap-mini-intro {
  width: 50%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .wrap-mini-intro .paragraph {
    margin-top: 0; }

.view-more-wrap {
  width: 100%;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .view-more-wrap .arrow-radius {
    width: 50px;
    height: 50px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .view-more-wrap .arrow-radius .select-arrow-thin {
      font-size: 10px;
      color: #ad6816; }
  .view-more-wrap .link-st3 {
    margin-top: 25px;
    margin-bottom: 25px; }

.water-mask {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 40px;
  color: #bda28e;
  letter-spacing: 10px;
  font-weight: 200;
  margin-top: 30px;
  margin-bottom: 30px;
  overflow: hidden;
  white-space: nowrap; }

.box-text {
  display: flex;
  justify-content: center;
  align-items: center; }
  .box-text h1, .box-text h2, .box-text h3, .box-text h4 {
    font-size: 16px;
    color: #fff;
    letter-spacing: 10px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500; }
  .box-text p {
    color: #fff;
    letter-spacing: 2px;
    text-align: center; }

.filter-box {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  background-color: #fff;
  margin-bottom: 15px;
  height: 40px; }
  .filter-box span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600; }
  .filter-box > a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: inherit; }
    .filter-box > a span {
      flex-grow: 1;
      text-align: left;
      padding-left: 10px;
      text-transform: uppercase;
      color: #333; }
  .filter-box .icon-dropdown {
    width: 35px;
    height: 100%;
    color: #fff;
    flex-shrink: 0;
    background-color: #bdb316; }
  .filter-box .value {
    top: 100%;
    z-index: 4; }
    .filter-box .value li .btn-value {
      padding: 10px;
      color: inherit; }
      .filter-box .value li .btn-value span {
        color: #555;
        padding: 0;
        cursor: pointer; }
      .filter-box .value li .btn-value:hover {
        background-color: #ececec; }

.icon-dropdown {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-content: center; }
  .icon-dropdown .select-arrow-thin {
    font-size: 6px;
    padding: 2px; }

.border-bot-0 {
  border-bottom: none !important; }

.wrap-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 75%;
  margin: 15px auto 30px; }

.wrap-slide-st1 {
  margin-top: 15px;
  width: 100%; }
  .wrap-slide-st1 .synch-carousels {
    box-shadow: none; }
    .wrap-slide-st1 .synch-carousels .nav-arrows {
      top: 213px; }
      .wrap-slide-st1 .synch-carousels .nav-arrows button i {
        font-size: 32px; }
      .wrap-slide-st1 .synch-carousels .nav-arrows button:hover i {
        color: #b19e90; }
      .wrap-slide-st1 .synch-carousels .nav-arrows .arrow-left {
        margin-left: 20px; }
      .wrap-slide-st1 .synch-carousels .nav-arrows .arrow-right {
        margin-right: 20px; }
  .wrap-slide-st1 .gallery {
    width: 76%;
    margin: 0 auto; }
    .wrap-slide-st1 .gallery .item > a:first-child {
      position: relative;
      width: 100%; }
      .wrap-slide-st1 .gallery .item > a:first-child .box-text {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4);
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear; }
      .wrap-slide-st1 .gallery .item > a:first-child:hover {
        opacity: 1; }
        .wrap-slide-st1 .gallery .item > a:first-child:hover .box-text {
          background-color: transparent; }
    .wrap-slide-st1 .gallery .item {
      text-align: center;
      padding-left: 5px;
      padding-right: 5px; }
      .wrap-slide-st1 .gallery .item .paragraph {
        width: 90%;
        font-size: 12px;
        margin-bottom: 25px;
        margin-top: 20px; }

.theme-slide-img {
  width: 100%;
  height: 0;
  padding-bottom: 80%;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.theme-slide-text {
  width: 100%;
  text-align: left; }
  .theme-slide-text h3, .theme-slide-text h4 {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    margin: 0; }
    .theme-slide-text h3 a, .theme-slide-text h4 a {
      margin: 0;
      text-transform: none; }
  .theme-slide-text p {
    line-height: 2;
    color: #885916; }

.rotage180 {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.type-rotate {
  position: absolute;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-align: right;
  text-transform: uppercase; }

.wrap-slide-st2 {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px; }
  .wrap-slide-st2 .synch-carousels {
    box-shadow: none; }
    .wrap-slide-st2 .synch-carousels .nav-arrows {
      top: 40%; }
      .wrap-slide-st2 .synch-carousels .nav-arrows .arrow-left {
        margin-left: 20px; }
      .wrap-slide-st2 .synch-carousels .nav-arrows .arrow-right {
        margin-right: 20px; }
  .wrap-slide-st2 .gallery {
    width: 85%;
    margin: 0 auto; }
  .wrap-slide-st2 .slick-track {
    display: flex;
    align-items: center; }
  .wrap-slide-st2 .item {
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
    max-height: 900px;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .wrap-slide-st2 .item a {
      display: block;
      width: 100%;
      text-transform: uppercase;
      margin-top: 15px;
      margin-bottom: 15px; }
    .wrap-slide-st2 .item .theme-slide-text h3 a, .wrap-slide-st2 .item .theme-slide-text h4 a {
      text-transform: none; }
    .wrap-slide-st2 .item .theme-slide-text .box-button {
      display: inline-block;
      margin-left: auto;
      margin-right: auto; }
      .wrap-slide-st2 .item .theme-slide-text .box-button .link-st3 {
        text-transform: none;
        margin-bottom: 0; }
    .wrap-slide-st2 .item .theme-slide-img > a {
      margin-top: 0;
      margin-bottom: 0; }
    .wrap-slide-st2 .item .type-rotate {
      width: 250px;
      height: 50px;
      left: -99px;
      top: 105px; }
  .wrap-slide-st2 .item.slick-center .theme-slide-img {
    padding-bottom: 125%; }

.tripadvisor {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px; }
  .tripadvisor .path2, .tripadvisor .path3, .tripadvisor .path4, .tripadvisor .path5 {
    position: absolute; }
    .tripadvisor .path2:before, .tripadvisor .path3:before, .tripadvisor .path4:before, .tripadvisor .path5:before {
      margin-left: 0; }

.wrap-tripadvisor {
  display: flex;
  justify-content: center;
  align-items: center; }
  .wrap-tripadvisor img {
    width: 15px; }
  .wrap-tripadvisor strong {
    margin-left: 5px;
    font-weight: 400; }

.wrap-dots {
  width: 100%;
  display: flex;
  justify-content: center; }
  .wrap-dots li {
    margin-left: 4px;
    margin-right: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #895a36;
    overflow: hidden; }
  .wrap-dots .slick-active {
    background-color: #bdb316; }

.wrap-slide-st3 {
  width: 100%; }
  .wrap-slide-st3 .synch-carousels {
    box-shadow: none; }
  .wrap-slide-st3 .gallery {
    width: 85%;
    margin: 0 auto; }
  .wrap-slide-st3 .item {
    display: flex;
    justify-content: flex-start; }
    .wrap-slide-st3 .item > div:first-child {
      width: 25%;
      padding-right: 20px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center; }
      .wrap-slide-st3 .item > div:first-child img:last-child {
        display: block;
        position: absolute;
        border: 5px solid #fff;
        border-radius: 50%;
        width: 70%; }
    .wrap-slide-st3 .item > div:last-child {
      width: 75%;
      padding-left: 20px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .wrap-slide-st3 .item > div:last-child > p {
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 1.8;
        position: relative;
        margin-top: 15px;
        margin-bottom: 15px; }
        .wrap-slide-st3 .item > div:last-child > p > font {
          font-family: 'Theano Didot','Times New Roman', serif; }
          .wrap-slide-st3 .item > div:last-child > p > font:first-child {
            position: absolute;
            left: -15px; }
      .wrap-slide-st3 .item > div:last-child > div {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .wrap-slide-st3 .item > div:last-child > div > span {
          font-size: 14px; }
        .wrap-slide-st3 .item > div:last-child > div > a {
          margin-left: 10px; }
        .wrap-slide-st3 .item > div:last-child > div .link-st3 {
          white-space: nowrap; }
  .wrap-slide-st3 .wrap-dots {
    margin: 30px 0; }
    .wrap-slide-st3 .wrap-dots button {
      color: rgba(255, 255, 255, 0); }

.wrap-slide-st4 {
  width: 100%; }
  .wrap-slide-st4 .synch-carousels {
    box-shadow: none; }
    .wrap-slide-st4 .synch-carousels .nav-arrows {
      top: 40%; }
      .wrap-slide-st4 .synch-carousels .nav-arrows button i {
        font-size: 20px;
        color: #d4d4d4; }
  .wrap-slide-st4 .gallery {
    width: 90%;
    margin: 0 auto; }
    .wrap-slide-st4 .gallery .item > a {
      position: relative;
      width: 100%; }
      .wrap-slide-st4 .gallery .item > a img {
        border-radius: 10px; }
      .wrap-slide-st4 .gallery .item > a .box-text {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4);
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
        border-radius: 10px;
        flex-direction: column; }
        .wrap-slide-st4 .gallery .item > a .box-text h3 {
          font-size: 11px;
          margin-bottom: 0;
          margin-top: 0;
          font-weight: 600; }
          .wrap-slide-st4 .gallery .item > a .box-text h3:after {
            margin: 5px auto;
            width: 100%;
            max-width: 150px; }
        .wrap-slide-st4 .gallery .item > a .box-text p {
          font-size: 11px; }
      .wrap-slide-st4 .gallery .item > a:hover {
        opacity: 1; }
        .wrap-slide-st4 .gallery .item > a:hover .box-text {
          background-color: transparent; }
    .wrap-slide-st4 .gallery .item {
      text-align: center;
      padding-left: 10px;
      padding-right: 10px; }

.wrap-slide-st5 {
  width: 100%; }
  .wrap-slide-st5 .synch-carousels {
    box-shadow: none; }
    .wrap-slide-st5 .synch-carousels .nav-arrows {
      top: 42%;
      z-index: inherit; }
      .wrap-slide-st5 .synch-carousels .nav-arrows button {
        z-index: 4; }
        .wrap-slide-st5 .synch-carousels .nav-arrows button i {
          font-size: 14px;
          color: #fff; }
  .wrap-slide-st5 .gallery .item > a {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4); }

.triagle-st1 {
  -webkit-clip-path: polygon(-1px -1px, -1px 100%, 100% 50%);
  clip-path: polygon(-1px -1px, -1px 100%, 100% 50%);
  -webkit-shape-outside: polygon(-1px -1px, -1px 100%, 100% 50%);
  shape-outside: polygon(-1px -1px, -1px 100%, 100% 50%); }

.tooltip {
  position: relative; }
  .tooltip > .icon-font {
    font-size: 30px; }
    .tooltip > .icon-font:before {
      color: #a99281; }
    .tooltip > .icon-font:hover:before {
      color: #895a36; }
  .tooltip > .icon-font-cr {
    font-size: 20px;
    padding: 5px;
    border: 1px solid #a99281;
    border-radius: 50%; }
    .tooltip > .icon-font-cr:before {
      color: #a99281; }
    .tooltip > .icon-font-cr:hover:before {
      color: #895a36; }
    .tooltip > .icon-font-cr:hover {
      border-color: #bdb316; }
  .tooltip > .icon-cr-taichiclass {
    width: 35px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #c3bdbd;
    border-radius: 50%; }
    .tooltip > .icon-cr-taichiclass ellipse, .tooltip > .icon-cr-taichiclass path {
      stroke: #8a8686; }
  .tooltip > a {
    opacity: 1; }
  .tooltip span {
    visibility: hidden;
    position: absolute;
    display: block;
    background-color: #e6ddcc;
    color: #ad6816;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    z-index: 99;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    bottom: 135%;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.13);
    width: max-content;
    max-width: 320px; }
    .tooltip span b {
      display: inline-block;
      width: 100%;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 10px;
      margin-top: 5px;
      white-space: nowrap; }
    .tooltip span font {
      display: inline-block;
      font-size: 12px;
      width: 100%;
      white-space: nowrap;
      margin-bottom: 5px; }
    .tooltip span:after {
      content: '';
      height: 12px;
      width: 12px;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 50%) rotate(45deg);
      -moz-transform: translate(-50%, 50%) rotate(45deg);
      -webkit-transform: translate(-50%, 50%) rotate(45deg);
      -o-transform: translate(-50%, 50%) rotate(45deg);
      -ms-transform: translate(-50%, 50%) rotate(45deg);
      background-color: #e6ddcc;
      box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.13); }
  .tooltip .box-tooltip-map {
    padding: 10px 20px 20px; }
  .tooltip:hover span {
    visibility: visible;
    opacity: 1; }
  .tooltip:hover > span {
    visibility: visible;
    opacity: 1; }
  .tooltip:hover > .box-tooltip-map {
    visibility: hidden;
    opacity: 0; }

.wrap-tooltip {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  margin: 10px auto; }
  .wrap-tooltip .tooltip {
    margin: 5px 3px;
    display: inline-flex; }
    .wrap-tooltip .tooltip:hover {
      opacity: 1; }
    .wrap-tooltip .tooltip > span {
      box-shadow: none;
      background-color: #bdb316;
      color: #fff;
      width: unset;
      white-space: nowrap; }
      .wrap-tooltip .tooltip > span font {
        margin-bottom: 0; }
      .wrap-tooltip .tooltip > span:after {
        background-color: #bdb316;
        box-shadow: none; }

.arrow-radius {
  border: 1px solid #ad6816;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: transparent; }
  .arrow-radius .select-arrow-thin {
    font-size: 9px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    transition: all 0.25s linear; }
  .arrow-radius:hover {
    color: #bdb316;
    border-color: #bdb316; }
    .arrow-radius:hover .select-arrow-thin {
      color: #bdb316; }

.count-day {
  position: absolute;
  top: 5px;
  left: 5px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  padding: 8px 10px;
  z-index: 3;
  border-radius: 999px;
  background-color: rgba(16, 15, 15, 0.5);
  text-transform: uppercase;
  font-size: 10px; }

.synch-carousels {
  position: relative;
  box-shadow: 2px 5px 25px rgba(0, 0, 0, 0.05); }
  .synch-carousels .slick-slide {
    outline: none;
    border: none; }
  .synch-carousels .gallery {
    z-index: 3; }
  .synch-carousels .nav-arrows {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    height: 40px;
    z-index: 2; }
    .synch-carousels .nav-arrows button {
      position: absolute;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      border: none;
      outline: none;
      background-color: transparent;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      .synch-carousels .nav-arrows button i {
        font-size: 30px;
        color: #cab1a6; }
    .synch-carousels .nav-arrows .arrow-radius {
      border: 1px solid #cab1a6; }
      .synch-carousels .nav-arrows .arrow-radius .select-arrow-thin {
        font-size: 9px; }
      .synch-carousels .nav-arrows .arrow-radius:hover {
        border-color: #bdb316; }
    .synch-carousels .nav-arrows .arrow-left {
      left: 0; }
      .synch-carousels .nav-arrows .arrow-left .select-arrow-thin {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
    .synch-carousels .nav-arrows .arrow-right {
      right: 0; }
      .synch-carousels .nav-arrows .arrow-right .select-arrow-thin {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg); }

.map-coo {
  position: absolute;
  cursor: pointer; }

.map-coo:hover {
  opacity: 1; }

.box-tooltip-map {
  width: max-content;
  max-width: 300px;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%); }
  .box-tooltip-map h3, .box-tooltip-map h4 {
    margin-top: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px; }
  .box-tooltip-map p {
    font-family: 'Reenie Beanie', cursive;
    font-weight: 500;
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 10px; }

.trip {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: space-between;
  padding-bottom: 312px;
  position: relative;
  background-color: #e6ddcc; }
  .trip > a:first-child {
    width: 100%; }
  .trip h3 {
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.5;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%; }
    .trip h3 > a {
      min-height: 48px; }
      .trip h3 > a:hover {
        color: #ad6816; }
  .trip .content-trip {
    position: absolute;
    bottom: 122px;
    z-index: 1;
    background-color: #e6ddcc; }
    .trip .content-trip > p {
      padding-left: 15px;
      padding-right: 15px;
      max-height: 39px;
      overflow-y: hidden;
      -webkit-transition: all 1.5s linear;
      -moz-transition: all 1.5s linear;
      -o-transition: all 1.5s linear;
      -ms-transition: all 1.5s linear;
      transition: all 1.5s linear; }
      .trip .content-trip > p:hover {
        max-height: 500px; }
    .trip .content-trip > span {
      display: block;
      width: 100%;
      font-size: 12px;
      padding-left: 15px;
      padding-right: 15px;
      margin-top: 15px;
      margin-bottom: 15px;
      text-transform: uppercase;
      color: #b3350a; }
      .trip .content-trip > span > strong {
        font-size: 20px;
        font-weight: 600; }
  .trip .wrap-tooltip {
    margin-top: auto;
    margin-bottom: 0;
    flex-wrap: nowrap;
    position: absolute;
    bottom: 80px; }
  .trip .btn-st2 {
    border-color: #cab1a6;
    position: absolute;
    bottom: 20px;
    border-radius: 20px; }
    .trip .btn-st2:hover {
      color: #bdb316;
      border-color: #bdb316; }
  .trip .heart-tour {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    font-size: 26px;
    color: rgba(255, 255, 255, 0.8); }

.trip.trip-itine {
  padding-bottom: 350px; }
  .trip.trip-itine .content-trip {
    bottom: 160px; }
  .trip.trip-itine > .tooltip {
    display: inline-block;
    position: absolute;
    bottom: 125px;
    cursor: pointer; }
    .trip.trip-itine > .tooltip .icon-itine {
      font-size: 32px; }
      .trip.trip-itine > .tooltip .icon-itine:before {
        color: #bdb316; }
      .trip.trip-itine > .tooltip .icon-itine:hover {
        opacity: .6; }
    .trip.trip-itine > .tooltip span {
      background-color: #bdb316;
      color: #fff; }
      .trip.trip-itine > .tooltip span:after {
        background-color: #bdb316;
        box-shadow: none; }
  .trip.trip-itine .wrap-tooltip-itine {
    display: block;
    position: absolute;
    bottom: 125px;
    width: 100%; }
    .trip.trip-itine .wrap-tooltip-itine .tooltip {
      display: inline-block;
      position: static;
      cursor: pointer; }
      .trip.trip-itine .wrap-tooltip-itine .tooltip .icon-itine {
        font-size: 32px; }
        .trip.trip-itine .wrap-tooltip-itine .tooltip .icon-itine:before {
          color: #bdb316; }
        .trip.trip-itine .wrap-tooltip-itine .tooltip .icon-itine:hover {
          opacity: .6; }
      .trip.trip-itine .wrap-tooltip-itine .tooltip span {
        background-color: #bdb316;
        color: #fff; }
        .trip.trip-itine .wrap-tooltip-itine .tooltip span:after {
          background-color: #bdb316;
          box-shadow: none; }

.wrap-trip-st2 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }

.trip-st2 {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 20px;
  background-color: #e6ddcc;
  margin-bottom: 30px; }
  .trip-st2 > a:first-child {
    width: 45%;
    padding-right: 10px; }
  .trip-st2 .heart-tour {
    position: absolute;
    top: 25px;
    right: calc(55% + 25px);
    font-size: 26px;
    color: rgba(255, 255, 255, 0.8); }
  .trip-st2 .left-trip {
    position: relative;
    width: 45%;
    padding-right: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; }
    .trip-st2 .left-trip .heart-tour {
      top: 5px;
      right: 15px; }
    .trip-st2 .left-trip .view-all-img {
      width: calc(100% - 10px); }
  .trip-st2 .right-trip {
    width: 55%;
    padding-left: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative; }
    .trip-st2 .right-trip .head-trip {
      padding-bottom: 10px;
      border-bottom: 1px dotted #dcdcdc; }
    .trip-st2 .right-trip h3 {
      font-size: 14px;
      line-height: 1.5;
      font-family: inherit;
      font-weight: 500;
      text-align: left; }
    .trip-st2 .right-trip .title-cruise {
      margin-top: 0;
      font-size: 20px; }
    .trip-st2 .right-trip .price-trip-box {
      border-top: 1px dotted #dcdcdc; }
    .trip-st2 .right-trip .content-trip-cruise .price-trip-box {
      border-top: 0; }
      .trip-st2 .right-trip .content-trip-cruise .price-trip-box .wrap-tooltip .tooltip .icon-font {
        font-size: 35px; }
      .trip-st2 .right-trip .content-trip-cruise .price-trip-box .wrap-tooltip .tooltip > span {
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        left: 17px;
        bottom: calc(100% + 10px); }
    .trip-st2 .right-trip .content-trip {
      position: absolute;
      left: 0;
      z-index: 2;
      background-color: #fff;
      padding-left: 10px; }
      .trip-st2 .right-trip .content-trip .paragraph {
        max-height: 126px;
        overflow-y: hidden;
        text-align: left;
        color: #555;
        line-height: 1.6;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        transition: all 0.5s linear; }
    .trip-st2 .right-trip .read-more-st2 .link-st3 {
      margin-top: 10px;
      margin-bottom: 10px; }

.sub-slider-img {
  display: flex;
  justify-content: center;
  align-items: center; }
  .sub-slider-img a {
    display: block;
    width: 50%; }

.sale {
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 0 10px;
  color: #fff;
  background-color: #ff5722;
  border-radius: 2px;
  line-height: 2;
  font-weight: 600;
  font-size: 14px; }

.content-trip-cruise {
  width: 100%;
  text-align: left; }
  .content-trip-cruise .hotel-news {
    margin-bottom: 20px; }
  .content-trip-cruise .box-hidden {
    text-align: left;
    margin-top: 10px; }
    .content-trip-cruise .box-hidden p {
      line-height: 1.4;
      font-weight: 500;
      color: #555; }
      .content-trip-cruise .box-hidden p .icon-font {
        margin-right: 5px;
        color: #bdb316; }
  .content-trip-cruise .read-more-st2 {
    text-align: left; }

.hotel-news {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px; }
  .hotel-news span {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    color: #895a36; }
    .hotel-news span .icon-font {
      font-size: 14px;
      color: #bdb316; }

.flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }

.box-hidden {
  width: 100%;
  max-height: 88px;
  overflow-y: hidden; }
  .box-hidden p {
    margin-bottom: 10px; }

.view-all-img {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 5px 0;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 50%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 50%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 50%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 50%); }
  .view-all-img a {
    color: inherit;
    text-decoration: underline;
    padding-right: 5px;
    padding-left: 5px; }
    .view-all-img a:hover {
      color: #bdb316; }
  .view-all-img p {
    font-size: 11px;
    padding: 5px 15px 5px 10px;
    background-color: #bdb316;
    font-weight: 600; }

.head-trip {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }
  .head-trip .title-info {
    width: calc(100% - 60px);
    padding-left: 15px; }

.title-info .title-h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left; }

.address {
  font-style: normal;
  text-align: left;
  color: #666; }
  .address a {
    color: #666; }

.price-trip-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .price-trip-box .wrap-tooltip {
    width: auto;
    flex-grow: 1;
    justify-content: flex-start;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0; }
  .price-trip-box > span {
    font-size: 12px;
    text-transform: uppercase;
    color: #b3350a;
    margin-left: auto;
    text-align: right; }
    .price-trip-box > span strong {
      font-weight: 600;
      font-size: 16px;
      color: #dc3e09; }
  .price-trip-box del {
    font-size: 16px; }

.commitment {
  width: 100%;
  text-align: right;
  color: #888;
  font-weight: 600; }
  .commitment .checkmark {
    color: #bdb316; }

.day-trip {
  position: relative;
  width: 52px;
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  .day-trip span {
    position: absolute;
    text-align: center;
    font-size: 8px;
    text-transform: uppercase;
    color: #bdb316;
    font-weight: 500;
    line-height: 1; }
    .day-trip span b {
      display: block;
      width: 100%;
      font-size: 20px;
      color: #bdb316; }

.team-name {
  text-align: center;
  font-family: 'Reenie Beanie', cursive;
  font-size: 35px; }

.team-mess {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start; }
  .team-mess p {
    font-size: 12px;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: 500;
    line-height: 1.5;
    color: #885916; }
  .team-mess .link-st3 {
    margin: 15px auto 0; }

.team-quote {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 85%;
  margin: 15px auto; }
  .team-quote > img {
    width: 70px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 6px;
    cursor: pointer; }
  .team-quote > img:hover {
    opacity: 0.8; }
  .team-quote > .lag-img {
    width: 90%;
    border-radius: 0; }
  .team-quote > .lag-img-st2 {
    width: 70%;
    max-width: 350px;
    border-radius: 0; }
  .team-quote .team-name {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: normal; }

.border-fat {
  box-sizing: content-box;
  border: 10px solid #d8c8ab;
  border-radius: 50%;
  width: 100%;
  height: 100%; }

.call-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin: 15px auto 20px; }
  .call-info span {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px; }
  .call-info strong {
    font-size: 20px;
    color: #ad6816;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px; }
  .call-info .btn-st2 {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px; }

.mg-top-0 {
  margin-top: 0 !important; }

.mg-top-30 {
  margin-top: 30px; }

.mg-bot-0 {
  margin-bottom: 0 !important; }

/*.a-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}*/
.heart-tour {
  cursor: pointer; }
  .heart-tour:hover .heart-empty:before {
    content: "\e915"; }

.price {
  text-transform: uppercase;
  letter-spacing: 2px; }
  .price strong {
    margin-left: 5px;
    margin-right: 5px; }

.container {
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin: 0 auto; }

.col-xlg-12 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center; }

.col-xlg-8 {
  width: 66.666%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center; }

.col-xlg-6 {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center; }

.col-xlg-4 {
  width: 33.333%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center; }

.col-xlg-3 {
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center; }

.iti {
  display: inline-flex;
  background-color: #f6f4f0;
  border: 1px solid #d2c5ae; }
  .iti .iti__flag-container {
    width: 100%;
    height: 100%;
    padding: 0; }
    .iti .iti__flag-container .iti__selected-flag:focus {
      outline: none; }
    .iti .iti__flag-container .iti__country-list {
      width: 100%;
      min-width: 200px; }
  .iti input[type="text"] {
    width: calc(100% - 46px);
    height: 100%;
    margin-left: auto;
    padding-left: 3px;
    z-index: 1;
    border: none; }

@media (min-width: 1200px) {
  .mg-top {
    margin-top: 80px; }

  .mg-top-0-1200 {
    margin-top: 0; }

  .mg-bottom {
    margin-bottom: 80px; } }
@media (max-width: 1199px) {
  .btn-st2 {
    padding: 10px 5px;
    font-size: 11px; }

  .container {
    width: 90%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-4 {
    width: 33.333%; }

  .col-lg-3 {
    width: 25%; }

  .banner-top {
    height: 660px; }

  .wrap-filter {
    width: 90%; }

  .trip .btn-st2 {
    padding-left: 20px;
    padding-right: 20px; } }
@media (max-width: 1024px) {
  .bg-parallax {
    z-index: 0;
    background-attachment: scroll; }

  .trip-st2 .right-trip .content-trip .paragraph {
    max-height: 50px; } }
@media (max-width: 991px) {
  .wrap-slide-st1 .gallery .item .paragraph {
    margin-top: 130px; }

  .wrap-mini-intro {
    width: 86%; }

  .best-support .container .col-xlg-3, .best-support .container .col-xlg-4 {
    padding-bottom: 135px; }

  .col-md-12 {
    width: 100%; }

  .col-md-6 {
    width: 50%; }

  .col-md-4 {
    width: 33.333%; }

  .col-md-3 {
    width: 25%; }

  .wrap-slide-st3 {
    padding-left: 15px;
    padding-right: 15px; }
    .wrap-slide-st3 .gallery {
      width: 100%; }
    .wrap-slide-st3 .item > div:last-child > p {
      font-size: 15px; }
    .wrap-slide-st3 .item > div:last-child > div > span {
      font-size: 12px; }

  .map-coo {
    width: 15px;
    height: 17px; }

  .map-coo:hover {
    width: 17px;
    height: 19px; }

  .wrap-slide-st1 .synch-carousels .nav-arrows {
    top: 100px; }
  .wrap-slide-st1 .gallery .item .paragraph {
    width: 100%;
    font-size: 11px;
    margin-bottom: 15px;
    margin-top: 10px; }

  .wrap-slide-st2 .synch-carousels .nav-arrows {
    display: none; }
  .wrap-slide-st2 .gallery {
    width: 100%; }

  .water-mask {
    font-size: 56px; }

  .phone-box {
    margin-left: 5px;
    margin-right: 0; }
    .phone-box .phone {
      font-size: 18px;
      padding: 10px 8px; }
    .phone-box strong {
      display: none; }

  .banner-top {
    height: 500px; }

  .trip-st2 {
    flex-wrap: wrap; }
    .trip-st2 .left-trip {
      width: 100%;
      padding-right: 0; }
      .trip-st2 .left-trip .view-all-img {
        width: 100%; }
    .trip-st2 .pd-sm-0 {
      padding-left: 0;
      width: 100%; }
      .trip-st2 .pd-sm-0 .head-trip {
        margin-top: 15px; } }
@media (max-width: 767px) {
  .title-h1 {
    font-size: 22px; }

  .title-h2-line {
    font-size: 20px; }

  .team-quote > img {
    width: 50px;
    margin: 0px; }

  .best-support .container .col-xlg-3, .best-support .container .col-xlg-4 {
    padding-bottom: 135px; }

  .container {
    width: 100%; }

  .mg-left, .mg-right {
    margin-left: 10px;
    margin-right: 10px; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-4 {
    width: 33.333%; }

  .col-sm-3 {
    width: 25%; }

  .wrap-mini-intro {
    width: 80%; }
    .wrap-mini-intro .paragraph {
      padding-left: 0;
      padding-right: 0; }

  .paragraph {
    padding-left: 15px;
    padding-right: 15px; }

  .map-coo {
    width: 7px;
    height: 9px; }

  .map-coo:hover {
    width: 9px;
    height: 10px; }

  .wrap-slide-st1 .synch-carousels .nav-arrows {
    top: 80px; }
    .wrap-slide-st1 .synch-carousels .nav-arrows button i {
      font-size: 20px; }
    .wrap-slide-st1 .synch-carousels .nav-arrows .arrow-left {
      margin-left: 0; }
    .wrap-slide-st1 .synch-carousels .nav-arrows .arrow-right {
      margin-right: 0; }
  .wrap-slide-st1 .gallery {
    width: 88%; }
    .wrap-slide-st1 .gallery .item .paragraph {
      padding-left: 0;
      padding-right: 0; }

  .wrap-slide-st3 .item > div:first-child {
    padding-right: 10px; }
  .wrap-slide-st3 .item > div:last-child {
    padding-left: 10px; }
    .wrap-slide-st3 .item > div:last-child > p {
      letter-spacing: 1px; }
    .wrap-slide-st3 .item > div:last-child > div {
      flex-wrap: wrap; }
      .wrap-slide-st3 .item > div:last-child > div > a {
        margin-top: 5px; }

  .water-mask {
    font-size: 34px; }

  .wrap-filter {
    width: 100%; }

  .trip-st2 > a:first-child {
    width: 100%;
    padding-right: 0; }
  .trip-st2 .heart-tour {
    top: 25px;
    right: 25px; }
  .trip-st2 .right-trip {
    width: 100%;
    padding-left: 0;
    margin-top: 10px; }
    .trip-st2 .right-trip .head-trip {
      margin-top: 0; }
    .trip-st2 .right-trip .content-trip {
      padding-left: 0; }
      .trip-st2 .right-trip .content-trip .paragraph {
        padding-right: 0;
        padding-left: 0; }

  .team-quote > .lag-img {
    width: 100%; } }
@media (max-width: 479px) {
  .col-xsm-12 {
    width: 100%; }

  .col-xsm-6 {
    width: 50%; }

  .col-xsm-4 {
    width: 33.333%; }

  .col-xsm-3 {
    width: 25%; }

  .wrap-mini-intro {
    width: 90%; }

  .wrap-slide-st1 .synch-carousels .nav-arrows {
    top: 50px; }
    .wrap-slide-st1 .synch-carousels .nav-arrows button i {
      font-size: 16px; }
  .wrap-slide-st1 .gallery {
    width: 85%; }

  .team-quote {
    width: 90%; }

  .team-mess {
    width: 100%; }
    .team-mess p {
      font-size: 12px; }

  .call-info {
    width: 90%; }

  .wrap-slide-st3 .item > div:first-child {
    padding-right: 5px; }
  .wrap-slide-st3 .item > div:last-child {
    padding-left: 5px; }
    .wrap-slide-st3 .item > div:last-child > p {
      font-size: 12px; }

  .water-mask {
    font-size: 27px; }

  .banner-top {
    height: 440px; }

  /*.trip{
      .content-trip{
          &>p{
              max-height: 36px;
          }
      }
  }*/
  .wrap-slide-st4 .synch-carousels .nav-arrows {
    top: 30%; }

  .sub-slider-img {
    display: none; }

  .trip-st2 .wrap-tooltip {
    padding-right: 0; }
  .trip-st2 .pd-sm-0 .price-trip-box {
    justify-content: center; }
    .trip-st2 .pd-sm-0 .price-trip-box .wrap-tooltip {
      width: 100%;
      justify-content: center; }
    .trip-st2 .pd-sm-0 .price-trip-box > span {
      margin-left: 0;
      margin-top: 10px;
      width: 100%;
      text-align: center; }
    .trip-st2 .pd-sm-0 .price-trip-box .commitment {
      text-align: center; }
  .trip-st2 .pd-sm-0 .best-offer .col-xlg-12 {
    padding-right: 0;
    padding-left: 0; }

  .count-img {
    display: none; }

  .mobile-hidden {
    display: none !important; } }
@media (max-width: 375px) {
  .water-mask {
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 15px; }

  .phone-box {
    margin-left: 0; }

  .wrap-slide-st4 .synch-carousels .nav-arrows {
    top: 40%; }

  .view-all-img {
    display: none; } }
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes lineAnimatedIn {
  from {
    width: 100%; }
  to {
    width: 0; } }
@-webkit-keyframes lineAnimatedIn {
  from {
    width: 100%; }
  to {
    width: 0; } }
@-moz-keyframes lineAnimatedIn {
  from {
    width: 100%; }
  to {
    width: 0; } }
@-ms-keyframes lineAnimatedIn {
  from {
    width: 100%; }
  to {
    width: 0; } }
@keyframes lineAnimatedOut {
  from {
    width: 0; }
  to {
    width: 100%; } }
@-webkit-keyframes lineAnimatedOut {
  from {
    width: 0; }
  to {
    width: 100%; } }
@-moz-keyframes lineAnimatedOut {
  from {
    width: 0; }
  to {
    width: 100%; } }
@-ms-keyframes lineAnimatedOut {
  from {
    width: 0; }
  to {
    width: 100%; } }
@keyframes moveToOut {
  from {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0); }
  to {
    transform: translateY(-600px);
    -moz-transform: translateY(-600px);
    -webkit-transform: translateY(-600px);
    -o-transform: translateY(-600px);
    -ms-transform: translateY(-600px); } }
@-webkit-keyframes moveToOut {
  from {
    -webkit-transform: translateY(0); }
  to {
    -webkit-transform: translateY(-600px); } }
@-moz-keyframes moveToOut {
  from {
    -moz-transform: translateY(0); }
  to {
    -moz-transform: translateY(-600px); } }
@-ms-keyframes moveToOut {
  from {
    -ms-transform: translateY(0); }
  to {
    -ms-transform: translateY(-600px); } }
@keyframes moveToUp {
  from {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0); }
  to {
    transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px); } }
@-webkit-keyframes moveToUp {
  from {
    -webkit-transform: translateY(0); }
  to {
    -webkit-transform: translateY(-3px); } }
@-moz-keyframes moveToUp {
  from {
    -moz-transform: translateY(0); }
  to {
    -moz-transform: translateY(-3px); } }
@-ms-keyframes moveToUp {
  from {
    -ms-transform: translateY(0); }
  to {
    -ms-transform: translateY(-3px); } }
header {
  width: 100%;
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #e6ddcc;
  background-image: url(../png/bg-header.png); }
  header .menu-wrap-st2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
    background-image: url(../png/bg-header.png);
    background-color: #e6ddcc; }
    header .menu-wrap-st2 a {
      opacity: 1; }
      header .menu-wrap-st2 a:hover {
        color: #ad6816; }
    header .menu-wrap-st2:hover {
      background-image: unset; }
  header .menu-wrap-scroll {
    border-bottom: 1px solid #d8cbbe; }
    header .menu-wrap-scroll .brand-st2 {
      max-width: 210px; }

.promo-crisis {
  display: flex;
  align-items: center;
  background-color: #b3350a;
  padding: 5px 15px; }
  .promo-crisis a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    flex-grow: 1;
    text-align: center; }
    .promo-crisis a .icon-font {
      font-size: 14px; }
    .promo-crisis a span {
      text-transform: uppercase; }
  .promo-crisis button {
    margin-left: auto;
    font-size: 36px;
    color: #fff;
    line-height: 0; }

.brand-st2 {
  width: 30%;
  max-width: 236px;
  padding: 8px 0px 8px 0px;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear; }

.main-menu-st2 {
  display: flex;
  justify-content: space-between;
  padding-right: 10px;
  padding-left: 10px; }
  .main-menu-st2 > li {
    border-right: 1px solid rgba(255, 255, 255, 0);
    border-left: 1px solid rgba(255, 255, 255, 0);
    border-bottom: none; }
    .main-menu-st2 > li > a {
      padding: 12px;
      font-weight: 600;
      text-transform: uppercase;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .main-menu-st2 > li > a .icon-font {
        font-size: 16px;
        margin-right: 5px;
        color: #895a36; }
    .main-menu-st2 > li:hover {
      border-color: #d8cbbe; }

.title-sub-des-st2 {
  position: relative; }
  .title-sub-des-st2 .sub-menu-st2 {
    display: none;
    z-index: 1; }
  .title-sub-des-st2:hover .sub-menu-st2 {
    display: block; }
  .title-sub-des-st2:hover > a {
    z-index: 2; }

.sub-menu-st2 {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  background-color: #e6ddcc;
  border: 1px solid #d8cbbe;
  min-width: 200px; }
  .sub-menu-st2 li a {
    white-space: nowrap;
    padding: 15px 40px 15px 25px;
    text-transform: uppercase;
    display: flex;
    justify-content: left;
    align-items: center;
    font-weight: 500; }

.title-sub-daparture {
  position: relative; }
  .title-sub-daparture .sub-menu-lv1 {
    display: none;
    border-top: 1px solid #d8cbbe;
    border-bottom: 1px solid #d8cbbe;
    top: calc(100% - 1px);
    left: 0;
    background-color: #e6ddcc;
    position: absolute;
    z-index: 1;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%); }
    .title-sub-daparture .sub-menu-lv1 .box-mon-time {
      position: static;
      display: flex;
      /* &>div{
      	&:first-child{
      		//border-color: #d2c5ae;
      	}
      }
      ul{
      	li{
      		a{
      			//border-color: #d2c5ae;
      			&:hover{
      				background-color: #b3350a;
      				color: #fff;
      			}
      		}
      	}
      } */ }
  .title-sub-daparture:hover > a {
    position: relative;
    z-index: 3;
    background-color: #e6ddcc; }
  .title-sub-daparture:hover .sub-menu-lv1 {
    display: block; }

.sub-menu-lv1 > button {
  display: none; }

.sub-menu-lv2 > button {
  display: none; }

.title-sub-menu > a {
  position: relative; }
  .title-sub-menu > a:hover {
    background-color: #e6ddcc; }

.icon-menu-arrow {
  display: none;
  font-style: normal;
  font-size: 18px; }

.title-sub-travel-st2 > ul {
  border-top: 1px solid #d8cbbe;
  border-bottom: 1px solid #d8cbbe;
  padding: 30px 12%;
  z-index: 1;
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
  width: 100%;
  background-color: #e6ddcc;
  display: none;
  justify-content: space-between;
  flex-wrap: wrap; }
  .title-sub-travel-st2 > ul > li {
    width: 20%;
    padding: 0 12px; }
    .title-sub-travel-st2 > ul > li a {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      position: relative; }
      .title-sub-travel-st2 > ul > li a img {
        width: 100%;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        transition: all 0.5s linear; }
      .title-sub-travel-st2 > ul > li a span {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.4);
        padding: 22px; }
      .title-sub-travel-st2 > ul > li a:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 0px;
        border-radius: 0;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear; }
      .title-sub-travel-st2 > ul > li a:hover {
        opacity: 1; }
        .title-sub-travel-st2 > ul > li a:hover img {
          opacity: 1; }
        .title-sub-travel-st2 > ul > li a:hover:after {
          top: 15px;
          left: 15px;
          right: 15px;
          bottom: 15px;
          border-radius: 140px 140px 0px 140px;
          border: 1px solid #a8a870; }
.title-sub-travel-st2:hover > ul {
  display: flex; }
.title-sub-travel-st2:hover > a {
  z-index: 2; }

.phone-box {
  display: inline-flex;
  justify-content: space-between;
  align-items: center; }
  .phone-box .phone {
    font-size: 15px;
    margin-right: 5px; }
  .phone-box strong {
    font-weight: 600; }

.global-menu-st2 {
  display: flex;
  align-items: center; }
  .global-menu-st2 a .select-arrow-thin {
    font-size: 9px; }
  .global-menu-st2 .phone-box {
    padding: 15px 20px;
    color: #ad6816; }
  .global-menu-st2 .login-top-st2 {
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0); }
    .global-menu-st2 .login-top-st2 a {
      z-index: 2; }
    .global-menu-st2 .login-top-st2 .login-menu {
      display: none;
      z-index: 1; }
    .global-menu-st2 .login-top-st2:hover {
      border-color: #d8cbbe; }
      .global-menu-st2 .login-top-st2:hover a {
        background-color: #e6ddcc; }
      .global-menu-st2 .login-top-st2:hover .login-menu {
        display: block; }
  .global-menu-st2 .like-top {
    display: inline-flex;
    align-items: center;
    margin-right: 10px; }
    .global-menu-st2 .like-top font {
      font-weight: 600;
      font-size: 14px;
      color: #b3350a; }
    .global-menu-st2 .like-top .heart-tour {
      margin-left: 5px; }
      .global-menu-st2 .like-top .heart-tour .heart-empty {
        font-size: 26px; }
        .global-menu-st2 .like-top .heart-tour .heart-empty:hover {
          color: #b3350a; }
    .global-menu-st2 .like-top .heart-tour.active .heart-empty {
      color: #b3350a; }
      .global-menu-st2 .like-top .heart-tour.active .heart-empty:before {
        content: "\e915"; }
  .global-menu-st2 .book-top {
    margin-right: 10px; }
    .global-menu-st2 .book-top .btn-st1 {
      background-color: #768035;
      border: 1px solid #768035;
      color: #FFF;
      border-radius: 999px; }
      .global-menu-st2 .book-top .btn-st1:hover {
        background-color: #b3350a;
        color: #fff;
        border-color: #e6ddcc; }
  .global-menu-st2 .lang-top .select-st9 {
    color: #895a36; }

.login-top-st2 {
  position: relative; }
  .login-top-st2 > a {
    padding-bottom: 15px;
    padding-top: 15px;
    height: 100%;
    padding-left: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .login-top-st2 > a .icon-user-2 {
      font-size: 30px; }
      .login-top-st2 > a .icon-user-2:before {
        color: #895a36; }

.login-menu {
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  border: 1px solid #d8cbbe;
  background-color: #e6ddcc;
  min-width: 200px; }
  .login-menu li a {
    padding: 15px 40px 15px 20px; }

.btn-menu {
  display: none; }

@media (min-width: 1351px) and (max-width: 1395px) {
  .main-menu-st2 {
    padding-right: 10px; } }
@media (max-width: 1350px) {
  .main-menu-st2 {
    padding-right: 0;
    padding-left: 0; } }
@media (max-width: 1199px) {
  header .menu-wrap-st2 {
    border-bottom: 1px solid #d8cbbe;
    padding-bottom: 5px;
    padding-top: 5px; }

  .btn-menu {
    display: inline-flex; }
    .btn-menu .icon-font {
      font-size: 26px;
      color: #895a36; }

  .brand-st2 {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .brand-st2 > a {
      flex-grow: 1; }
    .brand-st2 .btn-menu {
      flex-shrink: 0;
      margin-right: 30px; }

  .main-menu-st2 {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    background-color: #e6ddcc;
    width: 300px;
    height: 100vh;
    overflow: auto; }
    .main-menu-st2 > li {
      width: 100%;
      border: none; }
      .main-menu-st2 > li > a {
        min-height: 50px;
        justify-content: flex-start;
        width: 100%;
        min-width: 200px;
        padding-right: 10px; }
        .main-menu-st2 > li > a .icon-menu-arrow {
          margin-left: auto; }

  .icon-menu-arrow {
    display: inline-block; }

  .title-sub-menu {
    position: static; }
    .title-sub-menu:hover > a {
      z-index: unset; }
    .title-sub-menu > .sub-menu-lv1 {
      display: block !important;
      border: none;
      padding: 0; }
      .title-sub-menu > .sub-menu-lv1 > button .icon-menu-arrow {
        margin-right: 5px; }
      .title-sub-menu > .sub-menu-lv1 > li > a {
        font-weight: normal;
        margin-bottom: 0;
        display: flex; }

  .main-menu-transform-1 {
    transform: translateX(-100%) !important;
    -moz-transform: translateX(-100%) !important;
    -webkit-transform: translateX(-100%) !important;
    -o-transform: translateX(-100%) !important;
    -ms-transform: translateX(-100%) !important; }

  .sub-menu-lv1 {
    width: 100%;
    height: 100%;
    border: none;
    top: 0 !important;
    left: 0;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    transition: all 0.25s linear; }
    .sub-menu-lv1 > button {
      display: flex;
      align-items: center;
      height: 50px;
      width: 100%;
      text-transform: uppercase;
      color: #895a36;
      font-weight: 600;
      font-size: 14px;
      padding: 15px 0px 15px 20px; }
    .sub-menu-lv1 > li {
      width: 100%; }
      .sub-menu-lv1 > li > a {
        min-height: 50px;
        justify-content: space-between;
        padding-right: 10px; }

  .title-sub-daparture .sub-menu-lv1 {
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none; }
    .title-sub-daparture .sub-menu-lv1 .box-mon-time {
      flex-wrap: wrap;
      min-width: unset;
      padding: 0 15px;
      display: block; }
      .title-sub-daparture .sub-menu-lv1 .box-mon-time > div {
        width: 100%; }
        .title-sub-daparture .sub-menu-lv1 .box-mon-time > div span {
          padding-top: 0;
          padding-bottom: 0; }
        .title-sub-daparture .sub-menu-lv1 .box-mon-time > div:first-child {
          border-right: none;
          padding-right: 0; }
        .title-sub-daparture .sub-menu-lv1 .box-mon-time > div:last-child {
          padding-left: 0;
          margin-top: 15px; }
      .title-sub-daparture .sub-menu-lv1 .box-mon-time ul {
        margin-left: 0;
        margin-right: 0; }

  .sub-menu-lv2 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e6ddcc;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    transition: all 0.25s linear; }
    .sub-menu-lv2 > li > a {
      width: 100%;
      height: 50px; }
    .sub-menu-lv2 > button {
      display: flex;
      align-items: center;
      height: 50px;
      width: 100%;
      padding: 15px; }
      .sub-menu-lv2 > button .icon-menu-arrow {
        margin-right: 5px; }

  .title-sub-travel-st2 > ul > li {
    width: 100%;
    padding: 0; }
    .title-sub-travel-st2 > ul > li a {
      width: 100%;
      padding: 15px 15px 15px 25px; }
      .title-sub-travel-st2 > ul > li a img {
        display: none; }
      .title-sub-travel-st2 > ul > li a span {
        margin: 0;
        white-space: nowrap;
        text-align: left;
        color: inherit;
        font-size: 12px;
        position: static;
        background-color: transparent;
        font-weight: 400;
        padding: 0;
        justify-content: flex-start; }
      .title-sub-travel-st2 > ul > li a:after {
        display: none; }
  .title-sub-travel-st2 > ul > .mg-top-30 {
    margin-top: 0; } }
@media (max-width: 991px) {
  header .menu-wrap-st2 {
    position: relative;
    padding-left: 15px;
    padding-right: 15px; }

  .global-menu-st2 .login-top-st2:hover .login-menu {
    display: none; }

  .title-sub-daparture .sub-menu-lv1 .box-mon-time ul li {
    width: 25%; } }
@media (max-width: 767px) {
  .global-menu-st2 .phone-box {
    padding: 15px 0; }

  .brand-st2 {
    width: 100%;
    max-width: 182px;
    padding: 5px 0px 5px 0px; }

  .brand-st2 .btn-menu {
    margin-right: 18px; }

  .global-menu-st2 .lang-top .select-st9 {
    font-size: 16px; }

  .global-menu-st2 .like-top .heart-tour .heart-empty {
    font-size: 22px; }

  .global-menu-st2 {
    display: flex;
    align-items: center; }
    .global-menu-st2 .phone-box {
      padding: 15px 0; }
    .global-menu-st2 .like-top {
      margin-right: 0; }
      .global-menu-st2 .like-top font {
        font-weight: 600; }
    .global-menu-st2 .book-top {
      display: none; }
    .global-menu-st2 .lang-top .select-st9 {
      padding-right: 25px; } }
@media (max-width: 520px) {
  header {
    -webkit-transition: top 1s linear;
    -moz-transition: top 1s linear;
    -o-transition: top 1s linear;
    -ms-transition: top 1s linear;
    transition: top 1s linear; } }
@media (max-width: 479px) {
  .main-menu-st2 {
    width: 100%; }

  .login-top-st2 font {
    display: none; }
  .login-top-st2 > a {
    padding-left: 0; } }
@media (max-width: 375px) {
  .global-menu-st2 .lang-top {
    display: none; } }
.footer-banner-container {
  position: relative;
  padding: 40px 0;
  overflow: hidden; }
  .footer-banner-container > img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height: 100%; }

.newsletter-wrapper {
  width: 100%;
  max-width: 700px;
  z-index: 2; }
  .newsletter-wrapper .newsletter-sign {
    margin-top: 30px; }
  .newsletter-wrapper .team-quote {
    margin-top: 0; }

.newsletter-text {
  width: 100%;
  text-align: center;
  padding-right: 15px;
  padding-left: 15px; }
  .newsletter-text h3 {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0;
    font-weight: 400; }
  .newsletter-text p {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff; }

.newsletter-sign form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: -15px; }
  .newsletter-sign form .box-input-st2 {
    height: 50px;
    margin-bottom: 15px; }
  .newsletter-sign form .box-submit-sign {
    height: 50px;
    margin-bottom: 15px; }
  .newsletter-sign form .box-textarea-st2 {
    width: 100%;
    height: 150px;
    margin-bottom: 15px; }

.box-textarea-st2 {
  padding-right: 15px;
  padding-left: 15px; }
  .box-textarea-st2 textarea {
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    background-color: #f9f6f1;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #ebe1cf;
    color: #768035; }

.box-submit-sign {
  padding-right: 15px; }
  .box-submit-sign button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 22px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #d8cdb9;
    border: 2px solid #ebe1cf;
    padding: 12px 136px;
    border-radius: 999px; }
    .box-submit-sign button:hover {
      background-color: rgba(137, 90, 58, 0.6); }

.footer-navbar-container {
  padding-top: 30px;
  padding-bottom: 15px; }
  .footer-navbar-container nav {
    width: 100%; }
    .footer-navbar-container nav ul {
      width: 100%;
      max-width: 586px;
      display: flex;
      justify-content: space-between;
      margin-left: auto;
      margin-right: auto; }
      .footer-navbar-container nav ul li {
        padding-left: 5px;
        padding-right: 5px; }
        .footer-navbar-container nav ul li a {
          text-transform: uppercase; }
  .footer-navbar-container .footer-social-container {
    margin-top: 30px; }
  .footer-navbar-container .copy-right {
    margin-top: 15px; }

.footer-social-container .blog-social-list ul li {
  margin-left: 15px;
  margin-right: 15px; }
  .footer-social-container .blog-social-list ul li a {
    font-size: 26px; }

.copy-right {
  font-size: 11px;
  font-weight: 300;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px; }

.footer-brand-container .brand-footer {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  max-width: 900px; }
  .footer-brand-container .brand-footer > a {
    height: 0px;
    margin: 15px 20px 45px;
    color: #967856;
    text-align: center;
    padding-top: 80px;
    background-image: url(../brand.html);
    background-repeat: no-repeat;
    flex-grow: 0; }
  .footer-brand-container .brand-footer .footer-logo1 {
    width: 135px;
    background-position: 0 0; }
  .footer-brand-container .brand-footer .footer-logo2 {
    width: 111px;
    background-position: -189px 0; }
  .footer-brand-container .brand-footer .footer-logo3 {
    width: 83px;
    background-position: -363px 0; }
  .footer-brand-container .brand-footer .footer-logo4 {
    width: 148px;
    background-position: -486px 0; }
  .footer-brand-container .brand-footer .footer-logo5 {
    width: 91px;
    background-position: -686px 0; }
  .footer-brand-container .brand-footer .footer-logo6 {
    width: 73px;
    background-position: -865px 0; }
  .footer-brand-container .brand-footer .footer-logo7 {
    width: 200px;
    background-position: -995px 0; }
  .footer-brand-container .brand-footer .footer-logo8 {
    width: 172px;
    background-position: -1213px 0; }
  .footer-brand-container .brand-footer .footer-logo9 {
    width: 174px;
    background-position: -1444px 0; }

@media (max-width: 767px) {
  .footer-banner-container {
    padding: 60px 0; }

  .box-submit-sign {
    padding-right: 15px; }
    .box-submit-sign button {
      padding-left: 50px;
      padding-right: 50px; } }
@media (max-width: 479px) {
  .footer-navbar-container nav ul {
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: -10px; }
    .footer-navbar-container nav ul li {
      margin-bottom: 10px; } }
@media (max-width: 375px) {
  .newsletter-sign form {
    flex-wrap: wrap; }
    .newsletter-sign form > div {
      width: 100%; }
    .newsletter-sign form .box-submit-sign {
      padding-left: 15px;
      margin-top: 15px; }
      .newsletter-sign form .box-submit-sign button {
        margin-right: auto;
        margin-left: auto; } }
.btn-close {
  font-size: 40px;
  position: absolute;
  top: 10px;
  right: 15px; }

.modal-container {
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4); }

.modal {
  max-width: 500px;
  width: 95%;
  z-index: 201;
  position: absolute;
  top: -100vh;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  background-color: #f6f4f0;
  padding: 30px 15px;
  text-align: center;
  /*&::-webkit-scrollbar{
  	width: 5px;
  	background-color: transparent;
  }
  &::-webkit-scrollbar-thumb{
  	background-color: rgba(227,227,227,1);
  }
  &::-webkit-scrollbar-track{
  	background-color: transparent;
  }*/ }
  .modal > h3 {
    font-size: 40px;
    font-weight: 300;
    margin: 0; }
  .modal > p {
    margin-top: 10px;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: justify;
    padding: 0 15px; }
  .modal button[type="submit"] {
    margin-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    height: 44px; }
  .modal .call-us {
    margin-right: 15px;
    margin-left: 15px; }
    .modal .call-us p {
      color: #bdb316;
      font-weight: 600; }
      .modal .call-us p a {
        opacity: 1; }
        .modal .call-us p a:hover {
          opacity: .8; }
  .modal .ava-detail-modal {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px; }

.modal-2 {
  width: 95%;
  max-width: 820px;
  padding: 40px 30px;
  position: fixed;
  top: 3%;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 201;
  background-color: #f6f4f0; }
  .modal-2 h3 {
    font-size: 16px;
    text-transform: uppercase; }
  .modal-2 .modal-content {
    max-height: 84vh;
    overflow-y: auto;
    overflow-x: hidden;
    webkit-overflow-scrolling: touch;
    padding: 0 10px;
    scrollbar-color: transparent transparent;
    /*fire fox 64*/
    scrollbar-width: thin;
    /*fire fox 64*/ }
    .modal-2 .modal-content::-webkit-scrollbar {
      width: 3px;
      background-color: transparent; }
    .modal-2 .modal-content::-webkit-scrollbar-thumb {
      background-color: transparent; }
    .modal-2 .modal-content::-webkit-scrollbar-track {
      background-color: transparent; }
    .modal-2 .modal-content:hover {
      scrollbar-color: rgba(227, 227, 227, 0.6) transparent;
      /*fire fox 64*/ }
      .modal-2 .modal-content:hover::-webkit-scrollbar-thumb {
        background-color: rgba(227, 227, 227, 0.6); }
  .modal-2 .experience-suplier {
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: 1px dotted #dcdcdc; }
  .modal-2 .accordion {
    padding-top: 0; }
  .modal-2 .modal-tour-intro h4, .modal-2 .modal-tour-intro h5 {
    text-align: center;
    color: #555; }
  .modal-2 .modal-tour-intro .paragraph-hide {
    max-height: 59px; }
    .modal-2 .modal-tour-intro .paragraph-hide p {
      text-align: center; }
  .modal-2 .modal-tour-intro .read-more-st1 {
    margin-top: 10px;
    margin-bottom: 10px; }

.ava-detail-modal {
  position: relative;
  max-height: 188px;
  overflow: hidden; }
  .ava-detail-modal > div {
    width: 100%;
    max-width: 390px;
    position: absolute;
    z-index: 4;
    color: #fff;
    top: 40%;
    left: 50%;
    padding: 10px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
    .ava-detail-modal > div h4 {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 600;
      text-shadow: 0 0 2px #000; }
    .ava-detail-modal > div span {
      font-size: 16px;
      text-transform: uppercase; }
  .ava-detail-modal img {
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    transform: translateY(-27px);
    -moz-transform: translateY(-27px);
    -webkit-transform: translateY(-27px);
    -o-transform: translateY(-27px);
    -ms-transform: translateY(-27px); }

.modal-include-1 .modal-content .title-modal-include {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
.modal-include-1 .modal-content .filter-box {
  width: 140px;
  flex-shrink: 0;
  box-shadow: none;
  border: 1px solid #eee; }
  .modal-include-1 .modal-content .filter-box > span {
    font-weight: 600; }
.modal-include-1 .modal-content h3 {
  flex-grow: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
  .modal-include-1 .modal-content h3 .icon-font {
    margin-right: 5px;
    color: #bdb316; }
  .modal-include-1 .modal-content h3 span {
    text-transform: none;
    font-size: 12px; }
.modal-include-1 .modal-content .head-pn span {
  font-weight: 600; }

.modal-include-2 {
  max-width: 610px;
  top: 10%; }
  .modal-include-2 .title-modal-include {
    border-bottom: 1px dotted #dcdcdc;
    border-top: 1px dotted #dcdcdc;
    margin-top: 15px; }
    .modal-include-2 .title-modal-include:first-child {
      border-top: none;
      margin-top: 0; }
  .modal-include-2 h3 {
    margin-bottom: 15px; }
    .modal-include-2 h3 .icon-font {
      margin-right: 5px;
      color: #bdb316; }
    .modal-include-2 h3 span {
      text-transform: none;
      font-size: 12px; }
  .modal-include-2 .modal-content > p {
    margin-top: 15px;
    line-height: 1.8; }
  .modal-include-2 .modal-content article {
    margin-top: 15px; }
    .modal-include-2 .modal-content article p {
      margin-top: 10px; }
    .modal-include-2 .modal-content article .icon-font {
      margin-right: 5px;
      color: #bdb316; }

.modal-cr-like {
  max-width: 610px;
  top: 10%; }
  .modal-cr-like .title-modal {
    border-bottom: 1px solid #dcdcdc; }
    .modal-cr-like .title-modal h3 {
      margin-bottom: 15px; }
      .modal-cr-like .title-modal h3 .icon-font {
        margin-right: 5px;
        font-size: 18px;
        color: #bdb316; }
  .modal-cr-like article {
    margin-top: 15px; }
    .modal-cr-like article p {
      margin-top: 10px;
      line-height: 1.4; }
      .modal-cr-like article p .icon-font {
        margin-right: 5px;
        color: #bdb316;
        font-size: 14px;
        font-weight: 800; }

.modal-cr-overview .title-modal {
  border-bottom: 1px solid #dcdcdc; }
  .modal-cr-overview .title-modal h3 {
    margin-bottom: 15px; }
.modal-cr-overview article {
  margin-top: 20px; }
  .modal-cr-overview article h4 {
    width: 100%; }
  .modal-cr-overview article .row {
    margin-right: -15px;
    margin-left: -15px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; }
  .modal-cr-overview article p {
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.4;
    display: flex;
    align-items: center; }
    .modal-cr-overview article p .icon-font {
      margin-right: 5px;
      color: #bdb316;
      font-size: 14px;
      font-weight: 800; }
    .modal-cr-overview article p .icon-font-cr {
      margin-right: 5px; }

.modal-cr-info-room {
  max-width: 950px;
  width: 95%;
  padding: 40px 30px;
  position: fixed;
  top: 3%;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -3;
  background-color: #fff;
  visibility: hidden; }
  .modal-cr-info-room h3 {
    font-size: 16px;
    text-transform: uppercase; }
  .modal-cr-info-room .modal-content {
    max-height: 84vh;
    overflow-y: auto;
    webkit-overflow-scrolling: touch;
    padding: 0 10px;
    scrollbar-color: transparent transparent;
    /*fire fox 64*/
    scrollbar-width: thin;
    /*fire fox 64*/ }
    .modal-cr-info-room .modal-content::-webkit-scrollbar {
      width: 3px;
      background-color: transparent; }
    .modal-cr-info-room .modal-content::-webkit-scrollbar-thumb {
      background-color: transparent; }
    .modal-cr-info-room .modal-content::-webkit-scrollbar-track {
      background-color: transparent; }
    .modal-cr-info-room .modal-content:hover {
      scrollbar-color: rgba(227, 227, 227, 0.6) transparent;
      /*fire fox 64*/ }
      .modal-cr-info-room .modal-content:hover::-webkit-scrollbar-thumb {
        background-color: rgba(227, 227, 227, 0.6); }
  .modal-cr-info-room .title-modal {
    width: 100%; }
    .modal-cr-info-room .title-modal h3 .icon-font {
      font-size: 18px;
      color: #bdb316;
      margin-right: 5px; }
  .modal-cr-info-room .wrap-slide-st5 {
    margin-bottom: 30px; }
  .modal-cr-info-room .cr-info-room {
    overflow: hidden; }
    .modal-cr-info-room .cr-info-room .row {
      display: flex;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px; }
    .modal-cr-info-room .cr-info-room article {
      margin-bottom: 15px; }
      .modal-cr-info-room .cr-info-room article h4, .modal-cr-info-room .cr-info-room article h5 {
        margin-top: 0;
        position: relative; }
        .modal-cr-info-room .cr-info-room article h4 span, .modal-cr-info-room .cr-info-room article h5 span {
          background-color: #fff;
          padding-right: 5px;
          padding-left: 5px; }
        .modal-cr-info-room .cr-info-room article h4:before, .modal-cr-info-room .cr-info-room article h5:before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #d7d7d7;
          top: 50%;
          z-index: -1; }
      .modal-cr-info-room .cr-info-room article h4 {
        font-size: 16px; }
      .modal-cr-info-room .cr-info-room article > p {
        margin-top: 10px;
        text-align: left; }
      .modal-cr-info-room .cr-info-room article .cr-content {
        margin-top: 10px; }
      .modal-cr-info-room .cr-info-room article .row p.col-xlg-6 {
        text-align: left;
        margin-top: 15px;
        display: flex;
        align-items: center; }
        .modal-cr-info-room .cr-info-room article .row p.col-xlg-6 .icon-font {
          margin-right: 5px;
          font-size: 14px;
          color: #bdb316; }
        .modal-cr-info-room .cr-info-room article .row p.col-xlg-6 .icon-font-cr {
          margin-right: 5px; }

.select-st8 {
  height: 100%;
  background-position-y: 50%;
  background-color: #fff; }
  .select-st8:focus {
    outline: none; }

.form-field {
  margin-top: 15px; }
  .form-field input, .form-field textarea, .form-field .select-st8 {
    width: 100%;
    height: auto;
    border: 1px solid #d2c5ae;
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle;
    line-height: 1.5;
    color: #b3350a;
    padding: 10px 8px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background-color: #f9f6f1; }
  .form-field textarea {
    height: 210px; }

.phone-wrap {
  margin-top: 15px; }
  .phone-wrap > div {
    height: 100%; }
  .phone-wrap .iti {
    width: 100%;
    height: 100%; }

.check-field {
  margin-top: 15px;
  width: 100%; }
  .check-field > div:first-child {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; }
    .check-field > div:first-child input[type=checkbox] {
      height: auto; }
    .check-field > div:first-child label {
      margin-left: 10px;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      cursor: pointer; }
      .check-field > div:first-child label i {
        font-size: 14px; }
      .check-field > div:first-child label span {
        text-align: left;
        margin-left: 5px; }
  .check-field > .phone-wrap {
    margin-top: 15px;
    display: none;
    justify-content: center; }
    .check-field > .phone-wrap > div {
      width: 70%; }
    .check-field > .phone-wrap input {
      height: auto;
      font-size: 14px;
      vertical-align: middle;
      line-height: 1.5;
      color: #c05935;
      background-color: #f6f4f0;
      padding-bottom: 10px;
      padding-top: 10px;
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      -ms-transition: all 0.25s linear;
      transition: all 0.25s linear; }

.half {
  width: 100%;
  display: flex;
  justify-content: space-between; }

.call-us {
  margin-top: 20px;
  padding: 15px 8px;
  background-color: #f9f6f1;
  border: 1px dotted #d2c5ae;
  font-size: 12px;
  line-height: 1.5; }
  .call-us div {
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px; }
    .call-us div:first-child {
      margin-top: 0; }
  .call-us p a {
    color: #bdb316;
    opacity: .8; }
    .call-us p a:hover {
      opacity: 1; }

#creat-trip-modal > p {
  text-align: center; }
#creat-trip-modal .form-field textarea {
  height: 70px; }
#creat-trip-modal button[type="submit"] {
  width: 45%;
  min-width: 95px; }
#creat-trip-modal .select-st1, #creat-trip-modal .select-st2, #creat-trip-modal .booking-st1 {
  width: 100%;
  height: auto;
  border: 1px solid #d2c5ae;
  background-color: #f9f6f1;
  font-size: 12px;
  vertical-align: middle;
  line-height: 1.5;
  color: #555;
  padding: 10px 8px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
  position: relative;
  text-align: left; }
  #creat-trip-modal .select-st1 .text, #creat-trip-modal .select-st2 .text, #creat-trip-modal .booking-st1 .text {
    cursor: pointer; }
    #creat-trip-modal .select-st1 .text > .icon-font:first-child, #creat-trip-modal .select-st2 .text > .icon-font:first-child, #creat-trip-modal .booking-st1 .text > .icon-font:first-child {
      color: #895a36; }
  #creat-trip-modal .select-st1 .value-2, #creat-trip-modal .select-st2 .value-2, #creat-trip-modal .booking-st1 .value-2 {
    top: 100%; }
  #creat-trip-modal .select-st1 .value, #creat-trip-modal .select-st2 .value, #creat-trip-modal .booking-st1 .value {
    top: 100%;
    z-index: 3; }
    #creat-trip-modal .select-st1 .value > li > .btn-value, #creat-trip-modal .select-st2 .value > li > .btn-value, #creat-trip-modal .booking-st1 .value > li > .btn-value {
      padding: 10px; }
      #creat-trip-modal .select-st1 .value > li > .btn-value > b, #creat-trip-modal .select-st2 .value > li > .btn-value > b, #creat-trip-modal .booking-st1 .value > li > .btn-value > b {
        text-overflow: clip;
        white-space: normal; }
    #creat-trip-modal .select-st1 .value .btn-value .icon-font:first-child, #creat-trip-modal .select-st2 .value .btn-value .icon-font:first-child, #creat-trip-modal .booking-st1 .value .btn-value .icon-font:first-child {
      display: inline-block;
      margin-right: 8px;
      font-size: 15px;
      color: #bdb316;
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      -ms-transition: all 0.25s linear;
      transition: all 0.25s linear; }
    #creat-trip-modal .select-st1 .value .btn-value .icon-font.map-marker, #creat-trip-modal .select-st2 .value .btn-value .icon-font.map-marker, #creat-trip-modal .booking-st1 .value .btn-value .icon-font.map-marker {
      width: auto; }
    #creat-trip-modal .select-st1 .value .btn-value:hover .icon-font:first-child, #creat-trip-modal .select-st2 .value .btn-value:hover .icon-font:first-child, #creat-trip-modal .booking-st1 .value .btn-value:hover .icon-font:first-child {
      color: #ad6816; }
#creat-trip-modal .booking-step-when .value .btn-value .icon-font:first-child {
  font-size: 22px; }
  #creat-trip-modal .booking-step-when .value .btn-value .icon-font:first-child:before {
    color: #bdb316; }
#creat-trip-modal .booking-step-when .value .btn-value:hover .icon-font:first-child:before {
  color: #ad6816; }

#search-cruise-modal > p {
  text-align: center; }
#search-cruise-modal .form-field textarea {
  height: 70px; }
#search-cruise-modal button[type="submit"] {
  min-width: 95px; }
#search-cruise-modal .select-st1, #search-cruise-modal .select-st2, #search-cruise-modal .booking-st1 {
  width: 100%;
  height: auto;
  border: 1px solid #d2c5ae;
  font-size: 12px;
  vertical-align: middle;
  line-height: 1.5;
  color: #555;
  padding: 10px 8px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background-color: #fff;
  position: relative;
  text-align: left; }
  #search-cruise-modal .select-st1 .text, #search-cruise-modal .select-st2 .text, #search-cruise-modal .booking-st1 .text {
    cursor: pointer; }
  #search-cruise-modal .select-st1 .value-2, #search-cruise-modal .select-st2 .value-2, #search-cruise-modal .booking-st1 .value-2 {
    top: 100%;
    max-height: 245px;
    overflow-y: scroll;
    overflow-x: hidden; }
  #search-cruise-modal .select-st1 .value, #search-cruise-modal .select-st2 .value, #search-cruise-modal .booking-st1 .value {
    top: 100%;
    z-index: 3; }
    #search-cruise-modal .select-st1 .value > li > .btn-value, #search-cruise-modal .select-st2 .value > li > .btn-value, #search-cruise-modal .booking-st1 .value > li > .btn-value {
      padding: 10px; }
      #search-cruise-modal .select-st1 .value > li > .btn-value > b, #search-cruise-modal .select-st2 .value > li > .btn-value > b, #search-cruise-modal .booking-st1 .value > li > .btn-value > b {
        text-overflow: clip;
        white-space: normal; }
    #search-cruise-modal .select-st1 .value .btn-value .icon-font:first-child, #search-cruise-modal .select-st2 .value .btn-value .icon-font:first-child, #search-cruise-modal .booking-st1 .value .btn-value .icon-font:first-child {
      display: inline-block;
      width: 10%;
      margin-right: 8px;
      font-size: 15px;
      color: #bdb316;
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      -ms-transition: all 0.25s linear;
      transition: all 0.25s linear; }
    #search-cruise-modal .select-st1 .value .btn-value .icon-font.map-marker, #search-cruise-modal .select-st2 .value .btn-value .icon-font.map-marker, #search-cruise-modal .booking-st1 .value .btn-value .icon-font.map-marker {
      width: auto; }
    #search-cruise-modal .select-st1 .value .btn-value:hover .icon-font:first-child, #search-cruise-modal .select-st2 .value .btn-value:hover .icon-font:first-child, #search-cruise-modal .booking-st1 .value .btn-value:hover .icon-font:first-child {
      color: #ad6816; }
#search-cruise-modal .booking-st2, #search-cruise-modal .booking-st3 {
  border: 1px solid #d2c5ae;
  position: relative; }
  #search-cruise-modal .booking-st2 input, #search-cruise-modal .booking-st3 input {
    width: 100%;
    border: none; }
  #search-cruise-modal .booking-st2 .text, #search-cruise-modal .booking-st3 .text {
    padding-left: 8px;
    padding-right: 8px; }
#search-cruise-modal .booking-st3 .box-mon-time {
  flex-wrap: wrap;
  min-width: 280px;
  max-height: 320px;
  overflow-y: auto;
  webkit-overflow-scrolling: touch; }
  #search-cruise-modal .booking-st3 .box-mon-time > div {
    width: 100%;
    padding: 0; }
    #search-cruise-modal .booking-st3 .box-mon-time > div:first-child {
      border-right: none;
      margin-bottom: 30px; }

#creat-detail-modal h3 {
  text-transform: uppercase; }
#creat-detail-modal > p {
  text-align: center;
  font-weight: 500;
  text-transform: uppercase; }
#creat-detail-modal .form-field textarea {
  height: 70px; }
#creat-detail-modal button[type="submit"] {
  width: 45%;
  min-width: 95px; }
#creat-detail-modal .select-st1, #creat-detail-modal .select-st2, #creat-detail-modal .booking-st1 {
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  font-size: 12px;
  vertical-align: middle;
  line-height: 1.5;
  color: #555;
  padding: 10px 8px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background-color: #fff;
  position: relative;
  text-align: left; }
  #creat-detail-modal .select-st1 .text, #creat-detail-modal .select-st2 .text, #creat-detail-modal .booking-st1 .text {
    cursor: pointer; }
  #creat-detail-modal .select-st1 .value-2, #creat-detail-modal .select-st2 .value-2, #creat-detail-modal .booking-st1 .value-2 {
    top: 100%; }
  #creat-detail-modal .select-st1 .value, #creat-detail-modal .select-st2 .value, #creat-detail-modal .booking-st1 .value {
    top: 100%;
    z-index: 3; }
    #creat-detail-modal .select-st1 .value > li > .btn-value, #creat-detail-modal .select-st2 .value > li > .btn-value, #creat-detail-modal .booking-st1 .value > li > .btn-value {
      padding: 10px; }
      #creat-detail-modal .select-st1 .value > li > .btn-value > b, #creat-detail-modal .select-st2 .value > li > .btn-value > b, #creat-detail-modal .booking-st1 .value > li > .btn-value > b {
        text-overflow: clip;
        white-space: normal; }
    #creat-detail-modal .select-st1 .value .btn-value .icon-font:first-child, #creat-detail-modal .select-st2 .value .btn-value .icon-font:first-child, #creat-detail-modal .booking-st1 .value .btn-value .icon-font:first-child {
      display: inline-block;
      width: 10%;
      margin-right: 8px;
      font-size: 15px;
      color: #bdb316;
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      -ms-transition: all 0.25s linear;
      transition: all 0.25s linear; }
    #creat-detail-modal .select-st1 .value .btn-value .icon-font.map-marker, #creat-detail-modal .select-st2 .value .btn-value .icon-font.map-marker, #creat-detail-modal .booking-st1 .value .btn-value .icon-font.map-marker {
      width: auto; }
    #creat-detail-modal .select-st1 .value .btn-value:hover .icon-font:first-child, #creat-detail-modal .select-st2 .value .btn-value:hover .icon-font:first-child, #creat-detail-modal .booking-st1 .value .btn-value:hover .icon-font:first-child {
      color: #ad6816; }
#creat-detail-modal .booking-st2 {
  border: 1px solid #aaa;
  position: relative; }
  #creat-detail-modal .booking-st2 input {
    width: 100%;
    border: none; }
  #creat-detail-modal .booking-st2 .text {
    padding-left: 8px;
    padding-right: 8px; }

.booking-st2 {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto; }
  .booking-st2 input {
    z-index: 5;
    opacity: 0; }
  .booking-st2 .text {
    position: absolute;
    color: #555;
    text-align: left; }
    .booking-st2 .text .icon-font {
      color: #888; }

.booking-st3 {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  background-color: #fff; }
  .booking-st3 input {
    z-index: 5;
    opacity: 0;
    cursor: pointer;
    width: 100%; }
  .booking-st3 .text {
    position: absolute;
    color: #555;
    text-align: left; }
    .booking-st3 .text .icon-font {
      color: #885916; }

.box-mon-time {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  min-width: 500px;
  background-color: #e6ddcc;
  z-index: 3;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 15px 25px; }
  .box-mon-time > div {
    width: 50%; }
    .box-mon-time > div span {
      display: inline-block;
      width: 100%;
      padding-bottom: 10px;
      padding-top: 10px;
      border-bottom: 1px solid #dcdcdc;
      font-weight: 600;
      text-align: center;
      font-size: 16px; }
    .box-mon-time > div:first-child {
      border-right: 1px solid #d2c5ae;
      padding-right: 25px; }
    .box-mon-time > div:last-child {
      padding-left: 25px; }
  .box-mon-time ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-right: -5px;
    margin-left: -8px; }
    .box-mon-time ul li {
      padding-left: 5px;
      padding-right: 5px;
      width: 33.3333%;
      margin-top: 10px; }
      .box-mon-time ul li button, .box-mon-time ul li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 1.3;
        width: 100%;
        padding-bottom: 10px;
        padding-top: 10px;
        border: 1px solid #d2c5ae;
        border-radius: 5px;
        color: #895a36; }
        .box-mon-time ul li button:hover, .box-mon-time ul li a:hover {
          background-color: #768035;
          color: #fff; }
      .box-mon-time ul li button[disabled="disabled"], .box-mon-time ul li a[disabled="disabled"] {
        background-color: transparent !important;
        color: rgba(0, 0, 0, 0.4) !important;
        opacity: 1;
        cursor: auto !important; }
      .box-mon-time ul li button.active, .box-mon-time ul li a.active {
        background-color: #b3350a;
        color: #fff; }

.wrap-gallery-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 230;
  display: none;
  /* #carousel-img-cr{
  	z-index: unset;
  	visibility: unset;
  	position: relative;
  	.slick-list{
  		height: unset !important;
  	}
  } */ }
  .wrap-gallery-img .back-drop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 80; }
  .wrap-gallery-img .synch-carousels {
    position: relative;
    box-shadow: none;
    width: 100%;
    display: none;
    max-width: 800px;
    z-index: 90;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto; }
    .wrap-gallery-img .synch-carousels .btn-close {
      color: #fff;
      z-index: 100; }
      .wrap-gallery-img .synch-carousels .btn-close:hover {
        color: #bdb316; }
    .wrap-gallery-img .synch-carousels .nav-arrows {
      top: 50%;
      transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%); }
      .wrap-gallery-img .synch-carousels .nav-arrows button {
        background-color: #fff;
        border-color: #fff; }
        .wrap-gallery-img .synch-carousels .nav-arrows button:hover {
          background-color: rgba(255, 255, 255, 0.5); }
      .wrap-gallery-img .synch-carousels .nav-arrows .arrow-left {
        transform: translateX(calc(-100% - 10px));
        -moz-transform: translateX(calc(-100% - 10px));
        -webkit-transform: translateX(calc(-100% - 10px));
        -o-transform: translateX(calc(-100% - 10px));
        -ms-transform: translateX(calc(-100% - 10px)); }
      .wrap-gallery-img .synch-carousels .nav-arrows .arrow-right {
        transform: translateX(calc(100% + 10px));
        -moz-transform: translateX(calc(100% + 10px));
        -webkit-transform: translateX(calc(100% + 10px));
        -o-transform: translateX(calc(100% + 10px));
        -ms-transform: translateX(calc(100% + 10px)); }
    .wrap-gallery-img .synch-carousels .item > p {
      width: 100%;
      padding: 5px 10px;
      position: absolute;
      text-align: center;
      left: 0;
      bottom: 0;
      color: #fff;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.85)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.85) 90%);
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.85) 90%);
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.85) 90%);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.85) 90%); }

.video-modal {
  position: fixed;
  z-index: 230;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .video-modal .back-drop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 80; }
  .video-modal .dialog {
    position: relative;
    z-index: 90;
    width: 95%;
    max-width: 700px;
    padding: 30px 15px 0 15px;
    background-color: #000;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto; }
    .video-modal .dialog .btn-close {
      top: 0;
      right: 5px;
      color: #fff; }
    .video-modal .dialog iframe {
      width: 100%; }

.modal-cr-desti .modal-content .desti {
  text-transform: uppercase;
  text-align: center; }

.modal-info-team {
  max-width: 631px; }
  .modal-info-team .modal-content {
    background-image: url("../svg/icon-experience.svg");
    background-repeat: no-repeat;
    background-size: 250px;
    background-position: top; }
    .modal-info-team .modal-content > div {
      width: 100%; }
  .modal-info-team .modal-team-title {
    width: 100%;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #e0d6c3;
    position: relative;
    z-index: 5; }
    .modal-info-team .modal-team-title h3, .modal-info-team .modal-team-title h4 {
      margin-top: 0;
      margin-bottom: 0;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 600; }
  .modal-info-team .modal-team-body {
    text-align: center;
    position: relative;
    z-index: 5; }
    .modal-info-team .modal-team-body h3, .modal-info-team .modal-team-body h4 {
      font-family: 'Reenie Beanie', cursive;
      font-size: 30px;
      font-weight: 500;
      margin: 0 0 10px;
      text-transform: none; }
    .modal-info-team .modal-team-body .paragraph-hide {
      max-height: 167px; }
    .modal-info-team .modal-team-body .paragraph {
      padding-left: 0;
      padding-right: 0; }
    .modal-info-team .modal-team-body .read-more-st1 {
      margin-bottom: 10px;
      margin-top: 10px; }
    .modal-info-team .modal-team-body .watch-video {
      margin-top: 15px; }

.modal-tour-st2 .wrap-faq {
  width: 100%;
  padding-right: 0;
  padding-left: 0; }
  .modal-tour-st2 .wrap-faq .order-day > a:first-child > .icon-font:first-child {
    width: 30px;
    display: inline-block;
    margin-right: 10px;
    font-size: 30px;
    color: #bdb316; }
  .modal-tour-st2 .wrap-faq .order-day .panel .box-table {
    width: 100%;
    position: relative; }
    .modal-tour-st2 .wrap-faq .order-day .panel .box-table > div {
      overflow-x: auto;
      webkit-overflow-scrolling: touch; }
    .modal-tour-st2 .wrap-faq .order-day .panel .box-table table {
      width: 100%;
      min-width: 661px; }
      .modal-tour-st2 .wrap-faq .order-day .panel .box-table table thead tr {
        background-color: #bdb316; }
      .modal-tour-st2 .wrap-faq .order-day .panel .box-table table thead th:first-child {
        width: 19.6%; }
      .modal-tour-st2 .wrap-faq .order-day .panel .box-table table thead th {
        width: 6.7%;
        padding-bottom: 10px;
        padding-top: 10px;
        color: #fff;
        text-align: center; }
      .modal-tour-st2 .wrap-faq .order-day .panel .box-table table tbody tr {
        border-bottom: 1px solid #efede6; }
      .modal-tour-st2 .wrap-faq .order-day .panel .box-table table tbody th {
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: center; }
      .modal-tour-st2 .wrap-faq .order-day .panel .box-table table tbody td {
        text-align: center; }
        .modal-tour-st2 .wrap-faq .order-day .panel .box-table table tbody td .star-box {
          font-size: 10px;
          width: 100%;
          border-left: 1px solid #aaa; }

.modal-map {
  padding: 30px 15px; }
  .modal-map .map-content {
    display: flex;
    flex-wrap: wrap; }
    .modal-map .map-content .map-box-st3 {
      width: 70%;
      background-color: #555; }
    .modal-map .map-content .info-map-box {
      width: 30%;
      padding-left: 10px; }
      .modal-map .map-content .info-map-box .info-map-head {
        padding-bottom: 15px;
        border-bottom: 1px dotted #dcdcdc; }
        .modal-map .map-content .info-map-box .info-map-head h2 {
          margin-top: 10px;
          margin-bottom: 0;
          font-size: 16px;
          font-weight: 600;
          color: #333;
          letter-spacing: 0; }
      .modal-map .map-content .info-map-box .info-map-body {
        margin-bottom: 15px;
        max-height: 396px;
        overflow-y: auto;
        webkit-overflow-scrolling: touch;
        scrollbar-color: transparent transparent;
        /*fire fox 64*/
        scrollbar-width: thin;
        /*fire fox 64*/ }
        .modal-map .map-content .info-map-box .info-map-body::-webkit-scrollbar {
          width: 3px;
          background-color: transparent; }
        .modal-map .map-content .info-map-box .info-map-body::-webkit-scrollbar-thumb {
          background-color: transparent; }
        .modal-map .map-content .info-map-box .info-map-body::-webkit-scrollbar-track {
          background-color: transparent; }
        .modal-map .map-content .info-map-box .info-map-body:hover {
          scrollbar-color: rgba(227, 227, 227, 0.6) transparent;
          /*fire fox 64*/ }
          .modal-map .map-content .info-map-box .info-map-body:hover::-webkit-scrollbar-thumb {
            background-color: rgba(227, 227, 227, 0.6); }
        .modal-map .map-content .info-map-box .info-map-body .list-tour-day > li {
          padding-left: 20px; }
          .modal-map .map-content .info-map-box .info-map-body .list-tour-day > li:before {
            left: 6px;
            top: 15px; }
          .modal-map .map-content .info-map-box .info-map-body .list-tour-day > li .wrap-icon-des {
            left: -20px; }
            .modal-map .map-content .info-map-box .info-map-body .list-tour-day > li .wrap-icon-des .icon-des-1 {
              font-size: 16px; }
            .modal-map .map-content .info-map-box .info-map-body .list-tour-day > li .wrap-icon-des .icon-des-4 {
              font-size: 14px; }
            .modal-map .map-content .info-map-box .info-map-body .list-tour-day > li .wrap-icon-des .icon-des-2, .modal-map .map-content .info-map-box .info-map-body .list-tour-day > li .wrap-icon-des .icon-des-3 {
              font-size: 12px; }
        .modal-map .map-content .info-map-box .info-map-body .list-tour-day .order-day > a:first-child {
          border-bottom: none;
          padding-bottom: 10px;
          padding-top: 10px; }
          .modal-map .map-content .info-map-box .info-map-body .list-tour-day .order-day > a:first-child h3 {
            font-size: 11px;
            text-transform: none;
            margin-top: 0;
            margin-bottom: 0;
            line-height: 1.5; }
          .modal-map .map-content .info-map-box .info-map-body .list-tour-day .order-day > a:first-child:hover h3 {
            color: #bdb316; }
        .modal-map .map-content .info-map-box .info-map-body .list-tour-day .order-day > .active:first-child h3 {
          color: #bdb316; }
      .modal-map .map-content .info-map-box .info-map-foot {
        padding-top: 15px;
        border-top: 1px dotted #dcdcdc; }
        .modal-map .map-content .info-map-box .info-map-foot > div {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .modal-map .map-content .info-map-box .info-map-foot > div > div {
            width: 50%; }
            .modal-map .map-content .info-map-box .info-map-foot > div > div span {
              font-weight: 600;
              font-size: 14px; }
            .modal-map .map-content .info-map-box .info-map-foot > div > div:first-child {
              color: #bdb316; }
            .modal-map .map-content .info-map-box .info-map-foot > div > div:last-child {
              color: #e87055; }
        .modal-map .map-content .info-map-box .info-map-foot .btn-st3 {
          width: 100%;
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 10px; }

.modal-map-st2 {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1040px; }
  .modal-map-st2 .map-content .map-box-head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px; }
    .modal-map-st2 .map-content .map-box-head h3 {
      flex-grow: 1; }
      .modal-map-st2 .map-content .map-box-head h3 .cruise-name {
        width: 100%;
        font-weight: 400; }
    .modal-map-st2 .map-content .map-box-head .btn-st2 {
      width: 160px;
      border-radius: 999px;
      border-color: #c9baa8;
      padding: 5px 0;
      margin-left: auto;
      flex-shrink: 0; }
      .modal-map-st2 .map-content .map-box-head .btn-st2 .icon-font {
        font-size: 24px;
        color: #bdb316;
        margin-right: 5px; }
      .modal-map-st2 .map-content .map-box-head .btn-st2 span {
        width: max-content;
        display: inline-flex;
        align-items: center;
        line-height: 1; }
      .modal-map-st2 .map-content .map-box-head .btn-st2 font {
        font-style: normal;
        font-size: 20px; }
      .modal-map-st2 .map-content .map-box-head .btn-st2:hover {
        border-color: #bdb316; }
    .modal-map-st2 .map-content .map-box-head .night-img-cr {
      width: 50px; }
      .modal-map-st2 .map-content .map-box-head .night-img-cr .icon-des-2 {
        width: 100%;
        font-size: 50px; }
      .modal-map-st2 .map-content .map-box-head .night-img-cr > div {
        flex-wrap: wrap;
        align-content: center;
        font-size: 18px; }
        .modal-map-st2 .map-content .map-box-head .night-img-cr > div > font {
          display: block;
          width: 100%;
          font-size: 8px;
          text-align: center;
          font-weight: normal;
          text-transform: uppercase; }
  .modal-map-st2 .map-content .map-box-body .map-box-st3 {
    width: 100%;
    background-color: #aaa;
    height: 500px; }

.map-day {
  color: #888;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase; }

/*#preloader{
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: fixed;
    top: 0;
    left: 0;
    z-index: 210;
    display: flex;
    justify-content: center;
    align-items: center;
    img:first-child{
    	width: 120px;
    	position: absolute;
    	@include animationed(around,1.5s);
    	animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		animation-timing-function: linear;
	    -moz-animation-timing-function: linear;
	    -webkit-animation-timing-function: linear;
	    -o-animation-timing-function: linear;
    }
    img:last-child{
    	width: 54px;
    }
}*/
@media (min-width: 992px) {
  .modal-2 .experience-suplier .experience-img {
    width: 27%; }
  .modal-2 .experience-suplier .experience-content {
    width: 73%; } }
@media (max-width: 991px) {
  .wrap-gallery-img .synch-carousels .nav-arrows {
    top: calc(100% + 5px);
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0); }
    .wrap-gallery-img .synch-carousels .nav-arrows .arrow-left {
      left: 50%; }
    .wrap-gallery-img .synch-carousels .nav-arrows .arrow-right {
      right: 50%; } }
@media (max-width: 767px) {
  .modal-include-1 .modal-content .title-modal-include {
    flex-wrap: wrap; }
  .modal-include-1 .modal-content .filter-box {
    width: 100%; }
  .modal-include-1 .modal-content h3 {
    white-space: normal; }

  .modal-include-2, .modal-cr-like {
    top: 3%; }

  .form-field textarea {
    height: 120px; }

  .modal-info-team {
    padding: 40px 15px; }
    .modal-info-team .modal-content {
      padding: 0; }

  .modal-map .map-content .map-box-st3 {
    width: 100%;
    min-height: 265px; }
  .modal-map .map-content .info-map-box {
    width: 100%;
    padding-left: 0; }
    .modal-map .map-content .info-map-box .info-map-head .map-day {
      margin-top: 10px; }
    .modal-map .map-content .info-map-box .info-map-body {
      max-height: 200px; }

  .modal-map-st2 .map-content .map-box-head {
    flex-wrap: wrap; }
    .modal-map-st2 .map-content .map-box-head h3 {
      width: calc(100% - 60px);
      font-size: 14px; }
    .modal-map-st2 .map-content .map-box-head .btn-st2 {
      margin-right: auto; } }
@media (max-width: 479px) {
  .modal {
    top: 20px; }
    .modal > h3 {
      font-size: 30px; }

  .half {
    flex-wrap: wrap; }

  .check-field > .phone-wrap > div {
    width: 100%; } }
@media (max-width: 375px) {
  .modal {
    padding: 15px 10px; }
    .modal > p {
      padding: 0 5px; }
    .modal .form-field {
      padding-right: 5px;
      padding-left: 5px; }
    .modal .call-us {
      margin-right: 5px;
      margin-left: 5px; }

  .modal-info-team .modal-team-body .watch-video .link-st3 {
    font-size: 12px; } }
/*@keyframes around {
    from {
    	@include rotage(0deg);
    }
    to {
        @include rotage(360deg);
    }
}
@-webkit-keyframes around {
    from {
    	-webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes around {
    from {
        @include rotage(0deg);
    }
    to {
        @include rotage(360deg);
    }
}
@-ms-keyframes around {
    from {
    	-ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}*/
.wrap-title-banner-top {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 15px;
  padding-top: 11%; }
  .wrap-title-banner-top h1, .wrap-title-banner-top h2 {
    font-family: 'Reenie Beanie', cursive;
    font-size: 81px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    font-weight: normal;
    text-align: center;
    z-index: 1; }
  .wrap-title-banner-top p {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    z-index: 1; }

#booking-widget-homepage {
  position: absolute;
  bottom: 50px;
  width: 100%;
  z-index: 8; }
  #booking-widget-homepage .form-banner-top {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 80%;
    margin: 0 auto;
    background-color: #e6ddcc; }
    #booking-widget-homepage .form-banner-top > div {
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px;
      margin-top: 15px;
      margin-bottom: 15px;
      border-right: 1px solid #cecece; }
      #booking-widget-homepage .form-banner-top > div input {
        width: 90%;
        border: none;
        color: #885916;
        cursor: pointer; }
      #booking-widget-homepage .form-banner-top > div select {
        color: #885916;
        width: 100%; }
    #booking-widget-homepage .form-banner-top .booking-step-where {
      position: relative;
      width: 21%; }
      #booking-widget-homepage .form-banner-top .booking-step-where .value {
        top: calc(100% + 15px); }
        #booking-widget-homepage .form-banner-top .booking-step-where .value .btn-value .map-marker {
          margin-right: 8px;
          font-size: 15px;
          color: #bdb316;
          -webkit-transition: all 0.25s linear;
          -moz-transition: all 0.25s linear;
          -o-transition: all 0.25s linear;
          -ms-transition: all 0.25s linear;
          transition: all 0.25s linear; }
        #booking-widget-homepage .form-banner-top .booking-step-where .value .btn-value:hover .map-marker {
          color: #ad6816; }
    #booking-widget-homepage .form-banner-top .booking-step-when {
      position: relative;
      width: 21%; }
      #booking-widget-homepage .form-banner-top .booking-step-when .value {
        top: calc(100% + 15px); }
        #booking-widget-homepage .form-banner-top .booking-step-when .value .btn-value {
          padding-left: 15px; }
          #booking-widget-homepage .form-banner-top .booking-step-when .value .btn-value .icon-font:first-child {
            display: inline-block;
            width: 10%;
            margin-right: 8px;
            font-size: 15px;
            color: #bdb316;
            -webkit-transition: all 0.25s linear;
            -moz-transition: all 0.25s linear;
            -o-transition: all 0.25s linear;
            -ms-transition: all 0.25s linear;
            transition: all 0.25s linear; }
          #booking-widget-homepage .form-banner-top .booking-step-when .value .btn-value:hover .icon-font:first-child {
            color: #ad6816; }
    #booking-widget-homepage .form-banner-top .booking-step-room {
      position: relative;
      width: 18%; }
      #booking-widget-homepage .form-banner-top .booking-step-room .value-2 {
        top: calc(100% + 15px); }
    #booking-widget-homepage .form-banner-top .booking-step-promo {
      position: relative;
      width: 22%;
      border-right: none; }
      #booking-widget-homepage .form-banner-top .booking-step-promo .value {
        top: calc(100% + 15px); }
        #booking-widget-homepage .form-banner-top .booking-step-promo .value .btn-value {
          padding-left: 15px; }
    #booking-widget-homepage .form-banner-top .booking-step-submit {
      width: 18%;
      border-right: none;
      padding: 0;
      margin: 0;
      flex-grow: 1; }
      #booking-widget-homepage .form-banner-top .booking-step-submit button {
        width: 100%;
        height: 100%; }
  #booking-widget-homepage > button {
    display: none; }

.select-st1 select, .select-st2 select {
  position: absolute;
  visibility: hidden; }

.booking-st1 .text strong {
  font-weight: normal; }

.value-2 {
  width: 100%;
  position: absolute;
  left: 0;
  background-color: #f9f6f1;
  border: 1px solid #d2c5ae;
  display: none;
  z-index: 2; }
  .value-2 > div {
    padding: 10px 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .value-2 > div strong {
      font-size: 14px; }
    .value-2 > div span {
      text-align: center;
      font-size: 10px;
      padding-right: 3px;
      padding-left: 3px;
      color: #b3350a; }
    .value-2 > div button {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1;
      flex-shrink: 0;
      border: 1px solid #dcd1bd;
      color: #bb7c66; }
      .value-2 > div button:hover {
        border-color: #b3350a;
        color: #b3350a; }
    .value-2 > div .btn-up {
      font-size: 18px; }
    .value-2 > div .btn-down {
      padding-bottom: 5px;
      font-size: 24px; }
    .value-2 > div input {
      position: absolute;
      visibility: hidden; }
  .value-2 .room-cruise {
    flex-wrap: wrap;
    justify-content: flex-start; }

.text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 20px; }
  .text b {
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 85%;
    color: #b3350a;
    font-size: 13px; }
  .text .select-arrow-thin {
    font-size: 8px;
    margin-left: 5px; }
  .text .icon-font:first-child {
    font-size: 16px;
    margin-right: 5px;
    color: #895a36; }
  .text .icon-font:last-child {
    color: #895a36; }

.value {
  max-height: 245px;
  width: 100%;
  position: absolute;
  left: 0;
  overflow-y: scroll;
  background-color: #f9f6f1;
  border: 1px solid #d2c5ae;
  display: none;
  z-index: 2; }
  .value span {
    display: block;
    padding-top: 12px;
    padding-bottom: 6px;
    padding-left: 15px;
    color: #888;
    cursor: auto; }
  .value > li .btn-value {
    padding: 10px 10px 10px 18px;
    width: 100%;
    display: flex;
    align-items: center; }
    .value > li .btn-value > b {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 85%; }
    .value > li .btn-value .checkmark {
      font-size: 15px;
      margin-left: auto;
      color: #d2c5ae;
      opacity: 0; }
    .value > li .btn-value:hover {
      background-color: #ececec; }
  .value > li .btn-value.checked .checkmark {
    opacity: 1; }

.best-support .container .col-xlg-3, .best-support .container .col-xlg-4 {
  position: relative;
  padding-bottom: 120px; }
.best-support article {
  position: absolute;
  bottom: 10px;
  z-index: 2;
  background: #e6ddcc url(../jpg/footer-bg.jpg) repeat;
  left: 0;
  padding-left: 15px;
  padding-right: 15px; }
  .best-support article h3 {
    font-size: 14px;
    font-weight: 600; }
  .best-support article .paragraph {
    line-height: 1.6;
    max-height: 31px;
    overflow-y: hidden;
    -webkit-transition: all 1.5s linear;
    -moz-transition: all 1.5s linear;
    -o-transition: all 1.5s linear;
    -ms-transition: all 1.5s linear;
    transition: all 1.5s linear; }
  .best-support article:hover .paragraph {
    max-height: 500px; }

.wrap-map {
  padding-top: 15px; }
  .wrap-map .map-home {
    width: 100%;
    position: relative; }
    .wrap-map .map-home > .wrap-coo {
      position: absolute;
      z-index: 2;
      background-color: transparent;
      box-shadow: inset 0 0 100px 20px #d7ccb8;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .wrap-map .map-home > .wrap-coo .map-coo .icon-map-mekong {
        font-size: 44px;
        display: inline-block;
        animation: moveToUp 0.8s infinite;
        -moz-animation: moveToUp 0.8s infinite;
        -webkit-animation: moveToUp 0.8s infinite;
        -o-animation: moveToUp 0.8s infinite; }
      .wrap-map .map-home > .wrap-coo .map-coo .icon-map-mekong:before {
        color: #bb7214; }
      .wrap-map .map-home > .wrap-coo .map-coo:hover .icon-map-mekong:before {
        color: #895a36; }
      .wrap-map .map-home > .wrap-coo .map-coo-active .icon-map-mekong:before {
        color: #895a36; }
      .wrap-map .map-home > .wrap-coo .map-coo-active .box-tooltip-map {
        visibility: visible;
        opacity: 1;
        bottom: calc(100% + 20px); }
        .wrap-map .map-home > .wrap-coo .map-coo-active .box-tooltip-map .paragraph {
          font-size: 12px;
          font-family: inherit;
          line-height: 1.8; }
        .wrap-map .map-home > .wrap-coo .map-coo-active .box-tooltip-map h4 {
          font-size: 12px;
          text-transform: none;
          margin-bottom: 10px;
          margin-top: 10px; }
          .wrap-map .map-home > .wrap-coo .map-coo-active .box-tooltip-map h4 .icon-font {
            font-size: 6px;
            display: inline-block;
            margin-left: 5px;
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            color: inherit; }
          .wrap-map .map-home > .wrap-coo .map-coo-active .box-tooltip-map h4 a {
            color: inherit; }
          .wrap-map .map-home > .wrap-coo .map-coo-active .box-tooltip-map h4:hover {
            color: #969e02; }
      .wrap-map .map-home > .wrap-coo #map-coo-1 {
        top: 11.8%;
        left: 14.25%; }
      .wrap-map .map-home > .wrap-coo #map-coo-2 {
        top: 21.9%;
        left: 43.31%; }
      .wrap-map .map-home > .wrap-coo #map-coo-3 {
        top: 29.1%;
        left: 46.9%; }
      .wrap-map .map-home > .wrap-coo #map-coo-4 {
        top: 2.5%;
        left: 77.3%; }
      .wrap-map .map-home > .wrap-coo #map-coo-5 {
        top: 37%;
        left: 56%; }
      .wrap-map .map-home > .wrap-coo #map-coo-6 {
        top: 46.2%;
        left: 48.8%; }
      .wrap-map .map-home > .wrap-coo #map-coo-7 {
        top: 54.6%;
        left: 52.48%; }
      .wrap-map .map-home > .wrap-coo #map-coo-8 {
        top: 55.5%;
        left: 59.1%; }
      .wrap-map .map-home > .wrap-coo #map-coo-9 {
        top: 60.1%;
        left: 53.84%; }
      .wrap-map .map-home > .wrap-coo #map-coo-10 {
        top: 63.8%;
        left: 55.25%; }
      .wrap-map .map-home > .wrap-coo #map-coo-11 {
        top: 66.8%;
        left: 56.7%; }
      .wrap-map .map-home > .wrap-coo #map-coo-12 {
        top: 67.3%;
        left: 44.9%; }
      .wrap-map .map-home > .wrap-coo #map-coo-13 {
        top: 74.8%;
        left: 52.85%; }
      .wrap-map .map-home > .wrap-coo #map-coo-14 {
        top: 2.8%;
        left: 56.43%; }

.wrap-map-st2 {
  padding-top: 15px; }
  .wrap-map-st2 .map-home {
    width: 100%;
    position: relative; }
    .wrap-map-st2 .map-home > .wrap-coo {
      position: absolute;
      z-index: 2;
      background-color: transparent;
      box-shadow: inset 0 0 100px 50px #fff;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .wrap-map-st2 .map-home > .wrap-coo .map-coo {
        background-image: url("../svg/icon-des-yellow.svg"); }
      .wrap-map-st2 .map-home > .wrap-coo .map-coo-active {
        background-image: url("../svg/icon-des-black.svg") !important; }
      .wrap-map-st2 .map-home > .wrap-coo #map-coo-1 {
        top: 39.4%;
        left: 58.5%; }
      .wrap-map-st2 .map-home > .wrap-coo #map-coo-2 {
        top: 68.4%;
        left: 64%; }
      .wrap-map-st2 .map-home > .wrap-coo #map-coo-3 {
        top: 42.8%;
        left: 63.8%; }
      .wrap-map-st2 .map-home > .wrap-coo #map-coo-4 {
        top: 91.8%;
        left: 77%; }
      .wrap-map-st2 .map-home > .wrap-coo #map-coo-5 {
        top: 27.5%;
        left: 62.3%; }
      .wrap-map-st2 .map-home > .wrap-coo #map-coo-6 {
        top: 51%;
        left: 59.8%; }
      .wrap-map-st2 .map-home > .wrap-coo #map-coo-7 {
        top: 34.8%;
        left: 55.1%; }
      .wrap-map-st2 .map-home > .wrap-coo #map-coo-8 {
        top: 26%;
        left: 53.9%; }
      .wrap-map-st2 .map-home > .wrap-coo #map-coo-9 {
        top: 21.4%;
        left: 54.8%; }
      .wrap-map-st2 .map-home > .wrap-coo #map-coo-10 {
        top: 23.4%;
        left: 65.4%; }
    .wrap-map-st2 .map-home .synch-carousels {
      width: 30%;
      height: 70%;
      min-height: 480px;
      position: absolute;
      top: 10%;
      left: 5%;
      z-index: 4;
      background-color: #e6ddcc; }
      .wrap-map-st2 .map-home .synch-carousels .item {
        width: 100%;
        height: 100%;
        text-align: center; }
        .wrap-map-st2 .map-home .synch-carousels .item > a:first-child {
          display: block;
          width: 100%; }
        .wrap-map-st2 .map-home .synch-carousels .item article {
          width: 100%;
          padding-left: 15px;
          padding-right: 15px;
          text-align: center; }
          .wrap-map-st2 .map-home .synch-carousels .item article h3 {
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 500;
            color: #111; }
          .wrap-map-st2 .map-home .synch-carousels .item article h4 {
            font-size: 24px;
            font-family: 'Reenie Beanie', cursive;
            font-weight: 400; }
      .wrap-map-st2 .map-home .synch-carousels .nav-arrows {
        bottom: 10px; }
        .wrap-map-st2 .map-home .synch-carousels .nav-arrows button {
          bottom: 0; }
          .wrap-map-st2 .map-home .synch-carousels .nav-arrows button .select-arrow-thin {
            font-size: 12px; }
        .wrap-map-st2 .map-home .synch-carousels .nav-arrows .arrow-left {
          margin-left: 20%; }
        .wrap-map-st2 .map-home .synch-carousels .nav-arrows .arrow-right {
          margin-right: 20%; }
        .wrap-map-st2 .map-home .synch-carousels .nav-arrows span > strong {
          font-weight: 400; }

.map-home-mobile {
  display: none; }

.list-trip {
  padding-top: 30px; }
  .list-trip .container {
    align-items: stretch; }
    .list-trip .container .col-xlg-4 {
      margin-top: 15px;
      margin-bottom: 50px; }

.fab-box {
  position: fixed;
  z-index: 104; }
  .fab-box a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #895a36; }
    .fab-box a span {
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0; }
    .fab-box a .icon-font {
      font-size: 24px;
      margin-bottom: 5px; }

.section-blog .col-xlg-4 {
  margin-top: 15px;
  margin-bottom: 15px; }
  .section-blog .col-xlg-4 a {
    display: block;
    position: relative;
    opacity: .8;
    width: 100%; }
    .section-blog .col-xlg-4 a > div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      padding-bottom: 15px;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.85)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.85) 90%);
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.85) 90%);
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.85) 90%);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.85) 90%); }
    .section-blog .col-xlg-4 a:hover {
      opacity: 1; }
  .section-blog .col-xlg-4 h3 {
    width: 100%;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left; }
  .section-blog .col-xlg-4 .desti {
    color: #bdb316;
    font-weight: 500;
    text-transform: uppercase; }
.section-blog .view-more-wrap {
  margin-bottom: 0; }
  .section-blog .view-more-wrap .link-st3 {
    margin-bottom: 0;
    margin-top: 30px; }

@media (min-width: 992px) {
  .fab-box {
    top: 50%;
    right: -46px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: right .3s linear;
    -webkit-transition: right .3s linear;
    -moz-transition: right .3s linear;
    -o-transition: right 0.3s linear;
    -ms-transition: right .3s linear; }
    .fab-box a {
      overflow: hidden;
      width: 46px;
      height: 60px;
      transition: width .3s linear;
      -webkit-transition: width .3s linear;
      -moz-transition: width .3s linear;
      -o-transition: width .3s linear;
      -ms-transition: width .3s linear; }
      .fab-box a span {
        transition: opacity .3s;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -o-transition: opacity .3s;
        -ms-transition: opacity .3s;
        opacity: 0; }
    .fab-box:hover a {
      width: 70px; }
      .fab-box:hover a span {
        opacity: 1; } }
@media (max-width: 1351px) {
  .wrap-map .map-home > .wrap-coo .map-coo .icon-map-mekong {
    font-size: 40px; } }
@media (max-width: 1199px) {
  #booking-widget-homepage > .form-banner-top {
    display: none; }
  #booking-widget-homepage > button {
    display: block;
    margin: 0 auto;
    max-width: 280px;
    width: 90%;
    height: 50px; }

  .wrap-map {
    padding-bottom: 70px; }
    .wrap-map .map-home > .wrap-coo .map-coo .icon-map-mekong {
      font-size: 30px; }
    .wrap-map .map-home .synch-carousels {
      width: 40%;
      left: 10px;
      top: 5px; }

  .wrap-map-st2 {
    padding-bottom: 70px; }
    .wrap-map-st2 .map-home .synch-carousels {
      width: 40%;
      left: 10px;
      top: 5px; } }
@media (max-width: 991px) {
  .wrap-map .map-home > .wrap-coo .map-coo .icon-map-mekong {
    font-size: 22px; }
  .wrap-map .map-home > .wrap-coo .tooltip > a > span {
    left: 8px; }

  .wrap-map-st2 .map-home .synch-carousels {
    min-height: auto;
    height: auto;
    padding-bottom: 15px; }
    .wrap-map-st2 .map-home .synch-carousels .item article .paragraph {
      font-size: 11px; }
    .wrap-map-st2 .map-home .synch-carousels .nav-arrows {
      bottom: auto;
      top: 0;
      z-index: 4;
      padding-top: 10px;
      padding-bottom: 10px;
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
      background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 50%);
      background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 50%);
      background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 50%);
      background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 50%); }
      .wrap-map-st2 .map-home .synch-carousels .nav-arrows button .select-arrow-thin {
        color: #fff; }
      .wrap-map-st2 .map-home .synch-carousels .nav-arrows .arrow-left {
        margin-left: 10%; }
      .wrap-map-st2 .map-home .synch-carousels .nav-arrows .arrow-right {
        margin-right: 10%; }
      .wrap-map-st2 .map-home .synch-carousels .nav-arrows span {
        color: #fff; }
  .wrap-map-st2 .map-home > .wrap-coo .tooltip > a > span {
    left: 8px; }

  .fab-box {
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 500px;
    transition: bottom .3s linear;
    -webkit-transition: bottom .3s linear;
    -moz-transition: bottom .3s linear;
    -o-transition: bottom .3s linear;
    -ms-transition: bottom .3s linear; }
    .fab-box a {
      width: 33.333%;
      height: 50px;
      border-right: 1px solid rgba(255, 255, 255, 0.8); }
      .fab-box a:last-child {
        border-right: none; } }
@media (max-width: 767px) {
  .wrap-title-banner-top {
    padding-top: 22%; }
    .wrap-title-banner-top h1, .wrap-title-banner-top h2 {
      font-size: 74px; }
    .wrap-title-banner-top p {
      font-size: 14px; }

  #booking-widget-homepage {
    bottom: 30px; }

  .wrap-map {
    padding: 0;
    margin-top: 15px; }
    .wrap-map .map-home {
      display: none; }

  .wrap-map-st2 {
    padding: 0;
    margin-top: 15px; }
    .wrap-map-st2 .map-home > img {
      display: none; }
    .wrap-map-st2 .map-home .synch-carousels {
      width: 65%;
      margin: 0 auto;
      top: 10%;
      left: 0;
      position: relative; }
    .wrap-map-st2 .map-home .wrap-coo {
      display: none; }

  .map-home-mobile {
    display: block; }
    .map-home-mobile .col-sm-6 {
      position: relative;
      margin-top: 10px;
      display: block; }
      .map-home-mobile .col-sm-6:nth-child(odd) {
        padding-right: 7px;
        padding-left: 15px; }
        .map-home-mobile .col-sm-6:nth-child(odd) > div:last-child {
          left: 15px; }
        .map-home-mobile .col-sm-6:nth-child(odd):after {
          right: 7px;
          left: 15px; }
      .map-home-mobile .col-sm-6:nth-child(even) {
        padding-left: 7px;
        padding-right: 15px; }
        .map-home-mobile .col-sm-6:nth-child(even) > div:last-child {
          left: 7px; }
        .map-home-mobile .col-sm-6:nth-child(even):after {
          left: 7px;
          right: 15px; }
      .map-home-mobile .col-sm-6 > div {
        width: 100%; }
        .map-home-mobile .col-sm-6 > div img {
          -webkit-filter: brightness(60%);
          filter: brightness(60%); }
        .map-home-mobile .col-sm-6 > div:last-child {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          align-content: center;
          position: absolute;
          padding: 15px;
          height: 100%;
          width: calc(100% - 22px);
          z-index: 5;
          top: 0; }
          .map-home-mobile .col-sm-6 > div:last-child h3, .map-home-mobile .col-sm-6 > div:last-child h4 {
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
            margin-top: 0;
            text-align: center;
            width: 100%; }
      .map-home-mobile .col-sm-6:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        border: 0px;
        border-radius: 0;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear; }
    .map-home-mobile .col-sm-6.active-hover {
      opacity: 1; }
      .map-home-mobile .col-sm-6.active-hover img {
        opacity: 1; }
      .map-home-mobile .col-sm-6.active-hover:after {
        top: 15px;
        bottom: 15px;
        border-radius: 50% 50% 0px 50%;
        border: 1px solid rgba(207, 172, 27, 0.8); }
      .map-home-mobile .col-sm-6.active-hover:nth-child(odd):after {
        right: 22px;
        left: 30px; }
      .map-home-mobile .col-sm-6.active-hover:nth-child(even):after {
        left: 22px;
        right: 30px; }

  .section-blog .col-xlg-4 .paragraph {
    padding-left: 0;
    padding-right: 0; }

  .best-support article .paragraph {
    padding-left: 0;
    padding-right: 0; } }
@media (max-width: 479px) {
  .wrap-title-banner-top {
    padding-top: 29%; }
    .wrap-title-banner-top h1, .wrap-title-banner-top h2 {
      font-size: 46px; }

  .wrap-map-st2 .map-home .synch-carousels {
    width: 90%; }

  .best-support .col-xlg-3 {
    padding-bottom: 80px; }
  .best-support article .paragraph {
    max-height: 27px; }

  #booking-widget-homepage {
    bottom: 20px; }

  .value-2 > div span {
    padding-right: 6px;
    padding-left: 6px; } }
@media (max-width: 375px) {
  .wrap-title-banner-top {
    padding-top: 29%; }
    .wrap-title-banner-top h1, .wrap-title-banner-top h2 {
      font-size: 48px; }
    .wrap-title-banner-top p {
      font-size: 10px; }

  .value-2 > div span {
    padding-right: 3px;
    padding-left: 3px; } }
.bg-country {
  background-image: url("../jpg/bg-country.jpg");
  height: 100%;
  -webkit-filter: brightness(60%);
  filter: brightness(60%); }

.banner-top-country-tour {
  height: 610px; }

.wrap-title-banner-top-line {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 2;
  padding: 15px;
  position: absolute;
  bottom: 100px; }
  .wrap-title-banner-top-line .line {
    margin-bottom: 0; }
  .wrap-title-banner-top-line h1, .wrap-title-banner-top-line h2 {
    font-size: 30px;
    font-weight: 400;
    margin-top: 0;
    line-height: 1;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
    z-index: 2; }
  .wrap-title-banner-top-line p {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    z-index: 2; }
  .wrap-title-banner-top-line .heart-tour {
    font-size: 40px; }

.wrap-slide-sp {
  width: 100%;
  margin-top: 30px; }
  .wrap-slide-sp .synch-carousels {
    box-shadow: none; }
    .wrap-slide-sp .synch-carousels .nav-arrows {
      top: 40%;
      z-index: inherit; }
      .wrap-slide-sp .synch-carousels .nav-arrows .arrow-left {
        margin-left: 20px;
        z-index: 4; }
      .wrap-slide-sp .synch-carousels .nav-arrows .arrow-right {
        margin-right: 20px;
        z-index: 4; }
  .wrap-slide-sp .gallery {
    width: 95%;
    margin: 0 auto; }
  .wrap-slide-sp .item {
    position: relative;
    padding-bottom: 95px;
    padding-right: 15px;
    padding-left: 15px; }
    .wrap-slide-sp .item > img {
      border-radius: 50%;
      max-width: 160px;
      margin-left: auto;
      margin-right: auto; }
    .wrap-slide-sp .item article {
      position: absolute;
      bottom: 10px;
      left: 0;
      z-index: 2;
      background: #e6ddcc url(../jpg/footer-bg.jpg) repeat;
      padding-right: 15px;
      padding-left: 15px;
      max-height: 92px;
      overflow-y: hidden;
      -webkit-transition: all 1.5s linear;
      -moz-transition: all 1.5s linear;
      -o-transition: all 1.5s linear;
      -ms-transition: all 1.5s linear;
      transition: all 1.5s linear;
      cursor: pointer; }
      .wrap-slide-sp .item article h3 {
        font-size: 14px;
        font-weight: 600;
        text-align: center; }
      .wrap-slide-sp .item article .paragraph {
        line-height: 1.6; }
      .wrap-slide-sp .item article:hover {
        max-height: 500px; }

.wrap-slide-st6 {
  width: 100%;
  margin-top: 10px; }
  .wrap-slide-st6 .synch-carousels {
    box-shadow: none; }
    .wrap-slide-st6 .synch-carousels .nav-arrows {
      top: 40%;
      z-index: inherit; }
      .wrap-slide-st6 .synch-carousels .nav-arrows .arrow-left {
        margin-left: 20px;
        z-index: 4; }
      .wrap-slide-st6 .synch-carousels .nav-arrows .arrow-right {
        margin-right: 20px;
        z-index: 4; }
  .wrap-slide-st6 .gallery {
    width: 95%;
    margin: 0 auto; }
  .wrap-slide-st6 .item {
    padding-right: 15px;
    padding-left: 15px; }
    .wrap-slide-st6 .item > img {
      border-radius: 50%;
      width: 160px;
      height: 160px;
      margin-left: auto;
      margin-right: auto; }
    .wrap-slide-st6 .item article h3 {
      font-size: 14px;
      font-weight: 600;
      text-align: center; }
    .wrap-slide-st6 .item article .paragraph {
      line-height: 1.6; }
    .wrap-slide-st6 .item .box-hidden {
      max-height: 90px; }
    .wrap-slide-st6 .item .read-more-st2 {
      text-align: center; }
      .wrap-slide-st6 .item .read-more-st2 .link-st3 {
        margin-top: 10px; }

.intro-country-tour .paragraph-hide {
  max-height: 95px;
  width: 80%; }
.intro-country-tour .paragraph:first-child {
  margin-bottom: 15px; }
.intro-country-tour .read-more-st1 a {
  margin-top: 15px; }

.list-highlight-tour .wrap-mini-intro .title-h2 {
  font-family: 'Reenie Beanie', cursive;
  font-size: 35px;
  color: #000;
  margin-bottom: 30px;
  text-transform: none; }
.list-highlight-tour .read-more-st1 {
  display: none; }
.list-highlight-tour .container.paragraph-hide {
  max-height: none;
  line-height: inherit; }
.list-highlight-tour .container .col-xlg-6 {
  margin-top: 15px;
  margin-bottom: 15px; }
  .list-highlight-tour .container .col-xlg-6 .read-more-st2 .link-st3 {
    margin-top: 10px; }

.wrap-icon-highlight {
  width: 80px;
  height: 80px;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto; }
  .wrap-icon-highlight img {
    max-height: 90%;
    object-fit: unset; }

.wrap-guide .container {
  margin-top: 15px; }
.wrap-guide .container.paragraph-hide {
  max-height: none;
  line-height: inherit; }
.wrap-guide .read-more-st1 {
  display: none; }

.wrap-icon-guide {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f4f4f4; }
  .wrap-icon-guide img {
    max-height: 60%;
    max-width: 90%;
    object-fit: unset; }

.wrap-guide-step {
  text-align: center;
  position: relative;
  padding-bottom: 115px;
  margin-top: 30px; }
  .wrap-guide-step h3 {
    font-weight: 600;
    font-size: 14px; }
  .wrap-guide-step article {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    background: #e6ddcc url(../jpg/footer-bg.jpg) repeat;
    max-height: 105px;
    overflow-y: hidden;
    -webkit-transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;
    -o-transition: all 1.2s linear;
    -ms-transition: all 1.2s linear;
    transition: all 1.2s linear; }
    .wrap-guide-step article .paragraph {
      line-height: 1.6; }
    .wrap-guide-step article:hover {
      max-height: 400px; }

.list-faq {
  padding-top: 30px;
  padding-bottom: 50px; }

.wrap-faq {
  width: 70%;
  margin-left: auto;
  margin-right: auto; }
  .wrap-faq .order-day {
    border-radius: 20px;
    margin-top: 15px; }
    .wrap-faq .order-day > a:first-child, .wrap-faq .order-day > div:first-child {
      background-color: #e6ddcc;
      border-bottom: 1px solid #d5cab6; }
      .wrap-faq .order-day > a:first-child > img, .wrap-faq .order-day > div:first-child > img {
        width: 30px;
        margin-right: 10px; }
      .wrap-faq .order-day > a:first-child .icon-des-2, .wrap-faq .order-day > div:first-child .icon-des-2 {
        width: 30px;
        display: inline-block;
        margin-right: 10px; }
      .wrap-faq .order-day > a:first-child .icon-info, .wrap-faq .order-day > div:first-child .icon-info {
        color: #ccc; }
      .wrap-faq .order-day > a:first-child .night-img-cr, .wrap-faq .order-day > div:first-child .night-img-cr {
        flex-shrink: 0; }
        .wrap-faq .order-day > a:first-child .night-img-cr img, .wrap-faq .order-day > div:first-child .night-img-cr img {
          width: 100%;
          margin-right: 0; }
      .wrap-faq .order-day > a:first-child h3, .wrap-faq .order-day > div:first-child h3 {
        line-height: 1.4; }
      .wrap-faq .order-day > a:first-child:hover, .wrap-faq .order-day > div:first-child:hover {
        background-color: #e6ddcc; }
    .wrap-faq .order-day .panel .paragraph {
      margin-top: 0;
      margin-bottom: 0;
      padding: 10px;
      text-align: left; }
      .wrap-faq .order-day .panel .paragraph a {
        display: inline;
        color: #bdb316; }

.wrap-filter-st2 {
  width: 100%;
  margin: 15px auto 30px;
  padding-left: 15px;
  padding-right: 15px; }
  .wrap-filter-st2 .row {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .wrap-filter-st2 .select-st1 {
    width: 26.6666%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative; }
    .wrap-filter-st2 .select-st1 .text {
      background-color: #fff;
      height: 40px;
      padding-left: 10px;
      cursor: pointer; }
      .wrap-filter-st2 .select-st1 .text > .icon-font:first-child {
        color: #bdb316; }
      .wrap-filter-st2 .select-st1 .text b {
        font-weight: 600;
        font-size: 14px; }
      .wrap-filter-st2 .select-st1 .text .icon-dropdown {
        width: 35px;
        height: 100%;
        background-color: #bdb316;
        flex-shrink: 0;
        color: #fff; }
        .wrap-filter-st2 .select-st1 .text .icon-dropdown .select-arrow-thin {
          font-size: 6px;
          margin-left: 0; }
    .wrap-filter-st2 .select-st1 .value {
      width: calc(100% - 20px);
      left: 10px;
      z-index: 3; }
      .wrap-filter-st2 .select-st1 .value > li .btn-value {
        padding-right: 10px;
        padding-left: 10px; }
        .wrap-filter-st2 .select-st1 .value > li .btn-value .icon-font:first-child {
          margin-right: 8px;
          font-size: 15px;
          color: #bdb316;
          -webkit-transition: all 0.25s linear;
          -moz-transition: all 0.25s linear;
          -o-transition: all 0.25s linear;
          -ms-transition: all 0.25s linear;
          transition: all 0.25s linear; }
        .wrap-filter-st2 .select-st1 .value > li .btn-value:hover .icon-font:first-child {
          color: #ad6816; }
  .wrap-filter-st2 .filter-who-2 .value > li .btn-value .icon-font:first-child {
    font-size: 22px; }
    .wrap-filter-st2 .filter-who-2 .value > li .btn-value .icon-font:first-child:before {
      color: #bdb316; }
  .wrap-filter-st2 .filter-who-2 .value > li .btn-value:hover .icon-font:first-child:before {
    color: #ad6816; }
  .wrap-filter-st2 .filter-submit-2 {
    max-width: 20%;
    flex-grow: 1;
    padding-left: 10px;
    padding-right: 10px; }
    .wrap-filter-st2 .filter-submit-2 .btn-st3 {
      background-color: #bdb316;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 40px;
      max-height: 100%;
      letter-spacing: 3px;
      font-size: 12px; }
      .wrap-filter-st2 .filter-submit-2 .btn-st3 font {
        margin-left: 5px;
        font-size: 16px; }

@media (max-width: 1351px) {
  .banner-top-country-tour {
    height: 600px; } }
@media (max-width: 1199px) {
  .wrap-faq {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }

  .wrap-slide-sp .synch-carousels .nav-arrows {
    top: 110px; }
  .wrap-slide-sp .item {
    padding-bottom: 0; }
    .wrap-slide-sp .item article {
      position: static;
      padding-left: 0;
      padding-right: 0; } }
@media (max-width: 991px) {
  .banner-top-country-tour {
    height: 500px; }

  .wrap-slide-sp .synch-carousels .nav-arrows .arrow-left {
    margin-left: 0;
    left: -25px; }
  .wrap-slide-sp .synch-carousels .nav-arrows .arrow-right {
    margin-right: 0;
    right: -25px; }

  .wrap-slide-st6 .synch-carousels .nav-arrows .arrow-left {
    margin-left: 0;
    left: -25px; }
  .wrap-slide-st6 .synch-carousels .nav-arrows .arrow-right {
    margin-right: 0;
    right: -25px; }
  .wrap-slide-st6 .synch-carousels .item > img {
    width: 120px;
    height: 120px; }

  .wrap-filter-st2 .select-st1 {
    width: 33.333%; }
  .wrap-filter-st2 .filter-submit-2 {
    min-width: 170px;
    margin-top: 15px; } }
@media (max-width: 767px) {
  .banner-top-country-tour {
    height: 310px; }

  .wrap-title-banner-top-line {
    bottom: 80px; }
    .wrap-title-banner-top-line h1, .wrap-title-banner-top-line h2 {
      font-size: 22px;
      font-weight: 500; }
    .wrap-title-banner-top-line p {
      font-size: 14px; }
    .wrap-title-banner-top-line a img {
      width: 120px; }

  .wrap-slide-sp .synch-carousels .nav-arrows {
    display: none; }
  .wrap-slide-sp .gallery {
    width: 100%; }
    .wrap-slide-sp .gallery .slick-list {
      overflow: visible; }
  .wrap-slide-sp .item {
    padding-left: 5px;
    padding-right: 5px; }
    .wrap-slide-sp .item > img {
      width: 80px;
      height: 80px; }
    .wrap-slide-sp .item article {
      padding-right: 5px;
      padding-left: 5px; }
      .wrap-slide-sp .item article .paragraph {
        padding-right: 0;
        padding-left: 0; }

  .wrap-slide-st6 .synch-carousels .nav-arrows {
    display: none; }
  .wrap-slide-st6 .gallery {
    width: 100%; }
  .wrap-slide-st6 .item {
    padding-right: 5px;
    padding-left: 5px; }
    .wrap-slide-st6 .item article {
      padding-right: 5px;
      padding-left: 5px; }
      .wrap-slide-st6 .item article .paragraph {
        padding-right: 0;
        padding-left: 0; } }
@media (max-width: 479px) {
  .wrap-title-banner-top-line {
    bottom: 70px; }
    .wrap-title-banner-top-line p {
      font-size: 12px;
      width: 90%; }
    .wrap-title-banner-top-line .line:after {
      margin: 10px auto; }

  .list-highlight-tour .read-more-st1 {
    display: block; }
    .list-highlight-tour .read-more-st1 .link-st3 {
      margin-top: 15px; }
  .list-highlight-tour .container.paragraph-hide {
    max-height: 90px; }

  .wrap-guide .container.paragraph-hide {
    max-height: 90px; }
  .wrap-guide .read-more-st1 {
    display: block; }
    .wrap-guide .read-more-st1 .link-st3 {
      margin-top: 15px; }

  .wrap-guide-step {
    padding-bottom: 0; }
    .wrap-guide-step article {
      position: static;
      max-height: none; }

  .intro-country-tour .paragraph-hide {
    width: 100%; }

  .wrap-filter-st2 .select-st1 {
    width: 100%;
    margin-top: 15px; } }
@media (max-width: 375px) {
  .wrap-title-banner-top-line h1, .wrap-title-banner-top-line h2 {
    font-size: 25px; }
  .wrap-title-banner-top-line .line:after {
    margin: 5px auto; } }
.banner-top-country {
  position: relative;
  margin-top: 0; }
  .banner-top-country > img {
    -webkit-filter: brightness(70%);
    filter: brightness(70%); }
  .banner-top-country #booking-widget-homepage {
    bottom: 30%; }
  .banner-top-country .wrap-title-top-country {
    bottom: calc(30% + 115px); }

.wrap-title-top-country {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  z-index: 3;
  color: #fff; }
  .wrap-title-top-country h1, .wrap-title-top-country h2 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 42px;
    font-weight: normal;
    margin: 15px auto; }
  .wrap-title-top-country .btn-st2 {
    color: #fff;
    border-color: #fff; }

.pull-up {
  margin-top: 0;
  margin-bottom: 0; }

.foreground {
  width: 55%;
  margin: 0 auto;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.16);
  padding: 20px;
  transform: translateY(-220px);
  -moz-transform: translateY(-220px);
  -webkit-transform: translateY(-220px);
  -o-transform: translateY(-220px);
  -ms-transform: translateY(-220px);
  background-color: #e6ddcc; }
  .foreground > article {
    width: 100%;
    border: 2px solid #215B41;
    border-top: 1px solid #888;
    padding: 60px 21.5% 65px; }
  .foreground h3 {
    font-size: 16px;
    font-family: 'Theano Didot','Times New Roman', serif;
    letter-spacing: 2px;
    font-weight: 400;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px; }
  .foreground .paragraph-hide {
    text-align: center; }
  .foreground .link-st3 {
    margin-top: 15px; }

@media (max-width: 1199px) {
  .banner-top-country .wrap-title-top-country {
    bottom: calc(30% + 70px); }

  .foreground {
    width: 60%;
    transform: translateY(-190px);
    -moz-transform: translateY(-190px);
    -webkit-transform: translateY(-190px);
    -o-transform: translateY(-190px);
    -ms-transform: translateY(-190px); }
    .foreground > article {
      padding: 40px 15% 45px; }
    .foreground h3 {
      margin-top: 20px;
      margin-bottom: 20px; } }
@media (max-width: 991px) {
  .banner-top-country {
    overflow-x: hidden; }
    .banner-top-country > img {
      min-height: 440px;
      width: auto; }

  .foreground {
    width: 70%;
    transform: translateY(-120px);
    -moz-transform: translateY(-120px);
    -webkit-transform: translateY(-120px);
    -o-transform: translateY(-120px);
    -ms-transform: translateY(-120px); }
    .foreground > article {
      padding: 30px 12% 35px; } }
@media (max-width: 767px) {
  .wrap-title-top-country h1, .wrap-title-top-country h2 {
    font-size: 35px; }
  .wrap-title-top-country .pre-title {
    font-size: 14px; }

  .foreground {
    width: 85%; }
    .foreground > article {
      padding: 20px 12% 25px; } }
@media (max-width: 479px) {
  .wrap-title-top-country h1, .wrap-title-top-country h2 {
    margin: 10px 0; }

  .foreground {
    width: 90%; } }
.banner-top-contact {
  height: 580px;
  margin-top: 0;
  position: relative;
  background-color: rgba(0, 0, 0, 0.3); }

.wrap-contact-box, .wrap-contact-box-2 {
  border: 1px solid #cecece;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 40px;
  text-align: center; }
  .wrap-contact-box h2, .wrap-contact-box-2 h2 {
    width: 100%;
    font-size: 28px;
    letter-spacing: 2px;
    color: #111;
    line-height: 1;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400; }
  .wrap-contact-box > p, .wrap-contact-box-2 > p {
    padding: 0 15px; }
  .wrap-contact-box button[type="submit"], .wrap-contact-box-2 button[type="submit"] {
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    height: 44px; }
  .wrap-contact-box .call-us, .wrap-contact-box-2 .call-us {
    border-bottom: none; }
    .wrap-contact-box .call-us p, .wrap-contact-box-2 .call-us p {
      color: #bdb316;
      font-size: 22px;
      font-weight: 600; }
      .wrap-contact-box .call-us p a, .wrap-contact-box-2 .call-us p a {
        opacity: 1; }

.wrap-contact-box-2 {
  background-color: #f6f4f0;
  border: none; }
  .wrap-contact-box-2 .team-quote {
    width: 100%; }
  .wrap-contact-box-2 .team-mess {
    width: 100%; }
    .wrap-contact-box-2 .team-mess p {
      padding-right: 0;
      padding-left: 0; }

@media (max-width: 1351px) {
  .banner-top-contact {
    height: 560px; } }
@media (max-width: 991px) {
  .banner-top-contact {
    height: 370px; } }
@media (max-width: 767px) {
  .wrap-contact-box, .wrap-contact-box-2 {
    padding: 15px 20px; }
    .wrap-contact-box .call-us p, .wrap-contact-box-2 .call-us p {
      font-size: 18px; }

  .banner-top-contact {
    height: 320px; } }
@media (max-width: 375px) {
  .wrap-contact-box .call-us p, .wrap-contact-box-2 .call-us p {
    font-size: 14px; } }
.banner-top-detail {
  height: 715px; }

.bg-detail {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0; }
  .bg-detail img {
    -webkit-filter: brightness(65%);
    filter: brightness(65%);
    position: absolute;
    bottom: 0; }

.wrap-title-banner-detail {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 2;
  padding: 15px; }
  .wrap-title-banner-detail h1, .wrap-title-banner-detail h2 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 1.1;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 2;
    text-align: center; }
  .wrap-title-banner-detail .detail-subtitle-box {
    z-index: 2; }

.detail-subtitle-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .detail-subtitle-box .subtitle {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px; }
  .detail-subtitle-box .heart-tour {
    font-size: 40px; }
  .detail-subtitle-box .price {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 15px; }
  .detail-subtitle-box .btn-st2 {
    font-size: 14px;
    color: #fff;
    border-color: #fff;
    opacity: .8; }
    .detail-subtitle-box .btn-st2:hover {
      opacity: 1;
      background-color: rgba(200, 200, 200, 0.2); }

.location-list {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start; }
  .location-list > a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    border-right: 1px solid #bdb316;
    text-align: center;
    font-weight: 500; }
    .location-list > a:last-child {
      border-right: none; }
  .location-list > div {
    font-size: 18px;
    color: #bdb316; }

.detail-location .wrap-slide-st4 {
  margin-top: 40px;
  margin-bottom: 30px; }
.detail-location .wrap-tooltip .tooltip {
  margin-left: 10px;
  margin-right: 10px; }
  .detail-location .wrap-tooltip .tooltip > .icon-font {
    font-size: 40px; }
.detail-location .paragraph {
  width: 70%;
  font-size: 14px; }

.view-out {
  width: 100%;
  text-align: center; }
  .view-out .link-st3 {
    margin: 15px;
    text-transform: uppercase; }
    .view-out .link-st3 .icon-font {
      margin-left: 5px; }

.hightlight-tour {
  background-color: #f6f4f0;
  padding-top: 30px;
  padding-bottom: 70px; }

.content-hl-tour {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  --heightHlTour: 430px; }
  .content-hl-tour > div:first-child {
    width: 45%;
    padding-right: 15px;
    position: relative; }
    .content-hl-tour > div:first-child a {
      display: block;
      width: 100%; }
      .content-hl-tour > div:first-child a img {
        max-height: 210px; }
      .content-hl-tour > div:first-child a:first-child {
        margin-bottom: 10px; }
    .content-hl-tour > div:first-child .img-box {
      width: calc(100% - 15px); }
    .content-hl-tour > div:first-child .video-box {
      display: flex; }
  .content-hl-tour > div:nth-child(2) {
    width: 55%;
    padding-left: 15px; }
    .content-hl-tour > div:nth-child(2) p {
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 15px;
      display: flex; }
    .content-hl-tour > div:nth-child(2) .checkmark {
      color: #bdb316;
      font-size: 16px;
      margin-right: 10px; }
    .content-hl-tour > div:nth-child(2) > .div-hidden {
      max-height: calc(var(--heightHlTour) - 40px); }
    .content-hl-tour > div:nth-child(2) .read-more-st3 {
      padding-top: 20px;
      padding-left: 15px; }

.video-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .video-box .play-video {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 66px; }
  .video-box:hover .play-video {
    color: #bbb4b4; }

.img-box {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 10px;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); }
  .img-box .icon-font {
    margin-right: 5px; }
  .img-box strong {
    font-weight: 600; }
  .img-box:hover {
    opacity: 1;
    color: #bdb316; }

.section-map-day .wrap-mini-intro .paragraph {
  font-size: 16px;
  color: #bdb316;
  font-weight: 600; }

.loca-info-map {
  width: 550px;
  padding: 15px 0; }
  .loca-info-map > div:first-child {
    display: flex;
    justify-content: space-between; }
    .loca-info-map > div:first-child h5 {
      font-size: 16px;
      font-weight: 600;
      text-align: left; }
    .loca-info-map > div:first-child p {
      text-align: left;
      line-height: 1.2;
      margin-bottom: 10px; }
      .loca-info-map > div:first-child p span {
        color: #bdb316;
        font-weight: 600;
        margin-right: 5px; }
  .loca-info-map > div:last-child {
    margin-right: 15px;
    margin-left: 15px;
    text-align: right; }
    .loca-info-map > div:last-child a {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      height: 25px;
      padding-left: 20px;
      padding-right: 20px;
      background-color: #bdb316;
      color: #fff; }

.btn-day {
  position: absolute;
  left: 0;
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: calc(100% - 20px);
  height: 35px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.65)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 50%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 50%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 50%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 50%); }
  .btn-day .select-arrow-thin {
    font-size: 9px; }
  .btn-day:hover .select-arrow-thin {
    color: #ad6816; }

.btn-day-up {
  display: none;
  top: 0;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.btn-day-down {
  display: inline-flex;
  bottom: 0; }

.wrap-map-loca {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding-right: 15px;
  padding-left: 15px;
  margin: 30px 0; }
  .wrap-map-loca .left-daybyday {
    width: 23%;
    position: relative; }
    .wrap-map-loca .left-daybyday ul {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      height: 700px;
      width: 100%;
      overflow-y: auto;
      webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      /*fire fox 64*/ }
      .wrap-map-loca .left-daybyday ul::-webkit-scrollbar {
        width: 0px;
        height: 0px;
        background-color: transparent; }
      .wrap-map-loca .left-daybyday ul li {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .wrap-map-loca .left-daybyday ul li:last-child {
          flex-grow: 1; }
          .wrap-map-loca .left-daybyday ul li:last-child > div {
            border-top: 2px solid #fff;
            height: 100%;
            width: calc(100% - 20px);
            background-color: #f6f4f0; }
        .wrap-map-loca .left-daybyday ul li .triagle-st1 {
          height: 100%;
          width: 20px;
          background-color: #bdb316;
          visibility: hidden; }
        .wrap-map-loca .left-daybyday ul li a {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          width: calc(100% - 20px);
          border-top: 2px solid #fff;
          background-color: #f6f4f0;
          padding: 0 10px;
          height: 50px;
          color: #555; }
          .wrap-map-loca .left-daybyday ul li a span {
            font-weight: 500;
            font-size: 14px;
            letter-spacing: 1px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            text-transform: uppercase; }
            .wrap-map-loca .left-daybyday ul li a span b {
              color: #666; }
          .wrap-map-loca .left-daybyday ul li a .icon-font {
            font-size: 16px;
            margin-right: 5px;
            -webkit-transition: all 0.25s linear;
            -moz-transition: all 0.25s linear;
            -o-transition: all 0.25s linear;
            -ms-transition: all 0.25s linear;
            transition: all 0.25s linear;
            color: #bdb316;
            width: 32px;
            height: 32px;
            border: 1px solid;
            border-radius: 50%;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding-left: 2px;
            flex-shrink: 0; }
            .wrap-map-loca .left-daybyday ul li a .icon-font:before {
              color: inherit; }
          .wrap-map-loca .left-daybyday ul li a:hover {
            background-color: #bdb316;
            border-color: #bdb316;
            opacity: 1; }
            .wrap-map-loca .left-daybyday ul li a:hover span {
              color: #fff; }
              .wrap-map-loca .left-daybyday ul li a:hover span b {
                color: #fff; }
            .wrap-map-loca .left-daybyday ul li a:hover .icon-font {
              color: #fff; }
      .wrap-map-loca .left-daybyday ul li.active .triagle-st1 {
        visibility: visible !important; }
      .wrap-map-loca .left-daybyday ul li.active a {
        background-color: #bdb316;
        border-color: #bdb316; }
        .wrap-map-loca .left-daybyday ul li.active a span {
          color: #fff; }
          .wrap-map-loca .left-daybyday ul li.active a span b {
            color: #fff; }
        .wrap-map-loca .left-daybyday ul li.active a .icon-font {
          color: #fff; }
  .wrap-map-loca #map-tour {
    width: 77%;
    height: 700px;
    background-color: #f6f4f0; }

.wrap-detail-day {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 15px;
  padding-right: 15px; }
  .wrap-detail-day .detail-day {
    margin-top: 30px; }

.toggle-day > div {
  display: inline-flex;
  padding-left: 25px;
  padding-right: 25px;
  justify-content: space-between;
  align-items: center; }
  .toggle-day > div .icon-font {
    margin-right: 10px;
    font-size: 12px;
    color: #bdb316; }
  .toggle-day > div .link-st3 {
    font-size: 14px; }
  .toggle-day > div:hover .icon-font {
    color: #bdb316; }
  .toggle-day > div:hover .link-st3 {
    color: #bdb316; }
    .toggle-day > div:hover .link-st3:after {
      background-color: #bdb316; }

.detail-day {
  width: 100%; }
  .detail-day .order-day:last-child {
    margin-top: 40px; }
  .detail-day .order-day > a:first-child h3 {
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.order-day {
  width: 100%;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear; }
  .order-day > a:first-child, .order-day > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #f6f4f0;
    margin-top: 5px;
    padding: 10px;
    line-height: 1;
    color: #ad6816; }
    .order-day > a:first-child h3, .order-day > a:first-child h2, .order-day > div:first-child h3, .order-day > div:first-child h2 {
      font-weight: 600;
      font-size: 14px;
      flex-grow: 1; }
    .order-day > a:first-child > button, .order-day > div:first-child > button {
      display: block; }
      .order-day > a:first-child > button .select-arrow-thin, .order-day > div:first-child > button .select-arrow-thin {
        font-size: 10px; }
  .order-day > a.active > button {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .order-day .old-style, .order-day > .old-style:first-child {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 5px;
    padding: 10px 20px 10px 20px;
    border-radius: 20px;
    line-height: 1; }
    .order-day .old-style .icon-faq, .order-day > .old-style:first-child .icon-faq {
      width: 30px;
      display: inline-block;
      margin-right: 10px;
      font-size: 30px;
      color: #ECECEC; }
    .order-day .old-style h3, .order-day > .old-style:first-child h3 {
      font-weight: 600;
      font-size: 14px;
      flex-grow: 1;
      width: calc(100% - 40px);
      line-height: 1.4; }
    .order-day .old-style .paragraph, .order-day > .old-style:first-child .paragraph {
      padding-top: 10px;
      padding-right: 0;
      padding-left: 0;
      border-top: 1px dotted #c4ad99;
      text-align: left; }
      .order-day .old-style .paragraph a, .order-day > .old-style:first-child .paragraph a {
        color: #ad6816; }
      .order-day .old-style .paragraph a:hover, .order-day > .old-style:first-child .paragraph a:hover {
        color: #768035; }

.wrap-faq .order-day > .old-style:first-child {
  background-color: inherit;
  border-bottom: none; }
  .wrap-faq .order-day > .old-style:first-child:hover {
    background-color: inherit; }

.box-icon-img {
  display: block;
  width: 30px;
  margin-right: 10px; }
  .box-icon-img img {
    width: 100%;
    border-radius: 100px; }

.panel {
  width: 100%;
  display: none; }
  .panel > div {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
    border-bottom: 1px dotted #e2d8bf; }
    .panel > div .paragraph {
      margin-right: 0;
      margin-left: 0;
      text-align: left;
      font-size: 14px; }
    .panel > div:last-child {
      border-bottom: none; }
  .panel > article {
    width: 100%; }
    .panel > article > h3, .panel > article > h4 {
      font-size: 16px;
      color: #555;
      padding-left: 10px;
      padding-right: 10px;
      margin-top: 30px; }
    .panel > article > div {
      display: flex;
      flex-wrap: wrap;
      padding: 15px 0;
      border-bottom: 1px dotted #dcdcdc; }
      .panel > article > div .paragraph {
        margin-right: 0;
        margin-left: 0;
        text-align: left;
        font-size: 14px; }
      .panel > article > div:last-child {
        border-bottom: none; }
  .panel .activities .head-pn, .panel .meals .head-pn {
    display: block; }
    .panel .activities .head-pn > span, .panel .meals .head-pn > span {
      margin-right: 5px; }
    .panel .activities .head-pn > p, .panel .meals .head-pn > p {
      display: inline;
      line-height: 2;
      color: #885916;
      font-size: 14px;
      font-weight: 600; }
  .panel .accordion {
    padding-top: 0; }

.head-pn {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center; }
  .head-pn .icon-font {
    font-size: 18px;
    margin-right: 5px;
    color: #bdb316; }
  .head-pn span {
    font-size: 14px; }

.body-pn {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center; }
  .body-pn .wrap-tooltip {
    width: auto;
    margin: 0; }
  .body-pn .tooltip {
    opacity: 1; }
    .body-pn .tooltip .icon-font {
      font-size: 14px; }

.rank {
  display: inline-flex;
  align-items: center; }
  .rank > div {
    margin-right: 5px; }
  .rank > a {
    margin-right: 5px; }
  .rank .wrap-tripadvisor {
    display: inline-flex; }

.experience-suplier {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start; }
  .experience-suplier .head-pn {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
    padding-bottom: 15px;
    border-bottom: 1px dotted #dcdcdc; }
  .experience-suplier .row {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 15px;
    width: 100%; }
    .experience-suplier .row:last-child {
      margin-bottom: 0; }
  .experience-suplier .experience-img {
    display: block;
    width: 15%;
    padding-right: 15px;
    position: relative; }
    .experience-suplier .experience-img img {
      -webkit-filter: brightness(70%);
      filter: brightness(70%); }
    .experience-suplier .experience-img .count-img {
      font-size: 11px;
      right: 35px; }
    .experience-suplier .experience-img .enlarge {
      right: 20px;
      font-size: 10px; }
    .experience-suplier .experience-img:hover {
      opacity: 1; }
      .experience-suplier .experience-img:hover img {
        -webkit-filter: brightness(100%);
        filter: brightness(100%); }
      .experience-suplier .experience-img:hover .count-img {
        color: #bdb316; }
      .experience-suplier .experience-img:hover .enlarge {
        color: #bdb316; }
  .experience-suplier .experience-content {
    width: 85%;
    padding-left: 15px; }
    .experience-suplier .experience-content h4, .experience-suplier .experience-content h5 {
      margin-top: 0;
      color: #555;
      font-size: 14px;
      font-weight: 600; }
    .experience-suplier .experience-content .paragraph-hide {
      max-height: 35px; }
    .experience-suplier .experience-content .read-more-st1 {
      text-align: left; }
      .experience-suplier .experience-content .read-more-st1 .link-st3 {
        margin-top: 15px;
        font-size: 11px; }

.accordion .head-pn {
  display: flex;
  padding-top: 15px; }
  .accordion .head-pn span {
    font-weight: 500; }
    .accordion .head-pn span b {
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      .accordion .head-pn span b .external-link {
        font-size: 11px;
        color: #888;
        margin-left: 5px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear; }
  .accordion .head-pn > button {
    margin-left: auto; }
    .accordion .head-pn > button .select-arrow-thin {
      font-size: 10px;
      color: inherit; }
  .accordion .head-pn:hover {
    background-color: #fbfaf9; }
    .accordion .head-pn:hover > button .select-arrow-thin {
      color: #bdb316; }
    .accordion .head-pn:hover span b {
      color: #bdb316; }
      .accordion .head-pn:hover span b .external-link {
        color: #bdb316; }
.accordion .head-pn.active > button {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
.accordion .head-pn.active .plus:before {
  content: '\ea0b'; }
.accordion .row {
  display: none; }

.wrap-inclusion > div h3 {
  font-size: 14px; }
.wrap-inclusion > div article h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #bdb316; }
  .wrap-inclusion > div article h4 .icon-font {
    font-size: 14px;
    margin-right: 5px; }
.wrap-inclusion > div article p .checkmark {
  color: #bdb316; }
.wrap-inclusion > div p {
  line-height: 1.4;
  margin-bottom: 10px; }
  .wrap-inclusion > div p .checkmark {
    margin-right: 5px; }
.wrap-inclusion .inclusion {
  width: 72%;
  padding-right: 20%; }
.wrap-inclusion .exclusion {
  width: 28%; }
  .wrap-inclusion .exclusion p .checkmark {
    color: #888; }
  .wrap-inclusion .exclusion p:nth-child(2) {
    margin-top: 20px; }

.wrap-tailor-made-btn {
  width: 100%;
  max-width: 500px;
  text-align: center;
  padding-right: 15px;
  padding-left: 15px; }
  .wrap-tailor-made-btn .btn-st1 {
    width: 100%;
    height: 45px;
    background-color: #bdb316;
    color: #fff;
    font-size: 14px;
    font-weight: 700; }
    .wrap-tailor-made-btn .btn-st1 .icon-font {
      font-size: 16px;
      margin-right: 5px; }

.experience-box-st1 {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 15px;
  margin-right: auto; }
  .experience-box-st1 > a {
    display: block;
    width: 30%;
    border-radius: 8px; }
    .experience-box-st1 > a img {
      border-radius: 8px; }
  .experience-box-st1 .right-box {
    width: 70%;
    text-align: left;
    padding-left: 15px; }
    .experience-box-st1 .right-box h3 {
      font-size: 14px;
      margin-top: 0; }
      .experience-box-st1 .right-box h3 a {
        font-weight: 600; }
        .experience-box-st1 .right-box h3 a:hover {
          color: #bdb316; }
    .experience-box-st1 .right-box strong {
      color: #666;
      text-transform: uppercase; }
    .experience-box-st1 .right-box .desti {
      margin-top: 10px;
      font-size: 11px;
      text-transform: uppercase; }

.desti:before {
  background-color: #d0b316;
  content: " ";
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 140px 140px 0 140px;
  margin-right: 5px; }

.include-box {
  display: flex;
  flex-wrap: wrap; }
  .include-box .col-xlg-4, .include-box .col-xlg-6 {
    padding: 10px; }
    .include-box .col-xlg-4 > div, .include-box .col-xlg-6 > div {
      display: flex;
      padding: 20px;
      width: 100%;
      height: 100%;
      border: 1px solid #eee;
      cursor: pointer; }
      .include-box .col-xlg-4 > div > div:first-child, .include-box .col-xlg-6 > div > div:first-child {
        flex: 1 0 120px;
        padding-right: 20px;
        text-align: center; }
        .include-box .col-xlg-4 > div > div:first-child .icon-font, .include-box .col-xlg-6 > div > div:first-child .icon-font {
          font-size: 18px;
          color: rgba(0, 0, 0, 0.4); }
        .include-box .col-xlg-4 > div > div:first-child h3, .include-box .col-xlg-6 > div > div:first-child h3 {
          margin-top: 5px;
          margin-bottom: 0;
          display: inline-block;
          color: #555;
          font-weight: 600; }
          .include-box .col-xlg-4 > div > div:first-child h3:after, .include-box .col-xlg-6 > div > div:first-child h3:after {
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            background-color: #c1aa80;
            margin-top: 5px; }
      .include-box .col-xlg-4 > div > div:last-child, .include-box .col-xlg-6 > div > div:last-child {
        width: 100%;
        text-align: left; }
        .include-box .col-xlg-4 > div > div:last-child p, .include-box .col-xlg-6 > div > div:last-child p {
          line-height: 1.5; }
      .include-box .col-xlg-4 > div .read-more-st1, .include-box .col-xlg-6 > div .read-more-st1 {
        text-align: left; }
        .include-box .col-xlg-4 > div .read-more-st1 a, .include-box .col-xlg-6 > div .read-more-st1 a {
          margin-top: 15px;
          font-size: 11px; }
      .include-box .col-xlg-4 > div:hover, .include-box .col-xlg-6 > div:hover {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }

.current-box-container {
  align-items: center; }
  .current-box-container .col-xlg-4 {
    margin-top: 15px;
    margin-bottom: 30px; }

.current-box {
  background-color: rgba(227, 227, 227, 0.6);
  position: relative; }
  .current-box h3 {
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 20px;
    padding-top: 30px;
    color: #fff;
    line-height: 1.5; }
  .current-box:before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    border: 5px solid #fff;
    font-size: 16px;
    font-weight: 600;
    z-index: 2;
    width: 32px;
    height: 32px; }
  .current-box .btn-st1 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    font-size: 14px; }

.current-box-1 h3 {
  background-color: #bdb316; }
.current-box-1:before {
  content: '1';
  background-color: #bdb316; }
.current-box-1 .btn-st1 {
  background-color: #bdb316; }

.current-box-2 h3 {
  background-color: #96a089; }
.current-box-2:before {
  content: '2';
  background-color: #96a089; }
.current-box-2 .btn-st1 {
  background-color: #96a089; }
.current-box-2 .body-current-box p:first-child {
  margin-top: 40px; }
.current-box-2 .body-current-box p:last-child {
  margin-bottom: 40px; }

.current-box-3 h3 {
  background-color: #96a089; }
.current-box-3:before {
  content: '3';
  background-color: #96a089; }
.current-box-3 .btn-st1 {
  background-color: #96a089; }
.current-box-3 .body-current-box p:first-child {
  margin-top: 40px; }
.current-box-3 .body-current-box p:last-child {
  margin-bottom: 40px; }

.body-current-box .icon-tick {
  width: 100px;
  display: block;
  margin-right: auto;
  margin-left: auto; }
.body-current-box p {
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px; }
  .body-current-box p .icon-font {
    margin-right: 5px;
    color: #bdb316; }
  .body-current-box p a {
    display: inline; }
.body-current-box .price-trip-box {
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 15px; }
  .body-current-box .price-trip-box > span {
    margin-left: unset; }
    .body-current-box .price-trip-box > span strong {
      font-size: 22px; }
.body-current-box .wrap-more-inclusions {
  display: none; }

.wrap-more-inclusions a {
  font-weight: normal; }
.wrap-more-inclusions .icon-font {
  margin-left: 5px;
  color: #bdb316; }

@media (max-width: 1351px) {
  .banner-top-detail {
    height: 639px; } }
@media (max-width: 1199px) {
  .banner-top-detail {
    height: 550px; }

  .wrap-inclusion .inclusion {
    padding-right: 15px; } }
@media (max-width: 991px) {
  .banner-top-detail {
    height: 388px; }

  .wrap-title-banner-detail h1, .wrap-title-banner-detail h2 {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 0; }

  .content-hl-tour {
    flex-wrap: wrap;
    --heightHlTour: 286px; }
    .content-hl-tour > div:first-child {
      width: 100%;
      padding-left: 15px;
      margin-bottom: 15px; }
      .content-hl-tour > div:first-child a img {
        max-height: none; }
      .content-hl-tour > div:first-child a:first-child {
        margin-bottom: 0; }
      .content-hl-tour > div:first-child a:nth-child(2) {
        display: none; }
      .content-hl-tour > div:first-child .img-box {
        width: calc(100% - 30px);
        left: 15px; }
    .content-hl-tour > div:nth-child(2) {
      width: 100%;
      padding-right: 15px; }
      .content-hl-tour > div:nth-child(2) .read-more-st3 {
        padding-right: 15px; }

  .wrap-map-loca {
    flex-wrap: wrap; }
    .wrap-map-loca .left-daybyday {
      width: 100%; }
      .wrap-map-loca .left-daybyday ul {
        flex-direction: row;
        height: auto;
        overflow-x: auto; }
        .wrap-map-loca .left-daybyday ul li {
          flex-direction: column;
          flex-shrink: 0;
          width: 250px; }
          .wrap-map-loca .left-daybyday ul li:last-child {
            display: none; }
          .wrap-map-loca .left-daybyday ul li .triagle-st1 {
            height: 20px;
            width: 100%;
            -webkit-clip-path: polygon(40% -1px, 50% 20px, 60% -1px);
            clip-path: polygon(40% -1px, 50% 20px, 60% -1px);
            -webkit-shape-outside: polygon(40% -1px, 50% 20px, 60% -1px);
            shape-outside: polygon(40% -1px, 50% 20px, 60% -1px); }
          .wrap-map-loca .left-daybyday ul li a {
            width: 100%;
            border-top: none;
            border-left: 2px solid #fff;
            justify-content: center; }
          .wrap-map-loca .left-daybyday ul li:first-child a {
            border-left: none; }
      .wrap-map-loca .left-daybyday .btn-day {
        width: 50px;
        height: 50px;
        bottom: auto;
        top: 0;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 40%);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 40%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 40%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 40%); }
        .wrap-map-loca .left-daybyday .btn-day .select-arrow-thin {
          display: none; }
      .wrap-map-loca .left-daybyday .btn-day-down {
        left: auto;
        right: 0; }
    .wrap-map-loca #map-tour {
      width: 100%; }

  .experience-suplier .experience-img {
    width: 30%; }
  .experience-suplier .experience-content {
    width: 70%; }

  .current-box-container .col-md-6:nth-child(2) {
    order: 1;
    width: 100%; }
    .current-box-container .col-md-6:nth-child(2) .current-box {
      width: 50%;
      margin-left: auto;
      margin-right: auto; }
  .current-box-container .col-md-6:nth-child(1) {
    order: 3; }
  .current-box-container .col-md-6:nth-child(3) {
    order: 2; } }
@media (max-width: 767px) {
  .banner-top-detail {
    height: 338px; }

  .bg-detail img {
    min-width: 767px; }

  .wrap-title-banner-detail h1, .wrap-title-banner-detail h2 {
    font-size: 22px; }

  .detail-subtitle-box .subtitle {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px; }
  .detail-subtitle-box .heart-tour {
    font-size: 30px;
    display: none; }
  .detail-subtitle-box .price {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 10px; }
  .detail-subtitle-box .btn-st2 {
    font-size: 16px; }

  .location-list {
    flex-wrap: wrap; }
    .location-list > a {
      margin-bottom: 10px; }

  .detail-location .wrap-slide-st4 {
    margin-top: 30px;
    margin-bottom: 20px; }
  .detail-location .paragraph {
    width: 100%; }
  .detail-location .wrap-tooltip .tooltip {
    margin-left: 2px;
    margin-right: 2px; }

  .panel > div .paragraph {
    padding-right: 0;
    padding-left: 0; }

  .experience-suplier .row {
    flex-wrap: wrap;
    margin-bottom: 40px; }
  .experience-suplier .experience-img {
    width: 100%;
    padding-right: 0; }
    .experience-suplier .experience-img .count-img {
      right: 21px; }
    .experience-suplier .experience-img .enlarge {
      right: 5px; }
  .experience-suplier .experience-content {
    width: 100%;
    padding-left: 0;
    margin-top: 15px; }

  .wrap-inclusion .inclusion {
    width: 60%; }
  .wrap-inclusion .exclusion {
    width: 40%; }

  .mobile-row {
    position: relative;
    justify-content: flex-start !important; }
    .mobile-row .experience-img {
      width: 30%; }
    .mobile-row h4 {
      width: 70%;
      position: absolute;
      top: 0;
      right: 0;
      padding-left: 10px;
      font-size: 14px; }
    .mobile-row .rank {
      position: absolute;
      width: 70%;
      padding-left: 10px;
      flex-wrap: wrap;
      right: 0;
      top: 35px; }

  .include-box .col-xlg-4 {
    padding: 10px; }
    .include-box .col-xlg-4 > div {
      flex-wrap: wrap; }
      .include-box .col-xlg-4 > div > div:first-child {
        padding-right: 0;
        width: 100%; }
      .include-box .col-xlg-4 > div > div:last-child {
        margin-top: 15px;
        text-align: center; }
      .include-box .col-xlg-4 > div .read-more-st1 {
        text-align: center; } }
@media (max-width: 479px) {
  .bg-detail img {
    left: calc(-383px + 35%); }

  .wrap-inclusion .inclusion {
    width: 100%;
    padding-right: 0; }
  .wrap-inclusion .exclusion {
    width: 100%; }

  .wrap-tailor-made-btn .btn-st1 {
    font-size: 12px;
    font-weight: 600;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 1.4; }
    .wrap-tailor-made-btn .btn-st1 .icon-font {
      font-size: 14px; }

  .accordion .head-pn span b .external-link {
    display: none; }

  .mobile-row .rank .star-box {
    font-size: 12px; }
  .mobile-row .rank .wrap-tripadvisor {
    margin-top: 3px; }
    .mobile-row .rank .wrap-tripadvisor img {
      width: 12px; }
    .mobile-row .rank .wrap-tripadvisor strong {
      font-size: 10px; }
  .mobile-row .rank > a:nth-child(2) {
    display: none; }

  .location-list > a {
    padding-right: 10px;
    padding-left: 10px; }

  .current-box-container .col-md-6:nth-child(2) .current-box {
    width: 100%; }

  .body-current-box .wrap-more-inclusions {
    display: block;
    margin-top: 30px; }

  .hidden-mobile {
    display: none; }

  .current-box-2 .body-current-box p:first-child, .current-box-3 .body-current-box p:first-child {
    margin-top: 15px; } }
@media (max-width: 375px) {
  .wrap-tailor-made-btn .btn-st1 {
    padding-right: 10px;
    padding-left: 10px; }
    .wrap-tailor-made-btn .btn-st1 .icon-font {
      font-size: 25px; } }
.bg-cruise {
  background-image: url("../jpg/bg-cruise.jpg");
  height: 100%;
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
  background-position-y: center !important; }

.best-offer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  margin-top: 15px; }
  .best-offer .col-xlg-12 > a {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #d8cdb9; }
    .best-offer .col-xlg-12 > a .select-arrow-thin {
      margin-left: auto;
      font-size: 8px;
      margin-right: 5px; }
    .best-offer .col-xlg-12 > a .price-tag {
      margin-right: 5px;
      font-size: 14px;
      color: #ff5722; }
    .best-offer .col-xlg-12 > a span {
      color: #ff5722;
      font-weight: bold;
      text-align: left;
      line-height: 1.4;
      font-size: 11px; }
      .best-offer .col-xlg-12 > a span i {
        font-size: 14px; }
  .best-offer .col-xlg-12 > a.active .select-arrow-thin {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .best-offer .panel-st2 {
    display: none;
    text-align: left;
    padding: 15px;
    background-color: #f6f4f0;
    border: 1px solid #d2c5ae;
    border-top: none;
    line-height: 1.5; }

#booking-widget-cruisepage {
  position: absolute;
  bottom: 50px;
  width: 100%;
  z-index: 3; }
  #booking-widget-cruisepage .form-banner-top {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 80%;
    margin: 0 auto;
    background-color: #e6ddcc; }
    #booking-widget-cruisepage .form-banner-top > div {
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px;
      margin-top: 15px;
      margin-bottom: 15px;
      border-right: 1px solid #cecece; }
      #booking-widget-cruisepage .form-banner-top > div input {
        width: 90%;
        border: none;
        color: #885916;
        cursor: pointer; }
      #booking-widget-cruisepage .form-banner-top > div select {
        color: #885916;
        width: 100%; }
    #booking-widget-cruisepage .form-banner-top .booking-step-cruise {
      position: relative;
      width: 26%; }
      #booking-widget-cruisepage .form-banner-top .booking-step-cruise .value {
        top: calc(100% + 15px); }
        #booking-widget-cruisepage .form-banner-top .booking-step-cruise .value .btn-value .ship {
          margin-right: 5px;
          font-size: 12px;
          color: #bdb316;
          -webkit-transition: all 0.25s linear;
          -moz-transition: all 0.25s linear;
          -o-transition: all 0.25s linear;
          -ms-transition: all 0.25s linear;
          transition: all 0.25s linear; }
        #booking-widget-cruisepage .form-banner-top .booking-step-cruise .value .btn-value:hover .ship {
          color: #ad6816; }
        #booking-widget-cruisepage .form-banner-top .booking-step-cruise .value > li .btn-value {
          padding-left: 15px; }
    #booking-widget-cruisepage .form-banner-top .booking-step-night {
      position: relative;
      width: 14%; }
      #booking-widget-cruisepage .form-banner-top .booking-step-night .value {
        top: calc(100% + 15px); }
        #booking-widget-cruisepage .form-banner-top .booking-step-night .value .btn-value {
          padding-left: 15px; }
    #booking-widget-cruisepage .form-banner-top .booking-step-depature, #booking-widget-cruisepage .form-banner-top .booking-step-m-time {
      position: relative;
      width: 18%;
      margin-top: 0;
      margin-bottom: 0;
      border-right: none; }
      #booking-widget-cruisepage .form-banner-top .booking-step-depature input, #booking-widget-cruisepage .form-banner-top .booking-step-m-time input {
        width: 100%;
        height: 100%;
        cursor: auto;
        margin-left: -10px;
        padding-left: 0; }
      #booking-widget-cruisepage .form-banner-top .booking-step-depature .text, #booking-widget-cruisepage .form-banner-top .booking-step-m-time .text {
        left: 0;
        padding-right: 10px;
        padding-left: 10px; }
    #booking-widget-cruisepage .form-banner-top .booking-step-room-cruise {
      position: relative;
      width: 24%;
      border-right: none;
      border-left: 1px solid #cecece; }
      #booking-widget-cruisepage .form-banner-top .booking-step-room-cruise .value-2 {
        top: calc(100% + 15px);
        max-height: 245px;
        overflow-y: scroll; }
    #booking-widget-cruisepage .form-banner-top .booking-step-submit {
      width: 18%;
      border-right: none;
      padding: 0;
      margin: 0; }
      #booking-widget-cruisepage .form-banner-top .booking-step-submit button {
        width: 100%;
        height: 100%; }
  #booking-widget-cruisepage > button {
    display: none; }

.room-cruise > b {
  margin-right: 10px; }

.room-type {
  width: 80%;
  max-width: 105px;
  margin-left: auto; }

.room-element {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px; }
  .room-element > div {
    display: flex;
    justify-content: space-between;
    padding-top: 15px; }

.cruise-container-st2 .blogs-tab {
  width: 50%;
  margin: 0 auto 30px; }
  .cruise-container-st2 .blogs-tab ul {
    justify-content: center;
    flex-wrap: wrap; }
.cruise-container-st2 .wrap-filter .filter-box {
  border: 1px solid #eee; }
.cruise-container-st2 .cruise-box-st2 {
  flex-wrap: wrap;
  padding-top: 70px;
  padding-bottom: 70px;
  border-bottom: 1px dotted #ddd;
  /*&:after{
  	content: '';
  	width: 100%;
  	display: block;
  	height: 1px;
  	background-color: #eee;
  	margin-top: 70px;
  	margin-bottom: 70px;
  }*/ }
  .cruise-container-st2 .cruise-box-st2:last-child {
    /*&:after{
    	display: none;
    }*/
    margin-bottom: 0; }
.cruise-container-st2 .view-more-wrap {
  margin-top: 70px; }

.cruise-box-st2 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  display: flex;
  align-items: stretch; }
  .cruise-box-st2 > div {
    width: 50%; }
  .cruise-box-st2 .cruise-img {
    align-self: flex-start; }

.cruise-img {
  position: relative; }
  .cruise-img > a {
    width: 100%; }
  .cruise-img .heart-tour {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 26px;
    color: rgba(255, 255, 255, 0.8); }

.cruise-text {
  background-image: url(../svg/icon_a.svg);
  background-repeat: no-repeat;
  background-size: 120px;
  background-position: top; }
  .cruise-text article {
    width: 85%;
    height: 100%;
    max-width: 480px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7); }
    .cruise-text article .paragraph {
      text-align: justify; }
    .cruise-text article .hotel-news {
      width: unset; }
    .cruise-text article .desti {
      color: #555;
      margin-top: 10px; }
      .cruise-text article .desti:before {
        height: 10px;
        width: 10px; }

.cruise-container-st3 .trip {
  padding-bottom: 335px; }
  .cruise-container-st3 .trip .star-box {
    width: 100%; }
  .cruise-container-st3 .trip .content-trip > span del {
    color: #bdb316;
    font-size: 16px; }

@media (max-width: 1199px) {
  #booking-widget-cruisepage > .form-banner-top {
    display: none; }
  #booking-widget-cruisepage > button {
    display: block;
    margin: 0 auto;
    max-width: 280px;
    width: 90%;
    height: 50px; }

  .cruise-container-st2 .blogs-tab {
    width: 100%;
    max-width: 580px; } }
@media (max-width: 767px) {
  .cruise-text article .paragraph {
    padding-left: 0;
    padding-right: 0; }

  .cruise-container-st2 .blogs-tab {
    border-bottom: none;
    padding-right: 15px;
    padding-left: 15px; }
    .cruise-container-st2 .blogs-tab ul li {
      border-bottom: 1px solid #eee; } }
@media (max-width: 991px) {
  .cruise-box-st2 {
    flex-wrap: wrap; }
    .cruise-box-st2 > div {
      width: 100%; }
    .cruise-box-st2 .cruise-img {
      order: 1; }
    .cruise-box-st2 .cruise-text {
      order: 2; }
      .cruise-box-st2 .cruise-text article {
        width: 100%;
        max-width: none; }
    .cruise-box-st2:after {
      order: 3; } }
@media (max-width: 767px) {
  #booking-widget-cruisepage {
    bottom: 20px; } }
.travel-guide-container .container {
  display: grid;
  grid-template-columns: 72% 28%;
  grid-auto-rows: auto auto auto auto;
  align-content: start;
  align-items: start;
  justify-content: start; }
.travel-guide-container .wrap-blog-item-1 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  padding-left: 15px;
  padding-right: 25px; }
.travel-guide-container .wrap-blog-item-2 {
  grid-column: 1 / 2;
  grid-row: 2 / 5;
  padding-left: 15px;
  padding-right: 25px; }
.travel-guide-container .wrap-blog-item-3 {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  padding-left: 25px;
  padding-right: 15px; }
.travel-guide-container .wrap-blog-item-4 {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  padding-left: 25px;
  padding-right: 15px; }
  .travel-guide-container .wrap-blog-item-4 .blog-social-list {
    margin-top: 30px; }
  .travel-guide-container .wrap-blog-item-4 .recent-posts {
    margin-top: 30px; }
  .travel-guide-container .wrap-blog-item-4 .banner-posts {
    margin-top: 30px; }

.blogs-tab {
  width: 100%; }
  .blogs-tab ul {
    width: 100%;
    display: flex;
    align-items: flex-end; }
    .blogs-tab ul li a {
      padding: 15px 40px 15px 0;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 14px;
      position: relative; }
      .blogs-tab ul li a:hover:after {
        height: 2px;
        display: block;
        background-color: #c1aa80;
        content: "";
        width: calc(80% - 40px);
        position: absolute;
        left: 0;
        bottom: -1px; }
    .blogs-tab ul li .active:hover {
      color: #969e02;
      opacity: 1; }
    .blogs-tab ul li .active:after {
      height: 2px;
      display: block;
      background-color: #c1aa80;
      content: "";
      width: calc(80% - 40px);
      position: absolute;
      left: 0;
      bottom: -1px; }

.breadcrumb {
  padding-top: 15px;
  padding-bottom: 15px; }
  .breadcrumb li {
    display: inline; }
    .breadcrumb li:after {
      content: '/';
      margin-left: 5px;
      margin-right: 5px;
      display: inline-block;
      color: #aaa; }
    .breadcrumb li:last-child:after {
      display: none;
      content: ''; }
    .breadcrumb li a {
      color: #895a36;
      display: inline; }
      .breadcrumb li a:hover {
        color: #bdb316; }
    .breadcrumb li .active {
      cursor: auto; }
      .breadcrumb li .active:hover {
        color: #aaa; }

.main-posts {
  margin-top: 40px;
  margin-bottom: 60px; }
  .main-posts > a {
    width: 100%; }
  .main-posts h3, .main-posts h2, .main-posts h1 {
    line-height: 1.3;
    font-weight: 600; }
  .main-posts h1, .main-posts h2 {
    font-size: 26px; }
  .main-posts h3 {
    font-size: 20px; }
  .main-posts .box-share, .main-posts .box-button {
    margin-bottom: 15px;
    margin-top: 15px; }
  .main-posts .paragraph {
    text-align: left;
    margin-bottom: 15px;
    margin-top: 15px; }

.caption {
  font-style: italic;
  text-align: center;
  margin: 10px auto 15px; }

.box-share {
  display: flex;
  align-items: baseline; }
  .box-share .desti {
    text-transform: uppercase;
    margin-right: 15px; }
  .box-share > a {
    margin-right: 10px;
    font-size: 14px; }

.box-share-st2 {
  display: inline-flex;
  width: 350px;
  max-width: 100%;
  align-items: baseline;
  border: 1px solid #eee;
  padding: 15px 50px; }
  .box-share-st2 > a {
    margin-right: 10px;
    font-size: 14px; }

.wrap-extra-posts > h2 {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3; }
  .wrap-extra-posts > h2 b {
    color: #ad6816; }
.wrap-extra-posts .row {
  margin: 30px -15px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }
.wrap-extra-posts .extra-posts {
  margin-top: 15px;
  margin-bottom: 15px; }

.extra-posts {
  text-align: left; }
  .extra-posts > a {
    width: 100%; }
  .extra-posts .box-share, .extra-posts .box-button {
    margin-bottom: 15px;
    margin-top: 15px; }
  .extra-posts .paragraph {
    text-align: left;
    margin-bottom: 15px;
    margin-top: 15px; }
  .extra-posts .desti {
    margin-top: 20px;
    text-transform: uppercase; }

.extra-posts.col-xlg-6 h3 {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600; }

.extra-posts.col-xlg-4 h3 {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  margin-top: 10px; }

.box-blog-flex {
  width: 100%; }

.box-blog {
  border: 1px solid #caae99;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 10px; }
  .box-blog > a {
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: inherit; }
    .box-blog > a i {
      display: none; }
  .box-blog ul {
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%; }
    .box-blog ul li {
      text-align: center; }
      .box-blog ul li a {
        padding-bottom: 10px;
        padding-top: 10px;
        width: 100%;
        font-size: 14px;
        text-transform: uppercase; }

.blog-social-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
  .blog-social-list ul li {
    margin-left: 5px;
    margin-right: 5px; }
    .blog-social-list ul li a {
      font-size: 22px; }

.recent-posts {
  width: 100%; }
  .recent-posts > a {
    padding-bottom: 10px;
    padding-top: 15px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: inherit; }
    .recent-posts > a i {
      display: none; }
  .recent-posts .row {
    display: flex;
    align-items: flex-start;
    margin-right: -5px;
    margin-left: -5px;
    padding-top: 20px; }
    .recent-posts .row > div {
      padding-right: 5px;
      padding-left: 5px;
      text-align: left; }
      .recent-posts .row > div h3 {
        margin-top: 0;
        font-size: 14px; }
      .recent-posts .row > div > a {
        width: 100%; }
  .recent-posts .desti {
    text-transform: uppercase; }

.banner-posts {
  position: relative;
  width: 100%; }
  .banner-posts > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.35)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.35) 60%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.35) 60%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.35) 60%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.35) 60%); }
  .banner-posts .btn-st2 {
    font-size: 14px;
    color: #fff;
    border-color: #fff;
    opacity: .8; }
    .banner-posts .btn-st2:hover {
      opacity: 1;
      background-color: rgba(200, 200, 200, 0.2); }

@media (max-width: 991px) {
  .travel-guide-container .container {
    display: grid;
    grid-template-columns: 100%; }
  .travel-guide-container .wrap-blog-item-1 {
    padding-right: 15px; }
    .travel-guide-container .wrap-blog-item-1 .breadcrumb {
      border-bottom: 1px solid #eee;
      padding-top: 0; }
  .travel-guide-container .wrap-blog-item-2 {
    grid-row: 3 / 4;
    padding-right: 15px; }
  .travel-guide-container .wrap-blog-item-3 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    padding-left: 15px; }
  .travel-guide-container .wrap-blog-item-4 {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    padding-left: 15px; }

  .blogs-tab ul {
    justify-content: center; }

  .blog-des-list {
    border-top: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .blog-des-list > a {
      border-bottom: none; }
      .blog-des-list > a i {
        display: inline-block;
        font-style: normal;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
    .blog-des-list ul {
      display: none;
      position: absolute;
      left: -1px;
      top: calc(100% + 1px);
      width: calc(100% + 2px);
      border: 1px solid #eee;
      border-top: none;
      background-color: #fff; }

  .blog-social-list {
    padding-right: 0;
    padding-left: 0; }

  .box-blog-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between; }

  .recent-posts .row {
    flex-wrap: wrap;
    width: 50%; }
    .recent-posts .row:first-child, .recent-posts .row:last-child {
      margin-right: 0; }

  .banner-posts {
    display: none; } }
@media (max-width: 767px) {
  .extra-posts .paragraph {
    padding-right: 0;
    padding-left: 0; }

  .main-posts .paragraph {
    padding-right: 0;
    padding-left: 0; } }
@media (max-width: 479px) {
  .blogs-tab ul {
    justify-content: space-between; }
    .blogs-tab ul li a {
      padding-right: 15px; } }
.experience-container .wrap-filter {
  margin-top: 50px; }
  .experience-container .wrap-filter .filter-box {
    margin-bottom: 0;
    border: 1px solid #eee; }
.experience-container .blogs-tab {
  width: 50%;
  margin: 0 auto; }
  .experience-container .blogs-tab ul {
    justify-content: center; }
.experience-container .container .col-xlg-4 {
  margin: 15px 0 30px;
  position: relative;
  padding-bottom: 152px; }
  .experience-container .container .col-xlg-4 > a {
    position: relative; }
  .experience-container .container .col-xlg-4 .wrap-text-abso {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 10px; }
  .experience-container .container .col-xlg-4 .desti {
    color: #fff;
    text-transform: uppercase; }
  .experience-container .container .col-xlg-4 article {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    max-height: 152px;
    overflow-y: hidden;
    background: #e6ddcc url(../jpg/footer-bg.jpg) repeat;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear;
    z-index: 3;
    				/*.btn-st2{
    					color: #555;
        				border-color: #bbb;
        				&:hover{
        					color: $higlight-color;
        					border-color: $higlight-color;
        				}
    				}*/ }
    .experience-container .container .col-xlg-4 article:hover {
      max-height: 400px; }
    .experience-container .container .col-xlg-4 article h3, .experience-container .container .col-xlg-4 article h4 {
      font-size: 16px;
      font-weight: 600; }
.experience-container .container .view-more-wrap {
  margin-top: 30px; }
.experience-container .view-more-wrap.togg-wrap {
  margin-top: 30px; }

.hide-exp-wrap {
  max-height: 894px;
  overflow-y: hidden;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear; }

.line-bd-bot {
  padding-bottom: 50px;
  border-bottom: 1px solid #eee; }

.experience-dt-container {
  padding-top: 20px;
  background-image: url("../svg/icon_a.svg");
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: top; }
  .experience-dt-container .wrap-mini-intro {
    position: relative;
    z-index: 5; }
    .experience-dt-container .wrap-mini-intro .desti {
      text-transform: uppercase;
      font-size: 14px;
      text-align: center; }
      .experience-dt-container .wrap-mini-intro .desti:before {
        width: 11px;
        height: 11px; }
    .experience-dt-container .wrap-mini-intro .title-h2 {
      margin-top: 30px;
      margin-bottom: 15px;
      text-transform: none;
      font-weight: 500; }
    .experience-dt-container .wrap-mini-intro .wrap-media {
      margin-bottom: 15px;
      margin-top: 15px; }
    .experience-dt-container .wrap-mini-intro .paragraph {
      font-size: 16px; }

.opacity-background {
  position: relative; }
  .opacity-background:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #f6f4f0;
    z-index: 1; }

.wrap-media {
  position: relative;
  width: 100%; }
  .wrap-media > a {
    width: 100%; }

.wrap-text-abso {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.01)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.65) 100%); }

.beach-container .container .col-xlg-4 {
  margin: 15px 0 30px; }
  .beach-container .container .col-xlg-4 h3 {
    font-size: 16px;
    font-weight: 600; }
  .beach-container .container .col-xlg-4 .read-more-st2 a {
    margin-top: 10px; }
.beach-container .view-more-wrap {
  margin-top: 30px; }

.cooking-class-container .container .col-xlg-6 {
  margin: 15px 0 30px; }
  .cooking-class-container .container .col-xlg-6 div > h3 {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #666; }
  .cooking-class-container .container .col-xlg-6 .paragraph {
    margin-top: 0;
    line-height: 1.5;
    text-align: left; }
  .cooking-class-container .container .col-xlg-6 .box-hidden {
    max-height: 175px; }
  .cooking-class-container .container .col-xlg-6 .read-more-st2 a {
    margin-top: 10px; }

.title-hotel {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: left; }

.banner-small-st2 {
  height: 360px; }
  .banner-small-st2 .bg-parallax {
    -webkit-filter: brightness(60%);
    filter: brightness(60%); }

.wrap-media-st2 {
  width: 100%; }
  .wrap-media-st2 .wrap-slide-st9 .synch-carousels {
    z-index: 8; }

.watch-video {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 30px; }
  .watch-video .link-st3 {
    text-transform: uppercase;
    margin: 15px 0;
    font-size: 16px; }
    .watch-video .link-st3 .external-link {
      margin-left: 5px; }
  .watch-video .play-video {
    font-size: 30px;
    margin-right: 10px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    transition: all 0.25s linear;
    position: static;
    color: inherit; }
  .watch-video:hover .play-video {
    color: #bdb316; }

@media (max-width: 1351px) {
  .hide-exp-wrap {
    max-height: 788px; }

  .beach-container .container .col-xlg-4 .box-hidden {
    max-height: 100px; } }
@media (max-width: 1199px) {
  .experience-container .blogs-tab {
    width: 100%;
    max-width: 580px; }

  .hide-exp-wrap {
    max-height: 699px; } }
@media (max-width: 991px) {
  .experience-dt-container .wrap-mini-intro {
    width: 80%; }

  .hide-exp-wrap {
    max-height: 746px; }

  /* 	.banner-small-st2{
  	height: 415px;
  } */ }
@media (max-width: 767px) {
  .banner-small-st2 {
    height: 310px; }

  .experience-container .blogs-tab {
    border-bottom: none;
    padding-right: 15px;
    padding-left: 15px; }
    .experience-container .blogs-tab ul {
      flex-wrap: wrap; }
      .experience-container .blogs-tab ul li {
        border-bottom: 1px solid #eee; }
        .experience-container .blogs-tab ul li a {
          padding-right: 25px; }
  .experience-container .container .col-xlg-4 article .paragraph {
    padding-left: 0;
    padding-right: 0; }

  .hide-exp-wrap {
    max-height: 905px; }

  .beach-container .container .col-xlg-4 article .paragraph {
    padding-left: 0;
    padding-right: 0; }

  .cooking-class-container .container .col-xlg-6 article .paragraph {
    padding-left: 0;
    padding-right: 0; } }
@media (max-width: 479px) {
  .experience-dt-container .wrap-mini-intro {
    width: 90%; }

  .hide-exp-wrap {
    max-height: 822px; } }
.navbar-cruise {
  position: sticky;
  z-index: 102;
  background-image: url(../png/bg-header.png);
  background-color: #e6ddcc;
  top: 0; }
  .navbar-cruise ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%; }
    .navbar-cruise ul li a {
      padding-top: 20px;
      padding-bottom: 20px;
      text-transform: uppercase;
      font-weight: 500;
      display: inline-flex;
      align-items: center;
      padding-right: 20px;
      padding-left: 20px; }
      .navbar-cruise ul li a .icon-font {
        margin-right: 5px;
        font-size: 24px; }
        .navbar-cruise ul li a .icon-font:before {
          color: #bdb316; }

.cruise-intro-container .wrap-cruise-media {
  margin-bottom: 20px; }
.cruise-intro-container .wrap-mini-intro .title-h2 {
  text-transform: uppercase; }
.cruise-intro-container .wrap-mini-intro .star-box {
  font-size: 20px;
  margin-bottom: 30px; }
.cruise-intro-container .hotel-news {
  text-align: center; }
.cruise-intro-container .view-out {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 40px; }
  .cruise-intro-container .view-out > div {
    display: inline-flex;
    align-items: center; }
    .cruise-intro-container .view-out > div > .icon-font {
      margin-left: 15px;
      font-size: 18px;
      color: #d0b316; }
  .cruise-intro-container .view-out .link-st3 {
    text-transform: uppercase;
    margin-left: 5px; }
.cruise-intro-container .wrap-tooltip .tooltip .icon-font-cr {
  font-size: 33px; }
.cruise-intro-container .review-exci {
  margin-right: 15px; }

.review-exci {
  text-transform: uppercase; }
  .review-exci .thumbs-up {
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    display: inline-block;
    padding: 3px;
    color: #25ab4b; }
  .review-exci strong {
    font-weight: normal;
    text-transform: none; }

.wrap-cruise-media .row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  line-height: 0; }
  .wrap-cruise-media .row > div > a {
    padding: 1px; }
  .wrap-cruise-media .row > div .img-box {
    padding: 5px 10px;
    line-height: 2; }
  .wrap-cruise-media .row .wrap-media {
    width: 50%; }
  .wrap-cruise-media .row .box-divi-row {
    width: 25%; }
    .wrap-cruise-media .row .box-divi-row a {
      overflow: hidden; }
    .wrap-cruise-media .row .box-divi-row .view-all-img {
      position: relative; }
      .wrap-cruise-media .row .box-divi-row .view-all-img:after {
        content: "\e9ce";
        font-size: 36px;
        font-family: 'insideTravel';
        line-height: 1;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear;
        opacity: 0; }
      .wrap-cruise-media .row .box-divi-row .view-all-img:hover {
        opacity: 1; }
        .wrap-cruise-media .row .box-divi-row .view-all-img:hover > img {
          -webkit-filter: brightness(60%);
          filter: brightness(60%); }
        .wrap-cruise-media .row .box-divi-row .view-all-img:hover:after {
          opacity: 1; }
  .wrap-cruise-media .row .box-divi-col {
    display: flex;
    flex-wrap: wrap;
    width: 33.333%; }
    .wrap-cruise-media .row .box-divi-col a {
      width: 50%;
      overflow: hidden; }
    .wrap-cruise-media .row .box-divi-col .view-all-img {
      position: relative; }
      .wrap-cruise-media .row .box-divi-col .view-all-img:after {
        content: "\e9ce";
        font-size: 36px;
        font-family: 'insideTravel';
        line-height: 1;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear;
        opacity: 0; }
      .wrap-cruise-media .row .box-divi-col .view-all-img:hover {
        opacity: 1; }
        .wrap-cruise-media .row .box-divi-col .view-all-img:hover > img {
          -webkit-filter: brightness(60%);
          filter: brightness(60%); }
        .wrap-cruise-media .row .box-divi-col .view-all-img:hover:after {
          opacity: 1; }

.check-r-container {
  padding-top: 30px;
  padding-bottom: 30px; }
  .check-r-container .container .best-offer {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto; }
    .check-r-container .container .best-offer .panel-st2 {
      background-color: #fff; }
  .check-r-container #booking-widget-cruisepage {
    position: static;
    z-index: unset;
    margin-top: 30px; }
    .check-r-container #booking-widget-cruisepage .form-banner-top {
      width: 100%;
      box-shadow: 0px 0px 6px #DDD;
      border-radius: 6px;
      background-color: #fff; }
      .check-r-container #booking-widget-cruisepage .form-banner-top > div .text b, .check-r-container #booking-widget-cruisepage .form-banner-top > div .text strong {
        font-weight: 600;
        font-size: 16px; }
      .check-r-container #booking-widget-cruisepage .form-banner-top .booking-step-cruise {
        width: 31%;
        margin-top: 20px;
        margin-bottom: 20px; }
      .check-r-container #booking-widget-cruisepage .form-banner-top .booking-step-depature {
        width: 23%; }
      .check-r-container #booking-widget-cruisepage .form-banner-top .booking-step-room-cruise {
        width: 28%;
        margin-top: 20px;
        margin-bottom: 20px; }
    .check-r-container #booking-widget-cruisepage .btn-st3 {
      background-color: #bdb316;
      font-size: 14px;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px; }

.connecting-r {
  font-size: 11px;
  color: #666;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .connecting-r span {
    border-radius: 10px;
    padding: 2px 10px;
    background-color: #ad6835;
    color: #FFF;
    margin-bottom: 5px; }
    .connecting-r span:first-child {
      margin-right: 5px; }

.cr-content {
  font-size: 11px;
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .cr-content span {
    margin-left: 7px;
    margin-right: 7px; }
    .cr-content span .icon-font {
      margin-right: 5px;
      font-size: 14px;
      color: #bdb316; }

.booking-cr-sub {
  width: 100%;
  display: flex;
  padding: 15px 0;
  font-weight: 600; }
  .booking-cr-sub div {
    padding-left: 5px; }
    .booking-cr-sub div:first-child {
      width: 31%; }
    .booking-cr-sub div:nth-child(2) {
      width: 23%; }
    .booking-cr-sub div:last-child {
      flex-grow: 1; }

.room-type-wrap {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: 0px 3px 6px #DDD;
  border-radius: 6px;
  position: relative; }
  .room-type-wrap:before {
    position: absolute;
    top: -15px;
    left: calc(50% - 15px);
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1; }
  .room-type-wrap > div {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 6px; }
  .room-type-wrap table {
    width: 100%; }
    .room-type-wrap table thead tr {
      border-top: none; }
    .room-type-wrap table th {
      padding: 20px 10px;
      font-weight: 600; }
      .room-type-wrap table th:first-child {
        text-align: left; }
      .room-type-wrap table th:nth-child(2) {
        text-align: right; }
      .room-type-wrap table th:last-child {
        text-align: right; }
    .room-type-wrap table tr {
      border-top: 1px dotted #ddd;
      border-bottom: 1px dotted #ddd; }
      .room-type-wrap table tr:last-child {
        border-bottom: none; }
    .room-type-wrap table td {
      vertical-align: middle; }

.item-table {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  padding-bottom: 20px;
  padding-top: 20px; }
  .item-table figure {
    width: 270px; }
    .item-table figure > a {
      position: relative; }
      .item-table figure > a:hover .count-img, .item-table figure > a:hover .enlarge {
        color: #bdb316; }
  .item-table .view-more-wrap {
    margin-bottom: 0;
    align-items: flex-start; }
    .item-table .view-more-wrap .link-st3 {
      margin-bottom: 0;
      margin-top: 15px;
      color: #aaa; }
      .item-table .view-more-wrap .link-st3:after {
        background-color: #ddd; }
      .item-table .view-more-wrap .link-st3:hover {
        color: #bdb316; }
        .item-table .view-more-wrap .link-st3:hover:after {
          background-color: #bdb316; }

.cruise-room-info {
  padding-left: 20px;
  display: flex;
  flex-direction: column; }
  .cruise-room-info h3 {
    font-size: 16px;
    margin-top: 0;
    font-weight: 600;
    text-transform: uppercase; }
    .cruise-room-info h3 a {
      color: #bdb316; }
  .cruise-room-info ul {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .cruise-room-info ul li {
      font-size: 11px;
      color: #666; }
      .cruise-room-info ul li span {
        border-radius: 3px;
        padding: 2px 10px;
        background-color: #ddd; }
      .cruise-room-info ul li .icon-font {
        margin-right: 5px; }

.cruise-max-pe ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end; }
  .cruise-max-pe ul li {
    line-height: 0; }

.adult-pe {
  font-size: 16px;
  color: #666; }

.child-pe {
  font-size: 11px;
  color: #666; }

.book-cruise-st1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  max-width: 120px;
  color: #bdb316;
  padding-left: 15px; }
  .book-cruise-st1 span {
    font-size: 14px;
    font-weight: 500; }
  .book-cruise-st1 > i {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-style: normal;
    font-size: 26px;
    font-weight: 600; }

.itineraries-cr-container .wrap-faq {
  width: 100%; }
  .itineraries-cr-container .wrap-faq .order-day > a:first-child {
    background-color: #f6f4f0;
    opacity: 1; }
    .itineraries-cr-container .wrap-faq .order-day > a:first-child .flex-box {
      flex-grow: 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .itineraries-cr-container .wrap-faq .order-day > a:first-child h3 {
      text-transform: uppercase;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .itineraries-cr-container .wrap-faq .order-day > a:first-child .price-trip-box {
      width: unset;
      padding-left: 15px;
      padding-right: 15px; }
      .itineraries-cr-container .wrap-faq .order-day > a:first-child .price-trip-box > span {
        text-transform: none;
        color: #888; }
        .itineraries-cr-container .wrap-faq .order-day > a:first-child .price-trip-box > span strong {
          color: #bdb316; }
    .itineraries-cr-container .wrap-faq .order-day > a:first-child:hover {
      background-color: #fbfaf9; }

.night-img-cr {
  width: 30px;
  margin-right: 10px;
  position: relative; }
  .night-img-cr .icon-font {
    font-size: 30px;
    color: #d8c8ab; }
  .night-img-cr > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 16px;
    color: #ad6816;
    padding-left: 1px;
    line-height: 14px; }

.highlight-cr-container .container .col-xlg-4 > a img {
  webkit-filter: brightness(70%);
  filter: brightness(70%); }
.highlight-cr-container .container .col-xlg-4 > a:hover img {
  webkit-filter: brightness(100%);
  filter: brightness(100%); }
.highlight-cr-container .container .col-xlg-4 > a:hover .count-img, .highlight-cr-container .container .col-xlg-4 > a:hover .enlarge {
  color: #bdb316; }

.review-cr-container .wrap-slide-st3 {
  width: 80%;
  margin-left: auto;
  margin-right: auto; }
  .review-cr-container .wrap-slide-st3 .item > div:first-child {
    width: 20%; }
  .review-cr-container .wrap-slide-st3 .item > div:last-child {
    flex-grow: 1; }

.title-cr-rivew h3 {
  font-size: 16px;
  color: #555; }
.title-cr-rivew .thumbs-up {
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  display: inline-block;
  padding: 3px;
  color: #25ab4b;
  margin-left: 10px; }
.title-cr-rivew .star-box {
  margin-left: 10px;
  color: #25ab4b; }

@media (max-width: 1351px) {
  .navbar-cruise ul {
    justify-content: center; } }
@media (max-width: 1199px) {
  .navbar-cruise {
    position: static; }

  .check-r-container #booking-widget-cruisepage .form-banner-top {
    display: flex; } }
@media (max-width: 991px) {
  .room-type-wrap table tbody tr td:nth-child(2) {
    display: none; }
  .room-type-wrap table th:nth-child(2) {
    display: none; }

  .cruise-room-info {
    width: 100%;
    padding-left: 0;
    margin-top: 15px; }
    .cruise-room-info ul li {
      margin-top: 10px; }

  .book-cruise-st1 {
    padding-left: 0; }

  .check-r-container #booking-widget-cruisepage .booking-cr-sub {
    display: none; }
  .check-r-container #booking-widget-cruisepage .form-banner-top {
    flex-wrap: wrap; }
    .check-r-container #booking-widget-cruisepage .form-banner-top .booking-step-cruise {
      width: 100%;
      border-right: none; }
    .check-r-container #booking-widget-cruisepage .form-banner-top .booking-step-depature {
      width: 100%;
      border-top: 1px solid #cecece;
      border-bottom: 1px solid #cecece; }
      .check-r-container #booking-widget-cruisepage .form-banner-top .booking-step-depature input {
        padding-top: 15px;
        padding-bottom: 15px; }
    .check-r-container #booking-widget-cruisepage .form-banner-top .booking-step-room-cruise {
      width: 100%;
      border-left: none; }
    .check-r-container #booking-widget-cruisepage .form-banner-top .booking-step-submit {
      border-top: 1px solid #cecece;
      width: 100%;
      height: 50px; }

  .review-cr-container .wrap-slide-st3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }

  .wrap-cruise-media {
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
    .wrap-cruise-media .row .box-divi-row, .wrap-cruise-media .row .box-divi-col {
      display: none; }
    .wrap-cruise-media .row .wrap-media {
      width: 100%; } }
@media (max-width: 767px) {
  .cruise-intro-container .rank {
    flex-wrap: wrap;
    justify-content: center; }

  .check-r-container #booking-widget-cruisepage {
    padding-left: 15px;
    padding-right: 15px; }
    .check-r-container #booking-widget-cruisepage .btn-st3 {
      border-top-right-radius: 0;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px; }

  .room-type-wrap table tbody tr td:last-child {
    display: none; }
  .room-type-wrap table th:last-child {
    display: none; }

  .item-table figure {
    width: 100%; } }
@media (max-width: 479px) {
  .wrap-cruise-media {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; } }
.booking-cr-container .wrap-mini-intro {
  background-image: url(../svg/icon_a.svg);
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: top;
  padding-top: 30px;
  margin-top: 30px; }
  .booking-cr-container .wrap-mini-intro .desti {
    text-transform: uppercase; }
  .booking-cr-container .wrap-mini-intro .star-box {
    margin-bottom: 15px; }

.navbar-booking {
  position: sticky;
  z-index: 102;
  background-color: #fff;
  top: 0;
  border-bottom: 1px solid #eee; }
  .navbar-booking ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%; }
    .navbar-booking ul li {
      width: 33.333%;
      text-align: center; }
      .navbar-booking ul li a {
        padding: 18px 15px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500; }
        .navbar-booking ul li a div {
          margin-right: 5px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 30px;
          height: 30px;
          flex-shrink: 0;
          background-image: url(../svg/icon_a.svg);
          background-repeat: no-repeat;
          background-size: 100%;
          color: #888;
          font-size: 16px;
          font-weight: 800;
          padding-left: 1px; }
      .navbar-booking ul li .tooltip > span {
        display: none; }

.room-booking-wrap {
  width: 100%;
  margin-top: 30px; }
  .room-booking-wrap table {
    width: 100%;
    border: 1px dotted #aaa; }
    .room-booking-wrap table th {
      font-size: 14px;
      padding: 10px;
      font-weight: 600;
      border: 1px solid #eae2b7;
      color: #fff; }
    .room-booking-wrap table thead tr {
      background-color: #bdb316; }
    .room-booking-wrap table tbody tr td {
      border: 1px solid #eae2b7;
      vertical-align: middle; }
      .room-booking-wrap table tbody tr td > div {
        padding: 10px;
        width: 100%;
        height: 100%; }
      .room-booking-wrap table tbody tr td .conditions {
        font-size: 10px; }
      .room-booking-wrap table tbody tr td > .info-cabins {
        min-width: 355px; }
      .room-booking-wrap table tbody tr td > .cruise-max-pe ul {
        justify-content: center; }
      .room-booking-wrap table tbody tr td > .cruise-max-pe .adult-pe {
        font-size: 12px; }
      .room-booking-wrap table tbody tr td > .cruise-max-pe .child-pe {
        font-size: 10px; }
    .room-booking-wrap table tbody tr:hover {
      background-color: #f6f4f0; }
    .room-booking-wrap table tbody tr.active {
      background-color: #f6f4f0; }

.info-cabins {
  display: flex;
  padding: 10px; }
  .info-cabins > a {
    position: relative;
    width: 60px;
    flex-shrink: 0; }
  .info-cabins .item-listcabin {
    flex-grow: 1;
    padding-left: 10px; }
    .info-cabins .item-listcabin h3 {
      margin-top: 0;
      font-size: 14px; }
      .info-cabins .item-listcabin h3 a {
        color: #bdb316; }
    .info-cabins .item-listcabin p {
      margin-bottom: 10px;
      font-size: 10px; }
    .info-cabins .item-listcabin .icon-font {
      color: #bdb316; }
    .info-cabins .item-listcabin .connecting-r {
      justify-content: flex-start;
      font-size: 10px; }

.price-save {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between; }
  .price-save del {
    font-size: 16px;
    font-weight: 600;
    color: #888;
    margin-bottom: 10px; }
  .price-save b {
    color: #05b179;
    font-size: 22px;
    margin-bottom: 10px; }
  .price-save .sales-offer {
    color: #bdb316;
    font-weight: 600;
    margin-bottom: 10px;
    color: #ff5722; }
  .price-save p {
    text-align: center; }
    .price-save p .checkmark {
      color: #bdb316; }

.conditions ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .conditions ul li {
    margin-bottom: 10px; }
    .conditions ul li .icon-font {
      color: #bdb316;
      font-size: 14px; }
    .conditions ul li b {
      color: #bdb316; }

.select-cabin {
  text-align: center; }
  .select-cabin input[type="radio"] {
    cursor: pointer; }

.booking-room {
  width: 100%;
  padding-bottom: 30px; }
  .booking-room > div {
    width: 100%;
    padding: 30px 10px;
    background-color: #fff;
    margin-top: 30px; }
  .booking-room h2 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: normal; }
    .booking-room h2 > .bed {
      margin-right: 5px;
      color: #bdb316; }
    .booking-room h2 strong {
      font-weight: 600; }
    .booking-room h2 span {
      font-weight: 600;
      color: #888; }
      .booking-room h2 span i {
        font-size: 10px; }
    .booking-room h2 > a {
      margin-left: 15px;
      font-size: 12px;
      display: inline-flex;
      align-items: flex-end;
      color: #aaa; }
      .booking-room h2 > a .icon-font {
        font-size: 14px; }
      .booking-room h2 > a:hover {
        color: #bdb316; }

.booking-r-option {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 10px 10px 30px;
  background-color: #fff;
  position: relative; }
  .booking-r-option:after {
    display: block;
    width: 30px;
    height: 30px;
    content: '';
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%) rotate(45deg);
    -moz-transform: translate(-50%, 50%) rotate(45deg);
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -o-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg); }
  .booking-r-option h2 {
    font-size: 16px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px; }
  .booking-r-option .col-xlg-6 {
    text-align: left; }
    .booking-r-option .col-xlg-6:first-child li span > b {
      color: #bdb316; }
    .booking-r-option .col-xlg-6 ul {
      margin-top: 30px; }
      .booking-r-option .col-xlg-6 ul li {
        margin-bottom: 20px;
        display: inline-flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: center; }
        .booking-r-option .col-xlg-6 ul li > span {
          width: calc(100% - 23px); }
          .booking-r-option .col-xlg-6 ul li > span .icon-font {
            color: #bdb316;
            font-size: 14px; }
          .booking-r-option .col-xlg-6 ul li > span a:hover b {
            color: #bdb316; }
        .booking-r-option .col-xlg-6 ul li .input-radio-st1 {
          margin-right: 5px; }
        .booking-r-option .col-xlg-6 ul li .input-checkbox-st1 {
          margin-right: 5px; }
        .booking-r-option .col-xlg-6 ul li .box-seaplanes {
          margin-top: 10px; }

.box-summary {
  background-color: #fff;
  padding: 10px 10px 40px 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative; }
  .box-summary:after {
    display: block;
    width: 30px;
    height: 30px;
    content: '';
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%) rotate(45deg);
    -moz-transform: translate(-50%, 50%) rotate(45deg);
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -o-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg); }
  .box-summary h2 {
    font-size: 22px;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee; }
    .box-summary h2 .icon-font {
      color: #bdb316;
      margin-right: 5px; }
  .box-summary > div {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0;
    border-bottom: 1px solid #eee; }
    .box-summary > div li {
      padding-top: 10px;
      padding-bottom: 10px; }
    .box-summary > div:last-child {
      border-bottom: none;
      margin-top: 15px; }

#title-cruise ul {
  display: flex;
  flex-wrap: wrap; }
  #title-cruise ul li {
    width: 50%;
    padding-right: 30px;
    padding-left: 30px;
    font-weight: 600;
    color: #bdb316;
    font-size: 16px; }
    #title-cruise ul li .icon-font {
      margin-right: 5px; }
    #title-cruise ul li span {
      color: #ff5722; }
    #title-cruise ul li:first-child {
      border-right: 1px solid #eee;
      text-align: right; }

.sum-cabin ul li {
  display: flex;
  flex-wrap: wrap;
  background-color: #fbfaf9;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-bottom: 10px;
  padding-top: 10px; }
  .sum-cabin ul li > div p {
    margin-bottom: 5px;
    margin-left: 15px; }
  .sum-cabin ul li .price-trip-box {
    width: unset;
    margin-left: auto;
    align-items: flex-end; }
    .sum-cabin ul li .price-trip-box del {
      color: #c3bdbd; }

.sum-trans ul {
  margin-top: 10px; }
  .sum-trans ul li {
    display: flex;
    align-items: center; }
    .sum-trans ul li > div:first-child {
      flex-grow: 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .sum-trans ul li .icon-font {
      margin-right: 5px;
      color: #bdb316; }
    .sum-trans ul li > b {
      color: #bdb316; }
    .sum-trans ul li font {
      margin-left: auto;
      color: #bdb316;
      font-weight: 600;
      font-size: 16px; }
    .sum-trans ul li #sum-pri-trans {
      margin-left: auto;
      flex-shrink: 0; }
    .sum-trans ul li:last-child {
      border-bottom: none; }

.total-price {
  display: flex;
  justify-content: space-between; }
  .total-price .price-trip-box span {
    font-weight: 600;
    color: #888; }
    .total-price .price-trip-box span del {
      font-size: 20px; }
    .total-price .price-trip-box span strong {
      font-size: 20px;
      color: #ff5722; }

.promotion-code {
  display: inline-flex;
  align-items: center; }
  .promotion-code button {
    width: 60px;
    height: 25px;
    flex-shrink: 0;
    color: #fff;
    background-color: #bdb316; }
  .promotion-code input {
    flex-grow: 1;
    min-width: 160px; }

.contact-info-box {
  background-color: #fff;
  padding: 10px 10px 40px 10px;
  margin-top: 30px;
  margin-bottom: 30px; }
  .contact-info-box h2 {
    font-size: 22px;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee; }
    .contact-info-box h2 .icon-font {
      color: #bdb316;
      margin-right: 5px; }
  .contact-info-box > div {
    display: flex;
    justify-content: center; }
    .contact-info-box > div .contact-info {
      width: 65%; }

.logo-intro {
  display: inline-block;
  margin-right: auto;
  margin-left: auto; }
  .logo-intro .icon-font {
    font-size: 40px;
    color: #bdb316; }

.contact-info .btn-st3 {
  background-color: #bdb316;
  width: 100%;
  max-width: 300px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px; }
.contact-info .form-field textarea {
  height: 150px; }
.contact-info .phone-wrap input[type="text"] {
  padding-bottom: 13px;
  padding-top: 13px;
  font-size: 14px; }

.box-seaplanes {
  width: 100%;
  display: flex; }
  .box-seaplanes > div {
    width: 33.333%;
    padding-left: 10px;
    padding-right: 10px; }
    .box-seaplanes > div .select-st8 {
      width: 100%;
      border: 1px solid #aaa;
      line-height: 1.5;
      color: #555;
      padding: 10px 8px;
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      -ms-transition: all 0.25s linear;
      transition: all 0.25s linear; }

.transpick {
  width: 100%;
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .transpick > input {
    cursor: text;
    width: 100%; }
  .transpick > div {
    width: 50%;
    margin-top: 10px;
    display: flex;
    align-items: center; }

.input-radio-st1 {
  display: inline-block;
  line-height: 0; }
  .input-radio-st1 input {
    display: none; }
  .input-radio-st1 label {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    .input-radio-st1 label:before {
      content: '';
      display: block;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background-color: #e1e1e1;
      border: 1px solid #c1c1c1; }
  .input-radio-st1 label.active:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #bdb316; }

.input-checkbox-st1 {
  display: inline-block;
  line-height: 0; }
  .input-checkbox-st1 input {
    display: none; }
  .input-checkbox-st1 label {
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .input-checkbox-st1 label:before {
      content: '';
      display: block;
      width: 14px;
      height: 14px;
      background-color: #fff;
      border: 2px solid #bdb316; }
  .input-checkbox-st1 label.active:before {
    background-color: #bdb316;
    border: 2px solid #bdb316; }
  .input-checkbox-st1 label.active:after {
    content: '\ea10';
    display: block;
    position: absolute;
    color: #fff;
    font-family: 'insideTravel';
    speak: none;
    line-height: 1;
    font-size: 10px; }

@media (max-width: 1199px) {
  .contact-info-box > div .contact-info {
    width: 100%; } }
@media (max-width: 991px) {
  .room-booking-wrap table tbody tr td > .info-cabins {
    min-width: unset; }
  .room-booking-wrap table tbody tr td > .cruise-max-pe ul {
    justify-content: center; }

  .info-cabins {
    flex-wrap: wrap; }
    .info-cabins .item-listcabin {
      padding-left: 0; }

  .box-summary > div {
    width: 100%; }

  #title-cruise ul li {
    padding-left: 15px;
    padding-right: 15px; } }
@media (max-width: 767px) {
  .navbar-booking ul li a font {
    display: none; }
  .navbar-booking ul li .tooltip > span {
    display: block;
    box-shadow: none;
    border: 1px solid #bdb316;
    color: #bdb316;
    top: 90%;
    bottom: unset;
    width: 80%; }
    .navbar-booking ul li .tooltip > span > i {
      background-color: #bdb316;
      top: unset;
      bottom: 100%;
      -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
      clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
      -webkit-shape-outside: polygon(50% 0%, 100% 100%, 0% 100%);
      shape-outside: polygon(50% 0%, 100% 100%, 0% 100%); }
    .navbar-booking ul li .tooltip > span:after {
      content: " ";
      height: 9px;
      width: 18px;
      position: absolute;
      bottom: calc(100% - 1px);
      left: calc(50% + 1px);
      margin-left: -10px;
      background-color: #fff;
      -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
      clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
      -webkit-shape-outside: polygon(50% 0%, 100% 100%, 0% 100%);
      shape-outside: polygon(50% 0%, 100% 100%, 0% 100%); }
  .navbar-booking ul li .tooltip:hover {
    opacity: 1; }

  .room-booking-wrap table th:nth-child(2) {
    display: none; }
  .room-booking-wrap table tbody tr td:nth-child(2) {
    display: none; }

  .info-cabins {
    text-align: center; }
    .info-cabins > a {
      margin-left: auto;
      margin-right: auto; }
    .info-cabins .item-listcabin p, .info-cabins .item-listcabin div {
      display: none; }

  .sum-cabin ul li > div {
    margin-bottom: 5px; }
    .sum-cabin ul li > div p {
      margin-left: 0; }
    .sum-cabin ul li > div:first-child {
      margin-right: 10px; } }
@media (max-width: 479px) {
  .room-booking-wrap table th {
    font-size: 12px; }

  .price-save .sales-offer {
    font-size: 12px; }

  .total-price {
    flex-wrap: wrap; }
    .total-price .promotion-code {
      width: 100%; }
    .total-price .price-trip-box {
      margin-top: 15px; }

  .box-seaplanes {
    flex-wrap: wrap; }
    .box-seaplanes > div {
      width: 50%;
      margin-bottom: 5px; } }
@media (max-width: 375px) {
  .room-booking-wrap {
    overflow-x: auto;
    webkit-overflow-scrolling: touch; } }
.banner-small {
  height: 370px; }
  .banner-small .wrap-title-banner-top {
    padding: 15px 15px 100px; }

.bg-about {
  background-image: url(../jpg/bg-about.jpg);
  height: 100%;
  background-position-y: 37px;
  -webkit-filter: brightness(60%);
  filter: brightness(60%); }

.bg-travel-guide {
  background-image: url(../jpg/bg-travel-guide.jpg);
  height: 100%;
  -webkit-filter: brightness(60%);
  filter: brightness(60%); }

.about-container .wrap-mini-intro {
  display: block; }
  .about-container .wrap-mini-intro > img {
    margin: 20px 0 30px; }
  .about-container .wrap-mini-intro .title-h2-line {
    margin-top: 10px; }
  .about-container .wrap-mini-intro .info-inside-box {
    margin-bottom: 10px; }

.about-container.experience-container .container .col-xlg-4 article h3, .about-container.experience-container .container .col-xlg-4 article h4 {
  font-size: 14px; }

.about-container-st2 {
  margin-top: 50px; }
  .about-container-st2 .wrap-slide-team {
    margin-top: 15px;
    margin-bottom: 60px; }

.info-inside-box {
  width: 100%; }
  .info-inside-box li {
    text-align: center;
    margin-top: 10px; }
    .info-inside-box li .icon-font {
      font-size: 14px;
      margin-right: 5px;
      font-weight: 600; }
    .info-inside-box li a b {
      color: #b3350a; }

.wrap-icon-trusted {
  width: 200px;
  height: 200px;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  border: 5px solid #bdb316; }
  .wrap-icon-trusted img {
    border-radius: 50%; }

.wrap-slide-team {
  width: 100%; }
  .wrap-slide-team .synch-carousels {
    box-shadow: none; }
    .wrap-slide-team .synch-carousels .nav-arrows {
      top: 0;
      z-index: unset;
      height: 100%; }
      .wrap-slide-team .synch-carousels .nav-arrows > a {
        display: flex;
        align-items: center;
        z-index: 4;
        position: absolute;
        top: 0;
        width: 16.6666%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.8); }
        .wrap-slide-team .synch-carousels .nav-arrows > a .arrow-radius {
          position: static;
          background-color: rgba(255, 255, 255, 0.8); }
        .wrap-slide-team .synch-carousels .nav-arrows > a:first-child {
          left: 0;
          justify-content: flex-end; }
          .wrap-slide-team .synch-carousels .nav-arrows > a:first-child .arrow-radius {
            transform: translateX(50%);
            -moz-transform: translateX(50%);
            -webkit-transform: translateX(50%);
            -o-transform: translateX(50%);
            -ms-transform: translateX(50%); }
        .wrap-slide-team .synch-carousels .nav-arrows > a:last-child {
          right: 0;
          justify-content: flex-start; }
          .wrap-slide-team .synch-carousels .nav-arrows > a:last-child .arrow-radius {
            transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%); }
  .wrap-slide-team .item > div {
    position: relative;
    width: 100%;
    padding: 0 1px;
    overflow: hidden;
    cursor: pointer; }
    .wrap-slide-team .item > div img {
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
    .wrap-slide-team .item > div .network {
      top: 1px;
      left: 5px;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: all 0.8s linear;
      -moz-transition: all 0.8s linear;
      -o-transition: all 0.8s linear;
      -ms-transition: all 0.8s linear;
      transition: all 0.8s linear;
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg); }
    .wrap-slide-team .item > div .name-mem {
      bottom: -50px;
      left: 0;
      opacity: 0;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear; }
    .wrap-slide-team .item > div:hover img {
      -webkit-filter: grayscale(0);
      filter: grayscale(0); }
    .wrap-slide-team .item > div:hover .network {
      transform: rotateY(0);
      -webkit-transform: rotateY(0);
      -ms-transform: rotateY(0);
      -moz-transform: rotateY(0); }
    .wrap-slide-team .item > div:hover .name-mem {
      bottom: 0;
      opacity: 1; }

.network {
  position: absolute;
  display: inline-flex;
  justify-content: space-around; }
  .network a {
    display: inline-flex;
    padding: 3px 5px; }
    .network a .icon-font {
      font-size: 26px;
      color: #fff; }

.name-mem {
  position: absolute;
  padding: 15px;
  width: 100%;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.6) 94%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.6) 94%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.6) 94%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.6) 94%); }

.wrap-icon-special {
  width: 100%;
  max-width: 170px;
  margin-left: auto;
  margin-right: auto; }

@media (min-width: 1200px) {
  .bg-travel-guide {
    background-size: 100% auto; } }
@media (max-width: 991px) {
  .banner-small {
    height: 330px; }

  .wrap-slide-team .synch-carousels .nav-arrows > a {
    width: calc(100% / 11.5); } }
@media (max-width: 767px) {
  .wrap-slide-team .item > div .network {
    top: 0;
    left: 1px;
    width: 100%; } }
@media (max-width: 479px) {
  .wrap-slide-team .synch-carousels .nav-arrows > a {
    width: calc(100% / 5.5); }
    .wrap-slide-team .synch-carousels .nav-arrows > a .arrow-radius {
      display: none; } }
#map-coo-mk1 {
  top: 9.33%;
  left: 46.4%; }

#map-coo-mk2 {
  top: 12.25%;
  left: 52.25%; }

#map-coo-mk3 {
  top: 45.9%;
  left: 54.15%; }

#map-coo-mk4 {
  top: 35.6%;
  left: 57.25%; }

#map-coo-mk5 {
  top: 75.7%;
  left: 60.45%; }

#map-coo-mk6 {
  top: 62%;
  left: 65.75%; }

.video-top-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
  position: relative;
  overflow: hidden; }
  .video-top-container > .box-img-st2 {
    display: none; }
  .video-top-container video {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-filter: brightness(70%);
    filter: brightness(70%); }
  .video-top-container .search-container-st2 {
    z-index: 2; }

.search-container-st2 {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  max-width: 1170px; }
  .search-container-st2 > .btn-st3 {
    display: none; }
  .search-container-st2 form {
    display: flex;
    justify-content: space-between; }
    .search-container-st2 form h3 {
      display: inline-flex;
      align-items: center;
      width: 100px;
      margin: 0;
      color: #fff;
      font-size: 14px; }
    .search-container-st2 form .box-input-st2 > label {
      position: absolute;
      left: 55px;
      font-size: 14px;
      bottom: 21px;
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      -ms-transition: all 0.25s linear;
      transition: all 0.25s linear; }
    .search-container-st2 form .box-input-st2 input {
      padding: 30px 15px 15px 40px; }

.banner-top-logo {
  width: 100%;
  max-width: 368px;
  margin: 38px auto 30px; }

.box-input-st2 {
  flex-grow: 1;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  display: flex;
  align-items: center; }
  .box-input-st2 > .icon-font {
    position: absolute;
    left: 25px;
    font-size: 24px; }
  .box-input-st2 input {
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    background-color: #f9f6f1;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #ebe1cf;
    color: #768035; }

.section-map .read-more-st1 a {
  margin-top: 15px; }

.value-tool {
  border-radius: 10px; }
  .value-tool .btn-value .icon-font:first-child {
    font-size: 16px;
    margin-right: 5px; }

#box-mon-time {
  max-width: 500px;
  min-width: unset;
  border-radius: 10px; }

.box-submit-st2 {
  padding-left: 15px; }
  .box-submit-st2 button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 22px;
    color: #fff;
    border: 1px solid #fff; }
    .box-submit-st2 button:hover {
      background-color: #bdb316; }

.quick-link {
  padding-left: 100px;
  padding-right: 80px;
  margin-top: 40px; }
  .quick-link ul {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    .quick-link ul li {
      padding-left: 15px;
      padding-right: 15px; }
      .quick-link ul li .btn-st3 {
        height: 100%;
        color: #fff;
        border-color: #fff;
        padding: 15px 10px;
        font-weight: normal;
        letter-spacing: 1px;
        background-color: rgba(179, 53, 10, 0.8);
        border-radius: 35px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .quick-link ul li .btn-st3 .icon-font {
          margin-right: 5px;
          font-size: 16px; }
        .quick-link ul li .btn-st3:hover {
          opacity: .8;
          background-color: #bdb316; }

.trip-cruise {
  display: flex;
  align-items: stretch;
  background-color: #e6ddcc;
  width: 100%;
  padding: 20px;
  margin-bottom: 30px; }
  .trip-cruise .left-trip {
    width: calc(35% - 49px);
    padding-right: 10px;
    position: relative;
    align-self: flex-start; }
    .trip-cruise .left-trip > a {
      width: 100%;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center; }
      .trip-cruise .left-trip > a span {
        display: inline-block;
        position: absolute;
        z-index: 2;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase; }
      .trip-cruise .left-trip > a img {
        -webkit-filter: brightness(60%);
        filter: brightness(60%);
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear; }
      .trip-cruise .left-trip > a:hover {
        opacity: 1; }
        .trip-cruise .left-trip > a:hover img {
          -webkit-filter: brightness(100%);
          filter: brightness(100%); }
    .trip-cruise .left-trip .wrap-tooltip {
      padding-left: 0;
      padding-right: 0;
      margin-top: 15px;
      margin-bottom: 0; }
  .trip-cruise .mid-trip {
    width: calc(65% - 91px);
    padding-left: 20px;
    padding-right: 15px;
    border-right: 1px solid #d8cbbe; }
    .trip-cruise .mid-trip .head-trip {
      flex-wrap: nowrap; }
      .trip-cruise .mid-trip .head-trip .number-day {
        padding-right: 10px;
        border-right: 1px solid #d8cbbe; }
      .trip-cruise .mid-trip .head-trip .cruise-iti {
        flex-grow: 1;
        padding-left: 10px; }
        .trip-cruise .mid-trip .head-trip .cruise-iti .title-cruise {
          text-align: left;
          margin: 0;
          text-transform: none; }
        .trip-cruise .mid-trip .head-trip .cruise-iti address {
          line-height: 1.8;
          color: #895a36; }
          .trip-cruise .mid-trip .head-trip .cruise-iti address .map-marker {
            color: #895a36; }
    .trip-cruise .mid-trip .read-more-st2 a {
      margin-top: 15px; }
    .trip-cruise .mid-trip .best-offer .col-xlg-12 {
      padding-right: 0;
      padding-left: 0; }
  .trip-cruise .right-trip {
    flex-shrink: 0;
    width: 140px;
    padding-left: 15px; }
    .trip-cruise .right-trip > div {
      margin-top: 20px;
      margin-bottom: 20px; }
      .trip-cruise .right-trip > div .btn-st2 {
        padding-right: 20px;
        padding-left: 20px; }

.btn-view-map {
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  .btn-view-map .icon-font {
    font-size: 14px; }
  .btn-view-map .link-st3 {
    padding-right: 0;
    padding-top: 5px;
    padding-bottom: 5px; }

.info-cruise {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .info-cruise .btn-view-map.one-line {
    width: 100%;
    justify-content: flex-start; }
  .info-cruise .btn-view-map.share-line {
    margin-left: 10px; }
  .info-cruise .btn-view-map .link-st3 {
    padding-top: 5px;
    padding-bottom: 5px; }
  .info-cruise > div {
    display: flex;
    align-items: center; }
    .info-cruise > div .date-01 {
      font-size: 16px; }
    .info-cruise > div .select-arrow-thin {
      font-size: 8px; }
    .info-cruise > div .link-st3 {
      padding-left: 5px;
      padding-right: 5px; }
  .info-cruise .info-cruise-month {
    align-items: baseline;
    max-width: 200px;
    line-height: 1.5; }
    .info-cruise .info-cruise-month b {
      color: #895a36; }
    .info-cruise .info-cruise-month a {
      font-weight: 600;
      color: red; }
      .info-cruise .info-cruise-month a:hover {
        color: #bdb316; }
    .info-cruise .info-cruise-month .date-01 {
      margin-right: 5px; }
  .info-cruise .link-st3 {
    padding: 15px;
    position: relative; }
  .info-cruise .active:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: #c8bca6;
    transform: translate(-50%, 50%) rotate(45deg);
    -moz-transform: translate(-50%, 50%) rotate(45deg);
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -o-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg); }

.box-schedule {
  position: absolute;
  top: 92%;
  left: -20px;
  width: 700px;
  z-index: 5;
  background-color: #c8bca6;
  padding: 20px;
  display: none; }
  .box-schedule .list-cabins {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px dotted #967856; }
    .box-schedule .list-cabins:first-child {
      padding-top: 0; }
    .box-schedule .list-cabins:last-child {
      padding-bottom: 0;
      border-bottom: none; }
  .box-schedule table {
    border: 1px solid #b09e7e; }
    .box-schedule table th {
      border: 1px solid #b09e7e;
      padding-top: 10px;
      padding-bottom: 10px; }
    .box-schedule table td {
      border: 1px solid #b09e7e;
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px;
      color: #b39f7b; }
      .box-schedule table td > a {
        color: #b3350a;
        font-weight: 600; }

.list-cabins {
  width: 100%;
  display: flex;
  align-items: stretch; }
  .list-cabins > img {
    width: calc(35% - 49px);
    padding-right: 10px;
    align-self: flex-start; }
  .list-cabins .cabin-info-box {
    width: calc(65% - 91px);
    padding-left: 20px;
    padding-right: 15px; }
  .list-cabins .button-cabin {
    width: 140px;
    padding-left: 15px; }

.button-cabin {
  display: flex;
  align-items: center;
  justify-content: center; }
  .button-cabin .btn-st2 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
    color: #b3350a;
    border-color: #b3350a; }
    .button-cabin .btn-st2:hover {
      color: #bdb316;
      border-color: #bdb316; }

.cabin-info-box h4 {
  margin-top: 0;
  font-size: 18px; }

.item-cabin p {
  margin-bottom: 10px;
  line-height: 1.4;
  font-weight: 500; }

.facilities {
  margin-top: 10px; }
  .facilities > a {
    font-weight: 600;
    color: #b3350a; }
  .facilities ul {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    display: none; }
    .facilities ul li {
      width: 50%;
      padding-left: 15px;
      margin-bottom: 10px; }
      .facilities ul li .icon-font {
        margin-right: 5px; }

.number-day > span {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  left: 0;
  top: 0;
  padding-top: 6px;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 10px; }
  .number-day > span b {
    font-size: 24px; }

.best-poromo {
  width: 125px;
  height: 46px;
  background: url(../png/sprite-2.png) -249px -109px no-repeat;
  position: relative; }
  .best-poromo span {
    position: absolute;
    top: 22px;
    left: 16px;
    color: #fff;
    font-size: 10px; }

.save-now {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .save-now span {
    font-size: 26px;
    font-weight: 600;
    color: #ff5722; }

.i-map {
  display: block;
  background: url(../jpg/icon-list-cruise.jpg) center no-repeat;
  background-size: cover;
  width: 69px;
  height: 68px; }

.view-map-detail {
  width: 100%; }
  .view-map-detail a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%; }

#booking-widget-cruisepage-st2 {
  position: absolute;
  bottom: 50px;
  width: 100%;
  z-index: 3; }
  #booking-widget-cruisepage-st2 .form-banner-top {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 80%;
    margin: 0 auto;
    background-color: #e6ddcc; }
    #booking-widget-cruisepage-st2 .form-banner-top > div {
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px;
      margin-top: 15px;
      margin-bottom: 15px;
      border-right: 1px solid #cdb39f; }
    #booking-widget-cruisepage-st2 .form-banner-top .text b {
      font-weight: 600; }
    #booking-widget-cruisepage-st2 .form-banner-top .booking-step-where, #booking-widget-cruisepage-st2 .form-banner-top .booking-step-destination {
      position: relative;
      width: 18%;
      border-left: 1px solid #cdb39f; }
      #booking-widget-cruisepage-st2 .form-banner-top .booking-step-where .value .btn-value .map-marker, #booking-widget-cruisepage-st2 .form-banner-top .booking-step-destination .value .btn-value .map-marker {
        margin-right: 8px;
        font-size: 15px;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear; }
    #booking-widget-cruisepage-st2 .form-banner-top .booking-step-night {
      position: relative;
      width: 18%;
      border-right: none; }
    #booking-widget-cruisepage-st2 .form-banner-top .booking-step-m-time {
      position: relative;
      width: 21%;
      margin-top: 0;
      margin-bottom: 0;
      border-right: none;
      background-color: #e6ddcc; }
      #booking-widget-cruisepage-st2 .form-banner-top .booking-step-m-time .text {
        left: 0;
        padding-right: 10px;
        padding-left: 10px; }
    #booking-widget-cruisepage-st2 .form-banner-top .booking-step-cruise {
      position: relative;
      width: 26%; }
      #booking-widget-cruisepage-st2 .form-banner-top .booking-step-cruise .value .btn-value .ship {
        margin-right: 5px;
        font-size: 12px;
        color: #895a36;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear; }
    #booking-widget-cruisepage-st2 .form-banner-top .booking-step-submit {
      width: 17%;
      border-right: none;
      padding: 0;
      margin: 0;
      flex-grow: 1; }
      #booking-widget-cruisepage-st2 .form-banner-top .booking-step-submit button {
        width: 100%;
        height: 100%; }
        #booking-widget-cruisepage-st2 .form-banner-top .booking-step-submit button:hover {
          opacity: .8; }
    #booking-widget-cruisepage-st2 .form-banner-top .value {
      top: calc(100% + 15px); }
  #booking-widget-cruisepage-st2 > button {
    display: none; }

#search-cruise-modal .text .icon-font:first-child {
  color: #885916; }

.cruise-box-st3 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  border: 1px solid #eee;
  width: 100%;
  margin-bottom: 50px; }
  .cruise-box-st3:last-child {
    margin-bottom: 0; }
  .cruise-box-st3 .cruise-text-st3 {
    width: 50%; }
  .cruise-box-st3 .cruise-img-slide {
    width: 50%; }

.cruise-text-st3 article {
  padding: 20px; }
.cruise-text-st3 .content-cruise-st3 {
  margin-top: 15px; }
.cruise-text-st3 .foot-cruise-st3 {
  margin-top: 15px;
  transform: translateX(-30px);
  -moz-transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  -ms-transform: translateX(-30px); }
.cruise-text-st3 .wrap-tooltip {
  margin-top: 12px;
  margin-bottom: 12px; }

.cruise-img-slide .wrap-slide-st9 {
  width: 100%; }

.head-cruise-st3 {
  border-bottom: 1px dotted #dcdcdc;
  padding-bottom: 15px; }
  .head-cruise-st3 .title-h2 {
    text-align: left;
    margin-top: 0; }

.foot-cruise-st3 {
  display: flex;
  width: 100%; }
  .foot-cruise-st3 .special-offer-box {
    width: 200px; }
  .foot-cruise-st3 .price-box {
    width: calc(100% - 200px); }

.content-cruise-st3 .wrap-tooltip {
  padding-right: 0;
  padding-left: 0;
  justify-content: flex-start; }

.price-box {
  padding-left: 15px;
  font-size: 10px; }
  .price-box .commitment {
    text-align: left;
    margin-top: 5px; }
  .price-box > span {
    font-size: 12px;
    text-transform: uppercase;
    color: #bdb316;
    margin-left: auto;
    text-align: right; }
    .price-box > span strong {
      font-weight: 600;
      font-size: 16px; }

.special-offer-box {
  background-color: #b3350a;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .special-offer-box span {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px; }
    .special-offer-box span i {
      font-style: normal;
      margin-left: 15px; }
  .special-offer-box:after {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #dc1414;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%); }
  .special-offer-box:hover {
    background-color: #bdb316; }
    .special-offer-box:hover:after {
      background-color: #bb9f06; }

.box-hidden-st3 .paragraph {
  text-align: left; }
.box-hidden-st3 .link-st3 {
  color: #895a36;
  margin-left: 10px; }
  .box-hidden-st3 .link-st3:after {
    background-color: #895a36; }
  .box-hidden-st3 .link-st3:hover {
    color: #bdb316; }
    .box-hidden-st3 .link-st3:hover:after {
      background-color: #bdb316; }
.box-hidden-st3 .text-hidden {
  display: none; }

.wrap-slide-st9, .wrap-slide-st10 {
  overflow: hidden; }
  .wrap-slide-st9 .synch-carousels, .wrap-slide-st10 .synch-carousels {
    box-shadow: none; }
    .wrap-slide-st9 .synch-carousels .slick-track, .wrap-slide-st10 .synch-carousels .slick-track {
      background-color: rgba(0, 0, 0, 0.4); }
    .wrap-slide-st9 .synch-carousels .item, .wrap-slide-st10 .synch-carousels .item {
      line-height: 0; }
      .wrap-slide-st9 .synch-carousels .item > a, .wrap-slide-st10 .synch-carousels .item > a {
        width: 100%; }
    .wrap-slide-st9 .synch-carousels .wrap-dots, .wrap-slide-st10 .synch-carousels .wrap-dots {
      display: block;
      max-width: 135px;
      overflow-x: hidden;
      position: absolute;
      text-align: center;
      left: 50%;
      bottom: 0;
      white-space: nowrap;
      transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      padding: 5px;
      background: -moz-radial-gradient(bottom center, ellipse farthest-corner, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0.01) 70%);
      background: -o-radial-gradient(bottom center, ellipse farthest-corner, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0.01) 70%);
      background: -ms-radial-gradient(bottom center, ellipse farthest-corner, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0.01) 70%);
      background: -webkit-radial-gradient(bottom center, ellipse farthest-corner, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0.01) 70%); }
      .wrap-slide-st9 .synch-carousels .wrap-dots li, .wrap-slide-st10 .synch-carousels .wrap-dots li {
        width: 5px;
        height: 5px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.8); }
        .wrap-slide-st9 .synch-carousels .wrap-dots li button, .wrap-slide-st10 .synch-carousels .wrap-dots li button {
          font-size: 0;
          width: 100%;
          height: 100%; }
      .wrap-slide-st9 .synch-carousels .wrap-dots .slick-active, .wrap-slide-st10 .synch-carousels .wrap-dots .slick-active {
        width: 8px;
        height: 8px;
        background-color: #fff; }
    .wrap-slide-st9 .synch-carousels .nav-arrows, .wrap-slide-st10 .synch-carousels .nav-arrows {
      top: 50%;
      z-index: unset;
      height: 100%; }
      .wrap-slide-st9 .synch-carousels .nav-arrows button, .wrap-slide-st10 .synch-carousels .nav-arrows button {
        z-index: 0;
        height: 100%;
        width: 60px;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%); }
        .wrap-slide-st9 .synch-carousels .nav-arrows button i, .wrap-slide-st10 .synch-carousels .nav-arrows button i {
          color: #fff;
          font-size: 20px; }
      .wrap-slide-st9 .synch-carousels .nav-arrows button.arrow-left, .wrap-slide-st10 .synch-carousels .nav-arrows button.arrow-left {
        left: -60px;
        visibility: hidden;
        background: -owg-linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
        background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }
      .wrap-slide-st9 .synch-carousels .nav-arrows button.arrow-right, .wrap-slide-st10 .synch-carousels .nav-arrows button.arrow-right {
        right: -60px;
        visibility: hidden;
        background: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.5));
        background: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.5));
        background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.5)); }
    .wrap-slide-st9 .synch-carousels:hover .nav-arrows button, .wrap-slide-st10 .synch-carousels:hover .nav-arrows button {
      z-index: 3; }
    .wrap-slide-st9 .synch-carousels:hover .nav-arrows button.arrow-left, .wrap-slide-st10 .synch-carousels:hover .nav-arrows button.arrow-left {
      left: 0px;
      visibility: visible; }
    .wrap-slide-st9 .synch-carousels:hover .nav-arrows button.arrow-right, .wrap-slide-st10 .synch-carousels:hover .nav-arrows button.arrow-right {
      right: 0px;
      visibility: visible; }

.hidden-offer-box {
  display: none; }
  .hidden-offer-box .best-offer .col-xlg-12 {
    padding-right: 0;
    padding-left: 0; }

.wrap-trip-st4 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }

.trip-st4 {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 30px;
  background-color: #fff;
  margin-bottom: 30px;
  border-radius: 10px; }
  .trip-st4 .head-trip {
    padding-bottom: -15px;
    border-bottom: 1px dotted #dcdcdc;
    margin-bottom: 15px;
    margin-top: 0;
    align-items: stretch; }
    .trip-st4 .head-trip .title-info {
      width: calc(100% - 127px);
      padding-right: 10px; }
      .trip-st4 .head-trip .title-info .title-h2 {
        margin-bottom: 5px; 
		font-weight: 500;}
      .trip-st4 .head-trip .title-info .address {
        color: #888; }
        .trip-st4 .head-trip .title-info .address a {
          color: #888; }
    .trip-st4 .head-trip .view-map {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      width: 67px; }
      .trip-st4 .head-trip .view-map .icon-font {
        font-size: 32px;
        color: #bdb316; }
      .trip-st4 .head-trip .view-map font {
        color: #888; }
      .trip-st4 .head-trip .view-map:hover font {
        color: #bdb316; }

.show-mobi {
  display: none; }

.left-trip-st4 {
  width: 52%;
  padding-right: 15px;
  display: flex;
  flex-direction: column; }
  .left-trip-st4 .box-hidden {
    max-height: 157px; }
    .left-trip-st4 .box-hidden p {
      line-height: 1.8;
      letter-spacing: 0.7px;
      color: #895a36; }
      .left-trip-st4 .box-hidden p .heart-empty {
        margin-right: 5px;
        color: #bdb316;
        display: inline-block;
        vertical-align: middle; }
      .left-trip-st4 .box-hidden p:last-child {
        margin-bottom: 0; }
  .left-trip-st4 .read-more-st2 .link-st3 {
    margin-bottom: 10px;
    margin-top: 10px; }
  .left-trip-st4 .wrap-tooltip {
    margin-top: auto;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    justify-content: flex-start; }
    .left-trip-st4 .wrap-tooltip > span {
      margin-right: 15px;
      color: #895a36; }

.right-trip-st4 {
  width: 48%;
  padding-left: 15px; }
  .right-trip-st4 .wrap-slide-st9 .synch-carousels {
    z-index: 8; }

.foot-trip {
  width: 100%;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px dotted #dcdcdc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  .foot-trip .hand-picked {
    margin-bottom: 10px; }
  .foot-trip > span {
    font-size: 12px;
    text-transform: uppercase;
    color: #bdb316;
    margin-left: auto;
    margin-right: 15px;
    margin-bottom: 10px; }
    .foot-trip > span strong {
      font-weight: 600;
      font-size: 16px; }
  .foot-trip .btn-st2 {
    color: #888;
    border-color: #bbb;
    border-radius: 999px;
    margin-bottom: 10px; }
    .foot-trip .btn-st2:hover {
      color: #bdb316;
      border-color: #bdb316; }
  .foot-trip .heart-tour {
    display: block;
    margin-bottom: 10px;
    margin-left: 15px; }
    .foot-trip .heart-tour .icon-font {
      font-size: 36px;
      color: #AEAEAE; }
    .foot-trip .heart-tour:hover .icon-font {
      color: #bdb316; }

.hand-picked {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .hand-picked > span {
    margin-right: 15px;
    color: #888; }

.tooltip-handpick {
  padding: 5px;
  z-index: 10; }
  .tooltip-handpick font {
    margin-left: 5px;
    color: #555; }
  .tooltip-handpick > div {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative; }
    .tooltip-handpick > div:after {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background-color: #c1aa80;
      margin-top: 8px;
      opacity: 0;
      position: absolute;
      bottom: -10px; }
  .tooltip-handpick .icon-font {
    font-size: 18px;
    color: #c3bdbd; }
  .tooltip-handpick > span {
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    color: #fff;
    background-color: #bdb316; }
    .tooltip-handpick > span:after {
      background-color: #bdb316; }
  .tooltip-handpick:hover > div:after {
    opacity: 1;
    		/*animation: lineAnimatedOut .5s;
		    -moz-animation: lineAnimatedOut .5s;
		    -webkit-animation: lineAnimatedOut .5s;
		    -o-animation: lineAnimatedOut .5s;
		    width: 100%;*/ }
  .tooltip-handpick:hover font, .tooltip-handpick:hover .icon-font {
    color: #bdb316; }

.banner-country-2 {
  height: 580px; }
  .banner-country-2 .bg-detail {
    position: relative; }
    .banner-country-2 .bg-detail img {
      bottom: unset;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-filter: brightness(60%);
      filter: brightness(60%); }
  .banner-country-2 .wrap-title-banner-top-line {
    position: absolute;
    left: 0;
    bottom: 100px;
    padding: 15px 15px 25px 15px;
    top: unset;
    justify-content: flex-end;
    background-color: transparent; }

.trip.trip-itine {
  padding-bottom: 350px; }
  .trip.trip-itine .content-trip {
    bottom: 160px; }
  .trip.trip-itine > .tooltip {
    display: inline-block;
    position: absolute;
    bottom: 125px;
    cursor: pointer; }
    .trip.trip-itine > .tooltip .icon-itine {
      font-size: 32px; }
      .trip.trip-itine > .tooltip .icon-itine:before {
        color: #bdb316; }
      .trip.trip-itine > .tooltip .icon-itine:hover {
        opacity: .6; }
    .trip.trip-itine > .tooltip span {
      background-color: #bdb316;
      color: #fff; }
      .trip.trip-itine > .tooltip span:after {
        background-color: #bdb316;
        box-shadow: none; }

.wrap-slide-st8 {
  width: 100%; }
  .wrap-slide-st8 .gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center; }

.big-first-tour-box .body-box .wrap-hotel-info {
  flex-grow: 1;
  padding-right: 30px;
  max-width: calc(100% - 247px);
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .big-first-tour-box .body-box .wrap-hotel-info .hotel-news {
    width: auto;
    margin: 0; }
  .big-first-tour-box .body-box .wrap-hotel-info .wrap-tooltip {
    width: auto;
    margin: 0; }
.big-first-tour-box .body-box .wrap-faq {
  width: 100%; }
  .big-first-tour-box .body-box .wrap-faq .order-day {
    margin-top: 0;
    background-color: transparent; }
    .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child {
      margin-top: 0;
      background-color: transparent; }
      .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .flex-box {
        flex-grow: 1;
        padding-right: 10px;
        position: relative; }
        .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .flex-box h3 {
          width: auto;
          display: inline;
          flex-grow: unset;
          margin: 0; }
          .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .flex-box h3 a {
            max-width: 500px;
            text-transform: uppercase;
            font-weight: 600;
            color: #a06639;
            font-size: 13px; }
            .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .flex-box h3 a:hover {
              color: #768035; }
        .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .flex-box .price-trip-box {
          width: auto; }
        .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .flex-box .box-schedule {
          width: 100%; }
      .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .night-img-cr {
        width: 48px; }
        .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .night-img-cr .icon-des-2 {
          width: 100%;
          font-size: 48px; }
        .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .night-img-cr > div {
          flex-wrap: wrap;
          align-content: center;
          font-size: 18px; }
          .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .night-img-cr > div > font {
            display: block;
            width: 100%;
            font-size: 8px;
            text-align: center;
            font-weight: normal;
            text-transform: uppercase; }
      .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child > button {
        ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg); }

.box-schedule-2 .btn-schedule-2 {
  display: none; }
.box-schedule-2 .wrap-table {
  width: 100%; }
  .box-schedule-2 .wrap-table table td a:hover {
    background: #b3350a;
    border-radius: 20px;
    padding: 3px;
    color: #FFF; }

.section-blog-st2 .col-xlg-4 {
  margin-bottom: 15px;
  margin-top: 15px;
  text-align: left; }
  .section-blog-st2 .col-xlg-4 .desti {
    text-transform: uppercase;
    margin-top: 10px; }
  .section-blog-st2 .col-xlg-4 h3 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600; }
  .section-blog-st2 .col-xlg-4 p {
    line-height: 2;
    color: #885916; }

.banner-video-st2 {
  position: relative; }
  .banner-video-st2 .search-container-st2 {
    max-width: unset; }
    .banner-video-st2 .search-container-st2 .wrap-title-banner-top-line {
      position: static; }
  .banner-video-st2 #booking-widget-cruisepage-st2 {
    bottom: 30px; }

.wrap-special-tooltip {
  display: flex;
  margin-top: 15px;
  width: calc(100% + 40px);
  transform: translateX(-40px);
  -moz-transform: translateX(-40px);
  -webkit-transform: translateX(-40px);
  -o-transform: translateX(-40px);
  -ms-transform: translateX(-40px); }
  .wrap-special-tooltip .special-offer-box {
    width: 200px;
    min-width: 200px;
    max-height: 60px;
    margin-right: 15px; }
  .wrap-special-tooltip .wrap-tooltip {
    flex-grow: 1; }

.section-mk-des {
  background-color: #e6ddcc;
  padding-top: 30px;
  padding-bottom: 30px; }
  .section-mk-des .view-out {
    margin-top: 30px; }

.icon-intro-box .icon-font {
  font-size: 50px; }

.intro-destination .title-h2-line {
  font-weight: 600;
  margin-bottom: 0; }
.intro-destination .wrap-tooltip {
  margin-top: 0; }

.select-slide select {
  display: none; }

.wrap-slide-modal .synch-carousels {
  box-shadow: none;
  margin-left: -3px;
  margin-right: -3px; }
  .wrap-slide-modal .synch-carousels .nav-arrows {
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%); }
    .wrap-slide-modal .synch-carousels .nav-arrows button {
      z-index: 5; }
    .wrap-slide-modal .synch-carousels .nav-arrows button .select-arrow-thin {
      font-size: 16px;
      color: #888; }
    .wrap-slide-modal .synch-carousels .nav-arrows button:hover .select-arrow-thin {
      color: #bdb316; }
    .wrap-slide-modal .synch-carousels .nav-arrows .arrow-left {
      left: -28px; }
    .wrap-slide-modal .synch-carousels .nav-arrows .arrow-right {
      right: -28px; }
  .wrap-slide-modal .synch-carousels .wrap-dots {
    margin-top: 10px; }
    .wrap-slide-modal .synch-carousels .wrap-dots li {
      width: 8px;
      height: 8px;
      background-color: #888; }
    .wrap-slide-modal .synch-carousels .wrap-dots li.slick-active {
      background-color: #bdb316; }
    .wrap-slide-modal .synch-carousels .wrap-dots button {
      font-size: 0; }
.wrap-slide-modal .item {
  padding: 0 3px; }
  .wrap-slide-modal .item > a {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative; }
    .wrap-slide-modal .item > a img {
      width: 100%;
      -webkit-filter: brightness(70%);
      filter: brightness(70%);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear; }
    .wrap-slide-modal .item > a b {
      display: flex;
      z-index: 4;
      justify-content: center;
      align-items: center;
      position: absolute;
      text-align: center;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 600;
      color: #fff;
      padding: 22px; }
    .wrap-slide-modal .item > a:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 0px;
      border-radius: 0;
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      -ms-transition: all 0.25s linear;
      transition: all 0.25s linear; }
    .wrap-slide-modal .item > a:hover {
      opacity: 1; }
      .wrap-slide-modal .item > a:hover img {
        opacity: 1; }
      .wrap-slide-modal .item > a:hover:after {
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        border-radius: 50% 50% 0px 50%;
        border: 1px solid rgba(207, 172, 27, 0.8); }
  .wrap-slide-modal .item > a.active:after {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 50% 50% 0px 50%;
    border: 1px solid rgba(207, 172, 27, 0.8);
    background-color: rgba(207, 172, 27, 0.8); }

.banner-top-st3 {
  position: relative; }
  .banner-top-st3 .wrap-title-banner-top-line {
    z-index: 20; }
    .banner-top-st3 .wrap-title-banner-top-line h1, .banner-top-st3 .wrap-title-banner-top-line h2 {
      font-size: 16px;
      font-weight: 700;
      letter-spacing: 3px;
      text-transform: none; }
    .banner-top-st3 .wrap-title-banner-top-line .line:after {
      margin-bottom: 10px; }

.wrap-slide-st7 {
  width: 100%; }
  .wrap-slide-st7 .synch-carousels {
    box-shadow: none; }
    .wrap-slide-st7 .synch-carousels .item {
      height: 480px; }
      .wrap-slide-st7 .synch-carousels .item > div {
        width: 100%;
        height: 100%;
        position: relative; }
        .wrap-slide-st7 .synch-carousels .item > div img {
          height: 100%; }
    .wrap-slide-st7 .synch-carousels .slick-dots {
      position: absolute;
      z-index: 1;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      margin: 0;
      padding: 0; }
      .wrap-slide-st7 .synch-carousels .slick-dots li {
        display: inline-block;
        padding: 0;
        margin: 0 5px; }
        .wrap-slide-st7 .synch-carousels .slick-dots li button {
          background: rgba(255, 255, 255, 0.6);
          border: none;
          padding: 0;
          margin: 0;
          font-size: 0;
          line-height: 100%;
          width: 10px;
          height: 10px;
          border-radius: 50%; }
      .wrap-slide-st7 .synch-carousels .slick-dots li.slick-active button {
        background: #bdb316; }

@media (max-width: 1351px) {
  .tooltip-handpick {
    padding: 5px; }

  .banner-country-2 {
    height: 600px; } }
@media (max-width: 1199px) {
  .box-submit-st2 {
    padding-left: 0; }

  .quick-link {
    padding-right: 50px; }
    .quick-link ul li .btn-st3 {
      flex-wrap: wrap; }
      .quick-link ul li .btn-st3 .icon-font {
        margin-right: 0;
        margin-bottom: 5px; }

  .trip-cruise {
    flex-wrap: wrap; }
    .trip-cruise .left-trip {
      width: 35%;
      margin-bottom: 15px; }
    .trip-cruise .mid-trip {
      width: 65%;
      border-right: none;
      padding-right: 0;
      margin-bottom: 15px; }
    .trip-cruise .right-trip {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 0;
      padding-top: 15px;
      border-top: 1px solid #d8cbbe; }
      .trip-cruise .right-trip > div {
        margin-top: 0;
        margin-bottom: 0; }
      .trip-cruise .right-trip .save-now {
        width: unset; }
      .trip-cruise .right-trip .best-poromo {
        flex-shrink: 0; }
      .trip-cruise .right-trip .view-map-detail {
        width: unset; }

  .foot-trip {
    justify-content: center; }
    .foot-trip .btn-st2 {
      margin-left: 15px;
      padding-left: 10px;
      padding-right: 10px; }
    .foot-trip > span {
      margin-left: 15px; }

  .big-first-tour-box .body-box .wrap-faq {
    padding-right: 0;
    padding-left: 0; }
    .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child {
      padding-right: 0;
      padding-left: 0; }
      .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .flex-box {
        padding-right: 0; }
        .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child .flex-box .price-trip-box {
          display: none; }
      .big-first-tour-box .body-box .wrap-faq .order-day > div:first-child > button {
        display: none; }

  .info-cruise {
    margin-top: 10px;
    width: 100%;
    justify-content: flex-start; }
    .info-cruise .link-st3 {
      padding-top: 0;
      padding-bottom: 0; }
    .info-cruise .info-cruise-month {
      max-width: unset;
      width: 100%; }

  #booking-widget-cruisepage-st2 {
    bottom: 15px; }
    #booking-widget-cruisepage-st2 .form-banner-top {
      display: none; }
    #booking-widget-cruisepage-st2 > button {
      display: block;
      margin: 0 auto;
      max-width: 280px;
      width: 90%;
      height: 50px;
      border-radius: 999px; }

  .banner-video-st2 #booking-widget-cruisepage-st2 {
    bottom: 15px; } }
@media (max-width: 991px) {
  .video-top-container {
    padding: 50px 0; }
    .video-top-container > .box-img-st2 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .video-top-container > .box-img-st2 img {
        height: 100%;
        -webkit-filter: brightness(70%);
        filter: brightness(70%); }
    .video-top-container video {
      display: none; }

  .banner-video-st2 .video-top-container {
    padding-bottom: 80px; }

  .search-container-st2 form {
    flex-wrap: wrap;
    justify-content: center; }
    .search-container-st2 form h3 {
      width: 100%;
      margin-bottom: 15px;
      justify-content: center; }

  .quick-link {
    padding-right: 0;
    padding-left: 0; }
    .quick-link ul li .btn-st3 font {
      text-align: center; }

  .trip-cruise .left-trip {
    width: 100%; }
  .trip-cruise .mid-trip {
    width: 100%;
    padding-left: 0; }

  .box-schedule-2 .wrap-table {
    overflow-x: auto;
    webkit-overflow-scrolling: touch; }
  .box-schedule-2 table {
    min-width: 863px; }
  .box-schedule-2 .btn-schedule-2 {
    position: absolute;
    width: 50px;
    height: 100%;
    top: 0; }
  .box-schedule-2 .btn-schedule-2-up {
    left: 0;
    bottom: auto;
    background: -webkit-linear-gradient(left, rgba(200, 188, 166, 0.8) 0%, rgba(200, 188, 166, 0.6) 40%);
    background: -moz-linear-gradient(left, rgba(200, 188, 166, 0.8) 0%, rgba(200, 188, 166, 0.6) 40%);
    background: -ms-linear-gradient(left, rgba(200, 188, 166, 0.8) 0%, rgba(200, 188, 166, 0.6) 40%);
    background: -o-linear-gradient(left, rgba(200, 188, 166, 0.8) 0%, rgba(200, 188, 166, 0.6) 40%); }
  .box-schedule-2 .btn-schedule-2-down {
    display: block;
    right: 0;
    background: -webkit-linear-gradient(left, rgba(200, 188, 166, 0.6) 0%, rgba(200, 188, 166, 0.8) 40%);
    background: -moz-linear-gradient(left, rgba(200, 188, 166, 0.6) 0%, rgba(200, 188, 166, 0.8) 40%);
    background: -ms-linear-gradient(left, rgba(200, 188, 166, 0.6) 0%, rgba(200, 188, 166, 0.8) 40%);
    background: -o-linear-gradient(left, rgba(200, 188, 166, 0.6) 0%, rgba(200, 188, 166, 0.8) 40%); }

  .cruise-box-st3 {
    flex-wrap: wrap; }
    .cruise-box-st3 .cruise-text-st3 {
      order: 2;
      width: 100%; }
    .cruise-box-st3 .cruise-img-slide {
      order: 1;
      width: 100%; }

  .wrap-slide-st9 .synch-carousels .nav-arrows, .wrap-slide-st10 .synch-carousels .nav-arrows {
    display: none; }

  .left-trip-st4 {
    width: 100%;
    padding-right: 0; }

  .right-trip-st4 {
    width: 100%;
    padding-left: 0; }

  .trip-st4 .head-trip {
    order: 1; }
    .trip-st4 .head-trip .title-info {
      flex-grow: 1;
      padding-right: 0; }
    .trip-st4 .head-trip .view-map {
      display: none; }
  .trip-st4 .left-trip-st4 {
    order: 3;
    margin-top: 15px; }
  .trip-st4 .right-trip-st4 {
    order: 2; }
  .trip-st4 .foot-trip {
    order: 4; }

  .foot-trip .hand-picked {
    display: none; }

  .wrap-slide-st8 {
    margin-bottom: 50px; }
    .wrap-slide-st8 .gallery .item {
      margin-bottom: 30px; }
    .wrap-slide-st8 .wrap-dots li {
      background-color: #895a36; }
    .wrap-slide-st8 .wrap-dots li.slick-active {
      background-color: #bdb316; }
    .wrap-slide-st8 .wrap-dots button {
      color: rgba(255, 255, 255, 0); } }
@media (max-width: 767px) {
  .wrap-special-tooltip {
    transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -webkit-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    -ms-transform: translateX(-25px); }
    .wrap-special-tooltip .special-offer-box {
      margin-right: 0; }

  .search-container-st2 > .btn-st3 {
    display: block;
    margin: 0 auto;
    max-width: 280px;
    width: 90%;
    height: 50px;
    margin-bottom: 25px; }
  .search-container-st2 form {
    display: none; }

  .banner-top-logo {
    margin-bottom: 25px; }

  .quick-link ul {
    flex-wrap: wrap;
    margin-bottom: -15px; }
    .quick-link ul li {
      width: 33.3333%;
      margin-bottom: 15px; }
      .quick-link ul li .btn-st3 {
        width: 100%; }
        .quick-link ul li .btn-st3 .icon-font {
          width: 100%;
          text-align: center; }

  .trip-cruise .right-trip {
    flex-wrap: wrap;
    justify-content: center; }
    .trip-cruise .right-trip > div {
      margin: 0 15px 15px; }

  .list-cabins {
    flex-wrap: wrap; }
    .list-cabins > img {
      width: 100%; }
    .list-cabins .cabin-info-box {
      margin-top: 20px;
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
    .list-cabins .button-cabin {
      margin-top: 20px;
      width: 100%;
      padding-left: 0; }
      .list-cabins .button-cabin .btn-st2 {
        max-width: 150px; }

  .cruise-box-st3 {
    width: calc(100% - 30px); }
    .cruise-box-st3 .box-hidden-st3 .paragraph {
      padding-left: 0;
      padding-right: 0; }

  .trip-st4 .head-trip {
    display: block; }
    .trip-st4 .head-trip .day-trip {
      float: left;
      margin-right: 10px;
      width: 52px; }
      .trip-st4 .head-trip .day-trip span {
        font-size: 8px; }
        .trip-st4 .head-trip .day-trip span b {
          font-size: 16px; }
    .trip-st4 .head-trip .title-info {
      width: 100%;
      padding-left: 0; }
      .trip-st4 .head-trip .title-info .address {
        display: none; }
      .trip-st4 .head-trip .title-info .title-h2 {
        font-size: 18px;
        min-height: 30px; }
        .trip-st4 .head-trip .title-info .title-h2 a {
          display: inline; }

  .left-trip-st4 .wrap-tooltip {
    justify-content: center; }
    .left-trip-st4 .wrap-tooltip > span {
      display: none; }
  .left-trip-st4 .tooltip.show-mobi {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%; }
    .left-trip-st4 .tooltip.show-mobi .icon-font:before {
      color: #bdb316; }
    .left-trip-st4 .tooltip.show-mobi span {
      left: 50%;
      transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      width: 100%;
      max-width: 380px;
      color: #fff;
      background-color: #bdb316; }
      .left-trip-st4 .tooltip.show-mobi span:after {
        background-color: #bdb316; }

  .show-mobi {
    display: block; }

  .big-first-tour-box .body-box .wrap-hotel-info {
    padding-right: 0;
    max-width: unset;
    width: 100%;
    order: 1;
    justify-content: center; }
    .big-first-tour-box .body-box .wrap-hotel-info .hotel-news {
      width: 100%;
      text-align: center; }
      .big-first-tour-box .body-box .wrap-hotel-info .hotel-news > span {
        margin-bottom: 5px; }
    .big-first-tour-box .body-box .wrap-hotel-info .wrap-tooltip {
      width: auto;
      margin: 0; }

  .big-first-tour-box .body-box .wrap-faq {
    order: 4;
    margin-top: 15px; }
  .big-first-tour-box .body-box .wrap-foot-link {
    order: 5; }

  .info-cruise {
    flex-grow: 1; }
    .info-cruise .info-cruise-month {
      max-width: unset; }

  .wrap-slide-st7 .synch-carousels .item {
    height: 350px; }
  .wrap-slide-st7 .synch-carousels .slick-dots {
    bottom: 15px; } }
@media (max-width: 479px) {
  .wrap-special-tooltip {
    flex-wrap: wrap; }
    .wrap-special-tooltip .special-offer-box {
      width: 100%;
      height: 50px;
      order: 2; }
    .wrap-special-tooltip .wrap-tooltip {
      flex-grow: 1;
      order: 1;
      margin-bottom: 15px; }

  .video-top-container {
    padding: 30px 0; }

  .foot-cruise-st3 {
    flex-wrap: wrap; }
    .foot-cruise-st3 .special-offer-box {
      width: 100%;
      height: 40px; }
    .foot-cruise-st3 .price-box {
      width: 100%; }

  .cruise-text-st3 article {
    padding-left: 0;
    padding-right: 0; }
    .cruise-text-st3 article .head-cruise-st3 {
      padding-left: 15px;
      padding-right: 15px; }
    .cruise-text-st3 article .content-cruise-st3 {
      padding-left: 15px;
      padding-right: 15px; }
  .cruise-text-st3 .foot-cruise-st3 {
    transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    width: calc(100% + 10px);
    flex-shrink: 0; }

  .price-box {
    padding-left: 0;
    display: flex;
    align-items: center;
    flex-direction: column; }
    .price-box > span, .price-box .commitment {
      text-align: center;
      margin: 10px 0 0; }

  .hidden-offer-box .best-offer .col-xlg-12 {
    padding-right: 15px;
    padding-left: 15px; }

  .foot-trip > span {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    text-align: center; }
  .foot-trip .btn-st2 {
    margin-left: 0;
    margin-bottom: 0; }
  .foot-trip .heart-tour {
    margin-bottom: 0; }

  .hand-picked {
    flex-wrap: wrap; }
    .hand-picked > span {
      display: block;
      margin-right: 0;
      width: 100%;
      margin-bottom: 10px;
      text-align: center; }
    .hand-picked > div {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .hand-picked > div .tooltip-handpick {
        width: 50%; }

  .trip-st4 .head-trip .title-info .title-h2 {
    font-size: 16px;
    font-weight: 500; }

  .section-blog-st2 .wrap-slide-st8 {
    margin-bottom: 20px; }
  .section-blog-st2 .view-more-wrap {
    margin-bottom: 0; }
    .section-blog-st2 .view-more-wrap .link-st3 {
      margin-bottom: 0; } }
@media (max-width: 375px) {
  .quick-link ul li {
    width: 50%; } }
.wrap-title-banner-des {
  position: absolute;
  bottom: 130px;
  z-index: 2;
  left: 50%;
  color: #fff;
  text-align: center;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%); }
  .wrap-title-banner-des .subtitle {
    text-align: center;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px; }
  .wrap-title-banner-des > h1, .wrap-title-banner-des > h2 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.1;
    font-weight: 500;
    text-transform: uppercase; }
  .wrap-title-banner-des .btn-st2 {
    font-size: 14px;
    color: #fff;
    border-color: #fff;
    opacity: .8; }
    .wrap-title-banner-des .btn-st2:hover {
      opacity: 1;
      background-color: rgba(200, 200, 200, 0.2); }

.intro-box {
  width: 100%; }
  .intro-box .paragraph-hide {
    max-height: 95px;
    width: 80%; }
    .intro-box .paragraph-hide .paragraph {
      padding-right: 0;
      padding-left: 0; }
  .intro-box .read-more-st1 {
    margin-top: 15px; }

.container-des-vid {
  align-items: stretch; }
  .container-des-vid .intro-box {
    margin-bottom: 30px; }
  .container-des-vid .col-xlg-6 > a {
    width: 100%;
    height: 100%; }
  .container-des-vid .img-box {
    z-index: 4; }
  .container-des-vid .wrap-faq {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }
    .container-des-vid .wrap-faq .order-day > a:first-child {
      background-color: #f6f4f0;
      border-bottom: none; }
      .container-des-vid .wrap-faq .order-day > a:first-child h3 {
        text-transform: uppercase; }
      .container-des-vid .wrap-faq .order-day > a:first-child > .icon-font:first-child {
        width: 30px;
        display: inline-block;
        margin-right: 10px;
        font-size: 30px;
        color: #bdb316; }
    .container-des-vid .wrap-faq .order-day .panel .box-table {
      width: 100%; }
    .container-des-vid .wrap-faq .order-day .panel table {
      width: 100%; }
      .container-des-vid .wrap-faq .order-day .panel table thead tr {
        background-color: #bdb316; }
      .container-des-vid .wrap-faq .order-day .panel table thead th:first-child {
        width: 19.6%; }
      .container-des-vid .wrap-faq .order-day .panel table thead th {
        width: 6.7%;
        padding-bottom: 10px;
        padding-top: 10px;
        color: #fff;
        text-align: center; }
      .container-des-vid .wrap-faq .order-day .panel table tbody tr {
        border-bottom: 1px solid #efede6; }
      .container-des-vid .wrap-faq .order-day .panel table tbody th {
        padding-bottom: 20px;
        padding-top: 20px;
        text-align: center; }
      .container-des-vid .wrap-faq .order-day .panel table tbody td {
        text-align: center; }
        .container-des-vid .wrap-faq .order-day .panel table tbody td .star-box {
          font-size: 10px;
          width: 100%;
          border-left: 1px solid #aaa; }
    .container-des-vid .wrap-faq .order-day .panel .describe-wrap .paragraph {
      padding: 0;
      font-size: 12px; }
    .container-des-vid .wrap-faq .order-day .panel .describe-wrap-st2 {
      padding: 10px; }
      .container-des-vid .wrap-faq .order-day .panel .describe-wrap-st2 .paragraph {
        padding: 0;
        font-size: 12px; }

.box-table > div {
  width: 100%; }
.box-table > a {
  display: none; }

.note-box {
  text-align: center;
  width: 100%;
  margin-top: 15px; }
  .note-box .star-box {
    padding-right: 15px;
    padding-left: 15px; }
    .note-box .star-box .star {
      font-size: 10px; }
    .note-box .star-box font {
      padding-right: 10px;
      color: #885916;
      font-size: 12px; }

.describe-wrap {
  width: 100%; }
  .describe-wrap .row {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: 15px; }
    .describe-wrap .row .col-xlg-4 {
      position: relative;
      cursor: pointer; }
      .describe-wrap .row .col-xlg-4 .count-img {
        top: 20px;
        right: 38px; }
      .describe-wrap .row .col-xlg-4 .enlarge {
        top: 20px;
        right: 20px; }
      .describe-wrap .row .col-xlg-4:hover {
        opacity: .8; }
    .describe-wrap .row:last-child {
      margin-bottom: 0; }
    .describe-wrap .row h4 {
      font-family: 'Reenie Beanie', cursive;
      font-size: 32px;
      font-weight: 500;
      text-align: left;
      margin-top: 0; }
    .describe-wrap .row img {
      margin-top: 12px; }

.describe-wrap-st2 h4 {
  margin-top: 10px;
  margin-bottom: 5px;
  width: 100%;
  text-transform: uppercase;
  color: #bdb316; }
.describe-wrap-st2 h5 {
  margin-top: 5px;
  margin-bottom: 5px; }

@media (max-width: 991px) {
  .wrap-title-banner-des {
    width: 100%; } }
@media (max-width: 767px) {
  .describe-wrap .row h4 {
    margin-top: 15px; }
  .describe-wrap .row img {
    margin-top: 0; }

  .wrap-title-banner-des {
    bottom: 100px; }
    .wrap-title-banner-des .subtitle {
      margin-bottom: 10px;
      margin-top: 10px;
      font-size: 16px; }
    .wrap-title-banner-des > h1, .wrap-title-banner-des > h2 {
      margin-bottom: 10px;
      font-size: 24px; }
    .wrap-title-banner-des .btn-st2 {
      font-size: 12px; }

  .container-des-vid .wrap-faq .order-day .panel table {
    min-width: 661px; }

  .box-table {
    position: relative; }
    .box-table > div {
      overflow-x: auto;
      webkit-overflow-scrolling: touch; }
    .box-table > a {
      display: flex;
      position: absolute;
      z-index: 2;
      top: 0;
      right: 0;
      left: auto;
      height: 91px;
      width: 50px;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 40%);
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 40%);
      background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 40%);
      background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 40%); } }
@media (max-width: 479px) {
  .container-des-vid .col-xlg-6 {
    margin-bottom: 15px; }

  .note-box .star-box {
    margin-bottom: 5px; } }
.infomation-section .container {
  justify-content: flex-start; }
.infomation-section .wrap-blog-item-1 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }
.infomation-section .blogs-tab ul {
  justify-content: center;
  flex-wrap: wrap; }
.infomation-section .policy-content {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }
  .infomation-section .policy-content .paragraph {
    padding-right: 0;
    padding-left: 0;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px; }
  .infomation-section .policy-content h2 {
    font-size: 24px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
    font-weight: 600; }
  .infomation-section .policy-content h3 {
    font-weight: 600;
    text-transform: uppercase; }

.other-infomation {
  padding-right: 15px;
  padding-left: 15px; }
  .other-infomation h3 {
    font-weight: 600;
    text-transform: uppercase;
    border-top: 1px dotted #c1aa80;
    padding: 40px 30px 15px 0; }
  .other-infomation ul li {
    margin-top: 15px; }

@media (max-width: 479px) {
  .infomation-section .blogs-tab ul {
    justify-content: center; }
    .infomation-section .blogs-tab ul li {
      width: 100%;
      max-width: 230px; } }
.section-grid-dt3 .container {
  display: grid;
  grid-template-columns: 68% 32%;
  color: #895a36;
  grid-auto-rows: auto max-content max-content auto max-content 1fr;
  align-content: start;
  align-items: start;
  justify-content: start; }
  .section-grid-dt3 .container > div > div {
    border-radius: 6px;
    border: 1px solid #d2c5ae; }
.section-grid-dt3 .grid-ct0 {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  padding-left: 15px;
  padding-right: 15px; }
.section-grid-dt3 .grid-ct1 {
  grid-column: 1 / 2;
  grid-row: 2 / 5;
  padding-left: 15px;
  padding-right: 10px; }
  .section-grid-dt3 .grid-ct1 > div {
    background-color: #e6ddcc;
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .section-grid-dt3 .grid-ct1 .group-ct1-1 {
    margin-top: 0; }
    .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip {
      padding-left: 20px;
      padding-right: 20px; }
      .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .title-info {
        width: calc(100% - 34px);
        padding-right: 10px;
        padding-left: 0; }
        .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .title-info .title-h2 {
          margin: 0;
          font-size: 24px;
          font-weight: 600;
          color: #895a36;
          letter-spacing: 0; }
        .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .title-info .wrap-tooltip {
          padding-left: 0;
          padding-right: 0;
          margin: 0;
          justify-content: flex-start; }
          .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .title-info .wrap-tooltip > span {
            color: #666; }
      .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .heart-tour {
        width: 34px;
        margin-top: 8px; }
        .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .heart-tour .icon-font {
          font-size: 33px;
          color: #bdb316; }
        .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .heart-tour:hover .icon-font {
          color: #bdb316; }
      .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .heart-tour.active .icon-font {
        color: #bdb316; }
    .section-grid-dt3 .grid-ct1 .group-ct1-1 .body-trip {
      margin-top: 15px;
      padding-bottom: 20px;
      border-bottom: 1px dotted #dcdcdc; }
    .section-grid-dt3 .grid-ct1 .group-ct1-1 .foot-trip-st5 {
      padding-top: 15px; }
      .section-grid-dt3 .grid-ct1 .group-ct1-1 .foot-trip-st5 .div-hidden {
        padding-left: 20px;
        padding-right: 20px;
        max-height: 460px;
        position: relative;
        z-index: 2;
        /* h2{
        	border-bottom: 1px dotted #dcdcdc;
        	padding-bottom: 15px;
        	margin-bottom: 15px;
        } */ }
        .section-grid-dt3 .grid-ct1 .group-ct1-1 .foot-trip-st5 .div-hidden p {
          line-height: 1.8;
          margin-bottom: 15px;
          display: flex;
          align-items: baseline;
          font-size: 13px; }
          .section-grid-dt3 .grid-ct1 .group-ct1-1 .foot-trip-st5 .div-hidden p .checkmark {
            color: #bdb316;
            font-size: 14px;
            margin-right: 10px; }
          .section-grid-dt3 .grid-ct1 .group-ct1-1 .foot-trip-st5 .div-hidden p .checkmark.un-checkmark {
            color: #888; }
          .section-grid-dt3 .grid-ct1 .group-ct1-1 .foot-trip-st5 .div-hidden p:last-child {
            margin-top: 20px;
            margin-bottom: 20px; }
      .section-grid-dt3 .grid-ct1 .group-ct1-1 .foot-trip-st5 .read-more-st3 {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        box-shadow: 0px -62px 80px 0px #e6ddcc;
        position: relative;
        z-index: 5;
        text-align: center; }
  .section-grid-dt3 .grid-ct1 .address-box {
    margin-top: 10px;
    margin-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px; }
  .section-grid-dt3 .grid-ct1 .wrap-slide-st4 {
    padding-right: 17px;
    padding-left: 16px; }
    .section-grid-dt3 .grid-ct1 .wrap-slide-st4 .synch-carousels .gallery {
      width: 100%; }
      .section-grid-dt3 .grid-ct1 .wrap-slide-st4 .synch-carousels .gallery .item {
        padding-left: 5px;
        padding-right: 5px; }
        .section-grid-dt3 .grid-ct1 .wrap-slide-st4 .synch-carousels .gallery .item > a .box-text, .section-grid-dt3 .grid-ct1 .wrap-slide-st4 .synch-carousels .gallery .item > a img {
          border-radius: 0; }
    .section-grid-dt3 .grid-ct1 .wrap-slide-st4 .synch-carousels .nav-arrows {
      position: static;
      height: unset; }
      .section-grid-dt3 .grid-ct1 .wrap-slide-st4 .synch-carousels .nav-arrows button {
        width: 30px;
        height: 100%;
        top: 0;
        z-index: 8; }
        .section-grid-dt3 .grid-ct1 .wrap-slide-st4 .synch-carousels .nav-arrows button i {
          font-size: 9px;
          color: #fff; }
      .section-grid-dt3 .grid-ct1 .wrap-slide-st4 .synch-carousels .nav-arrows .arrow-right {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.45)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 60%);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 60%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 60%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 60%); }
      .section-grid-dt3 .grid-ct1 .wrap-slide-st4 .synch-carousels .nav-arrows .arrow-left {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.45)));
        background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 60%);
        background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 60%);
        background: -ms-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 60%);
        background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 60%); }
  .section-grid-dt3 .grid-ct1 .map-box {
    margin: 15px auto 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative; }
    .section-grid-dt3 .grid-ct1 .map-box .map-box-img {
      width: 100%;
      display: block; }
    .section-grid-dt3 .grid-ct1 .map-box button {
      position: absolute;
      top: 20px;
      right: 40px;
      padding: 10px 20px;
      border-radius: 999px;
      background-color: #fff;
      display: flex;
      justify-content: center;
      align-items: center; }
      .section-grid-dt3 .grid-ct1 .map-box button font {
        text-transform: uppercase; }
      .section-grid-dt3 .grid-ct1 .map-box button .icon-font {
        font-size: 22px;
        margin-right: 5px;
        color: #bdb316; }
      .section-grid-dt3 .grid-ct1 .map-box button:hover {
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        opacity: 1;
        background-color: #bdb316;
        color: #fff; }
        .section-grid-dt3 .grid-ct1 .map-box button:hover .icon-font {
          color: #fff; }
  .section-grid-dt3 .grid-ct1 .group-ct1-2 .box-ct1-itine {
    padding-left: 20px;
    padding-right: 20px; }
    .section-grid-dt3 .grid-ct1 .group-ct1-2 .box-ct1-itine .head-ct1-itine {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .section-grid-dt3 .grid-ct1 .group-ct1-2 .box-ct1-itine .head-ct1-itine h2 {
        flex-grow: 1; }
      .section-grid-dt3 .grid-ct1 .group-ct1-2 .box-ct1-itine .head-ct1-itine .toggle-day {
        width: max-content;
        margin-bottom: 20px;
        margin-top: 15px; }
  .section-grid-dt3 .grid-ct1 .group-ct1-3 .box-inc-exc {
    padding-left: 20px;
    padding-right: 20px; }
    .section-grid-dt3 .grid-ct1 .group-ct1-3 .box-inc-exc .include-box {
      padding-left: 0;
      padding-right: 0; }
      .section-grid-dt3 .grid-ct1 .group-ct1-3 .box-inc-exc .include-box .hidden-tablet > div {
        margin-left: -10px;
        margin-right: -10px;
        display: flex;
        flex-wrap: wrap; }
    .section-grid-dt3 .grid-ct1 .group-ct1-3 .box-inc-exc .exclude-box p {
      line-height: 1.8; }
    .section-grid-dt3 .grid-ct1 .group-ct1-3 .box-inc-exc .exclude-box article h4 {
      margin-top: 20px;
      margin-bottom: 10px;
      color: #bdb316; }
      .section-grid-dt3 .grid-ct1 .group-ct1-3 .box-inc-exc .exclude-box article h4 .icon-font {
        font-size: 14px;
        margin-right: 5px; }
    .section-grid-dt3 .grid-ct1 .group-ct1-3 .box-inc-exc .exclude-box article p {
      margin-bottom: 10px; }
      .section-grid-dt3 .grid-ct1 .group-ct1-3 .box-inc-exc .exclude-box article p .icon-font {
        margin-right: 5px;
        color: #bdb316; }
      .section-grid-dt3 .grid-ct1 .group-ct1-3 .box-inc-exc .exclude-box article p .checkmark.un-checkmark {
        color: #888; }
.section-grid-dt3 .grid-ct2 {
  grid-column: 1 / 2;
  grid-row: 5 / 6;
  padding-left: 15px;
  padding-right: 10px; }
  .section-grid-dt3 .grid-ct2 > div {
    background-color: #e6ddcc;
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 15px; }
    .section-grid-dt3 .grid-ct2 > div > div {
      padding-left: 20px;
      padding-right: 20px; }
  .section-grid-dt3 .grid-ct2 .group-ct2-1 .box-experiences .hide-exp-wrap {
    margin-left: -15px;
    margin-right: -15px; }
  .section-grid-dt3 .grid-ct2 .group-ct2-1 .box-experiences .view-more-wrap {
    margin-top: 30px;
    margin-bottom: 0;
    box-shadow: 0px -150px 145px #fff;
    position: relative;
    z-index: 3; }
  .section-grid-dt3 .grid-ct2 .group-ct2-2 .faq-box .wrap-faq {
    width: 100%; }
    .section-grid-dt3 .grid-ct2 .group-ct2-2 .faq-box .wrap-faq .order-day {
      margin-top: 0; }
      .section-grid-dt3 .grid-ct2 .group-ct2-2 .faq-box .wrap-faq .order-day > a:first-child {
        margin-top: 0;
        padding: 5px; }
    .section-grid-dt3 .grid-ct2 .group-ct2-2 .faq-box .wrap-faq .order-day:last-child > a:first-child {
      border-bottom: none; }
  .section-grid-dt3 .grid-ct2 .group-ct2-3 .box-review .group-body .hide-exp-wrap {
    max-height: 400px;
    z-index: 2;
    position: relative; }
  .section-grid-dt3 .grid-ct2 .group-ct2-3 .box-review .group-body .evaluate-rank {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdc; }
  .section-grid-dt3 .grid-ct2 .group-ct2-3 .box-review .group-body .evaluate-review {
    padding-bottom: 15px;
    padding-top: 10px;
    border-bottom: 1px solid #dcdcdc; }
  .section-grid-dt3 .grid-ct2 .group-ct2-3 .box-review .group-body .view-more-wrap {
    margin-top: 30px;
    margin-bottom: 0;
    box-shadow: 0px -150px 145px #e6ddcc;
    position: relative;
    z-index: 3; }
.section-grid-dt3 .grid-ct3 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  padding-left: 10px;
  padding-right: 15px; }
  .section-grid-dt3 .grid-ct3 > div {
    background-color: #e6ddcc;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 30px; }
  .section-grid-dt3 .grid-ct3 .group-ct3-1 {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0; }
.section-grid-dt3 .grid-ct4 {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  padding-left: 10px;
  padding-right: 15px; }
  .section-grid-dt3 .grid-ct4 > div {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 30px; }
  .section-grid-dt3 .grid-ct4 .group-ct4-1 .box-contact .team-quote {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }
    .section-grid-dt3 .grid-ct4 .group-ct4-1 .box-contact .team-quote > img {
      width: 70px; }
    .section-grid-dt3 .grid-ct4 .group-ct4-1 .box-contact .team-quote .team-name {
      margin-top: 0; }
  .section-grid-dt3 .grid-ct4 .group-ct4-1 .box-contact .form-field textarea {
    height: 120px; }
  .section-grid-dt3 .grid-ct4 .group-ct4-1 .box-contact .form-field.show-scroll {
    display: none; }
  .section-grid-dt3 .grid-ct4 .group-ct4-1 .box-contact .btn-st3 {
    width: 100%;
    height: 40px; }
  .section-grid-dt3 .grid-ct4 .group-ct4-1 .box-contact .res-time-box {
    width: 100%;
    display: flex;
    justify-content: space-between; }
    .section-grid-dt3 .grid-ct4 .group-ct4-1 .box-contact .res-time-box font {
      color: #419453; }
.section-grid-dt3 .grid-ct4.scroll-active .group-ct4-1 .box-contact .form-field.show-scroll {
  display: block; }
.section-grid-dt3 .grid-ct4.scroll-active .group-ct4-1 .box-contact .form-field.hide-scroll {
  display: none; }
.section-grid-dt3 .grid-ct5 {
  grid-column: 2 / 3;
  grid-row: 4 / 6;
  padding-left: 10px;
  padding-right: 15px; }
  .section-grid-dt3 .grid-ct5 .group-ct5-1 {
    background-color: #e6ddcc;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 30px; }
    .section-grid-dt3 .grid-ct5 .group-ct5-1 .box-how-pri {
      padding-left: 15px;
      padding-right: 15px; }
    .section-grid-dt3 .grid-ct5 .group-ct5-1 .box-contact .team-quote {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px; }
      .section-grid-dt3 .grid-ct5 .group-ct5-1 .box-contact .team-quote > img {
        width: 70px; }
      .section-grid-dt3 .grid-ct5 .group-ct5-1 .box-contact .team-quote .team-name {
        margin-top: 0; }
    .section-grid-dt3 .grid-ct5 .group-ct5-1 .box-contact .form-field textarea {
      height: 120px;
      background: #f9f6f1; }
    .section-grid-dt3 .grid-ct5 .group-ct5-1 .box-contact .form-field.show-scroll {
      display: none; }
    .section-grid-dt3 .grid-ct5 .group-ct5-1 .box-contact .btn-st3 {
      width: 100%;
      height: 40px; }
    .section-grid-dt3 .grid-ct5 .group-ct5-1 .box-contact .res-time-box {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .section-grid-dt3 .grid-ct5 .group-ct5-1 .box-contact .res-time-box font {
        color: #b3350a;
        font-weight: 600; }
  .section-grid-dt3 .grid-ct5 .group-ct5-2 {
    margin-top: 30px; }
.section-grid-dt3 .box-experiences .hide-exp-wrap {
  display: flex;
  flex-wrap: wrap; }
  .section-grid-dt3 .box-experiences .hide-exp-wrap .col-xlg-6 {
    margin: 15px 0 30px;
    position: relative;
    padding-bottom: 152px; }
    .section-grid-dt3 .box-experiences .hide-exp-wrap .col-xlg-6 > a {
      position: relative; }
    .section-grid-dt3 .box-experiences .hide-exp-wrap .col-xlg-6 .wrap-text-abso {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding-top: 10px; }
    .section-grid-dt3 .box-experiences .hide-exp-wrap .col-xlg-6 .desti {
      color: #fff;
      text-transform: uppercase; }
    .section-grid-dt3 .box-experiences .hide-exp-wrap .col-xlg-6 article {
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: 0;
      max-height: 152px;
      overflow-y: hidden;
      background-color: #fff;
      -webkit-transition: all 1s linear;
      -moz-transition: all 1s linear;
      -o-transition: all 1s linear;
      -ms-transition: all 1s linear;
      transition: all 1s linear;
      z-index: 3; }
      .section-grid-dt3 .box-experiences .hide-exp-wrap .col-xlg-6 article:hover {
        max-height: 400px; }
      .section-grid-dt3 .box-experiences .hide-exp-wrap .col-xlg-6 article h3, .section-grid-dt3 .box-experiences .hide-exp-wrap .col-xlg-6 article h4 {
        font-size: 16px;
        font-weight: 600; }
      .section-grid-dt3 .box-experiences .hide-exp-wrap .col-xlg-6 article .btn-st2 {
        color: #555;
        border-color: #bbb; }
        .section-grid-dt3 .box-experiences .hide-exp-wrap .col-xlg-6 article .btn-st2:hover {
          color: #bdb316;
          border-color: #bdb316; }
.section-grid-dt3 h2 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 20px; }

.group-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #895a36;
  opacity: 1;
  cursor: pointer; }
  .group-head h2 {
    flex-grow: 1; }
  .group-head button {
    font-size: 10px; }

.group-head.active button {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.address-box {
  display: flex; }
  .address-box .address-avt {
    width: 50px;
    flex-shrink: 0; }
  .address-box .address {
    font-size: 13px;
    line-height: 1.5;
    flex-grow: 1;
    padding-left: 10px;
    padding-top: 10px; }

.list-tour-day > li {
  width: 100%;
  padding-left: 30px;
  position: relative; }
  .list-tour-day > li:before {
    position: absolute;
    content: "";
    display: block;
    border-left: 1px dashed #c7d0d9;
    width: 0;
    height: 100%;
    z-index: 3;
    left: 8px;
    top: 36px; }
  .list-tour-day > li .wrap-icon-des {
    position: absolute;
    left: -30px;
    background-color: #f6f4f0; }
    .list-tour-day > li .wrap-icon-des .icon-font {
      color: #bdb316; }
    .list-tour-day > li .wrap-icon-des .icon-des-1 {
      font-size: 24px; }
    .list-tour-day > li .wrap-icon-des .icon-des-4 {
      font-size: 20px; }
    .list-tour-day > li .wrap-icon-des .icon-des-2, .list-tour-day > li .wrap-icon-des .icon-des-3 {
      font-size: 16px; }
  .list-tour-day > li .order-day > a:first-child {
    position: relative;
    z-index: 6;
    background-color: transparent;
    margin-top: 0;
    border-bottom: 1px solid #e2d8bf;
    padding-left: 3px;
    padding-right: 3px;
    opacity: 1; }
    .list-tour-day > li .order-day > a:first-child h3 {
      margin-top: 10px; }
    .list-tour-day > li .order-day > a:first-child > button .select-arrow-thin {
      font-size: 8px; }
    .list-tour-day > li .order-day > a:first-child:hover {
      background-color: #f6f4f0; }
      .list-tour-day > li .order-day > a:first-child:hover h3 {
        color: #bdb316; }
      .list-tour-day > li .order-day > a:first-child:hover .icon-des-2:before {
        content: "\e963"; }
  .list-tour-day > li .order-day > .active:first-child {
    background-color: #f6f4f0; }
    .list-tour-day > li .order-day > .active:first-child .icon-des-2:before {
      content: "\e963"; }
    .list-tour-day > li .order-day > .active:first-child h3 {
      color: #b53c13; }
  .list-tour-day > li .order-day .panel {
    padding-left: 0; }
    .list-tour-day > li .order-day .panel .head-pn span {
      font-size: 13px; }
    .list-tour-day > li .order-day .panel .head-pn > p {
      font-size: 13px; }
    .list-tour-day > li .order-day .panel > div .paragraph {
      font-size: 13px; }
    .list-tour-day > li .order-day .panel .experience-suplier .experience-content h4, .list-tour-day > li .order-day .panel .experience-suplier .experience-content h5 {
      font-size: 13px; }
  .list-tour-day > li:last-child:before {
    display: none; }
  .list-tour-day > li:last-child .order-day > a:first-child {
    border-bottom: none; }

.evaluate-rank {
  display: flex;
  align-items: center; }
  .evaluate-rank .star-box {
    font-size: 22px; }
  .evaluate-rank span {
    margin-left: 10px;
    font-weight: 600; }

.sub-tit {
  width: max-content;
  padding-left: 10px;
  padding-right: 10px;
  height: 35px;
  margin-left: 15px;
  display: flex;
  align-items: center;
  background-color: #419453;
  border-radius: 6px;
  color: #fff;
  font-weight: 500;
  position: relative; }
  .sub-tit:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: #419453;
    position: absolute;
    left: -4px;
    top: calc(50% - 4px);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

.evaluate-review > div:first-child {
  display: flex; }
  .evaluate-review > div:first-child .avt-review {
    width: 70px; }
  .evaluate-review > div:first-child .avt-info {
    flex-grow: 1;
    padding-left: 15px; }
.evaluate-review > div:last-child .paragraph {
  padding: 0;
  margin-bottom: 0;
  margin-top: 15px;
  text-align: left; }

.avt-review {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .avt-review img {
    display: block; }
  .avt-review img:last-child {
    width: 70%;
    position: absolute;
    border-radius: 50%; }

.avt-info {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end; }
  .avt-info h6 {
    width: 100%;
    margin-top: 0;
    font-size: 14px; }
  .avt-info > div {
    display: flex;
    align-items: center; }
    .avt-info > div span {
      color: #ad9b5c;
      font-weight: 500; }
    .avt-info > div .star-box {
      margin-left: 10px;
      font-size: 16px; }

.order-box .order-price {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .order-box .order-price > div {
    text-transform: uppercase;
    font-weight: 500;
    color: #888;
    font-size: 10px;
    text-align: left; }
    .order-box .order-price > div font {
      font-size: 22px;
      color: #bdb316; }
    .order-box .order-price > div span {
      font-size: 16px;
      font-weight: 600;
      color: #e87055; }
.order-box .order-save {
  margin-top: 15px; }
.order-box .order-choose .row-choose {
  border-bottom: 1px solid #dcdcdc; }
.order-box .order-best {
  margin-top: 15px;
  margin-bottom: 15px; }
.order-box .btn-st3 {
  width: 100%;
  height: 40px;
  background-color: #b3350a; }

.order-save {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 15px;
  padding-top: 15px;
  background-color: #deddc4; }
  .order-save .icon-font {
    font-size: 16px;
    color: #555;
    margin-right: 5px; }
  .order-save font {
    color: #e04b03;
    font-weight: 600; }

.order-choose .row-choose {
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 3px;
  cursor: pointer; }
  .order-choose .row-choose > span {
    padding-left: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #96a089;
    flex-shrink: 0; }
  .order-choose .row-choose .order-choose-info {
    display: flex;
    justify-content: space-between;
    align-items: baseline; }
    .order-choose .row-choose .order-choose-info > div:first-child {
      padding-left: 10px;
      padding-right: 5px;
      font-weight: 600;
      text-transform: uppercase;
      min-width: 90px; }
    .order-choose .row-choose .order-choose-info > div:last-child {
      text-transform: uppercase;
      color: #bdb316;
      font-size: 10px; }
      .order-choose .row-choose .order-choose-info > div:last-child font {
        font-weight: 600;
        font-size: 16px; }
  .order-choose .row-choose .input-checkbox-st1 {
    margin-left: auto;
    padding-right: 5px; }
  .order-choose .row-choose:hover {
    background-color: #f6f4f0; }
    .order-choose .row-choose:hover .order-choose-info > div:first-child {
      color: #bdb316; }
    .order-choose .row-choose:hover > span {
      background-color: #bdb316; }
.order-choose .row-choose.choosed {
  background-color: #f6f4f0; }
  .order-choose .row-choose.choosed .order-choose-info > div:first-child {
    color: #bdb316; }
  .order-choose .row-choose.choosed > span {
    background-color: #bdb316; }

.order-best p {
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: 600;
  color: #b3350a; }
  .order-best p font {
    color: #ff5722;
    font-weight: 600; }
.order-best .checkmark {
  font-size: 14px;
  margin-right: 5px;
  color: #bdb316; }

.box-how-pri > h2, .box-how-pri > h3 {
  padding-bottom: 15px;
  border-bottom: 1px solid #dcdcdc; }
.box-how-pri .how-pri-row {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  .box-how-pri .how-pri-row > div:first-child {
    width: 55px; }
    .box-how-pri .how-pri-row > div:first-child .icon-font {
      font-size: 30px;
      color: #888; }
  .box-how-pri .how-pri-row > div:last-child {
    flex-grow: 1;
    color: #555; }
    .box-how-pri .how-pri-row > div:last-child h4 {
      margin: 0;
      font-weight: 600; }
    .box-how-pri .how-pri-row > div:last-child p {
      font-size: 11px; }

.box-adve > a {
  display: block;
  width: 100%; }

.fab-box .enqui-tablet {
  display: none; }

@media (min-width: 1350px) {
  .grid-ct3, .grid-ct4 {
    position: sticky;
    z-index: 99;
    -webkit-transition: all 1.5s linear;
    -moz-transition: all 1.5s linear;
    -o-transition: all 1.5s linear;
    -ms-transition: all 1.5s linear;
    transition: all 1.5s linear; }

  .grid-ct3 {
    top: -1000px; }

  .grid-ct4 {
    top: -600px; }

  .grid-ct1 .group-ct1-2 .box-ct1-itine .body-ct1-itine .list-tour-day .experience-img {
    width: 30%; }
  .grid-ct1 .group-ct1-2 .box-ct1-itine .body-ct1-itine .list-tour-day .experience-content {
    width: 70%; } }
@media (max-width: 1199px) {
  .order-save {
    display: inline-block;
    text-align: center; }

  .order-choose .row-choose > span {
    display: none; }

  .section-grid-dt3 .grid-ct4 .group-ct4-1 .box-contact .res-time-box {
    flex-wrap: wrap; }
    .section-grid-dt3 .grid-ct4 .group-ct4-1 .box-contact .res-time-box span {
      display: block;
      width: 100%; }
  .section-grid-dt3 .grid-ct5 .group-ct5-1 .box-contact .res-time-box {
    flex-wrap: wrap; }
    .section-grid-dt3 .grid-ct5 .group-ct5-1 .box-contact .res-time-box span {
      display: block;
      width: 100%; }
  .section-grid-dt3 .wrap-faq {
    padding-left: 0;
    padding-right: 0; }

  .box-adve {
    display: none; } }
@media (max-width: 991px) {
  .section-grid-dt3 .container {
    grid-template-columns: 100%;
    grid-auto-rows: max-content max-content max-content max-content max-content auto;
    align-content: start;
    align-items: start;
    justify-content: start; }
    .section-grid-dt3 .container > div {
      padding-right: 15px;
      padding-left: 15px; }
  .section-grid-dt3 .grid-ct0 {
    grid-column: 1 / 2; }
  .section-grid-dt3 .grid-ct1 {
    grid-column: 1 / 2;
    grid-row: 2 / 3; }
    .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip, .section-grid-dt3 .grid-ct1 .group-ct1-1 .address-box, .section-grid-dt3 .grid-ct1 .group-ct1-1 .wrap-slide-st4, .section-grid-dt3 .grid-ct1 .group-ct1-1 .map-box {
      padding-right: 15px;
      padding-left: 15px; }
    .section-grid-dt3 .grid-ct1 .group-ct1-1 .foot-trip-st5 .div-hidden {
      padding-right: 15px;
      padding-left: 15px; }
    .section-grid-dt3 .grid-ct1 .group-ct1-2 .box-ct1-itine {
      padding-right: 15px;
      padding-left: 15px; }
    .section-grid-dt3 .grid-ct1 .group-ct1-3 .box-inc-exc {
      padding-right: 15px;
      padding-left: 15px; }
  .section-grid-dt3 .grid-ct2 {
    grid-column: 1 / 2;
    grid-row: 4 / 5; }
    .section-grid-dt3 .grid-ct2 > div > div {
      padding-left: 15px;
      padding-right: 15px; }
  .section-grid-dt3 .grid-ct3 {
    grid-column: 1 / 2;
    grid-row: 3 / 4; }
    .section-grid-dt3 .grid-ct3 .group-ct3-1 {
      margin-top: 30px; }
  .section-grid-dt3 .grid-ct4 {
    grid-column: 1 / 2;
    grid-row: 5 / 6; }
  .section-grid-dt3 .grid-ct5 {
    grid-column: 1 / 2;
    grid-row: 6 / 7; }

  .order-save {
    display: flex; }

  .order-choose .row-choose > span {
    display: flex; }

  .section-grid-dt3 .grid-ct4 .group-ct4-1 .box-contact .res-time-box span {
    width: 50%; }

  .box-adve {
    display: block; }

  .fab-box-tablet > a {
    display: none; }
  .fab-box-tablet .enqui-tablet {
    width: 100%;
    height: 50px;
    background-color: rgba(179, 53, 10, 0.9);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center; }
    .fab-box-tablet .enqui-tablet .icon-font {
      margin-right: 5px;
      font-size: 20px; }
    .fab-box-tablet .enqui-tablet span {
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase; } }
@media (max-width: 767px) {
  .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip {
    display: block; }
    .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .day-trip {
      float: left;
      margin-right: 10px;
      width: 40px; }
      .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .day-trip span {
        font-size: 7px; }
        .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .day-trip span b {
          font-size: 14px; }
    .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .title-info {
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
      .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .title-info .title-h2 {
        font-size: 20px;
        text-align: center;
        padding-top: 0; }
      .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .title-info .wrap-tooltip {
        justify-content: center; }
        .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .title-info .wrap-tooltip > span {
          display: none; }
    .section-grid-dt3 .grid-ct1 .group-ct1-1 .head-trip .heart-tour {
      display: none; }
  .section-grid-dt3 .grid-ct1 .group-ct1-1 .body-trip {
    margin-top: 5px; }
  .section-grid-dt3 .grid-ct1 .group-ct1-2 .box-ct1-itine .head-ct1-itine {
    flex-wrap: wrap; }
    .section-grid-dt3 .grid-ct1 .group-ct1-2 .box-ct1-itine .head-ct1-itine h2 {
      width: 100%; }
    .section-grid-dt3 .grid-ct1 .group-ct1-2 .box-ct1-itine .head-ct1-itine .toggle-day {
      width: 100%;
      text-align: center; }

  .address-box .address {
    font-size: 12px; } }
@media (max-width: 479px) {
  .evaluate-rank {
    flex-wrap: wrap;
    justify-content: center; }
    .evaluate-rank span {
      margin-top: 10px; } }
@media (max-width: 375px) {
  .section-grid-dt3 h2 {
    font-size: 16px; }

  .order-save {
    display: inline-block; }

  .order-choose .row-choose > span {
    display: none; } }
.section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .head-trip .title-info {
  padding-left: 0;
  width: calc(100% - 37px); }
.section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .body-trip {
  padding-bottom: 0;
  border-bottom: none; }
.section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .foot-trip-st5 .div-hidden h2 {
  border-bottom: 1px dotted #d8cdb9;
  padding-bottom: 15px;
  margin-bottom: 15px;
  margin-top: 0; }
.section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .foot-trip-st5 .div-hidden > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.8;
  margin-bottom: 15px;
  font-size: 13px; }
  .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .foot-trip-st5 .div-hidden > div .checkmark {
    color: #d0b316;
    font-size: 14px;
    margin-right: 10px; }
  .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .foot-trip-st5 .div-hidden > div .wrap-tooltip {
    display: inline-flex;
    width: auto;
    margin: 0;
    padding-right: 0; }
    .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .foot-trip-st5 .div-hidden > div .wrap-tooltip .tooltip .icon-font-cr {
      font-size: 20px; }
.section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins {
  padding-left: 0;
  padding-right: 0; }
  .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .group-head {
    padding-right: 20px;
    padding-left: 20px; }
  .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .box-cabin {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d6cab5; }
    .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .box-cabin > div {
      padding-left: 20px;
      padding-right: 20px; }
    .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .box-cabin:last-child {
      padding-bottom: 0;
      border-bottom: none; }
    .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .box-cabin .wrap-slide-st9 {
      width: 100%; }
      .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .box-cabin .wrap-slide-st9 .synch-carousels .nav-arrows {
        top: 0;
        display: flex; }
        .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .box-cabin .wrap-slide-st9 .synch-carousels .nav-arrows button {
          background-image: none;
          width: auto;
          height: 60px;
          z-index: 6;
          visibility: visible;
          top: 50%;
          transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          opacity: .8; }
          .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .box-cabin .wrap-slide-st9 .synch-carousels .nav-arrows button:hover {
            opacity: 1; }
        .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .box-cabin .wrap-slide-st9 .synch-carousels .nav-arrows button.arrow-left {
          left: 5px; }
        .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .box-cabin .wrap-slide-st9 .synch-carousels .nav-arrows button.arrow-right {
          right: 5px; }
.section-grid-dt3.section-grid-cruise .grid-ct2 .wrap-facilities, .section-grid-dt3.section-grid-cruise .grid-ct2 .wrap-cruise-desti, .section-grid-dt3.section-grid-cruise .grid-ct2 .wrap-cruise-article {
  display: none; }
.section-grid-dt3.section-grid-cruise .grid-ct3 .group-ct3-1 .order-box .order-price > div b {
  font-size: 18px;
  color: #768035; }
.section-grid-dt3.section-grid-cruise .grid-ct3 {
  z-index: 1; }

.short-info-cruise {
  display: flex;
  align-items: baseline;
  width: 100%; }
  .short-info-cruise .hotel-news {
    width: unset;
    flex-grow: 1;
    padding-left: 15px; }

.box-infomation-cabins .box-cabin .wrap-slide-st9 .wrap-dots {
  display: none !important; }
.box-infomation-cabins .box-cabin .wrap-slide-st9 .cabin-name-box {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20; }
.box-infomation-cabins .box-cabin .connecting-r {
  margin-top: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%; }
  .box-infomation-cabins .box-cabin .connecting-r .btn-st2 {
    margin-left: auto;
    border-radius: 999px;
    padding-bottom: 3px;
    padding-top: 3px;
	background: #768035;
    color: #FFF;
    border: 1px solid #8d9127; }
	.box-infomation-cabins .box-cabin .connecting-r .btn-st2:hover {
    margin-left: auto;
    border-radius: 999px;
    padding-bottom: 3px;
    padding-top: 3px;
	background: #8e9b3e;
    color: #FFF;
    border: 1px solid #8d9127; }
    .box-infomation-cabins .box-cabin .connecting-r .btn-st2 font {
      font-size: 11px; }
    .box-infomation-cabins .box-cabin .connecting-r .btn-st2 .icon-font {
      margin-right: 5px;
      color: #bdb316;
      font-size: 14px; }
    .box-infomation-cabins .box-cabin .connecting-r .btn-st2 i:last-child {
      font-style: normal;
      font-size: 20px;
      line-height: 1; }
.box-infomation-cabins .box-cabin .paragraph {
  text-align: left;
  padding-right: 0;
  padding-left: 0;
  font-size: 11px; }
.box-infomation-cabins .box-cabin .cr-info-room .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }
  .box-infomation-cabins .box-cabin .cr-info-room .row .col-xlg-3 {
    text-align: left;
    margin-bottom: 10px;
    font-size: 11px; }
    .box-infomation-cabins .box-cabin .cr-info-room .row .col-xlg-3 .icon-font-cr {
      margin-right: 5px;
      font-size: 16px; }

.cabin-name-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 10px 15px; }
  .cabin-name-box h3, .cabin-name-box h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 5px; }
  .cabin-name-box .cr-content span .icon-font {
    color: inherit; }

.order-box .order-discount {
  width: 100%; }
  .order-box .order-discount h4, .order-box .order-discount h3 {
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8cdb9; }
  .order-box .order-discount > div:nth-child(2) {
    font-weight: 500;
    color: #895a36;
    font-size: 10px;
    text-align: center; }
    .order-box .order-discount > div:nth-child(2) font {
      font-size: 22px;
      color: #bdb316; }
    .order-box .order-discount > div:nth-child(2) span {
      font-size: 26px;
      font-weight: 600;
      color: #e04b03; }
  .order-box .order-discount .best-offer .col-xlg-12 {
    padding-left: 0;
    padding-right: 0; }
    .order-box .order-discount .best-offer .col-xlg-12 > a span {
      letter-spacing: 0.8px;
      font-size: 10px;
      font-weight: 700; }
  .order-box .order-discount .best-offer .panel-st2 > div {
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.5; }
    .order-box .order-discount .best-offer .panel-st2 > div > span {
      font-size: 11px;
      letter-spacing: 0;
      line-height: 1.5;
      color: #895a36; }

.box-check-rates h3, .box-check-rates h4 {
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  padding-bottom: 10px;
  border-bottom: 1px solid #d8cdb9; }
.box-check-rates .text {
  cursor: pointer; }
  .box-check-rates .text .calendar-regular, .box-check-rates .text .map-marker {
    font-size: 16px; }
  .box-check-rates .text .bed {
    font-size: 14px; }
  .box-check-rates .text b {
    font-weight: 600; }
.box-check-rates .form-field {
  padding-right: 0;
  padding-left: 0; }
  .box-check-rates .form-field .select-st1, .box-check-rates .form-field .booking-st1 {
    width: 100%;
    height: auto;
    border: 1px solid #d2c5ae;
    font-size: 12px;
    vertical-align: middle;
    line-height: 1.5;
    color: #555;
    padding: 10px 8px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    -ms-transition: all .25s linear;
    transition: all .25s linear;
    background-color: #f9f6f1;
    position: relative;
    text-align: left;
    cursor: pointer;
    /* .text{
    	b{
    		color: $higlight-color;
    		font-weight: 600;
    	}
    } */ }
    .box-check-rates .form-field .select-st1 .value, .box-check-rates .form-field .select-st1 .value-2, .box-check-rates .form-field .booking-st1 .value, .box-check-rates .form-field .booking-st1 .value-2 {
      top: 100%; }
    .box-check-rates .form-field .select-st1 .value, .box-check-rates .form-field .booking-st1 .value {
      z-index: 8; }
      .box-check-rates .form-field .select-st1 .value .btn-value, .box-check-rates .form-field .booking-st1 .value .btn-value {
        padding-left: 15px; }
        .box-check-rates .form-field .select-st1 .value .btn-value .ship, .box-check-rates .form-field .booking-st1 .value .btn-value .ship {
          margin-right: 5px;
          font-size: 12px;
          color: #d0b316;
          -webkit-transition: all .25s linear;
          -moz-transition: all .25s linear;
          -o-transition: all .25s linear;
          -ms-transition: all .25s linear;
          transition: all .25s linear; }
      .box-check-rates .form-field .select-st1 .value > li .btn-value > b, .box-check-rates .form-field .booking-st1 .value > li .btn-value > b {
        font-weight: 600; }
      .box-check-rates .form-field .select-st1 .value > li .btn-value:hover, .box-check-rates .form-field .booking-st1 .value > li .btn-value:hover {
        background-color: #eee7db; }
    .box-check-rates .form-field .select-st1 .value-2, .box-check-rates .form-field .booking-st1 .value-2 {
      max-height: 245px;
      overflow-y: scroll;
      overflow-x: hidden; }
      .box-check-rates .form-field .select-st1 .value-2 .room-cruise, .box-check-rates .form-field .booking-st1 .value-2 .room-cruise {
        background-color: #f6f4f0; }
  .box-check-rates .form-field .select-st1 .value > li .btn-value > b {
    width: 100%;
    white-space: normal;
    color: #b3350a; }
  .box-check-rates .form-field .booking-st4 {
    border: 1px solid #d2c5ae; }
  .box-check-rates .form-field .booking-st2 {
    border: 1px solid #d2c5ae;
    background-color: #FFF;
    position: relative; }
    .box-check-rates .form-field .booking-st2 .text {
      padding: 10px 8px;
      cursor: pointer; }
  .box-check-rates .form-field .btn-st3 {
    width: 100%;
    height: 40px; }
  .box-check-rates .form-field:last-child {
    color: #ff5722;
    font-size: 11px; }

.booking-st4 {
  width: 100%;
  height: auto;
  position: relative;
  vertical-align: middle;
  line-height: 1.5;
  padding: 10px 8px;
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  -o-transition: all .25s linear;
  -ms-transition: all .25s linear;
  transition: all .25s linear;
  background-color: #f9f6f1; }
  .booking-st4 > input {
    display: none; }
  .booking-st4 .text {
    cursor: pointer; }
    .booking-st4 .text b {
      text-align: left; }

.value-3 {
  max-height: 245px;
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: 100%;
  overflow-y: scroll;
  background-color: #f9f6f1;
  border: 1px solid #d2c5ae;
  box-shadow: 0 6px 40px -4px #9c9991;
  display: none;
  z-index: 8; }
  .value-3 span {
    display: block;
    padding-top: 12px;
    padding-bottom: 6px;
    padding-left: 15px;
    color: #888; }
  .value-3 > div {
    width: 100%;
    overflow-x: auto;
    webkit-overflow-scrolling: touch; }
  .value-3 table {
    min-width: 280px;
    text-align: center; }
    .value-3 table thead tr {
      background-color: #b3350a; }
    .value-3 table thead th {
      padding-bottom: 10px;
      padding-top: 10px;
      color: #fff;
      border: 1px solid #efede6; }
      .value-3 table thead th:first-child {
        padding-right: 10px;
        padding-left: 10px; }
    .value-3 table tbody th, .value-3 table tbody td {
      padding-bottom: 10px;
      padding-top: 10px;
      border: 1px solid #efede6; }
    .value-3 table tbody th {
      color: #895a36; }
    .value-3 table tbody td div {
      display: flex;
      margin: 0 auto;
      justify-content: center;
      flex-wrap: wrap;
      max-width: 90%; }
    .value-3 table .btn-value {
      font-size: 13px;
      padding: 0 3px;
      border-radius: 5px; }
      .value-3 table .btn-value:hover {
        background-color: #b3350a; }
        .value-3 table .btn-value:hover b {
          color: #fff; }
    .value-3 table .btn-value.active {
      background-color: #b3350a; }
      .value-3 table .btn-value.active b {
        color: #fff; }

.iti-routes-box .wrap-faq {
  width: 100%; }
  .iti-routes-box .wrap-faq .order-day {
    margin-top: 0; }
    .iti-routes-box .wrap-faq .order-day > a:first-child .flex-box {
      flex-grow: 1;
      padding-right: 10px; }
      .iti-routes-box .wrap-faq .order-day > a:first-child .flex-box h3 {
        margin-top: 10px;
        margin-bottom: 10px;
        text-transform: uppercase; }
      .iti-routes-box .wrap-faq .order-day > a:first-child .flex-box .price-trip-box {
        width: max-content; }
    .iti-routes-box .wrap-faq .order-day > a:first-child button {
      font-size: 34px;
      color: #ad6816;
      font-weight: 100; }
    .iti-routes-box .wrap-faq .order-day > a:first-child .night-img-cr {
      width: 48px; }
      .iti-routes-box .wrap-faq .order-day > a:first-child .night-img-cr .icon-des-2 {
        width: 100%;
        font-size: 48px; }
      .iti-routes-box .wrap-faq .order-day > a:first-child .night-img-cr > div {
        flex-wrap: wrap;
        align-content: center; }
        .iti-routes-box .wrap-faq .order-day > a:first-child .night-img-cr > div span {
          display: inline-block;
          width: 100%;
          font-weight: normal;
          font-size: 9px;
          text-align: center;
          text-transform: uppercase; }
    .iti-routes-box .wrap-faq .order-day:last-child > a:first-child {
      border-bottom: none; }
    .iti-routes-box .wrap-faq .order-day > a.active button {
      ms-transform: unset;
      -webkit-transform: unset;
      transform: unset; }

.highlight-list .row {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap; }
.highlight-list .col-xlg-6 {
  margin: 15px 0 30px;
  position: relative;
  padding-bottom: 152px; }
  .highlight-list .col-xlg-6 > a {
    position: relative; }
  .highlight-list .col-xlg-6 .wrap-text-abso {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 10px; }
  .highlight-list .col-xlg-6 .desti {
    color: #fff;
    text-transform: uppercase; }
  .highlight-list .col-xlg-6 article {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    max-height: 152px;
    overflow-y: hidden;
    background-color: #e6ddcc;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear;
    z-index: 3; }
    .highlight-list .col-xlg-6 article .paragraph {
      padding-left: 0;
      padding-right: 0; }
    .highlight-list .col-xlg-6 article:hover {
      max-height: 400px; }
    .highlight-list .col-xlg-6 article h3, .highlight-list .col-xlg-6 article h4 {
      font-size: 14px;
      font-weight: 600; }
    .highlight-list .col-xlg-6 article .btn-st2 {
      color: #555;
      border-color: #bbb; }
      .highlight-list .col-xlg-6 article .btn-st2:hover {
        color: #bdb316;
        border-color: #bdb316; }
  .highlight-list .col-xlg-6 .tooltip span {
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    left: 15px; }

.wrap-facilities article h4 {
  width: 100%; }
.wrap-facilities article .row {
  margin-right: -15px;
  margin-left: -15px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
.wrap-facilities article p {
  text-align: left;
  margin-bottom: 10px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  font-size: 11px; }
  .wrap-facilities article p .icon-font {
    margin-right: 5px;
    color: #bdb316;
    font-size: 14px;
    font-weight: 800; }
  .wrap-facilities article p .icon-font-cr {
    margin-right: 5px; }

.video-box-st2 .hidden-tablet {
  margin-top: 10px; }
  .video-box-st2 .hidden-tablet iframe {
    width: 100%; }

.wrap-cruise-desti .box-destination-st3, .wrap-cruise-article .box-destination-st3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 20px; }
  .wrap-cruise-desti .box-destination-st3:last-child, .wrap-cruise-article .box-destination-st3:last-child {
    margin-bottom: 0;
    border-bottom: none; }

.location-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .location-wrap .wrap-tooltip {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start;
    width: auto;
    margin: 0 10px 0 0; }

.location-st2 {
  display: flex;
  align-items: center; }
  .location-st2 .icon-font {
    font-size: 16px;
    color: #bdb316;
    margin-right: 5px; }

.box-destination-st3 {
  display: flex;
  flex-wrap: wrap; }
  .box-destination-st3 .left-box {
    width: 30%; }
    .box-destination-st3 .left-box > a {
      display: block; }
  .box-destination-st3 .right-box {
    width: 70%;
    padding-left: 15px; }
    .box-destination-st3 .right-box h3 {
      margin-top: 0;
      font-size: 14px; }
    .box-destination-st3 .right-box .paragraph {
      padding-left: 0;
      padding-right: 0;
      margin-top: 0;
      margin-bottom: 0;
      text-align: left; }

.wrap-list-buttons {
  width: 100%;
  float: left;
  text-align: center; }

.list-buttons {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 5px auto;
  width: 80%; }
  .list-buttons button {
    width: 42%;
    background-color: #d0b316;
    margin-top: 5px;
    padding: 5px 0;
    color: #fff;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .list-buttons button font {
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 1px; }
    .list-buttons button .icon-font {
      font-size: 12px;
      margin-right: 5px; }
    .list-buttons button:hover {
      color: #fff; }

.big-first-tour-box {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  margin-bottom: 70px; }
  .big-first-tour-box .head-box {
    width: 100%;
    position: relative; }
    .big-first-tour-box .head-box .img-box-st2 {
      display: block; }
      .big-first-tour-box .head-box .img-box-st2:hover {
        opacity: 0.9; }
    .big-first-tour-box .head-box .count-day {
      top: 12px;
      left: 12px;
      background: #ff5722;
      text-transform: capitalize;
      font-size: 14px; }
    .big-first-tour-box .head-box .heart-tour {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 2;
      font-size: 36px;
      color: rgba(255, 255, 255, 0.8); }
    .big-first-tour-box .head-box h2 {
      position: absolute;
      z-index: 5;
      bottom: 0;
      left: 0;
      font-weight: 500;
      width: 100%;
      padding: 25px 15px 25px 20px;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
      margin: 0; }
      .big-first-tour-box .head-box h2 a {
        color: #fff;
        max-width: calc(100% - 180px);
        text-transform: uppercase;
        font-size: 22px;
        letter-spacing: 2px;
        font-weight: 500; }
        .big-first-tour-box .head-box h2 a:hover {
          color: #bdb316; }
    .big-first-tour-box .head-box .expert-box {
      position: absolute;
      bottom: 5px;
      right: 15px;
      z-index: 9; }
  .big-first-tour-box .body-box {
    background-color: #e6ddcc;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .big-first-tour-box .body-box .address-box {
      flex-grow: 1;
      padding-right: 30px;
      max-width: calc(100% - 247px); }
    .big-first-tour-box .body-box > .btn-st2 {
      width: 266px;
      border-radius: 999px;
      border-color: #c9baa8;
      padding-top: 5px;
      padding-bottom: 5px;
      margin-left: auto;
      flex-shrink: 0; }
      .big-first-tour-box .body-box > .btn-st2 .icon-font {
        font-size: 24px;
        color: #bdb316;
        margin-right: 5px; }
      .big-first-tour-box .body-box > .btn-st2 span {
        width: max-content;
        display: inline-flex;
        align-items: center;
        line-height: 1; }
      .big-first-tour-box .body-box > .btn-st2 font {
        font-style: normal;
        font-size: 20px; }
      .big-first-tour-box .body-box > .btn-st2:hover {
        border-color: #bdb316; }
    .big-first-tour-box .body-box .paragraph {
      width: 100%;
      margin-top: 20px;
      text-align: left;
      padding: 0; }
    .big-first-tour-box .body-box .wrap-foot-link {
      margin-top: 15px;
      width: 100%;
      text-align: center; }
  .big-first-tour-box .trip-st4 {
    background-color: #e6ddcc;
    border: 1px solid #d2c5ae; }
    .big-first-tour-box .trip-st4 .head-trip {
      border-color: #d5cab6; }
      .big-first-tour-box .trip-st4 .head-trip .title-info {
        width: calc(100% - 110px);
        padding-left: 10px;
        flex-grow: 1; }
        .big-first-tour-box .trip-st4 .head-trip .title-info .rank .star-box {
          margin-right: 15px; }
        .big-first-tour-box .trip-st4 .head-trip .title-info .rank .hotel-news {
          margin-top: 0;
          margin-bottom: 0; }
      .big-first-tour-box .trip-st4 .head-trip .heart-tour {
        font-size: 36px;
        color: #bdb316; }
    .big-first-tour-box .trip-st4 .foot-trip {
      border-color: #d5cab6; }
      .big-first-tour-box .trip-st4 .foot-trip .wrap-faq {
        width: 100%; }
        .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day {
          margin-top: 0;
          background-color: transparent; }
          .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child {
            margin-top: 0;
            background-color: transparent; }
            .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .flex-box {
              flex-grow: 1;
              padding-right: 10px;
              position: relative; }
              .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .flex-box h3 {
                width: auto;
                display: inline;
                flex-grow: unset;
                margin: 0; }
                .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .flex-box h3 a {
                  max-width: 500px;
                  text-transform: uppercase;
                  font-weight: 600;
                  color: #ad6816; }
                  .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .flex-box h3 a:hover {
                    color: #768035; }
              .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .flex-box .price-trip-box {
                width: auto; }
              .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .flex-box .box-schedule {
                width: 100%; }
            .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .night-img-cr {
              width: 48px; }
              .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .night-img-cr .icon-des-2 {
                width: 100%;
                font-size: 48px; }
              .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .night-img-cr > div {
                flex-wrap: wrap;
                align-content: center;
                font-size: 18px; }
                .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .night-img-cr > div > font {
                  display: block;
                  width: 100%;
                  font-size: 8px;
                  text-align: center;
                  font-weight: normal;
                  text-transform: uppercase; }
            .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child > button {
              ms-transform: rotate(-90deg);
              -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
      .big-first-tour-box .trip-st4 .foot-trip .wrap-foot-link {
        width: 100%;
        margin-top: 15px;
        text-align: center; }
    .big-first-tour-box .trip-st4 .foot-trip.foot-trip-top {
      margin-top: 0;
      margin-bottom: 15px;
      border-top: none;
      position: relative;
      z-index: 20; }

.expert-box {
  display: flex;
  justify-content: center;
  align-items: center; }
  .expert-box > div:first-child h6 {
    margin-top: 0;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .expert-box > div:first-child p {
    color: #fff;
    text-align: right;
    font-size: 10px; }
  .expert-box > div:last-child {
    padding: 8px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 50%; }
    .expert-box > div:last-child img {
      max-width: 44px;
      border-radius: 50%; }

.padding-top-0 {
  padding-top: 0 !important; }

.wrap-list-cabins {
  padding-right: 15px;
  padding-left: 15px; }

.box-cabin-st2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  background-color: #e6ddcc;
  padding-top: 15px;
  padding-bottom: 15px; }
  .box-cabin-st2 > .col-xlg-12 {
    text-align: left;
    font-weight: 600; }
  .box-cabin-st2 .form-field {
    margin-top: 5px; }

#modal-inquery-cruise h3 {
  text-transform: uppercase; }
#modal-inquery-cruise > p {
  text-align: center;
  font-weight: 500;
  text-transform: uppercase; }
#modal-inquery-cruise .ava-detail-modal {
  max-height: 110px; }
#modal-inquery-cruise .form-field textarea {
  height: 70px; }
  #modal-inquery-cruise .form-field textarea input, #modal-inquery-cruise .form-field textarea textarea {
    border-color: #d2c5ae; }
#modal-inquery-cruise button[type="submit"] {
  width: 45%;
  min-width: 95px; }
#modal-inquery-cruise .room-type {
  margin-right: auto; }
#modal-inquery-cruise .select-st1, #modal-inquery-cruise .select-st2, #modal-inquery-cruise .booking-st1, #modal-inquery-cruise .booking-st4 {
  width: 100%;
  height: auto;
  border: 1px solid #d2c5ae;
  font-size: 12px;
  vertical-align: middle;
  line-height: 1.5;
  color: #555;
  padding: 10px 8px;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
  background-color: #fff;
  position: relative;
  text-align: left; }
  #modal-inquery-cruise .select-st1 .text, #modal-inquery-cruise .select-st2 .text, #modal-inquery-cruise .booking-st1 .text, #modal-inquery-cruise .booking-st4 .text {
    cursor: pointer; }
    #modal-inquery-cruise .select-st1 .text .calendar-regular, #modal-inquery-cruise .select-st1 .text .map-marker, #modal-inquery-cruise .select-st2 .text .calendar-regular, #modal-inquery-cruise .select-st2 .text .map-marker, #modal-inquery-cruise .booking-st1 .text .calendar-regular, #modal-inquery-cruise .booking-st1 .text .map-marker, #modal-inquery-cruise .booking-st4 .text .calendar-regular, #modal-inquery-cruise .booking-st4 .text .map-marker {
      font-size: 16px; }
    #modal-inquery-cruise .select-st1 .text .bed, #modal-inquery-cruise .select-st2 .text .bed, #modal-inquery-cruise .booking-st1 .text .bed, #modal-inquery-cruise .booking-st4 .text .bed {
      font-size: 14px; }
    #modal-inquery-cruise .select-st1 .text b, #modal-inquery-cruise .select-st2 .text b, #modal-inquery-cruise .booking-st1 .text b, #modal-inquery-cruise .booking-st4 .text b {
      font-weight: 600; }
  #modal-inquery-cruise .select-st1 .value-2, #modal-inquery-cruise .select-st2 .value-2, #modal-inquery-cruise .booking-st1 .value-2, #modal-inquery-cruise .booking-st4 .value-2 {
    top: 100%; }
  #modal-inquery-cruise .select-st1 .value, #modal-inquery-cruise .select-st2 .value, #modal-inquery-cruise .booking-st1 .value, #modal-inquery-cruise .booking-st4 .value {
    top: 100%;
    z-index: 3; }
    #modal-inquery-cruise .select-st1 .value > li > .btn-value, #modal-inquery-cruise .select-st2 .value > li > .btn-value, #modal-inquery-cruise .booking-st1 .value > li > .btn-value, #modal-inquery-cruise .booking-st4 .value > li > .btn-value {
      padding: 10px; }
      #modal-inquery-cruise .select-st1 .value > li > .btn-value > b, #modal-inquery-cruise .select-st2 .value > li > .btn-value > b, #modal-inquery-cruise .booking-st1 .value > li > .btn-value > b, #modal-inquery-cruise .booking-st4 .value > li > .btn-value > b {
        text-overflow: clip;
        white-space: normal;
        font-weight: 600;
        color: #b3350a; }
    #modal-inquery-cruise .select-st1 .value .btn-value .icon-font:first-child, #modal-inquery-cruise .select-st2 .value .btn-value .icon-font:first-child, #modal-inquery-cruise .booking-st1 .value .btn-value .icon-font:first-child, #modal-inquery-cruise .booking-st4 .value .btn-value .icon-font:first-child {
      display: inline-block;
      width: 10%;
      margin-right: 8px;
      font-size: 15px;
      color: #bdb316;
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      -o-transition: all 0.25s linear;
      -ms-transition: all 0.25s linear;
      transition: all 0.25s linear; }
    #modal-inquery-cruise .select-st1 .value .btn-value .icon-font.map-marker, #modal-inquery-cruise .select-st2 .value .btn-value .icon-font.map-marker, #modal-inquery-cruise .booking-st1 .value .btn-value .icon-font.map-marker, #modal-inquery-cruise .booking-st4 .value .btn-value .icon-font.map-marker {
      width: auto; }
    #modal-inquery-cruise .select-st1 .value .btn-value:hover .icon-font:first-child, #modal-inquery-cruise .select-st2 .value .btn-value:hover .icon-font:first-child, #modal-inquery-cruise .booking-st1 .value .btn-value:hover .icon-font:first-child, #modal-inquery-cruise .booking-st4 .value .btn-value:hover .icon-font:first-child {
      color: #ad6816; }
#modal-inquery-cruise .booking-st2 {
  border: 1px solid #aaa;
  position: relative;
  background: #FFF; }
  #modal-inquery-cruise .booking-st2 input {
    width: 100%;
    border: none; }
  #modal-inquery-cruise .booking-st2 .text {
    padding-left: 8px;
    padding-right: 8px; }

.modal-cruise-st2 .modal-content > .order-day > a:first-child {
  background-color: transparent;
  padding-left: 3px;
  padding-right: 3px;
  border-bottom: 1px solid #e2d8bf; }
  .modal-cruise-st2 .modal-content > .order-day > a:first-child > button .select-arrow-thin {
    font-size: 8px; }
.modal-cruise-st2 .modal-content > .order-day .wrap-inclusion > div h3 {
  font-size: 12px;
  font-weight: 400; }
.modal-cruise-st2 .head-modal-itine {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px dotted #e2d8bf;
  padding-bottom: 15px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  background-color: #f6f4f0;
  z-index: 8; }
  .modal-cruise-st2 .head-modal-itine h2 {
    flex-grow: 1;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center; }
  .modal-cruise-st2 .head-modal-itine .toggle-day > div .link-st3 {
    font-size: 12px;
    color: #ae6e39; }
.modal-cruise-st2 .body-modal-itine .list-tour-day {
  margin-top: 15px;
  margin-bottom: 15px; }
  .modal-cruise-st2 .body-modal-itine .list-tour-day li .order-day > a:first-child h3 {
    text-transform: none;
    font-size: 13px; }
  .modal-cruise-st2 .body-modal-itine .list-tour-day li .order-day .panel .head-pn span {
    font-size: 12px; }
  .modal-cruise-st2 .body-modal-itine .list-tour-day li .order-day .panel .head-pn > p {
    font-size: 12px; }
  .modal-cruise-st2 .body-modal-itine .list-tour-day li .order-day .panel > div .paragraph {
    font-size: 12px; }
  .modal-cruise-st2 .body-modal-itine .list-tour-day li .order-day .panel .experience-suplier .experience-content h4, .modal-cruise-st2 .body-modal-itine .list-tour-day li .order-day .panel .experience-suplier .experience-content h5 {
    font-size: 12px; }

.navbar-cruise.navbar-tour {
  position: fixed;
  width: 100%;
  left: 0;
  top: -100px;
  -webkit-transition: all 0.85s linear;
  -moz-transition: all 0.85s linear;
  -o-transition: all 0.85s linear;
  -ms-transition: all 0.85s linear;
  transition: all 0.85s linear; }

.parameter-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px; }
  .parameter-box > div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-right: 15px;
    padding-left: 15px; }
    .parameter-box > div b {
      width: 100%;
      text-align: center;
      color: #768035;
      font-size: 40px; }
    .parameter-box > div span {
      text-transform: uppercase;
      font-size: 11px;
      text-align: center; }

.crowd-container {
  width: 100%;
  margin-bottom: 30px; }

.row-crowd {
  display: flex;
  display: none; }
  .row-crowd:first-child, .row-crowd:nth-child(2) {
    display: flex; }
  .row-crowd .crowd-box {
    flex-grow: 1;
    padding-left: 1px;
    padding-right: 1px;
    margin-top: 2px;
    max-height: 180px;
    overflow: hidden;
    position: relative;
    opacity: 1;
    display: inline-flex;
    align-items: center; }
    .row-crowd .crowd-box .box-img {
      width: 100%;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      transition: all 0.3s linear; }
    .row-crowd .crowd-box .external-link {
      position: absolute;
      z-index: 5;
      color: #fff;
      top: 5px;
      right: 5px;
      font-size: 16px;
      display: none; }
    .row-crowd .crowd-box > div:last-child {
      position: absolute;
      z-index: 5;
      color: #fff;
      bottom: 5px;
      left: 5px; }
      .row-crowd .crowd-box > div:last-child .asiatours-black {
        font-size: 16px; }
      .row-crowd .crowd-box > div:last-child font {
        display: none; }
    .row-crowd .crowd-box:hover .box-img {
      transform: scale(1.1);
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-filter: brightness(70%);
      filter: brightness(70%); }
    .row-crowd .crowd-box:hover .external-link {
      display: block; }
    .row-crowd .crowd-box:hover > div:last-child font {
      display: inline; }

.link-st4 {
  margin-top: 20px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center; }
  .link-st4 .icon-font {
    font-size: 7px;
    margin-left: 5px; }

.wrap-destination-st2 {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px dotted #DCDCDC; }
  .wrap-destination-st2 > div {
    width: 50%; }
  .wrap-destination-st2 .box-left {
    order: 1; }
  .wrap-destination-st2 .box-right {
    order: 2; }
  .wrap-destination-st2 .item-box-text.box-left {
    padding-right: 12%; }
  .wrap-destination-st2 .item-box-text.box-right {
    padding-left: 12%; }
  .wrap-destination-st2 .item-box-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap; }
    .wrap-destination-st2 .item-box-text h3 {
      font-size: 45px;
      width: 100%;
      text-align: left;
      font-weight: 600;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: -3px; }
      .wrap-destination-st2 .item-box-text h3:after {
        content: '';
        display: block;
        width: 28px;
        height: 2px;
        background-color: #bdb316;
        margin-top: 15px;
        margin-left: 3px; }
    .wrap-destination-st2 .item-box-text h4 {
      text-transform: uppercase;
      width: 100%;
      text-align: left;
      font-weight: 600; }
      .wrap-destination-st2 .item-box-text h4:before {
        background-color: #bdb316;
        content: "";
        display: inline-block;
        height: 10px;
        width: 10px;
        margin-right: 5px;
        border-radius: 50% 50% 0 50%; }
    .wrap-destination-st2 .item-box-text .paragraph {
      text-align: left;
      padding: 0;
      margin-bottom: 30px;
      margin-top: 30px; }

.intro-box-mon {
  margin-top: 15px;
  margin-bottom: 30px;
  width: 100%; }
  .intro-box-mon .box-mon-time {
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 630px;
    min-width: unset;
    border-radius: 10px;
    border: 1px solid #d2c5ae; }
    .intro-box-mon .box-mon-time:after {
      content: '';
      display: block;
      position: absolute;
      top: -15px;
      left: calc(50% - 15px);
      width: 30px;
      height: 30px;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      background-color: #e6ddcc;
      z-index: 8; }

.modal-cruise-st2 .modal-content .team-quote {
  width: 100%; }
  .modal-cruise-st2 .modal-content .team-quote > div {
    margin-top: 15px;
    width: 100%; }
    .modal-cruise-st2 .modal-content .team-quote > div > .mini-tit {
      width: 100%;
      text-align: center;
      margin-top: 15px; }
    .modal-cruise-st2 .modal-content .team-quote > div .btn-st3 {
      display: flex;
      padding: 0 15px;
      justify-content: center;
      align-items: center;
      height: 40px;
      width: 100%;
      max-width: 500px;
      margin-right: auto;
      margin-left: auto;
      background-color: #bdb316; }
      .modal-cruise-st2 .modal-content .team-quote > div .btn-st3 .icon-font {
        color: #fff;
        margin-right: 5px; }
      .modal-cruise-st2 .modal-content .team-quote > div .btn-st3 b {
        color: #fff; }

.btn-close {
  z-index: 50; }

.loading-input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100;
  text-align: left;
  padding: 5px 10px; }
  .loading-input img {
    height: 100%;
    width: auto; }

.loading-modal {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 101;
  padding: 30px; }
  .loading-modal img {
    max-height: 100%;
    margin-top: 50px; }

@media (min-width: 1350px) {
  .row-crowd .crowd-box {
    max-height: 160px; } }
@media (max-width: 1199px) {
  .big-first-tour-box .trip-st4 .foot-trip .wrap-faq {
    padding-right: 0;
    padding-left: 0; }
    .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child {
      padding-right: 0;
      padding-left: 0; }
      .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .flex-box {
        padding-right: 0; }
        .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child .flex-box .price-trip-box {
          display: none; }
      .big-first-tour-box .trip-st4 .foot-trip .wrap-faq .order-day > div:first-child > button {
        display: none; } }
@media (max-width: 991px) {
  .navbar-cruise.navbar-tour {
    display: none; }

  .row-crowd:nth-child(3) {
    display: flex; }
  .row-crowd .crowd-box {
    max-height: 230px; }

  .section-grid-dt3.section-grid-cruise .grid-ct4 {
    grid-row: 4 / 5;
    z-index: unset; }
    .section-grid-dt3.section-grid-cruise .grid-ct4 .box-check-rates .value-2, .section-grid-dt3.section-grid-cruise .grid-ct4 .box-check-rates .value {
      z-index: 10; }
  .section-grid-dt3.section-grid-cruise .grid-ct2 {
    grid-row: 5 / 6; }
    .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .group-head {
      padding-right: 15px;
      padding-left: 15px; }
    .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .box-cabin > div {
      padding-right: 15px;
      padding-left: 15px; }
    .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 .box-infomation-cabins .hidden-tablet {
      display: block; }
    .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-4 .iti-routes-box .hidden-tablet {
      display: block; }

  .big-first-tour-box .trip-st4 .foot-trip.foot-trip-top {
    order: 1; } }
@media (max-width: 767px) {
  .parameter-box {
    flex-wrap: wrap; }
    .parameter-box > div {
      width: 50%;
      margin-bottom: 15px; }

  .row-crowd .crowd-box {
    max-height: 140px; }

  .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .head-trip {
    position: relative; }
    .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .head-trip .title-info {
      width: 100%; }
      .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .head-trip .title-info .title-h2 {
        min-height: unset;
        text-align: left;
        width: calc(100% - 21px); }
      .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .head-trip .title-info .short-info-cruise {
        flex-wrap: wrap; }
        .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .head-trip .title-info .short-info-cruise .star-box {
          margin-top: 5px;
          margin-right: 5px;
          font-size: 10px; }
        .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .head-trip .title-info .short-info-cruise .hotel-news {
          padding-left: 0;
          padding-right: 0;
          margin-top: 0; }
          .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .head-trip .title-info .short-info-cruise .hotel-news span {
            margin-top: 5px;
            font-size: 9px; }
            .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .head-trip .title-info .short-info-cruise .hotel-news span .icon-font {
              font-size: 11px; }
    .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .head-trip .heart-tour {
      display: block;
      position: absolute;
      top: 0;
      right: 15px;
      margin-top: 0;
      width: 21px; }
      .section-grid-dt3.section-grid-cruise .grid-ct1 .group-ct1-1 .head-trip .heart-tour .icon-font {
        font-size: 20px; }
  .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1 {
    position: relative; }
    .section-grid-dt3.section-grid-cruise .grid-ct2 .group-ct2-1:before {
      content: '';
      display: block;
      position: absolute;
      top: -12px;
      left: calc(50% - 12px);
      width: 25px;
      height: 25px;
      background-color: #e6ddcc;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

  .cr-content span {
    margin-top: 5px; }

  .cabin-name-box {
    padding-right: 5px;
    padding-left: 5px;
    justify-content: center; }
    .cabin-name-box h3 {
      font-size: 14px; }
    .cabin-name-box .cr-content {
      justify-content: center; }
      .cabin-name-box .cr-content span {
        font-size: 7px; }
        .cabin-name-box .cr-content span .icon-font {
          font-size: 8px; }

  .box-destination-st3 {
    display: block; }
    .box-destination-st3 .left-box {
      float: left;
      margin-right: 10px; }
    .box-destination-st3 .right-box {
      width: 100%;
      padding-left: 0; }
      .box-destination-st3 .right-box h3 {
        margin-top: 10px; }
        .box-destination-st3 .right-box h3 a {
          display: inline; }
      .box-destination-st3 .right-box .location-wrap {
        flex-wrap: wrap; }
        .box-destination-st3 .right-box .location-wrap .wrap-tooltip {
          margin-bottom: 10px; }
        .box-destination-st3 .right-box .location-wrap .location-st2 {
          margin-bottom: 10px; }

  .big-first-tour-box .head-box .count-day {
    top: 5px;
    left: 5px;
    font-size: 10px; }
  .big-first-tour-box .head-box .heart-tour {
    top: 5px;
    right: 5px;
    font-size: 26px; }
  .big-first-tour-box .head-box h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center; }
    .big-first-tour-box .head-box h2 a {
      font-size: 14px;
      text-align: center;
      max-width: unset;
      font-weight: 600; }
  .big-first-tour-box .head-box .expert-box {
    display: none; }
  .big-first-tour-box .body-box {
    padding-left: 15px;
    padding-right: 15px;
    justify-content: center; }
    .big-first-tour-box .body-box .address-box {
      padding-right: 0;
      max-width: unset;
      width: 100%;
      order: 1; }
    .big-first-tour-box .body-box .btn-st2 {
      order: 3;
      margin-left: unset; }
    .big-first-tour-box .body-box .paragraph {
      order: 2;
      text-align: center; }
  .big-first-tour-box .trip-st4 {
    padding: 20px 15px; }
    .big-first-tour-box .trip-st4 .head-trip .i-map {
      display: none; }
    .big-first-tour-box .trip-st4 .head-trip .heart-tour {
      display: none; }
    .big-first-tour-box .trip-st4 .head-trip .title-info {
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
      .big-first-tour-box .trip-st4 .head-trip .title-info .title-h2 {
        text-align: center; }
      .big-first-tour-box .trip-st4 .head-trip .title-info .rank {
        flex-wrap: wrap; }
        .big-first-tour-box .trip-st4 .head-trip .title-info .rank .star-box {
          margin-right: 0;
          width: 100%;
          margin-bottom: 10px; }
        .big-first-tour-box .trip-st4 .head-trip .title-info .rank .hotel-news {
          margin-right: 0;
          text-align: center; }
          .big-first-tour-box .trip-st4 .head-trip .title-info .rank .hotel-news span {
            font-size: 10px; }
            .big-first-tour-box .trip-st4 .head-trip .title-info .rank .hotel-news span .icon-font {
              font-size: 12px; }

  .box-infomation-cabins .connecting-r {
    justify-content: center; }
    .box-infomation-cabins .connecting-r .room-with {
      width: 100%;
      text-align: center; }
    .box-infomation-cabins .connecting-r span:first-child {
      margin-left: auto; }
    .box-infomation-cabins .connecting-r span:nth-child(2) {
      margin-right: auto; }
    .box-infomation-cabins .connecting-r .btn-st2 {
      margin-right: auto;
      margin-top: 10px;
      padding-left: 15px;
      padding-right: 15px; }
  .box-infomation-cabins .box-cabin .paragraph {
    text-align: center; }
  .box-infomation-cabins .box-cabin .cr-info-room {
    text-align: center; }
    .box-infomation-cabins .box-cabin .cr-info-room .row .col-xlg-3 {
      text-align: center; }

  .wrap-destination-st2 {
    flex-wrap: wrap; }
    .wrap-destination-st2 > div {
      width: 100%; }
    .wrap-destination-st2 .item-box-img {
      order: 1; }
    .wrap-destination-st2 .item-box-text {
      order: 2;
      justify-content: center; }
      .wrap-destination-st2 .item-box-text h4, .wrap-destination-st2 .item-box-text h3, .wrap-destination-st2 .item-box-text .paragraph {
        text-align: center; }
      .wrap-destination-st2 .item-box-text h3:after {
        margin-left: auto;
        margin-right: auto; }
    .wrap-destination-st2 .item-box-text.box-left {
      padding-right: 0; }
    .wrap-destination-st2 .item-box-text.box-right {
      padding-left: 0; }

  .intro-box-mon .box-mon-time {
    flex-wrap: wrap; }
    .intro-box-mon .box-mon-time > div {
      width: 100%; }
      .intro-box-mon .box-mon-time > div:first-child {
        padding-right: 0;
        border-right: none;
        padding-bottom: 20px;
        border-bottom: 1px solid #d2c5ae; }
      .intro-box-mon .box-mon-time > div:last-child {
        padding-left: 0; }

  .modal-cruise-st2 .modal-content .team-quote > div .btn-st3 .icon-font {
    font-size: 14px; }
  .modal-cruise-st2 .modal-content .team-quote > div .btn-st3 b {
    font-size: 11px; }

  .modal-2 {
    padding: 20px 15px; } }
@media (max-width: 479px) {
  .price-trip-box {
    display: none; }

  .row-crowd .crowd-box {
    max-height: 120px; } }
@media (max-width: 375px) {
  .row-crowd .crowd-box {
    max-height: 90px; } }

/*# sourceMappingURL=main.css.map */