/*@mixin flexdirection($val) {
    -webkit-flex-direction: $val;
    -ms-flex-direction: $val;
    flex-direction: $val;
}

@mixin flexwrap($val) {
    -webkit-flex-wrap: $val;
    -ms-flex-wrap: $val;
    flex-wrap: $val;
}

@mixin flex($values) {
    -webkit-box-flex: $values;
    -moz-box-flex: $values;
    -webkit-flex: $values;
    -ms-flex: $values;
    flex: $values;
}*/
.flex-box-frame .flex-form {
  padding: 0px;
  background-color: rgba(215, 40, 117, 0.8);
  padding: 1em 1.4em 2.8em;
  z-index: 9999;
  color: #ffffff; }
  .flex-box-frame .flex-form .ynf-form {
    -webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    border-radius: 4px;
    border-top-left-radius: 0; }
    .flex-box-frame .flex-form .ynf-form:before, .flex-box-frame .flex-form .ynf-form:after {
      display: table;
      content: " "; }
    .flex-box-frame .flex-form .ynf-form:after {
      clear: both; }
    .flex-box-frame .flex-form .ynf-form .form-control {
      border-radius: 0px; }
      .flex-box-frame .flex-form .ynf-form .form-control:focus {
        border: 1px solid #d62774; }
    .flex-box-frame .flex-form .ynf-form label {
      color: #FFFFFF;
      font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 0.85em;
      letter-spacing: 1px; }
    .flex-box-frame .flex-form .ynf-form .ynf-row {
      width: 100%; }
      .flex-box-frame .flex-form .ynf-form .ynf-row:before, .flex-box-frame .flex-form .ynf-form .ynf-row:after {
        display: table;
        content: " "; }
      .flex-box-frame .flex-form .ynf-form .ynf-row:after {
        clear: both; }
    .flex-box-frame .flex-form .ynf-form .flex-top {
      width: 100%;
      /* make responsive */
      padding-top: 20px;
      padding-bottom: 0px; }
      .flex-box-frame .flex-form .ynf-form .flex-top:before, .flex-box-frame .flex-form .ynf-form .flex-top:after {
        display: table;
        content: " "; }
      .flex-box-frame .flex-form .ynf-form .flex-top:after {
        clear: both; }
      .flex-box-frame .flex-form .ynf-form .flex-top .flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .flex-box-frame .flex-form .ynf-form .flex-top .flex-container .flex-item {
          position: relative;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px; }
    .flex-box-frame .flex-form .ynf-form .flex-middle {
      width: 100%;
      /* make responsive */
      padding-left: 0px;
      padding-right: 0px; }
      .flex-box-frame .flex-form .ynf-form .flex-middle:before, .flex-box-frame .flex-form .ynf-form .flex-middle:after {
        display: table;
        content: " "; }
      .flex-box-frame .flex-form .ynf-form .flex-middle:after {
        clear: both; }
      .flex-box-frame .flex-form .ynf-form .flex-middle .flex-item .flex-input {
        /*.easy-autocomplete.eac-ynotfly {
                            width: 100% !important;
                        }*/ }
        .flex-box-frame .flex-form .ynf-form .flex-middle .flex-item .flex-input label {
          font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 0.9em;
          letter-spacing: 1px; }
    .flex-box-frame .flex-form .ynf-form .flex-bottom {
      width: 100%;
      /* make responsive */
      padding-left: 0px;
      padding-right: 0px; }
      .flex-box-frame .flex-form .ynf-form .flex-bottom:before, .flex-box-frame .flex-form .ynf-form .flex-bottom:after {
        display: table;
        content: " "; }
      .flex-box-frame .flex-form .ynf-form .flex-bottom:after {
        clear: both; }
      .flex-box-frame .flex-form .ynf-form .flex-bottom .flex-item:first-child {
        -ms-flex: 8;
        -webkit-box-flex: 8;
                flex: 8; }
      .flex-box-frame .flex-form .ynf-form .flex-bottom .flex-item:last-child {
        -ms-flex: 4;
        -webkit-box-flex: 4;
                flex: 4; }
      .flex-box-frame .flex-form .ynf-form .flex-bottom .form-group {
        margin-top: 10px; }
      .flex-box-frame .flex-form .ynf-form .flex-bottom .second {
        padding-left: 0px; }
        .flex-box-frame .flex-form .ynf-form .flex-bottom .second:last-child {
          padding-left: 0px;
          padding-right: 0px; }
  .flex-box-frame .flex-form .last {
    width: 100%;
    display: block;
    position: relative;
    margin: 2em; }

h3.text-ynf {
  font-size: 1.4em;
  color: #d62774; }

.logo-partner {
  margin: 60px 0px; }

.ynf-form .form-control {
  box-shadow: none !important; }

.ynf-form input[type="text"].form-control, .ynf-form select {
  border: none;
  outline: none !important;
  height: 40px;
  background: #f5ccdd; }

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center right;
  background-repeat: no-repeat; }

input[type="text"].form-control:focus, select.form-control:focus, input[type="text"].form-control:focus + .input-group-addon {
  outline: none !important;
  background-color: #FFFFFF; }

.form-control:focus {
  border: none !important; }

.row-form {
  margin-top: 30px; }

.input-group-addon {
  background: #f5ccdd;
  color: #d62774;
  border: 0px;
  border-radius: 0px; }
  .input-group-addon .fa.fa-male {
    font-size: 1.6em;
    color: #b32e77; }

/*@mixin flexdirection($val) {
    -webkit-flex-direction: $val;
    -ms-flex-direction: $val;
    flex-direction: $val;
}

@mixin flexwrap($val) {
    -webkit-flex-wrap: $val;
    -ms-flex-wrap: $val;
    flex-wrap: $val;
}

@mixin flex($values) {
    -webkit-box-flex: $values;
    -moz-box-flex: $values;
    -webkit-flex: $values;
    -ms-flex: $values;
    flex: $values;
}*/
input[type="radio"] {
  /*display:none;*/
  width: 2em;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0; }

input[type="radio"] + label {
  font-size: 0.85em;
  font-weight: 700;
  display: inline-block;
  margin-left: -2em;
  line-height: 1.5em;
  color: #ffffff; }

input[type="radio"] + label > span {
  display: inline-block;
  width: 1.56em;
  height: 1.56em;
  margin: 0.25em 0.5em 0.25em 0.25em;
  cursor: pointer;
  border: 0.0625em solid #f1f1f2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  _ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #e6e6e6;
  background-image: linear-gradient(#f0f0f0, #e6e6e6);
  vertical-align: middle; }

input[type="radio"]:checked + label > span {
  background-image: linear-gradient(#e6e6e6, #f0f0f0); }

input[type="radio"]:checked + label > span > span {
  display: block;
  width: 1.25em;
  height: 1.25em;
  /*margin: 0.24em;*/
  margin-left: 0.05em;
  margin-top: 0.08em;
  border: 0.0625em solid #d62774;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  _ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #d62774;
  background-image: linear-gradient(#ff62a2, #d62774); }

input[type="radio"] + label > span > span,
input[type="radio"]:checked + label > span > span {
  transition: background-color 0.4s linear; }

/*------- start radio style -------*/
/*input[type="radio"] {
    display:none;
}
input[type="radio"] + label {
    font-family: Lato;
    font-size: 1em;
    font-weight: 300;
}
input[type="radio"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    //border: 1px solid #454d50;
    @include border-radius(50%);
}
input[type="radio"] + label span > span { 
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px 1px 1px 2px;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    @include border-radius(50%);
}
input[type="radio"]:checked + label span > span { 
    background-color: $color-main;
}
input[type="radio"] + label span > span, 
input[type="radio"]:checked + label span > span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}*/
/*input[type=radio] {
    position: absolute;
    visibility: hidden;
    margin: 5px 0px 0px 0px;
    width: 14px;
    height: 14px;
}

label.rd {
    display: block;
    position: relative;
    font-size: 1em;
    padding: 0px 0px 0px 10px;
    margin: 0px auto;
    height: 30px;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.check {
    display: block;
    position: absolute;
    border: none;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    top: 5px;
    left: 0px;
    z-index: 1;
    -webkit-transition: border .25s linear;
    transition: border .25s linear;
    background: #FFF;
}

.flex-item:hover .check {
    border: 2px solid #FFFFFF;
}

.ui-widget label.rd {
    font-family: Lato !important;
    font-size: 1.2em;
    font-weight: 300;
}

.flex-item:hover label.rd {
    color: #FFFFFF;
}

.check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    width: 10px;
    height: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    -webkit-transition: background 0.25s linear;
    transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
    border: none;
}

input[type=radio]:checked ~ .check::before {
    background: #555656;
}

input[type=radio]:checked ~ label.rd {
    color: #FFFFFF;
}*/
/*------- end radio style -------*/
.text-danger {
  color: yellow !important; }

/*------- start button style -------*/
.btn-ynf {
  color: #d62774;
  background: #ffffff;
  border: none;
  margin-top: -20px;
  margin-bottom: -15px;
  margin-right: 5px;
  height: 50px;
  font-size: 1.3em !important;
  font-weight: 400;
  box-shadow: 0px 2px 15px #eaa4c5; }

.btn:hover, .btn:focus, .btn:target, .btn:active, .btn-ynf:hover, .btn-ynf:focus, .btn-ynf:target, .btn-ynf:active {
  color: #d62774;
  border: 1px solid #d62774;
  outline: 0px !important;
  outline-offset: 0px !important;
  box-shadow: 0px 2px 15px #eaa4c5; }

/*------- start button style -------*/
section.section-content {
  padding-top: 10%;
  /*@media all and (min-width: 1px) and (max-width: 420px) {
        padding-top: 100px;
    }

    @media all and (min-width: 421px) and (max-width: 768px) {
        width: 120px;
    }*/ }
  section.section-content .flex-topic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    section.section-content .flex-topic:before, section.section-content .flex-topic:after {
      display: table;
      content: " "; }
    section.section-content .flex-topic:after {
      clear: both; }
    section.section-content .flex-topic h1 {
      font-weight: 400;
      margin-right: 15px;
      margin-bottom: 0px;
      display: inline;
      vertical-align: bottom; }
    section.section-content .flex-topic img {
      display: inline;
      vertical-align: bottom; }
      section.section-content .flex-topic img:last-child {
        margin-left: 15px;
        margin-bottom: 8px; }
        @media all and (min-width: 1px) and (max-width: 420px) {
          section.section-content .flex-topic img:last-child {
            display: none; } }
  section.section-content .row-option:before, section.section-content .row-option:after {
    display: table;
    content: " "; }
  section.section-content .row-option:after {
    clear: both; }
  section.section-content .row-option .flex-item {
    text-align: center; }
  section.section-content .flex-logo-partner {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.section-content .flex-logo-partner:before, section.section-content .flex-logo-partner:after {
      display: table;
      content: " "; }
    section.section-content .flex-logo-partner:after {
      clear: both; }
    @media all and (min-width: 1px) and (max-width: 320px) {
      section.section-content .flex-logo-partner .flex-item:last-child img {
        width: 95%; } }

section.section-last-minute {
  padding-top: 2rem;
  padding-bottom: 2rem;
  -o-box-shadow: inset 0px 0px 150px 80px #FFFFFF;
  box-shadow: inset 0px 0px 150px 80px #FFFFFF; }
  section.section-last-minute .flex-topic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    section.section-last-minute .flex-topic h2 {
      margin-right: 10px;
      font-weight: 600;
      font-family: Kanit, Lato;
      color: #d62774;
      text-shadow: 3px 3px 6px rgba(215, 40, 117, 0.35);
      margin-top: 0px;
      margin-bottom: 0px; }
      @media all and (min-width: 1px) and (max-width: 420px) {
        section.section-last-minute .flex-topic h2 {
          font-size: 2.5em; } }
      @media all and (min-width: 421px) and (max-width: 5000px) {
        section.section-last-minute .flex-topic h2 {
          font-size: 3em; } }
    section.section-last-minute .flex-topic img {
      margin-top: 5px; }
      @media all and (min-width: 1px) and (max-width: 420px) {
        section.section-last-minute .flex-topic img {
          display: none; } }
  section.section-last-minute .flex-topic-second {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    section.section-last-minute .flex-topic-second:before, section.section-last-minute .flex-topic-second:after {
      display: table;
      content: " "; }
    section.section-last-minute .flex-topic-second:after {
      clear: both; }
    section.section-last-minute .flex-topic-second h3 {
      color: #d62774;
      font-weight: 400;
      margin-top: 5px; }
  section.section-last-minute .box-gallery-top {
    margin-top: 20px; }
    section.section-last-minute .box-gallery-top:before, section.section-last-minute .box-gallery-top:after {
      display: table;
      content: " "; }
    section.section-last-minute .box-gallery-top:after {
      clear: both; }
    section.section-last-minute .box-gallery-top .flex-figure {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      section.section-last-minute .box-gallery-top .flex-figure a {
        text-decoration: none; }
      section.section-last-minute .box-gallery-top .flex-figure figure {
        padding: 30px 0px 20px 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        section.section-last-minute .box-gallery-top .flex-figure figure img.img-lmn, section.section-last-minute .box-gallery-top .flex-figure figure h2.text, section.section-last-minute .box-gallery-top .flex-figure figure h4.text, section.section-last-minute .box-gallery-top .flex-figure figure span.btn.book {
          transition: all 0.25s ease; }
        section.section-last-minute .box-gallery-top .flex-figure figure img.img-lmn {
          width: 100%;
          filter: alpha(opacity=30); }
        section.section-last-minute .box-gallery-top .flex-figure figure h2.text, section.section-last-minute .box-gallery-top .flex-figure figure h4.text {
          color: #ffffff;
          padding-left: 15px;
          font-weight: 600; }
        section.section-last-minute .box-gallery-top .flex-figure figure h2.text {
          margin-top: -65px; }
        section.section-last-minute .box-gallery-top .flex-figure figure h4.text {
          width: 100%;
          margin-bottom: 0px;
          padding-right: 15px;
          height: 40px; }
          @media all and (min-width: 1px) and (max-width: 420px) {
            section.section-last-minute .box-gallery-top .flex-figure figure h4.text {
              margin-top: -5px; } }
          @media all and (min-width: 421px) and (max-width: 5000px) {
            section.section-last-minute .box-gallery-top .flex-figure figure h4.text {
              margin-top: -3px; } }
          section.section-last-minute .box-gallery-top .flex-figure figure h4.text span:last-child {
            float: right;
            margin-top: -15px; }
            section.section-last-minute .box-gallery-top .flex-figure figure h4.text span:last-child img {
              width: 35px; }
        section.section-last-minute .box-gallery-top .flex-figure figure span.btn.book {
          width: 100%;
          background: #ffffff;
          color: #d62774;
          -webkit-border-top-right-radius: 0px;
          -webkit-border-top-left-radius: 0px;
          -moz-border-radius-topright: 0px;
          -moz-border-radius-topleft: 0px;
          border-top-right-radius: 0px;
          border-top-left-radius: 0px;
          -webkit-border-bottom-right-radius: 5px;
          -webkit-border-bottom-left-radius: 5px;
          -moz-border-radius-bottomright: 5px;
          -moz-border-radius-bottomleft: 5px;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px;
          font-weight: 600;
          height: 50px;
          display: none; }
        section.section-last-minute .box-gallery-top .flex-figure figure:hover {
          padding: 0px;
          background: rgba(55, 55, 55, 0.5);
          border-radius: 5px;
          box-shadow: 0px 2px 20px -1px rgba(215, 40, 117, 0.41); }
          section.section-last-minute .box-gallery-top .flex-figure figure:hover img.img-lmn {
            opacity: 0.1; }
          section.section-last-minute .box-gallery-top .flex-figure figure:hover span.btn.book {
            display: block;
            margin-top: -12px; }
  section.section-last-minute .view-more-flight {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.section-last-minute .view-more-flight:before, section.section-last-minute .view-more-flight:after {
      display: table;
      content: " "; }
    section.section-last-minute .view-more-flight:after {
      clear: both; }

section.section-rcmd-trip {
  /*@media all and (min-width: 1281px) and (max-width: 5000px) {
        padding-left: 15px;
        padding-right: 15px;
    }*/ }
  @media all and (min-width: 769px) and (max-width: 1000px) {
    section.section-rcmd-trip .flex-container {
      width: 80%;
      margin-right: auto;
      margin-left: auto; } }
  section.section-rcmd-trip .flex-topic {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    section.section-rcmd-trip .flex-topic:before, section.section-rcmd-trip .flex-topic:after {
      display: table;
      content: " "; }
    section.section-rcmd-trip .flex-topic:after {
      clear: both; }
    @media all and (min-width: 1001px) and (max-width: 1280px) {
      section.section-rcmd-trip .flex-topic {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    @media all and (min-width: 1281px) and (max-width: 5000px) {
      section.section-rcmd-trip .flex-topic {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    @media all and (min-width: 1601px) and (max-width: 5000px) {
      section.section-rcmd-trip .flex-topic {
        padding-left: 40px; } }
    section.section-rcmd-trip .flex-topic h2 {
      font-weight: 600;
      font-family: Kanit, Lato;
      color: #d62774;
      text-shadow: 3px 3px 6px rgba(215, 40, 117, 0.35);
      margin-top: 0px;
      margin-bottom: 0px; }
      @media all and (min-width: 1px) and (max-width: 420px) {
        section.section-rcmd-trip .flex-topic h2 {
          font-size: 1.8em; } }
      @media all and (min-width: 421px) and (max-width: 1000px) {
        section.section-rcmd-trip .flex-topic h2 {
          font-size: 2.4em; } }
      @media all and (min-width: 1001px) {
        section.section-rcmd-trip .flex-topic h2 {
          font-size: 3em; } }
    @media all and (min-width: 1px) and (max-width: 420px) {
      section.section-rcmd-trip .flex-topic img {
        display: none; } }
  section.section-rcmd-trip .flex-recommend {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    /*--------- start rcmd slider ---------*/
    /*
        .lSAction > a {
            top: 3%;
            width: 12.5%;
            background-color: rgba(158, 158, 158, 0.52);
        }

        .lSAction > a.lSPrev {
            left: 0px !important;
            background-image: url(../images/rcmd-prev.png) !important;
            background-repeat: no-repeat !important;
            background-position: center center !important;
        }

        .lSAction > a.lSNext {
            left: 87.5%;
            background-image: url(../images/rcmd-next.png);
            background-repeat: no-repeat;
            background-position: center center;
        }
        */
    /*--------- end rcmd slider ---------*/ }
    section.section-rcmd-trip .flex-recommend:before, section.section-rcmd-trip .flex-recommend:after {
      display: table;
      content: " "; }
    section.section-rcmd-trip .flex-recommend:after {
      clear: both; }
    @media all and (min-width: 1px) and (max-width: 420px) {
      section.section-rcmd-trip .flex-recommend {
        height: 160px; } }
    @media all and (min-width: 421px) and (max-width: 768px) {
      section.section-rcmd-trip .flex-recommend {
        height: 300px; } }
    @media all and (min-width: 769px) and (max-width: 1000px) {
      section.section-rcmd-trip .flex-recommend {
        height: 325px !important; } }
    @media all and (min-width: 1001px) and (max-width: 5000px) {
      section.section-rcmd-trip .flex-recommend {
        height: 430px; } }
    @media all and (min-width: 1281px) and (max-width: 1600px) {
      section.section-rcmd-trip .flex-recommend {
        height: 435px; } }
    section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider {
      list-style: none outside none;
      padding-left: 0;
      margin: 0; }
      @media all and (min-width: 1px) and (max-width: 420px) {
        section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider {
          height: 170px !important; } }
      @media all and (min-width: 421px) and (max-width: 768px) {
        section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider {
          height: 300px !important; } }
      @media all and (min-width: 769px) and (max-width: 1000px) {
        section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider {
          height: 325px !important; } }
      @media all and (min-width: 1001px) and (max-width: 1280px) {
        section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider {
          height: 412px !important; } }
      @media all and (min-width: 1281px) and (max-width: 1500px) {
        section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider {
          height: 435px !important; } }
      @media all and (min-width: 1501px) {
        section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider {
          height: 445px !important; } }
      section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li {
        text-align: center;
        height: 477px; }
        @media all and (min-width: 1281px) and (max-width: 5000px) {
          section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li {
            height: 415px; } }
        section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li img {
          margin: 10px;
          border-radius: 5px;
          -o-box-shadow: 0px 0px 10px 2px #eaa4c5;
          box-shadow: 0px 0px 10px 2px #eaa4c5; }
          @media all and (min-width: 1px) and (max-width: 768px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li img {
              width: 95%; } }
          @media all and (min-width: 769px) and (max-width: 1600px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li img {
              width: 90%; } }
          @media all and (min-width: 1601px) and (max-width: 5000px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li img {
              width: auto !important; } }
        section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
          display: block;
          float: none;
          margin-right: auto;
          margin-left: auto; }
          @media all and (min-width: 1px) and (max-width: 420px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              width: 40%;
              margin-top: -113px; } }
          @media all and (min-width: 421px) and (max-width: 768px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              width: 40%;
              margin-top: -115px; } }
          @media all and (min-width: 769px) and (max-width: 1000px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              width: 40%; } }
          @media all and (min-width: 769px) and (max-width: 800px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              margin-top: -175px; } }
          @media all and (min-width: 801px) and (max-width: 900px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              margin-top: -200px; } }
          @media all and (min-width: 901px) and (max-width: 1000px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              margin-top: -205px; } }
          @media all and (min-width: 1001px) and (max-width: 1150px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              margin-top: -205px; } }
          @media all and (min-width: 1001px) and (max-width: 1101px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              width: 45%;
              padding: 0px 3%; } }
          @media all and (min-width: 1101px) and (max-width: 1150px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              width: 40%;
              padding: 0px 2%; } }
          @media all and (min-width: 1151px) and (max-width: 1280px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              margin-top: -230px;
              width: 45%;
              padding: 0px 5%; } }
          @media all and (min-width: 1281px) and (max-width: 1400px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              width: 40%;
              padding: 0px 2%; } }
          @media all and (min-width: 1401px) and (max-width: 1450px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              width: 38%;
              padding: 0px 2%; } }
          @media all and (min-width: 1451px) and (max-width: 1500px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              width: 37%;
              padding: 0px 2%; } }
          @media all and (min-width: 1281px) and (max-width: 1350px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              margin-top: -255px; } }
          @media all and (min-width: 1351px) and (max-width: 1400px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              margin-top: -265px; } }
          @media all and (min-width: 1401px) and (max-width: 1450px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              margin-top: -265px; } }
          @media all and (min-width: 1451px) and (max-width: 1500px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              margin-top: -275px; } }
          @media all and (min-width: 1501px) and (max-width: 1600px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              margin-top: -300px;
              width: 42%;
              padding: 0px 5%; } }
          @media all and (min-width: 1601px) and (max-width: 5000px) {
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box {
              margin-top: -320px;
              width: 35%;
              padding: 0px 5%; } }
          section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
            font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            padding-top: 0px;
            padding-bottom: 5px;
            margin-top: 0px;
            font-weight: 400;
            color: #d62774;
            text-align: center;
            word-wrap: break-word;
            word-break: break-all;
            overflow-wrap: break-word; }
            @media all and (min-width: 1px) and (max-width: 420px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 0.8em;
                margin-bottom: 0px;
                padding-bottom: 0px; } }
            @media all and (min-width: 421px) and (max-width: 768px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 0.85em;
                margin-bottom: 0px;
                padding-bottom: 0px; } }
            @media all and (min-width: 769px) and (max-width: 1000px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                margin-bottom: 10px;
                padding-bottom: 0px; } }
            @media all and (min-width: 769px) and (max-width: 800px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 1.2em; } }
            @media all and (min-width: 801px) and (max-width: 900px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 1.3em; } }
            @media all and (min-width: 901px) and (max-width: 1000px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 1.5em; } }
            @media all and (min-width: 1001px) and (max-width: 1100px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 1.2em; } }
            @media all and (min-width: 1101px) and (max-width: 1150px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 1.35em; } }
            @media all and (min-width: 1151px) and (max-width: 1280px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 1.4em; } }
            @media all and (min-width: 1281px) and (max-width: 1300px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 1.55em; } }
            @media all and (min-width: 1301px) and (max-width: 1350px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 1.6em; } }
            @media all and (min-width: 1351px) and (max-width: 1500px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 1.65em; } }
            @media all and (min-width: 1501px) and (max-width: 1600px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 1.7em; } }
            @media all and (min-width: 1601px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box h1 {
                font-size: 2em; } }
          section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p {
            text-align: center; }
            @media all and (min-width: 1px) and (max-width: 420px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p {
                margin-top: 4px;
                margin-bottom: 0px;
                line-height: 1em; } }
            @media all and (min-width: 421px) and (max-width: 768px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p {
                margin-bottom: 0px;
                line-height: 1em; } }
            @media all and (min-width: 769px) and (max-width: 1000px) {
              section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p {
                margin-top: 10px;
                margin-bottom: 0px;
                line-height: 1em; } }
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p.review-desc {
              font-weight: 300; }
              @media all and (min-width: 1px) and (max-width: 420px) {
                section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p.review-desc {
                  font-size: 0.8em; } }
              @media all and (min-width: 421px) and (max-width: 768px) {
                section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p.review-desc {
                  margin-top: 5px;
                  font-size: 1em;
                  padding: 0px 10%; } }
              @media all and (min-width: 769px) and (max-width: 1000px) {
                section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p.review-desc {
                  font-size: 1.2em;
                  padding: 0px 10%; } }
              @media all and (min-width: 1001px) and (max-width: 1100px) {
                section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p.review-desc {
                  font-size: 1.2em; } }
              @media all and (min-width: 1101px) and (max-width: 1150px) {
                section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p.review-desc {
                  font-size: 0.9em; } }
              @media all and (min-width: 1151px) and (max-width: 1450px) {
                section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p.review-desc {
                  font-size: 1.1em; } }
              @media all and (min-width: 1451px) {
                section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p.review-desc {
                  font-size: 1.3em; } }
            section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p.review-tag {
              font-weight: 600; }
              @media all and (min-width: 1px) and (max-width: 420px) {
                section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p.review-tag {
                  font-size: 0.7em; } }
              @media all and (min-width: 421px) {
                section.section-rcmd-trip .flex-recommend ul.content-rcmd-trip-slider li .review-box p.review-tag {
                  font-size: 0.9em;
                  margin-top: 7px; } }
    section.section-rcmd-trip .flex-recommend .lSSlideOuter .lSPager.lSpg > li a {
      background-color: transparent;
      border: 1px solid #d62774; }
    section.section-rcmd-trip .flex-recommend .lSSlideOuter .lSPager.lSpg > li:hover a, section.section-rcmd-trip .flex-recommend .lSSlideOuter .lSPager.lSpg > li.active a {
      background-color: #d62774; }
  section.section-rcmd-trip .view-more-trip {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.section-rcmd-trip .view-more-trip:before, section.section-rcmd-trip .view-more-trip:after {
      display: table;
      content: " "; }
    section.section-rcmd-trip .view-more-trip:after {
      clear: both; }

.btn.btn-other {
  border: 1px solid #d62774;
  padding: 7px 60px;
  background: #ffffff; }

.btn.btn-other:hover {
  background: #d62774;
  color: #ffffff; }

@media all and (min-width: 1px) and (max-width: 1000px) {
  section.section-hotel {
    padding-top: 75px; } }

@media all and (min-width: 1001px) and (max-width: 5000px) {
  section.section-hotel {
    padding-top: 150px; } }

section.section-hotel .flex-container .flex-topic {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  section.section-hotel .flex-container .flex-topic:before, section.section-hotel .flex-container .flex-topic:after {
    display: table;
    content: " "; }
  section.section-hotel .flex-container .flex-topic:after {
    clear: both; }
  section.section-hotel .flex-container .flex-topic h2 {
    font-weight: 600;
    font-family: Kanit, Lato;
    color: #d62774;
    text-shadow: 3px 3px 6px rgba(215, 40, 117, 0.35);
    margin-top: 0px;
    margin-bottom: 0px; }
  @media all and (min-width: 1px) and (max-width: 420px) {
    section.section-hotel .flex-container .flex-topic img {
      display: none; } }

section.section-hotel .flex-container .bg-hotel {
  background: url(../images/bg-hotel.png) no-repeat center center;
  background-size: cover; }
  section.section-hotel .flex-container .bg-hotel:before, section.section-hotel .flex-container .bg-hotel:after {
    display: table;
    content: " "; }
  section.section-hotel .flex-container .bg-hotel:after {
    clear: both; }
  section.section-hotel .flex-container .bg-hotel .row-hotel {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #ffffff;
    /*--------- start hotel slider ---------*/
    /*--------- end hotel slider ---------*/ }
    section.section-hotel .flex-container .bg-hotel .row-hotel:before, section.section-hotel .flex-container .bg-hotel .row-hotel:after {
      display: table;
      content: " "; }
    section.section-hotel .flex-container .bg-hotel .row-hotel:after {
      clear: both; }
    section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider {
      list-style: none outside none;
      padding-left: 0;
      margin: 0; }
      section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center; }
        section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide {
          width: 90%;
          margin: 0 auto;
          padding: 0px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: horizontal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: stretch;
          -mox-box-align: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .pic {
            width: 55%;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -ms-flex-direction: column;
            flex-direction: column; }
            section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .pic img {
              width: 100%;
              height: auto;
              -webkit-border-top-left-radius: 5px;
              -webkit-border-bottom-left-radius: 5px;
              -moz-border-radius-topleft: 5px;
              -moz-border-radius-bottomleft: 5px;
              border-top-left-radius: 5px;
              border-bottom-left-radius: 5px; }
            section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .pic span {
              height: 25px;
              line-height: 22px;
              margin-top: -25px;
              background: #d62774;
              color: #ffffff;
              font-size: 0.8em;
              border-bottom-left-radius: 5px;
              visibility: hidden; }
          section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content {
            width: 45%;
            -webkit-border-top-right-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-topright: 5px;
            -moz-border-radius-bottomright: 5px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            background: #ffffff;
            padding: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-orient: vertical;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: justify;
            -font-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; }
            section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content h4 {
              margin-top: 0px;
              margin-bottom: 0px;
              text-align: left; }
              @media all and (min-width: 1px) and (max-width: 768px) {
                section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content h4 {
                  font-size: 0.9em; } }
              @media all and (min-width: 1001px) and (max-width: 1280px) {
                section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content h4 {
                  font-size: 0.9em; } }
              @media all and (min-width: 1281px) and (max-width: 5000px) {
                section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content h4 {
                  font-size: 1em; } }
            section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content .rating {
              text-align: left; }
              @media all and (min-width: 1px) and (max-width: 1350px) {
                section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content .rating {
                  margin-top: 5px; } }
              @media all and (min-width: 1351px) and (max-width: 5000px) {
                section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content .rating {
                  margin-top: 15px; } }
              section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content .rating p {
                font-size: 0.8em;
                margin-top: 0px;
                margin-bottom: 0px; }
            section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content h2 {
              margin-top: 5px;
              margin-bottom: 0px;
              width: 100%;
              font-weight: 600;
              text-align: center;
              color: #d62774; }
              @media all and (min-width: 1px) and (max-width: 420px) {
                section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content h2 {
                  font-size: 1em; } }
              @media all and (min-width: 421px) and (max-width: 1000px) {
                section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content h2 {
                  font-size: 1.7em; } }
              @media all and (min-width: 1001px) and (max-width: 1280px) {
                section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content h2 {
                  font-size: 1em; } }
              @media all and (min-width: 1281px) and (max-width: 5000px) {
                section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide .content h2 {
                  font-size: 1.5em; } }
          section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide:hover {
            border-radius: 5px;
            box-shadow: 0px 2px 6px #eaa4c5; }
            section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide:hover .pic img {
              border-top-left-radius: 5px; }
            section.section-hotel .flex-container .bg-hotel .row-hotel ul.content-hotel-slider li .box-hotel-slide:hover .pic span {
              visibility: visible;
              transition: all 0.3s ease-in; }
    section.section-hotel .flex-container .bg-hotel .row-hotel .lSAction > a {
      width: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -mox-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    section.section-hotel .flex-container .bg-hotel .row-hotel .lSAction > a.lSPrev {
      margin-left: -10px;
      background-image: url(../images/hotel-prev.png) !important;
      background-repeat: no-repeat !important;
      background-position: center center !important; }
      section.section-hotel .flex-container .bg-hotel .row-hotel .lSAction > a.lSPrev:hover {
        box-shadow: 0px 2px 6px #eaa4c5; }
    section.section-hotel .flex-container .bg-hotel .row-hotel .lSAction > a.lSNext {
      margin-right: -10px;
      background-image: url(../images/hotel-next.png) !important;
      background-repeat: no-repeat;
      background-position: center center; }
      section.section-hotel .flex-container .bg-hotel .row-hotel .lSAction > a.lSNext:hover {
        box-shadow: 0px 2px 6px #eaa4c5; }
    section.section-hotel .flex-container .bg-hotel .row-hotel .lSSlideOuter .lSPager.lSpg > li a {
      background-color: transparent;
      border: 1px solid #d62774; }
    section.section-hotel .flex-container .bg-hotel .row-hotel .lSSlideOuter .lSPager.lSpg > li:hover a, section.section-hotel .flex-container .bg-hotel .row-hotel .lSSlideOuter .lSPager.lSpg > li.active a {
      background-color: #d62774; }

section.section-hotel .flex-container .view-more-hotel {
  margin-top: 40px;
  width: 100%;
  text-align: center; }
  section.section-hotel .flex-container .view-more-hotel:before, section.section-hotel .flex-container .view-more-hotel:after {
    display: table;
    content: " "; }
  section.section-hotel .flex-container .view-more-hotel:after {
    clear: both; }

section.last-section {
  margin-bottom: 50px; }
  @media all and (min-width: 1px) and (max-width: 1000px) {
    section.last-section {
      margin-top: 75px; } }
  @media all and (min-width: 1001px) and (max-width: 5000px) {
    section.last-section {
      margin-top: 150px; } }
  section.last-section .flex-topic {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    section.last-section .flex-topic:before, section.last-section .flex-topic:after {
      display: table;
      content: " "; }
    section.last-section .flex-topic:after {
      clear: both; }
    section.last-section .flex-topic h2 {
      font-weight: 600;
      font-family: Kanit, Lato;
      color: #d62774;
      text-shadow: 3px 3px 6px rgba(215, 40, 117, 0.35);
      margin-top: 0px;
      margin-bottom: 0px; }
      @media all and (min-width: 1px) and (max-width: 420px) {
        section.last-section .flex-topic h2 {
          font-size: 2em; } }
      @media all and (min-width: 421px) and (max-width: 1000px) {
        section.last-section .flex-topic h2 {
          font-size: 2.5em; } }
    @media all and (min-width: 1px) and (max-width: 420px) {
      section.last-section .flex-topic img {
        display: none; } }
  section.last-section .flex-gallery {
    margin-top: 60px; }
    section.last-section .flex-gallery:before, section.last-section .flex-gallery:after {
      display: table;
      content: " "; }
    section.last-section .flex-gallery:after {
      clear: both; }
    section.last-section .flex-gallery .your-trip-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      section.last-section .flex-gallery .your-trip-content .flex-item {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        section.last-section .flex-gallery .your-trip-content .flex-item a {
          color: #d62774; }
          section.last-section .flex-gallery .your-trip-content .flex-item a:hover {
            text-decoration: none; }
        section.last-section .flex-gallery .your-trip-content .flex-item figure.large {
          padding: 0px 0px 0px 0px !important;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -mox-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          section.last-section .flex-gallery .your-trip-content .flex-item figure.large img {
            width: 100%;
            border-radius: 5px;
            filter: alpha(opacity=30); }
          section.last-section .flex-gallery .your-trip-content .flex-item figure.large h2, section.last-section .flex-gallery .your-trip-content .flex-item figure.large h4 {
            position: absolute;
            font-family: Kanit;
            color: #ffffff; }
          section.last-section .flex-gallery .your-trip-content .flex-item figure.large h2 {
            font-size: 3em;
            font-weight: 400;
            margin-top: -15px; }
          section.last-section .flex-gallery .your-trip-content .flex-item figure.large h4 {
            font-size: 1.5em;
            font-weight: 300;
            margin-top: 15px; }
          section.last-section .flex-gallery .your-trip-content .flex-item figure.large .btn.view-more {
            background: #ffffff;
            color: #d62774;
            -webkit-border-top-right-radius: 0px;
            -webkit-border-top-left-radius: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-topleft: 0px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            -webkit-border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            font-weight: 400;
            height: 50px;
            line-height: 35px;
            font-family: Kanit;
            position: relative;
            visibility: hidden; }
          section.last-section .flex-gallery .your-trip-content .flex-item figure.large:hover {
            padding: 0px 0px 0px 0px !important;
            background: #ff0070;
            border-radius: 5px;
            transition: background 0.5s ease-in; }
            section.last-section .flex-gallery .your-trip-content .flex-item figure.large:hover img {
              -webkit-border-bottom-right-radius: 0px;
              -webkit-border-bottom-left-radius: 0px;
              -moz-border-radius-bottomright: 0px;
              -moz-border-radius-bottomleft: 0px;
              border-bottom-right-radius: 0px;
              border-bottom-left-radius: 0px;
              opacity: 0.4; }
            section.last-section .flex-gallery .your-trip-content .flex-item figure.large:hover .btn.view-more {
              visibility: visible;
              box-shadow: 0px 3px 15px -3px #f581b7; }
    section.last-section .flex-gallery .other-figure {
      width: 100%;
      padding: 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      section.last-section .flex-gallery .other-figure .flex-item {
        margin-bottom: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        section.last-section .flex-gallery .other-figure .flex-item a {
          color: #d62774; }
          section.last-section .flex-gallery .other-figure .flex-item a:hover {
            text-decoration: none; }
        section.last-section .flex-gallery .other-figure .flex-item figure.small {
          padding: 0px 0px 0px 0px !important;
          border-radius: 7px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -mox-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          transition: all 0.3s ease; }
          section.last-section .flex-gallery .other-figure .flex-item figure.small img.img-lmn {
            width: 100%;
            /*opacity: 0.5;*/
            transition: all 0.3s ease; }
          section.last-section .flex-gallery .other-figure .flex-item figure.small h2, section.last-section .flex-gallery .other-figure .flex-item figure.small h4 {
            position: absolute;
            color: #ffffff; }
          section.last-section .flex-gallery .other-figure .flex-item figure.small h2 {
            margin-top: -25px;
            font-size: 2em; }
          section.last-section .flex-gallery .other-figure .flex-item figure.small h4 {
            margin-top: 0px;
            font-size: 1.2em; }
          section.last-section .flex-gallery .other-figure .flex-item figure.small .btn.btn-block.view-more {
            background: #ffffff;
            color: #d62774;
            -webkit-border-top-right-radius: 0px;
            -webkit-border-top-left-radius: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-topleft: 0px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            -webkit-border-bottom-right-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-bottomright: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-bottom-right-radius: 5px;
            border-bottom-left-radius: 5px;
            font-weight: 400;
            height: 30px;
            line-height: 15px;
            font-family: Kanit;
            position: relative;
            visibility: hidden; }
          section.last-section .flex-gallery .other-figure .flex-item figure.small:hover {
            padding: 0px 0px 0px 0px !important;
            background: #ff0070;
            border-radius: 5px;
            transition: background 0.5s ease-in; }
            section.last-section .flex-gallery .other-figure .flex-item figure.small:hover img {
              -webkit-border-bottom-right-radius: 0px;
              -webkit-border-bottom-left-radius: 0px;
              -moz-border-radius-bottomright: 0px;
              -moz-border-radius-bottomleft: 0px;
              border-bottom-right-radius: 0px;
              border-bottom-left-radius: 0px;
              opacity: 0.5; }
            section.last-section .flex-gallery .other-figure .flex-item figure.small:hover .btn.btn-block.view-more {
              visibility: visible;
              box-shadow: 0px 3px 15px -3px #f581b7; }

section.travelers {
  margin-bottom: 60px; }
  section.travelers .flex-container .flex-topic {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    section.travelers .flex-container .flex-topic h2 {
      margin-right: 10px;
      font-weight: 600;
      font-family: Kanit, Lato;
      color: #d62774;
      text-shadow: 3px 3px 6px rgba(215, 40, 117, 0.35);
      margin-top: 0px;
      margin-bottom: 0px; }
      @media all and (min-width: 1px) and (max-width: 420px) {
        section.travelers .flex-container .flex-topic h2 {
          font-size: 2em; } }
      @media all and (min-width: 421px) and (max-width: 500px) {
        section.travelers .flex-container .flex-topic h2 {
          font-size: 2.5em; } }
      @media all and (min-width: 501px) and (max-width: 5000px) {
        section.travelers .flex-container .flex-topic h2 {
          font-size: 3em; } }
    section.travelers .flex-container .flex-topic img:first-child {
      margin-right: 10px; }
      @media all and (min-width: 1px) and (max-width: 420px) {
        section.travelers .flex-container .flex-topic img:first-child {
          height: 50px; } }
    section.travelers .flex-container .flex-topic img:last-child {
      margin-bottom: 5px; }
      @media all and (min-width: 1px) and (max-width: 420px) {
        section.travelers .flex-container .flex-topic img:last-child {
          display: none; } }
  section.travelers .flex-container .flex-small-topic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    section.travelers .flex-container .flex-small-topic h4 {
      margin-bottom: 30px; }
      @media all and (min-width: 1px) and (max-width: 420px) {
        section.travelers .flex-container .flex-small-topic h4 {
          font-size: 0.9em; } }
      @media all and (min-width: 421px) and (max-width: 1000px) {
        section.travelers .flex-container .flex-small-topic h4 {
          font-size: 1.2em; } }
      @media all and (min-width: 1001px) and (max-width: 5000px) {
        section.travelers .flex-container .flex-small-topic h4 {
          font-size: 1em; } }
  section.travelers .flex-container .flex-content {
    margin: 0 auto; }
    @media all and (min-width: 1px) and (max-width: 400px) {
      section.travelers .flex-container .flex-content {
        width: 300px; } }
    @media all and (min-width: 401px) and (max-width: 420px) {
      section.travelers .flex-container .flex-content {
        width: 350px; } }
    @media all and (min-width: 421px) and (max-width: 768px) {
      section.travelers .flex-container .flex-content {
        width: 400px; } }
    @media all and (min-width: 769px) and (max-width: 800px) {
      section.travelers .flex-container .flex-content {
        width: 650px; } }
    @media all and (min-width: 801px) and (max-width: 1100px) {
      section.travelers .flex-container .flex-content {
        width: 700px; } }
    @media all and (min-width: 1101px) and (max-width: 1280px) {
      section.travelers .flex-container .flex-content {
        width: 805px; } }
    @media all and (min-width: 1281px) and (max-width: 1350px) {
      section.travelers .flex-container .flex-content {
        width: 900px; } }
    @media all and (min-width: 1351px) and (max-width: 5000px) {
      section.travelers .flex-container .flex-content {
        width: 1215px; } }
    section.travelers .flex-container .flex-content ul {
      /* .lightSlider */ }
      @media all and (min-width: 1px) and (max-width: 320px) {
        section.travelers .flex-container .flex-content ul li {
          text-align: center; } }
      @media all and (min-width: 321px) and (max-width: 420px) {
        section.travelers .flex-container .flex-content ul li img {
          width: 98%; } }
      @media all and (min-width: 421px) and (max-width: 800px) {
        section.travelers .flex-container .flex-content ul li img {
          width: 80%; } }
      @media all and (min-width: 801px) and (max-width: 1280px) {
        section.travelers .flex-container .flex-content ul li img {
          width: 85%; } }
      @media all and (min-width: 1281px) and (max-width: 1350px) {
        section.travelers .flex-container .flex-content ul li img {
          width: 90%; } }
      @media all and (min-width: 1351px) and (max-width: 5000px) {
        section.travelers .flex-container .flex-content ul li img {
          width: auto; } }
    section.travelers .flex-container .flex-content .lSAction > a {
      width: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -mox-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    section.travelers .flex-container .flex-content .lSAction > a.lSPrev {
      background-image: url(../images/hotel-prev.png) !important;
      background-repeat: no-repeat !important;
      background-position: center center !important; }
    section.travelers .flex-container .flex-content .lSAction > a.lSNext {
      background-image: url(../images/hotel-next.png) !important;
      background-repeat: no-repeat;
      background-position: center center; }
    section.travelers .flex-container .flex-content .lSSlideOuter .lSPager.lSpg > li a {
      background-color: transparent;
      border: 1px solid #d62774; }
    section.travelers .flex-container .flex-content .lSSlideOuter .lSPager.lSpg > li:hover a, section.travelers .flex-container .flex-content .lSSlideOuter .lSPager.lSpg > li.active a {
      background-color: #d62774; }

.intro-header {
  height: 400px; }

.ynf-form .flex-top .flex-item {
  margin-right: 15px; }

.ynf-form .flex-middle {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row; }
  .ynf-form .flex-middle .flex-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
    -webkit-box-align: stretch;
    -mox-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .ynf-form .flex-middle .flex-item .flex-input label {
      margin-bottom: 0px; }
    .ynf-form .flex-middle .flex-item:last-child {
      margin-top: 16px; }

.ynf-form .flex-bottom {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-flow: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
  -webkit-box-align: stretch;
  -mox-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .ynf-form .flex-bottom .flex-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
    -webkit-box-align: stretch;
    -mox-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .ynf-form .flex-bottom .flex-item:first-child .second {
      margin-top: 16px; }
    .ynf-form .flex-bottom .flex-item:last-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .ynf-form .flex-bottom .flex-item:last-child .form-control {
        width: 99.8%; }

.flex-form .last .flex-search-btn {
  width: 90%;
  margin: 0 auto; }

section.section-content .row-option {
  margin-top: 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -mox-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  section.section-content .row-option .flex-item {
    margin-bottom: 50px; }

section.section-content .flex-logo-partner {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column; }
  section.section-content .flex-logo-partner .flex-item {
    text-align: center; }
    section.section-content .flex-logo-partner .flex-item:last-child {
      margin-top: 20px; }

section.section-last-minute .box-gallery-top {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -mox-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  section.section-last-minute .box-gallery-top .flex-figure {
    width: 100%; }

section.last-section .flex-gallery {
  width: 100%; }
  section.last-section .flex-gallery .your-trip-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.last-section .flex-gallery .your-trip-content .flex-item {
      width: 300px; }
      section.last-section .flex-gallery .your-trip-content .flex-item figure.large .btn.view-more {
        width: 300px; }
  section.last-section .flex-gallery .other-figure {
    -webkit-box-pack: justify;
    -font-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    section.last-section .flex-gallery .other-figure .flex-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 48%;
              flex: 0 0 48%; }

@media all and (min-width: 768px) {
  .intro-header {
    height: 768px; }
  .flex-form .ynf-form .flex-top .flex-item {
    margin-right: 30px; }
  .flex-form .ynf-form .flex-middle {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row; }
    .flex-form .ynf-form .flex-middle .flex-item {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-flow: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-flow: row;
      -webkit-box-align: stretch;
      -mox-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      .flex-form .ynf-form .flex-middle .flex-item .flex-input label {
        margin-bottom: 0px; }
      .flex-form .ynf-form .flex-middle .flex-item:last-child .flex-input {
        margin-top: 16px; }
  .flex-form .ynf-form .flex-bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
    -webkit-box-align: stretch;
    -mox-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 16px; }
    .flex-form .ynf-form .flex-bottom .flex-item {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-flow: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-flow: row;
      -webkit-box-align: stretch;
      -mox-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      .flex-form .ynf-form .flex-bottom .flex-item .second {
        margin-bottom: 16px; }
  .flex-form .last {
    padding-right: 15px; }
    .flex-form .last .flex-search-btn {
      width: 70%;
      float: right; }
  section.section-content .row-option {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.section-content .row-option .flex-item {
      width: 41.667%;
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 50px; }
  section.section-last-minute .box-gallery-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.section-last-minute .box-gallery-top .flex-figure {
      width: 41.667%;
      margin-left: 10px;
      margin-right: 10px; }
      section.section-last-minute .box-gallery-top .flex-figure figure h2 {
        font-size: 2em; }
  section.section-hotel .flex-topic h2 {
    font-size: 3em; }
  section.section-hotel .row-hotel .content-hotel-slider .sl-ht-ct {
    height: 170px; } }

@media all and (min-width: 992px) {
  .intro-header {
    height: 800px; }
  .flex-form .ynf-form .flex-top .flex-item {
    margin-right: 30px; }
  .flex-form .ynf-form .flex-middle {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row; }
    .flex-form .ynf-form .flex-middle .flex-item {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      -webkit-box-align: stretch;
      -mox-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      .flex-form .ynf-form .flex-middle .flex-item:last-child .flex-input {
        margin-top: 16px; }
  .flex-form .ynf-form .flex-bottom {
    margin-top: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-align: stretch;
    -mox-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .flex-form .ynf-form .flex-bottom .flex-item {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      -webkit-box-align: stretch;
      -mox-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      .flex-form .ynf-form .flex-bottom .flex-item .second {
        margin-bottom: 16px; }
  .flex-form .last {
    padding-right: 15px; }
    .flex-form .last .flex-search-btn {
      width: 50%;
      float: right; }
  section.section-content .flex-container {
    width: 80%;
    margin-right: auto;
    margin-left: auto; }
  section.section-content .row-option {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.section-content .row-option .flex-item {
      width: 41.667%;
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 50px; }
  section.section-last-minute {
    height: 1220px; }
    section.section-last-minute .flex-container {
      width: 80%;
      margin-right: auto;
      margin-left: auto; }
    section.section-last-minute .flex-topic, section.section-last-minute .flex-topic-second {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    section.section-last-minute .box-gallery-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      section.section-last-minute .box-gallery-top .flex-figure {
        width: 30%;
        margin-left: 10px;
        margin-right: 10px; }
        section.section-last-minute .box-gallery-top .flex-figure figure h2 {
          font-size: 2em; }
  section.section-hotel .flex-container {
    width: 80%;
    margin-right: auto;
    margin-left: auto; }
  section.section-hotel .flex-topic h2 {
    font-size: 3em; }
  section.section-hotel .row-hotel .content-hotel-slider .sl-ht-ct {
    height: 170px; }
  section.last-section .flex-container {
    width: 80%;
    margin-right: auto;
    margin-left: auto; } }

@media all and (min-width: 1200px) {
  .intro-header {
    height: 900px; }
  .flex-form .ynf-form .flex-top .flex-item {
    margin-right: 30px; }
  .flex-form .ynf-form .flex-middle {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row; }
    .flex-form .ynf-form .flex-middle .flex-item {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      -webkit-box-align: stretch;
      -mox-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      .flex-form .ynf-form .flex-middle .flex-item:last-child .flex-input {
        margin-top: 16px; }
  .flex-form .ynf-form .flex-bottom {
    margin-top: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-align: stretch;
    -mox-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .flex-form .ynf-form .flex-bottom .flex-item {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      -webkit-box-align: stretch;
      -mox-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      .flex-form .ynf-form .flex-bottom .flex-item .second {
        margin-bottom: 16px; }
  .flex-form .last {
    padding-right: 15px; }
    .flex-form .last .flex-search-btn {
      width: 50%;
      float: right; }
  section.section-content .flex-container {
    width: 80%;
    margin-right: auto;
    margin-left: auto; }
  section.section-content .row-option {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.section-content .row-option .flex-item {
      width: 41.667%;
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 50px; }
  section.section-last-minute {
    height: 1220px; }
    section.section-last-minute .flex-container {
      width: 80%;
      margin-right: auto;
      margin-left: auto; }
    section.section-last-minute .flex-topic, section.section-last-minute .flex-topic-second {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    section.section-last-minute .box-gallery-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      section.section-last-minute .box-gallery-top .flex-figure {
        width: 30%;
        margin-left: 10px;
        margin-right: 10px; }
        section.section-last-minute .box-gallery-top .flex-figure figure h2 {
          font-size: 2em; }
  section.section-hotel .flex-container {
    width: 80%;
    margin-right: auto;
    margin-left: auto; }
  section.section-hotel .flex-topic h2 {
    font-size: 3em; }
  section.section-hotel .row-hotel .content-hotel-slider .sl-ht-ct {
    height: 170px; }
  section.last-section .flex-container {
    width: 80%;
    margin-right: auto;
    margin-left: auto; }
  /*.intro-header {
        padding-top: 48px;
        height: 850px;
    }*/
  .ynf-form .flex-top .flex-item {
    margin-right: 30px; }
  .ynf-form .flex-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .ynf-form .flex-middle .flex-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -mox-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: justify;
      -font-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .ynf-form .flex-middle .flex-item:first-child {
        -ms-flex: 8;
        -webkit-box-flex: 8;
                flex: 8;
        padding-left: 0px;
        padding-right: 12px; }
      .ynf-form .flex-middle .flex-item:last-child {
        -ms-flex: 4;
        -webkit-box-flex: 4;
                flex: 4;
        padding-right: 0px;
        padding-left: 0px; }
      .ynf-form .flex-middle .flex-item .flex-input {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%; }
        .ynf-form .flex-middle .flex-item .flex-input:first-child {
          padding: 0px 6px 0px 0px; }
  .ynf-form .flex-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px; }
    .ynf-form .flex-bottom .flex-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -font-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .ynf-form .flex-bottom .flex-item:first-child {
        padding-right: 12px; }
      .ynf-form .flex-bottom .flex-item .second {
        padding-right: 19px; }
        .ynf-form .flex-bottom .flex-item .second:last-child {
          padding-right: 0px; }
  section.section-content .row-option {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -font-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    section.section-content .row-option .flex-item {
      width: 25%;
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 50px; }
  section.section-last-minute {
    height: 870px; }
    section.section-last-minute .flex-topic, section.section-last-minute .flex-topic-second {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    section.section-last-minute .box-gallery-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      section.section-last-minute .box-gallery-top .flex-figure {
        width: 22%;
        margin-left: 10px;
        margin-right: 10px; }
        section.section-last-minute .box-gallery-top .flex-figure figure h2 {
          font-size: 2em; }
  section.section-hotel .flex-topic h2 {
    font-size: 3em; } }

@media all and (min-width: 1600px) {
  .intro-header {
    padding-top: 48px;
    height: 850px; }
  .ynf-form .flex-top .flex-item {
    margin-right: 30px; }
  .ynf-form .flex-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .ynf-form .flex-middle .flex-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -mox-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: justify;
      -font-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .ynf-form .flex-middle .flex-item:first-child {
        -ms-flex: 8;
        -webkit-box-flex: 8;
                flex: 8;
        padding-left: 0px;
        padding-right: 12px; }
      .ynf-form .flex-middle .flex-item:last-child {
        -ms-flex: 4;
        -webkit-box-flex: 4;
                flex: 4;
        padding-right: 0px;
        padding-left: 0px; }
      .ynf-form .flex-middle .flex-item .flex-input {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%; }
        .ynf-form .flex-middle .flex-item .flex-input:first-child {
          padding: 0px 6px 0px 0px; }
  .ynf-form .flex-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 16px; }
    .ynf-form .flex-bottom .flex-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -font-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .ynf-form .flex-bottom .flex-item:first-child {
        padding-right: 12px; }
      .ynf-form .flex-bottom .flex-item .second {
        padding-right: 19px; }
        .ynf-form .flex-bottom .flex-item .second:last-child {
          padding-right: 0px; }
  section.section-content .row-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -font-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 80px; }
  section.section-last-minute {
    height: 1130px;
    margin-top: 100px; }
    section.section-last-minute .flex-topic, section.section-last-minute .flex-topic-second {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    section.section-last-minute .box-gallery-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      section.section-last-minute .box-gallery-top .flex-figure {
        width: 22%;
        margin-left: 10px;
        margin-right: 10px; }
        section.section-last-minute .box-gallery-top .flex-figure figure h2 {
          font-size: 2em; }
  section.section-hotel .flex-topic h2 {
    font-size: 3em; } }

@media all and (min-width: 1900px) {
  .intro-header {
    padding-top: 48px;
    height: 850px; }
  .ynf-form .flex-top .flex-item {
    margin-right: 30px; }
  .ynf-form .flex-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .ynf-form .flex-middle .flex-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -mox-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-box-pack: justify;
      -font-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .ynf-form .flex-middle .flex-item:first-child {
        -ms-flex: 8;
        -webkit-box-flex: 8;
                flex: 8;
        padding-left: 0px;
        padding-right: 12px; }
      .ynf-form .flex-middle .flex-item:last-child {
        -ms-flex: 4;
        -webkit-box-flex: 4;
                flex: 4;
        padding-right: 0px;
        padding-left: 0px; }
      .ynf-form .flex-middle .flex-item .flex-input {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%; }
  .ynf-form .flex-bottom {
    padding-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .ynf-form .flex-bottom .flex-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -font-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .ynf-form .flex-bottom .flex-item:first-child {
        padding-right: 12px; }
      .ynf-form .flex-bottom .flex-item .second {
        padding-right: 19px; }
        .ynf-form .flex-bottom .flex-item .second:last-child {
          padding-right: 0px; }
  section.section-content .flex-topic {
    padding-right: 15px;
    padding-left: 15px;
    text-align: left; }
  section.section-content .row-option {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -font-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  section.section-last-minute {
    height: 1150px;
    margin-top: 200px; }
    section.section-last-minute .flex-topic, section.section-last-minute .flex-topic-second {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    section.section-last-minute .box-gallery-top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      section.section-last-minute .box-gallery-top .flex-figure {
        width: 22%;
        margin-left: 10px;
        margin-right: 10px; }
        section.section-last-minute .box-gallery-top .flex-figure figure h2 {
          font-size: 2em; }
  section.section-hotel .flex-topic h2 {
    font-size: 3em; } }

@media all and (min-width: 421px) and (max-width: 1000px) {
  section.last-section .flex-gallery {
    width: 100%; }
    section.last-section .flex-gallery .your-trip-content {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -mox-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      section.last-section .flex-gallery .your-trip-content .flex-item {
        width: 420px; }
        section.last-section .flex-gallery .your-trip-content .flex-item figure.large .btn.view-more {
          width: 420px; }
    section.last-section .flex-gallery .other-figure {
      -webkit-box-pack: justify;
      -font-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      section.last-section .flex-gallery .other-figure .flex-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%; }
        section.last-section .flex-gallery .other-figure .flex-item:nth-child(odd) {
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end; }
        section.last-section .flex-gallery .other-figure .flex-item:nth-child(even) {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; } }

@media all and (min-width: 1px) and (max-width: 768px) {
  section.section-content .flex-container, section.section-last-minute .flex-container, section.section-rcmd-trip .flex-container, section.section-hotel .flex-container, section.last-section .flex-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto; }
  section.section-content .flex-container, section.section-last-minute .flex-container, section.section-rcmd-trip .flex-container, section.last-section .flex-container, section.travelers .flex-container {
    padding-right: 15px;
    padding-left: 15px; }
  section.section-hotel .flex-container {
    padding-right: 0px;
    padding-left: 0px; } }

@media all and (min-width: 1px) and (max-width: 1000px) {
  section.section-content .flex-topic, section.section-last-minute .flex-topic, section.section-last-minute .flex-topic-second, section.section-hotel .flex-topic, section.section-rcmd-trip .flex-topic, section.last-section .flex-topic, section.travelers .flex-topic, section.travelers .flex-small-topic {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  section.section-hotel .flex-topic h2 {
    font-size: 2.5em; } }

@media all and (min-width: 421px) and (max-width: 5000px) {
  section.section-content .flex-logo-partner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    section.section-content .flex-logo-partner .flex-item {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      section.section-content .flex-logo-partner .flex-item:first-child img {
        margin-right: 20px; } }

@media all and (min-width: 1001px) and (max-width: 5000px) {
  section.section-content .flex-container, section.section-last-minute .flex-container, section.section-rcmd-trip .flex-container, section.last-section .flex-container, section.section-hotel .flex-container, section.travelers .flex-container {
    width: 70%;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: auto;
    margin-left: auto; }
  section.last-section .flex-container .flex-topic {
    width: 100%; }
    section.last-section .flex-container .flex-topic h2 {
      font-size: 3em; }
  section.last-section .flex-container .flex-gallery {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.last-section .flex-container .flex-gallery .your-trip-content {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      section.last-section .flex-container .flex-gallery .your-trip-content .flex-item:nth-child(odd) {
        margin-right: 20px; }
    section.last-section .flex-container .flex-gallery .other-figure {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      section.last-section .flex-container .flex-gallery .other-figure .flex-item:not(:last-child) {
        margin-right: 20px; }
  /*.flex-form {
        .last {
            padding-right: 15px;

            .flex-search-btn {
                width: 50%;
                float: right;
            }
        }
    }*/ }

@media all and (min-width: 1001px) and (max-width: 1100px) {
  section.last-section .flex-gallery .your-trip-content .flex-item {
    width: 300px; }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .btn.view-more {
      width: 300px; } }

@media all and (min-width: 1101px) and (max-width: 1200px) {
  section.last-section .flex-gallery .your-trip-content .flex-item {
    width: 360px; }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .btn.view-more {
      width: 360px; } }

@media all and (min-width: 1201px) and (max-width: 1280px) {
  section.last-section .flex-gallery .your-trip-content .flex-item {
    width: 400px; }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .btn.view-more {
      width: 400px; } }

@media all and (min-width: 1001px) and (max-width: 1280px) {
  section.last-section .flex-gallery .other-figure .flex-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22%;
            flex: 0 0 22%; } }

@media all and (min-width: 1301px) and (max-width: 5000px) {
  section.last-section .flex-gallery .your-trip-content .flex-item {
    width: 445px; }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .btn.view-more {
      width: 445px; }
  section.last-section .flex-gallery .other-figure {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.last-section .flex-gallery .other-figure .flex-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 23%;
              flex: 0 0 23%; } }

@media all and (min-width: 1281px) and (max-width: 1300px) {
  section.last-section .flex-gallery .your-trip-content .flex-item {
    width: 400px; }
    section.last-section .flex-gallery .your-trip-content .flex-item figure.large .btn.view-more {
      width: 400px; }
  section.last-section .flex-gallery .other-figure {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.last-section .flex-gallery .other-figure .flex-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 22%;
              flex: 0 0 22%; } }

@media all and (min-width: 1401px) and (max-width: 5000px) {
  section.last-section .flex-gallery .other-figure {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    section.last-section .flex-gallery .other-figure .flex-item {
      width: 265px; } }

.ui-widget {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; }

.ui-tabs .ui-tabs-panel {
  margin: 3px 0px; }

.ui-tabs .ui-tabs-nav {
  margin-bottom: 0px; }

.ui-tabs .ui-tabs-nav li {
  margin-right: 1px;
  margin-bottom: -3px; }

.ui-tabs .ui-tabs-nav li a {
  border: none;
  border-bottom: none;
  color: #FFFFFF;
  background: #454d50;
  height: 34px; }
  .ui-tabs .ui-tabs-nav li a:hover {
    border: none;
    border-bottom: none;
    background-color: #9f0049;
    color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 1; }

.ui-tabs .ui-tabs-nav li a.tab-flight {
  border-top-left-radius: 5px;
  border-top-right-radius: 0px; }

.ui-tabs .ui-tabs-nav li a.tab-domestics {
  border-top-left-radius: 0px;
  border-top-right-radius: 5px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  border: none;
  border-bottom: none;
  background-color: #ff62a2;
  color: #FFFFFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.ui-tabs .ui-tabs-nav li.ui-state-active a:hover, .ui-tabs .ui-tabs-nav li.ui-state-active a:visited, .ui-tabs .ui-tabs-nav li.ui-state-active a:link {
  border: 0px;
  border-bottom: none;
  color: #FFFFFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: default; }

.ui-tabs .ui-tabs-nav li.ui-state-active a:visited, .ui-tabs .ui-tabs-nav li.ui-state-active a:link {
  background-color: #ff62a2; }

.ui-tabs .ui-tabs-nav li.ui-state-active a:hover {
  background-color: #ff62a2;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.ui-tabs .ui-tabs-nav li a.flights {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.ui-tabs .ui-tabs-nav li a.hotels {
  border-top-right-radius: 4px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a.flights, .ui-tabs .ui-tabs-nav li a.hotels {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important; }

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