/*
Theme Name: World Explorer
Author: 1dd
Author URI: http://www.1dd.co/
Description: This theme is made for World Explorer
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flat, white, blue, minimal, serif, gold

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


.admin-bar .navbar-fixed-top {
    margin-top: 32px;
}

.admin-bar #progress-bar, .admin-bar .is-sticky{
    top: 32px !important;
}


@font-face {
    font-family: 'bsru_bansomdejregular';
    src: url('fonts/bsrubansomdej-regular-webfont.woff2') format('woff2'),
         url('fonts/bsrubansomdej-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  font-family: inherit;
  font-size: inherit;
  /* Additional css `propery: value;` pairs here… */
}

b, strong {
    font-weight: 500 !important;
    color: #121212;
}

.seed-social {
    display: none !important;
}

input, textarea, select, a, div, section { outline: none; }


html, body {
    overflow-x: hidden;
}

body, h1, h2, h3, h4, h5, h6, p, a, button, label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h4 {
    font-size: 20px;
    line-height: 1.4;
}

h3 {
    font-size: 22px;
    line-height: 1.5;
}

.rounded {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 13px 60px 15px;
    border-radius: 100px;
    font-size: 20px;
    border: none;
    font-family: sans-serif;
}

.btn-white {
    background: #fff !important;
}

.font-serif {
    font-family: acumin-pro, sans-serif;
}

.bg-grey {
    background-color: #f7f7f7;
}

.bg-blue {
    background-color: #152831;
}

.buttongold {
    background-color: #c8ab54;
    transition: all 0.25s ease;
    color: #fff;
}

.buttongold:hover {
    background: #152832;
    transition: all 0.25s ease;
    color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Trirong';
    color: #333;
    font-weight: 500;
}

h2 {
    font-size: 42px;
}

body, p, a, button,li {
    font-family: 'sans-serif', serif;
    color: #666;
}

p {
    line-height: 1.7;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0;
    margin-bottom: 15px;
    font-family: sans-serif;
}

li {
    line-height: 1.7;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0;
    font-family: sans-serif;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.body-large {
    font-size: 20px;
}

.bg-dark {
    background: #152832;
}


a {
    color: #333;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-family: sans-serif;
}

a:hover, a:active, a:focus {
    color: #c8ab54;
    text-decoration: none;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.font-white {
    color: #fff;
}

.font-gold {
    color: #ecd479;
}

.font-red {
    color: #ce333c;
}

.font-gold-d {
    color: #c8ab54;
}

.font-24 {
    font-size: 24px;
}

.font-tran {
    color: #bccad4;
}

.emphasize {
    color: #ecd479;
    font-size: 20px;
    font-weight: 300;
 }

@media (min-width: 1500px) {
    .container {
        width: 1300px;
    }
}

@media (max-width: 1100px) { 
    .rounded {
        font-size: 17px;
    }
    h2 {
        font-size: 38px;
        line-height: 1.3;
    }

    p {
        line-height: 1.6;
        font-size: 16px;
    }
}



@media (max-width: 767px) { 
    h2 {
        font-size: 30px;
        line-height: 1.4;
    }
    .body-large {
        font-size: 17px;
    }
    h3 {
        font-size: 20px;
    }
    .fc_modal-backdrop:before {
        display: none !important;
    }

    * {
        -webkit-overflow-scrolling: touch;
    }

    .fc_modal.fc_fade.fc_in {
        z-index: 9999999999999999 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.fc_modal-open {
        overflow: hidden !important;
        height: 100vh !important;
    }
}

/*----------HEADER----------------*/

header ul#menu-login {
    left: -20px;
    position: relative;
    top: -2px;
    padding-right: 6px;
    border-right: solid 1px #e5e5e5;
}

header {
    display: -webkit-flex; /* Safari */
    display: flex;
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 99999;
    box-shadow: 0px 1px 20px 0 rgba(0, 0, 0, 0.08);
}

header > div,header > nav {
    padding: 13px;
}

header a {
    font-weight: 500;
    letter-spacing: 0 !important;
    font-family: sans-serif;
    font-size: 14px;
    padding-bottom: 3px;
}

.head-logo {
    width: 140px;
    float: left;
    background: #1f3845;
    text-align: center;
}

.head-nav {
    width: 70%;
    float: left;
}


.head-logo img {
    width: 102px;
}

.head-nav ul {
    list-style: none;
    margin-bottom: 0;
    -webkit-padding-start: 20px;
    padding-top: 3px;
}

.head-nav li {
    display: inline-block;
    margin: 0 15px;
    padding-top: 5px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 0;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: #fff;
    border-bottom: solid 2px #ecd479;
    color: #333;
}

.head-nav li.active {
    border-bottom: solid 2px #ecd479;
}

.head-nav li.active a:focus,
.head-nav li.active a:hover,
.head-nav li.active a:active {
    border: none;
}

.head-phone p {
    display: inline-block;
}

.head-phone i {
    display: inline-block !important;
    font-size: 16px;
    position: relative;
    right: 5px;
}

.front-label {
    display: inline-block;
    font-weight: 600;
    top: 0;
    position: relative;
    left: -10px;
    padding: 13px;
}

footer p.phone-number {
    font-size: 32px;
    font-family: sans-serif;
    font-weight: 400;
    color: #c8ab54;
}

header p.phone-number {
    font-size: 25px;
    font-family: sans-serif;
    font-weight: 400;
    color: #c8ab54;
}

.front-label {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 12px;
    padding-bottom: 3px;
}

.head-phone {
    display: inline-block;
    top: 1px;
    position: relative;
}

.float-cta img {
    position: fixed;
    right: -6px;
    width: 80px;
    z-index: 9999;
}

.float-cta a:first-child img{
    bottom: 0;
}

.float-cta a:last-child img {
    bottom: 70px;
}

.right-header {
    float: right!important;
    position: absolute;
    right: 0;
    padding: 0;
    padding-top: 6px;
    padding-right: 20px;
}

.right-header a {
    margin: 0 7px;
    padding: 20px 0;
}


/*----Hamburgler----*/

.hamburgler-icon-wrapper {
  position: absolute;
  top: 1em;
  right: 15px;
  height: 26px;
  width: 26px;
  cursor: pointer;
  position: fixed;
  z-index:  99999999;
}

.admin-bar .hamburgler-icon-wrapper {
    top: 46px;
}

.hamburgler-menu-list {
    width: 88%;
}

.hamburgler-menu-list li {
    width: 49%;
    border-bottom: solid 1px rgba(229, 229, 229, 0.18);
    display: inline-block;
}

.hamburgler-menu a {
    font-family: sans-serif;
    font-size: 28px;
    line-height: 2.2;
    color: #ecd479;
    width: 100%;
    padding: 10px 0;
    display: block;
    letter-spacing: 0;
}

.hamburgler-menu a i {
    font-size: 18px;
    margin: 0 10px;
    margin-top: 30px;
}

.hamburgler-icon,
.hamburgler-icon:before,
.hamburgler-icon:after {
  content: '';
  position: absolute;
  border-radius: 1em;
  height: 2px;
  width: 26px;
  background: black;
  transition: all 0.2s ease
}

.hamburgler-icon {
  top: 0.75em
}

.hamburgler-icon:before {
  top: -0.55em
}

.hamburgler-icon:after {
  top: 0.55em
}

.hamburgler-active .hamburgler-icon {
  background: transparent;
  transform: rotate(-135deg)
}

.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
  top: 0
}

.hamburgler-active .hamburgler-icon:before {
  transform: rotate(90deg)
}

.hamburgler-active .hamburgler-icon,
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
  background: white
}

.hamburgler-menu {
  transition: all 0.4s ease;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #152832;
  color: #ecd479;
  text-align: center
}

.hamburgler-active .hamburgler-menu {
  opacity: 1;
  pointer-events: initial;
  z-index: 9999999;
}

.hamburgler-menu-list {
  display: block;
  transition: all 0.4s ease;
  padding: 0;
  list-style-type: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2)
}

.hamburgler-active .hamburgler-menu-list {
  transform: translate(-50%, -50%) scale(1)
}

.tripcenter-menu {
    display: none;
}
.logged-in .tripcenter-menu {
    display: block;
    color: #c8ab54;
    padding: 5px 11px;
    margin-top: 3px;
    margin-left: 10px;
    border: solid 1px;
    border-radius: 20px;
}

/*------ DROPDOWN ------------*/



.navbar a {
    float: left;
    font-size: 16px;
    position: relative;
    top: 1px;
    text-align: center;
    padding: 15px 14px;
    text-decoration: none;
    font-family: sans-serif;
    letter-spacing: 0 !important;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.navbar {
    margin-bottom: 0;
    padding: 0 0 0 20px;
}

.dropdown {
    float: left;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    padding: 0;
    background-color: inherit;
}

.wrap-infinite {
    padding: 10px;
}

.dropdown-content {
    background-color: #fff;
    min-width: 200px;
    z-index: 99;
    top: 48px;
    overflow: hidden;
    position: absolute;
    border-radius: 3px;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.17);
    padding-top: 5px;
    opacity: 0;
    display: none;
}

.dropdown:hover .dropdown-content {
    opacity: 1;
    display: block;
}


.dropdown-content ul {
    list-style: none;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -webkit-padding-start: 0;
    -khtml-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
    margin-bottom: 0;
}

.dropdown-content,.dropdown:hover .dropdown-content {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.dropdown-content a {
    float: none;
    letter-spacing: 0;
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    background-color: #fff;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    border-bottom: solid 1px #e5e5e5;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}


.right-header > ul,
.right-header > ul >li {
    display: inline-block;
    list-style: none;
}



/*-------- Lang dropdown ----------*/

.dropdown-menu {
    top: 30px;
    left: 50px;
    min-width: 0;
    padding: 6px 0;
    margin: 0;
    opacity: 0;
    display: block;
    border: none;
    border-radius: 3px;
    box-shadow: 0 6px 15px 2px rgba(0,0,0,.175);
}

.dropdown-menu>li>a {
    padding: 7px 18px;
    font-size: 15px;
    border-bottom: solid 1px #e5e5e5;
    font-weight: 500;
    margin: 0;
}

.dropdown-menu>li:last-child a {
    border-bottom: none;
}

.menu-item-has-children:hover .dropdown-menu{
    opacity: 1;
}


.menu-item-has-children:hover .dropdown-menu,
.dropdown-menu {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}


@media (max-width: 1100px) { 
    .navbar a {
        font-size: 14px;
        padding: 19px 10px 16px;
    }
    .right-header {
        padding-top: 10px;
    }
}


@media (min-width: 768px) and (max-width: 991px) { 

    header {
        position: fixed;
    }
    .right-header {
        padding: 0;
        padding-top: 15px;
        right: 65px;
    }
    .hamburgler-icon-wrapper {
        top: 17px;
    }
}

@media (max-width: 991px) {
    .logged-in .tripcenter-menu {
        border: solid 2px;
        border-radius: 100px;
        margin-top: 25px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    header ul#menu-login {
        left: 0;
    }
    .logged-in .tripcenter-menu {
        display: block;
        color: #c8ab54;
        padding: 10px;
        border: none;
        border-radius: 0;
        margin-top: 0;
        margin-left: 0;
    }
    p.phone-number {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .head-logo {
        width: 110px;
    }
    header ul#menu-login {
        top: -5px;
        left: -20px;
    }
    .hamburgler-menu a {
        font-size: 18px;
        text-align: left;
        padding: 12px 0;
    }
    .hamburgler-menu-list li {
        width: 49%;
    }
    header > div {
        padding: 13px;
    }
    .head-logo img {
        width: 80px;
    }
    .head-phone {
        width: 70%;
        padding: 0;
    }

    .phone-number a {
        font-size: 25px;
        margin-top: 3px;
        font-family: sans-serif;
        font-weight: 300;
        color: #c8ab54  
    }
    header {
        position: fixed;
    }
    .right-header {
        padding: 15px;
        right: 20px;
    }
}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––
INFINITE LOOP
–––––––––––––––––––––––––––––––––––––––––––––––––– */



.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

.pagination {
    display: none;
}

.page-load-status {
  display: none; /* hidden by default */
  padding-top: 40px;
  padding-bottom: 60px;
  text-align: center;
  color: #777;
  background-color: #f7f7f7;
}


/*----------BANNER----------------*/

.banner-wrap {
    position: relative;
}

.brush-banner {
    bottom: 0;
    position: absolute;
    z-index: 9;
    width: 100%;
}

.swiper-banner .swiper-button-next, 
.swiper-banner .swiper-button-prev {
    top: 50%;
    width: 60px;
    height: 60px;
    background-color: #0000004d;
    border: solid 1px #ffffff6b;
}

.swiper-banner .swiper-button-next.swiper-button-disabled, 
.swiper-banner .swiper-button-prev.swiper-button-disabled {
    background-color: #0000004d;
}

.swiper-banner .swiper-button-prev {
    right: auto;
    left: 10px;
}

#banner {
    height: 600px;
    background-size: cover;
    background-position: center;    
    background-repeat: no-repeat;
}

#banner img {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.vertical-middle {
    position: relative;
    align-items: center;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

#banner h1 {
    color: #ecd479;
    margin-bottom: -10px;
    font-weight: 400;
    font-size: 140px;
}

#banner button {
    background: #ecd479;
    color: #333;
    font-family: sans-serif;
    transition: all 0.25s ease;
    letter-spacing: 0;
}

#banner button:hover {
    background: #fff;
    transition: all 0.25s ease;
    color: #333;
    letter-spacing: 0;
}

#banner p {
    font-size: 40px;
    margin-bottom: 50px;
    font-weight: 300;
}

/*#banner {
    opacity: 0;
    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-duration: 5s;
    animation-fill-mode:forwards;
}

#banner img {
    position: absolute;
    width: 100%;
    bottom: -4px;
    z-index: 3;
}


.linear-wipe {
  text-align: center;
  background: -webkit-linear-gradient(left, #fff9e3 20%, #ecd479 40%, #ecd479 60%, #fff9e3 90%);
  background: linear-gradient(to right, #fff9e3 20%, #ecd479 40%, #ecd479 60%, #fff9e3 90%);
  background-size: 200% auto;
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: shine 10s linear infinite;
          animation: shine 10s linear infinite;
}

@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        background-position-y: 50px;
    }
    20% {
        opacity: 0;
        background-position-y: 50px;
    }
    60% {
        opacity: 1;
        background-position-y: auto;
    }
    100% {
        opacity: 1;
        background-position-y: auto;
    }
}*/

@media (max-width: 1100px) {
    #banner {
        background-size: cover;
    }
}

@media (max-width: 991px) {
    .home #banner h1 {
        font-size: 100px !important;
    }
    #banner {
        background-size: cover;
        height: 700px;
    }
    .admin-bar .hamburgler-icon-wrapper {
        top: 47px;
    }
}

@media (max-width: 767px) {
    .home #banner h1 {
        font-size: 60px !important;
    }
    .admin-bar .hamburgler-icon-wrapper {
        top: 59px;
    }
    .brush-banner {
        bottom: 8px;
        width: 1500px;
    }
    #banner {
        height: 80vh;
    }
    #banner p {
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 15px;
        line-height: 1.3;
        padding: 0 20px;
    }
    #banner img {
        bottom: 0;
    }
    .rounded {
        padding: 14px 35px 16px;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
            background-position-y: 0;
        }
        20% {
            opacity: 0;
            background-position-y: 0;
        }
        60% {
            opacity: 1;
            background-position-y: 0;
        }
        100% {
            opacity: 1;
            background-position-y: 0;
        }
    }
}



/*---------- S-ABOUT ----------------*/

#s-about {
    padding-top: 7vh;
    padding-bottom: 7vh;
    background: #152832; 
}

#s-about h2{
    margin-bottom: 30px;
}

#s-about .body-large {
    margin-bottom: 10vh;
    line-height: 1.8;
    color: #bccad4;
}

#s-about .content-about p {
    color: rgba(255, 255, 255, 0.80);
}

#s-about .content-about{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

#s-about .content-about p:last-child {
    color: #ecd479;
    font-size: 20px;
    font-weight: 300;
}

@media (min-width: 768px) and (max-width: 991px) { 
/*
    #s-about .container {
        width: 600px;
    }*/

    #s-about .content-about{
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}

@media (max-width: 767px) {
    #s-about {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    #s-about .content-about{
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}


/*---------- S-DESTINATION ----------------*/


#s-destinations .swiper-button-next, #s-destinations .swiper-button-prev {
    top: -20px;
    margin-right: 30px;
    background-color: rgb(21, 41, 51);
}

#s-destinations .swiper-button-next.swiper-button-disabled, 
#s-destinations .swiper-button-prev.swiper-button-disabled {
    background-color: rgb(21, 41, 51);
}

#s-destinations h2.background-dark {
    margin: 0 30px;
}

.home .videos-thumb .swiper-slide img {
    margin-bottom: 0;
}

section#s-destinations > div {
    padding: 40px 0 80px;
}

#s-destinations .container-fluid,
#s-destinations .col-md-12 {
    padding: 0;
}

#s-destinations .grid.col-md-12 {
    margin-left: 30px;
}


@media (max-width: 767px) {
    section#s-destinations > div {
        padding: 40px 0 40px;
    }
    #s-destinations .swiper-button-next, #s-destinations .swiper-button-prev {
        top: 43%;
    }

    #s-destinations .swiper-button-prev {
        left: 15px;
    }

    #s-destinations .swiper-button-next{
        right: -15px;
    }

}

/*---------- S-OUR TOURS ----------------*/

h2.background-dark {
    position: relative;
    z-index: 1;
    text-align:center;
}

.home-catnav-wrap .navbar.cat-nav {
    padding: 0;
    margin-top: 32px;
    text-align: center;
}

.home-catnav-wrap .dropdown {
    float: none;
    display: inline-block;
    background: #fff;
    margin-left: -4px;
}

.home-catnav-wrap  .dropdown-content ul {
    background: #fff !important;
}

.home-catnav-wrap .cat-nav > div > button > a,
.home-catnav-wrap .cat-nav > div:last-child > button > a {
    border-right: none;
    border-left: solid 3px #f7f7f7;
}

.date-tour {
    padding: 7px 20px;
    border-radius: 100px;
    background-color: #eaf1f5;
    display: inline-block;
    color: #232323;
    display: none;
}

.tour-content .content-p br {
    display: none;
}

#s-ourtours {
    background: #f7f7f7;
}

#s-ourtours .rounded {
    margin-top: 40px;
}


h2.background-dark::before {
    border-top: 1px solid #425057;
    content:"";
    margin: 0 auto;
    position: absolute; 
    top: 50%; left: 0; right: 0; bottom: 0;
    z-index: -1;
}

.tour-thumb {
    background-size: cover;
    background-position: center;
    min-height: 300px;
    width: 100%;
    position: relative;
}

h2.background-dark span {
    background: #152832; 
    padding: 0 30px; 
}

#s-ourtours .bg-dark {
    height: 230px;
}

#s-ourtours .tour-wrap {
    margin-top: 70px;
}

.tour-box {
    background: #fff;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.25s ease-in-out;
    box-shadow: transparent;
    box-shadow: 0;
    
}

.tour-box:hover {
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    box-shadow: 0px 0px 0px 4px rgb(200, 171, 83);
}

.month-tour a {
    padding: 3px 10px;
    background: #0000008c;
    border-radius: 100px;
    color: #fff;
    font-family: serif;
}
.month-tour {
    position: absolute;
    right: 10px;
    top: 16px;
    color: transparent;
}

.tour-wrap {
    margin-top: 30px;
}

#s2-ourtours .tour-content,
#s-ourtours .tour-content {
    padding: 20px 40px 40px;
    background: #fff;
    width: 100%;
    height: 300px;
}

.tour-content .content-p {
    display: -webkit-box;
    max-height: 85px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.interesting-wrap .tour-content {
    padding: 80px 60px 40px;
    background: #fff;
}

.price-tag {
    background: #c8ab54;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.tour-content h3 {
    font-size: 26px;
    margin-top: 10px;
    line-height: 1.3;
}

.subtitle {
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
}

.readmore {
    font-size: 15px;
    font-weight: 600;
}

.tour-box .readmore {
    position: absolute;
    bottom: 40px;
}

.price-tag {
    padding: 1px 17px 2px 30px;
    border-radius: 0 0 0 100px;
}

.duration i {
    margin-right: 5px;
}

.price-tag p {
    margin: 0;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
    font-family: sans-serif;
}

.price-tag p span {
    font-size: 13px;
    top: -5px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

.instalment img {
    display: inline-block;
    margin-left: 0;
}

.instalment span {
    font-weight: 600;
    color: #fff !important;
    font-family: acumin-pro, sans-serif;
}

.instalment {
    padding-top: 10px;
    border: none;
    border-radius: 0 50px 0 0;
    padding: 8px 28px 8px 14px;
    text-align: center;
    display: inline-block;
    background: #000000c7;
    bottom: 0;
    left: 0;
    position: absolute;
}

.instalment p {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 0;
    color: #fff;
}

.single-banner .instalment p {
    color: #222;
}

.single-banner .instalment span {
    color: #ce333c !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .tour-content {
        padding: 20px 38px 40px;
    }

    .price-tag p span {
        margin-right: 3px;
    }
    .tour-content h3 {
        margin-top: 30px;
        font-size: 26px;
    }
    
}


@media (min-width: 768px) and (max-width: 991px) { 
    #s2-ourtours .tour-content, #s-ourtours .tour-content {
        height: auto;
    }
    .tour-content h3 {
        font-size: 26px;
    }
    .tour-wrap {
        margin-top: 50px;
    }
    .tour-content {
        padding: 100px 60px 40px;
    }
    .tour-thumb {
        min-height: 300px;
    }
    .price-tag p span {
        top: -3px;
    }
    #s-destinations .swiper-button-next, #s-destinations .swiper-button-prev {
        top: -97px;
    }
    .date-tour {
        font-size: 13px;
        padding: 7px 13px;
    }

}

@media (max-width: 767px) { 
    #s-about .body-large {
        margin-bottom: 50px;
    }
    .instalment p {
        font-size: 18px;
    }
    .tour-box .instalment p {
        font-size: 15px;
    }
    .instalment {
        border-radius: 0;
        position: relative;
        left: 0;
    }
    .tour-box .instalment {
        border-radius: 100px;
        bottom: 15px;
        left: 15px;
        position: absolute;
    }
    .subtitle {
        font-size: 16px;
    }

    .price-tag p span {
        top: -3px;
    }

    .date-tour {
        font-size: 13px;
    }

    .price-tag p {
        font-size: 26px;
    }

    #s-ourtours {
        padding-bottom: 50px !important;
    }
    .tour-wrap {
        margin-top: 30px;
        padding: 10px;
    }

    #s-ourtours .bg-dark {
        height: 160px;
    }
    #s-destinations h2.background-dark {
        margin: 0 15px;
    }
    .tour-thumb {
        min-height: 200px;
    }
    .tour-content {
        padding: 20px 20px 30px !important;
    }
    .content-p {
        margin-bottom: 10px;
    }
    .price-tag {
        text-align: right;
    }
    .tour-box {
        margin-bottom: 20px;
    }
}


@media (max-width: 767px) { 
    .tour-box {
        display: block;
    }
    #s2-ourtours .tour-content, #s-ourtours .tour-content {
        height: auto;
    }
}

/*---------- S-CUSTOM TOUR ----------------*/

#s-customtour {
    background: transparent;
    height: 90vh;
    position: relative;
}

#s-customtour .hilightdestination {
    padding: 100px 0;
}

body { background-color:#fff; color:#111;}
#slideImg {
    margin: 0px auto 20px;
    background-color: transparent;
    padding: 0;
    top: 0;
    position: relative;
    z-index: -1;
    width: 100% !important;
}

#slideImg ul {
    list-style: none;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -webkit-padding-start: 0;
    -khtml-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
}

#slideImg li {
    float: left;
    margin: 0;
}

.rotate-prev { 
    position: absolute; 
}

#slideImg img {
    vertical-align: bottom;
    height: 90vh;
    border: none;
}

.brushtop {
    position: absolute;
    width: 100%;
    top: 0;
}

.brushbottom {
    position: absolute;
    width: 100%;
    bottom: -1px;
}

.custombox button {
    margin-top: 20px;
}

.custombox h2 {
    margin-bottom: 20px;
}

.custombox {
    transform: translate(50%, -50%);
    width: 50%;
    position: absolute;
    z-index: 9;
    background: #fff;
    height: auto;
    padding: 30px 50px 50px;
    top: 50%;
    border-radius: 5px;
}

.custombox p {
    font-size: 18px;
}

@media (min-width: 768px) and (max-width: 991px) { 
    .custombox {
        transform: translate(22%, -50%);
        width: 70%;
    }
    #s-customtour {
        height: 600px;
    }
    #slideImg img {
        height: 600px;
    }
}

@media (max-width: 767px) { 
    .custombox {
        transform: translate(8%, -50%);
        width: 85%;
        padding: 15px 20px 40px;
    }
    .custombox p {
        font-size: 16px;
    }
    #s-customtour {
        height: 600px;
    }
    #slideImg img {
        height: 600px;
    }

}



/*---------- S-JOURNAL ----------------*/

#s-journal {
    padding: 90px 0;
}

.journal-list {
    margin-bottom: 60px;
    max-height: 197px;
    overflow: hidden;
}


.journal-list h4 {
    line-height: 1.4;
    font-size: 20px;
    margin: 0;
    margin-bottom: 3px;
}

#s-journal h2.background-white span {
    font-size: 40px;
}

#s-journal .container {
    margin-top: 30px;
}

@media (min-width: 768px) and (max-width: 991px) { 
    .journal-list {
        min-height: 0;
    }
    #s-journal .journal-list {
        margin-bottom: 21px;
        border-bottom: solid 1px #e5e5e5;
        padding: 20px 0;
    }
    h2.background-white {
        margin-bottom: 20px !important; 
    }
}

@media (max-width: 767px) { 
    #s-journal h2.background-white span {
        font-size: 32px;
    }
    #s-journal {
        padding: 50px 0;
    }
    #s-journal .container {
        padding: 0;
    }
    .journal-list h4 {
        font-size: 20px;
    }
    h2.background-white {
        margin-bottom: 20px;
    }
    #s-journal .journal-list {
        margin-bottom: 40px;
        max-height: none;
        overflow: visible;
        padding: 0 30px;
    }
    #s-journal img {
        margin-bottom: 20px;
        width: 100%
    }
    .journal-list > div {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*---------- S-CONTACT ----------------*/

#s4-contact {
    background-color: #f7f7f7;
    padding-top: 80px;
    padding-bottom: 80px;
}

#s4-contact .title {
    margin-bottom: 50px;
}

h2.background-light {
    position: relative;
    z-index: 1;
    text-align:center;
}

#s-ourtours {
    background: #f7f7f7;
    padding-bottom: 100px;
}

h2.background-light::before {
    border-top: 1px solid #e5e5e5;
    content:"";
    margin: 0 auto;
    position: absolute; 
    top: 50%; left: 0; right: 0; bottom: 0;
    z-index: -1;
}


.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.form-contact {
    margin-top: 50px;
}

h2.background-light span {
    background: #f7f7f7; 
    padding: 0 30px; 
}

.form-contact textarea {
    width: 100%;
    border-color: #ddd;
}

#s4-contact .title p {
    max-width: 500px;
    margin-top: 30px;
}

.form-contact input.form-control {
    border: solid 1px #ddd;
    border-radius: 0px !important;
    box-shadow: none;
    padding: 30px 20px;
    font-size: 20px;
}

.form-contact button {
    float: right;
}


.map iframe{
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative; /* IE needs a position other than static */
}
.map iframe.clicked{
    pointer-events: auto;
}

@media (max-width: 767px) { 
    .form-contact button {
        width: 100%;
    }
}


/*---------- S-EVENT ----------------*/

.home .hilightdestination .swiper-button-next, 
.home .hilightdestination .swiper-button-prev {
    top: -30px;
}


.event-home-list {
    background-color: #fff;
    padding: 25px;
}

.event-home-list p.sub-title {
    font-size: 18px !important;
    letter-spacing: 0;
}

.swiper-slide.event-home-wrap {
    border-radius: 0;
    overflow: hidden;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    margin-top: 5px;
}

.swiper-slide.event-home-wrap:hover {
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    box-shadow: 0px 0px 0px 2px rgb(200, 171, 83);
}

.home .swiper-container {
    margin-top: 80px;
    padding-bottom: 10px;
}

.home .swiper-banner {
    margin-top: 58px;
}

#s-event .container-fluid, #s-event .col-md-12 {
    padding: 0;
}

#s-event .swiper-slide:first-child {
    margin-left: 30px;
}

#s-event h2.background-light {
    margin: 0 30px;
}

#s-event .swiper-button-next, 
#s-event .swiper-button-prev {
    top: -20px;
    margin-right: 30px;
}

#s-event {
    padding: 100px 0;
}


@media (min-width: 768px) and (max-width: 991px) { 

    #s-event .swiper-button-next, #s-event .swiper-button-prev {
        top: -97px;
        margin-right: 30px;
    }

}

@media (max-width: 767px) { 
    #s-event .swiper-button-next, #s-event .swiper-button-prev {
        top: 350px;
    }
    #s-event {
        padding: 80px 0;
    }

    #s-event .swiper-button-prev {
        left:  10px;
    }

    #s-event .swiper-button-next{
        right: -20px;
    }
    .home .swiper-slide p.content-event {
        height: auto;
        margin-bottom: 30px
    }
    #s-event h2.background-light {
        margin: 0 15px;
    }
    .home .swiper-container {
        margin-top: 40px;
    }
}

/*---------- S-EMAIL SUB ----------------*/

.email-sub {
    padding: 70px 0 120px;
}

.email-sub input {
    border-radius: 0;
    box-shadow: none;
    padding: 15px 20px;
    height: auto;
    border: solid 1px #e5e5e5;
    font-size: 20px;
    width: 400px !important;
    font-family: acumin-pro, sans-serif;
}

.email-sub button {
    padding: 18px;
    font-family: acumin-pro, sans-serif;
    border: solid 1px #e5e5e5;
    border-radius: 0;
    margin-left: -5px;
    font-size: 16px;
}

.email-sub h2 {
    font-size: 32px;
    margin-bottom: 40px;
}

@media (max-width: 767px) { 
    .email-sub h2 {
        font-size: 22px;
    }
    .form-group {
        width: 60%;
        display: inline-block;
        top: 5px;
        position: relative;
    }
    .email-sub input {
        width: 100% !important;
    }
    .email-sub button {
        width: 26%;
        display: inline-block;
    }
}


/*---------- FOOTER ----------------*/

footer {
    background: #152832;
    padding: 20px 0;
    position: relative;
}

.logo-footer {
    width: 100px;
}

.footer-1 {
    padding: 30px 0;
    border-bottom: solid 1px rgba(221, 221, 221, 0.17);
}

.footer-1 a {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-family: sans-serif;
    letter-spacing: 0;
}

.footer-1 a:hover {
    color: #c8ab54;
}

footer p,
footer a {
    font-weight: 300;
    font-size: 18px;
    font-family: sans-serif;
    letter-spacing: 0;
    color: #8aa6b4;
}

footer a:active,footer a:focus {
    color: #8aa6b4;
} 

.brush-footer {
    position: absolute;
    top: -36px;
    z-index: 99;
    width: 100%;
}

footer ul {
    list-style: none;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -webkit-padding-start: 0;
    -khtml-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
}

.footer-top {
    padding-top: 20px;
    padding-bottom: 20px;
}

.footer-top img{
    margin-top: 10px;
}

.footer-1 li {
    padding: 0 15px;
}

.footer-1 li:last-child {
    border-right: none;
}

footer li {
    display: inline-block;
    padding: 0 30px;
    border-right: solid 1px #324752;
}

.footer-top li:last-child {
    display: inline-block;
    padding: 0 0 0 30px;
    border-right: none;
}

.footer-bottom p,
.footer-bottom img {
    display: inline-block;
}

footer li p {
    margin-bottom: 0;
}

.footer-bottom {
    border-top: solid 1px rgba(221, 221, 221, 0.17);
}

footer p.phone-number {
    display: inline-block;
}

.footer-bottom p {
    font-family: sans-serif;
    font-size: 13px;
}

.logo1dd {
    width: 20px;
    margin-left: 10px;
    margin-top: -2px;
}

.ktclogo {
    width: 30px;
    margin-left: 10px;
}

footer .front-label {
    top: 0;
}

.footer-bottom {
    padding-top: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    footer li {
        padding: 0 20px;
    }
    footer li:last-child {
        padding: 0 0 0 20px;
    }
}

@media (max-width: 1100px) { 
    .footer-1 a {
        font-size: 18px;
    }
    .footer-1 li {
        padding: 0 13px;
    }
}

@media (min-width: 768px) and (max-width: 991px) { 
    .brush-footer {
        top: -28px;
    }
    .footer-1 {
        border-bottom: none;
        padding: 30px 0 10px;
    }
}


@media (max-width: 991px) { 
    footer p {
        text-align: center !important
    }
    footer p, footer a {
        font-size: 20px;
    }
    .brush-footer {
        top: -10px;
    }
    footer .text-right, footer div {
        text-align: center;
    }
    .footer-top li {
        padding: 0 !important;
        border-right: none;
        width: 100%;
    }
    .footer-bottom li {
        border-right: none;
        padding: 0;
    }
    .footer-top {
        padding-bottom: 0;
    }

}

@media (max-width: 991px) { 
    footer .nav-footer li {
        padding: 20px 16px !important;
        border-right: solid 1px #324752;
        border-bottom: solid 1px #324752;
        text-align: left;
        width: 49%;
    }
    footer .nav-footer li:nth-child(even) {
        border-right: none;
        margin-left: -4px;
    }
    .footer-1 {
        padding: 0;
        border-bottom: none;
    }
}

@media (max-width: 767px) { 
    .footer-1 a {
        font-size: 18px;
    }

    footer p, footer a {
        font-size: 16px;
    }
}

/*-------------------------------------- 

SINGLE TOUR

--------------------------------------*/

.single-banner {
    z-index: 1;
}

.trip-detail-banner .discount {
    position: absolute;
    top: 13px;
    left: 85px;
    text-decoration: line-through;
    font-family: sans-serif;
    font-weight: 500;
    font-size: 19px;
    color: #d81b1b;
}

.trip-detail-banner .airways {
    display: inline-block;
    margin-left: -15px;
    width: 40px;
    margin-bottom: 10px;
}

.right_brush {
    height: 100%;
    position: absolute;
    left: 0;
}

.single-banner .col-md-8{
    height: 100vh;
    background-position: center;
    background-size: cover;
    padding: 0;
    min-height: 700px;
}

.s-left .vertical-middle {
    max-width: 450px;
    margin-top: 20px;
}

.single-banner {
    display: -webkit-flex; /* Safari */
    display: flex;
}


.label-title {
    font-weight: 500;
    font-size: 15px;
}

.s-left {
    padding: 60px 20px;
    height: auto;
    min-height: 700px;
}

.s-left .font-tran br {
    display: none;
}

.trip-detail-banner .tp1 {
    border-right: solid 1px rgba(221, 221, 221, 0.2);
    border-top: solid 1px rgba(221, 221, 221, 0.16);
    padding-top: 15px;
}

.trip-detail-banner .tp2 {
    border-top: solid 1px rgba(221, 221, 221, 0.16);
    padding-top: 15px;
    padding-left: 18px;
}

.single-banner h1 {
    font-size: 42px;
    line-height: 1.1;
}

.download-detail {
    background: #fff;
    padding: 26px;
    border-top: solid 2px #c8ab53;
}

.download-detail-banner {
    margin-top: 15px;
    width: 100%;
    font-size: 16px;
    background: #28404c;
    color: #fff;
    border: solid 1px #425d6b;
}

.tp2 .font-gold {
    font-size: 30px;
    top: -15px;
    position: relative;
    margin-bottom: 0;
    font-family: sans-serif;
}

.tp1 .daynight {
    font-size: 22px;
    margin-top: -8px;
}

.trip-detail-banner {
    margin-top: 1vw;
}

.s-right {
    background-size: cover;
    background-position: center;
}

.date-single {
    font-size: 18px;
    margin-top: -13px !important;
    display: block;
}

.label-title i{
    margin-right: 6px;
}

.promo {
    position: absolute;
    top: 97px;
    background: #ffffff;
    border-radius: 100px;
    padding: 5px 15px;
    text-align: center;
    right: 15px;
}

.promo img {
    height: 30px;
}

.promo p {
    font-size: 17px;
    line-height: 1;
    margin-bottom: 0;
    display: inline-block;
}

.promo .zero-p {
    font-size: 22px;
    color: #ce343d;
    font-family: acumin-pro, sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 5px;
    display: inline-block;
}

.section-grey h4 {
    font-size: 20px;
    margin-top: 0;
    font-weight: 400;
    line-height: 1.5;
}

.section-grey {
    background-color: #f7f7f7;
    padding-left: 80px;
    padding-right: 60px;
}

.section-white {
    padding-left: 40px;
}

.section-white, .section-grey {
    padding-top: 70px;
    padding-bottom: 70px;
    border-top: solid 1px #e5e5e5;
}

/*---------- formcraft ----------------*/

html .formcraft-css .fc-form .field-cover>span>span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0;
    color: #333;
}

html body .fc-form-modal .fc_modal-dialog {
    max-width: 100% !important;
    padding-top: 0 !important;
    overflow-y: auto !important;
    padding-bottom: 0!important;
}

html .formcraft-css .fc-form.frame-hidden {
    width: 100% !important;
}

.formcraft-css input[type=checkbox], .formcraft-css input[type=color], .formcraft-css input[type=date], .formcraft-css input[type=datetime-local], .formcraft-css input[type=datetime], .formcraft-css input[type=email], .formcraft-css input[type=month], .formcraft-css input[type=number], .formcraft-css input[type=password], .formcraft-css input[type=radio], .formcraft-css input[type=search], .formcraft-css input[type=tel], .formcraft-css input[type=text], .formcraft-css input[type=time], .formcraft-css input[type=url], .formcraft-css input[type=week], .formcraft-css select, .formcraft-css textarea {
    font-size: 17px !important;
}


.formcraft-css a {
    background-color: #ecd479;
    width: 100% !important;
    color: #333;
    margin-top: 10px;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0;
    padding: 15px 40px 18px;
    border-radius: 100px;
    border: none;
    display: inline-block;
    text-align: center;
    transition: all 0.25s ease;
}

.formcraft-css a:hover {
    transition: all 0.25s ease;
    background-color: #fff;
}

html body .form-cover .formcraft-css form.fc-form {
    box-shadow: none;
}

html .formcraft-css .fc-form .form-page-content .form-element-type-customText:first-child .customText-cover, html .formcraft-css .fc-form .form-page-content .form-element-type-heading:first-child .heading-cover {
    background: #ecd479;
    color: #333;
    margin-bottom: -2px;
}

html .form-cover .submit-button {
    border-radius: 40px !important;
    padding: 20px !important;
    text-shadow: none !important;
    font-size: 17px !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

html .form-cover .validation-lenient {
    background-color: #fff !important;
    border-radius: 0;
    border: solid 1px #e5e5e5;
    padding: 12px;
    margin-top: 5px;
}

html .formcraft-css .fc-form.label-block .field-cover>div {
    display: block;
    width: 100%;
    margin-top: 6px;
}

.custombox .formcraft-css a {
    background-color: #ecd479;
    width: 200px !important;
}

html .formcraft-css .fc-form .form-element .submit-cover.wide-true.animate-false .submit-button {
    border-radius: 40px !important;
}

.formcraft-css .fc-form.fc-form-1 .form-element .stripe-amount-show, .formcraft-css .fc-form.fc-form-1 .form-element .submit-cover .submit-button .text, .formcraft-css .fc-form.fc-form-1 .form-element .field-cover .button {
    text-shadow: none !important;
}


#s4-contact .validation-lenient {
   background-color: #fff !important; 
   padding: 15px !important;
   margin-top: 5px;
   border: solid 1px #e5e5e5;
   font-size: 18px;
}

#s4-contact .formcraft-css .fc-form .form-element .error {
    top: 26px;
    padding: 3px;
}

#s4-contact .mask-invalid, #s4-contact .validation-strict {
   background-color: #fff !important; 
   padding: 15px !important;
   margin-top: 5px;
   font-size: 18px;
}

.submit-button {
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
}

.single-tour .formcraft-css .fc-form .form-element .error {
    top: -4px;
}

#s4-contact .submit-button {
    padding: 15px 40px 18px !important;
    border-radius: 100px !important;
    border: none;
}

body .fc-trigger-close, body .fc_modal .fc_close { 
    color: #333
}

@media (min-width: 992px) and (max-width: 1200px) { 
    .section-grey {
        padding-left: 40px;
        padding-right: 40px;
    }
    .section-white {
        padding-left: 20px;
    }
    .tp2 .font-gold {
        font-size: 24px;
        top: -5px;
    }
}

@media (min-width: 768px) and (max-width: 1100px) { 

    .single-banner .col-md-8 {
        height: 440px;
    }
    .s-left {
        padding: 30px;
        padding-top: 60px;
        padding-bottom: 60px;
        height: auto;
    }

    .section-white {
        padding-top: 70px;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-grey {
        padding-left: 30px;
        padding-right: 30px;
    }

    .paraxify {
        background-attachment: initial;
        background-position: center center !important;
    }
}

@media (max-width: 991px) { 
    .single-banner {
        display: block;
    }
    .s-right {
        height: 500px;
    }
    .right_brush {
        display: none;
    }
    .s-left {
        min-height: 0;
    }
    .s-left .vertical-middle {
        max-width: 600px;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .section-white {
        padding-top: 30px;
        padding-left: 45px;
    }

}

@media (max-width: 767px) {
    .single-banner {
        display: block;
    }
    .s-right {
        height: 350px;
    }
    .single-banner .col-md-8 {
        height: 300px;
    }
    .instalment {
        padding: 6px 13px;
    }
    #s4-contact .submit-cover {
        text-align: center !important;
    }
    .single-banner h1 {
        font-size: 40px;
    }
    #s4-contact .form-live {
        overflow: visible;
    }
    .tp2 .font-gold {
        font-size: 26px;
        top: -14 px;
    }
    .s-left {
        padding: 50px 15px 50px;
        height: auto;
    }
    .single-banner .instalment {
        background-color: #fff;
        text-align: center;
        border-top: none;
    }
    .trip-detail-banner {
        margin-top: 30px;
    }
    .section-white {
        padding-top: 25px;
        padding-bottom: 15px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .s-right .airways {
        width: 65px !important;
    }
    .section-grey {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .section-grey {
        padding-left: 15px;
        padding-right: 15px;
    }
    .paraxify {
        background-attachment: initial;
        background-position: center center !important;
    }
}


/*------ About ------*/

.content-about p {
    line-height: 1.7;
    font-size: 18px;
    margin-bottom: 25px;
}


#about .section-grey p:first-child{
    font-size: 20px;
    color: #c8ab54;
}

#about .section-grey br, #itinerary br {
    display: none;
}

#about .section-grey .col-md-8 p:last-child br {
    display: block;
}

.page-template-page-about .section-grey {
    padding-left: 0;
    padding-right: 0;
}

.guide img {
    height: 85px;
    width: auto;
    margin-bottom: 20px;
}

.slide2 {
    display: none;
}

.guide h4 {
    margin-bottom: 0;
}

.guide p {
    font-size: 14px;
}

.guide .label-title {
    font-size: 15px;
}

.guide {
    border-left: solid 1px #e5e5e5;
    padding-left: 30px;
}

@media (max-width: 767px) {
    .guide {
        padding-left: 50px;
        border-top: solid 1px #e5e5e5;
        padding: 0;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 30px;
        border-left: none;
        padding-top: 30px;
    }
}

/*------ Highlight------*/

.videos-thumb .swiper-slide img {
    margin-bottom: 25px;
}

#highlight h4 {
    margin-bottom: 5px;
}

.swiper-button-next, .swiper-button-prev {
    top: -70px;
    width: 45px;
    height: 45px;
    margin-top: -22px;
    border: solid 1px #ddd;
    border-radius: 100%;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 12px 44px;
    background-color: #fff;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: 70px;
    left: auto;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(images/left-arrow.svg);
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(images/right-arrow.svg);
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background-color: #f7f7f7;
}

@media (min-width: 768px) and (max-width: 991px) { 
    .swiper-button-next, .swiper-button-prev {
        top: -115px;
    }
}

@media (max-width: 767px) { 
    .swiper-button-next, .swiper-button-prev {
        top: -82px;
    }
}



/*------ itinerary------*/


.read-more-state {
    display: none;
}

.read-more-wrap li {
    opacity: 0;
    max-height: 0;
    transition: 0s ease;
    overflow: hidden;
}

.read-more-wrap li div {
    height: 0;
    margin-bottom: 20px
}

.read-more-wrap {
    list-style: none;
}

.read-more-state:checked ~ .read-more-wrap li {
    opacity: 1;
    max-height: 999px;
    font-size: inherit;
    transition: 1s ease;
}

.read-more-wrap li:first-child,
.read-more-wrap li:nth-child(2),
.read-more-wrap li:nth-child(3) {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.read-more-wrap li:first-child div,
.read-more-wrap li:nth-child(2) div,
.read-more-wrap li:nth-child(3) div {
    height: auto;
}

.read-more-state:checked ~ .read-more-wrap li div {
    height: auto;
}

.read-more-state ~ .read-more-trigger:before {
    content: 'ดูทั้งหมด';
}

.read-more-state:checked ~ .read-more-trigger:before {
    content: 'ย่อ';
}

#trip-alldetail h3{
    margin-top: 0;
}   

.read-more-trigger {
    padding: 13px 30px;
    border: solid 1px #c9ac54;
    border-radius: 100px;
    background: transparent;
    color: #c9ac54;
    font-size: 15px;
    cursor: pointer;
    margin-left: 15px;
}

.read-more-wrap span {
    position: absolute;
    top: 0;
    font-size: 11px;
    font-family: acumin-pro, sans-serif;
    font-weight: 600;
    background: #c8ab54;
    padding: 4px 8px;
    color: #fff;
}


#trip-alldetail .col-md-3 .rounded {
    padding: 10px 7px;
    border-radius: 100px;
    font-size: 18px;
    width: 100%;
    border: solid 1px #c8ab54;
    background: transparent;
    color: #333;
    margin-top: 10px;
    transition: all 0.25s ease;
}

#trip-alldetail .col-md-3 .rounded:hover {
    background: #c8ab54;
    color: #fff;
    transition: all 0.25s ease;
}

@media (max-width: 991px) { 
    .read-more-trigger {
        padding: 19px 30px;
        font-size: 17px;
        width: 200px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 40px;
    }
    .section-white .rounded {
        float: right;
        margin-top: -52px;
        padding: 11px 30px;
        border-radius: 100px;
        font-size: 16px;
        border: solid 1px #c8ab54;
        background: transparent;
        color: #333;
        q
    }

}

@media (max-width: 767px) { 
    .read-more-wrap span {
        padding: 8px 17px;
        font-size: 14px;
    }
    .read-more-wrap li div:last-child {
        margin-bottom: 30px;
    }
    .read-more-wrap img {
        width: 100%;
        height: auto;
    }
    .section-white .rounded {
        margin-top: -48px;
    }
    .read-more-trigger {
        padding: 12px 30px;
        font-size: 15px;
        width: 130px;
        margin-top: 0;
    }


}

/*------ Gallery------*/

.imgs-grid {
    max-width: 100%;
    margin: 0;
    font-size: 0;
}

.imgs-grid-modal .modal-inner .modal-control .arrow {
    background-size: 128px;
}

.imgs-grid-modal .modal-close {
    background-size: 128px;
}

.imgs-grid-modal {
    z-index: 99999999999999;
}

.imgs-grid-modal .modal-indicator ul li,.imgs-grid-modal .modal-indicator ul li.selected {
    margin: 0 3px;
    margin-top: 20px;
    border: 1px solid #ffffff4a !important;
}

.imgs-grid .imgs-grid-image {
    padding: 6px;
}

.imgs-grid .imgs-grid-image:before {
    background-color: #f7f7f7;
}


h2.background-white {
    position: relative;
    z-index: 1;
    text-align:center;
}

h2.background-white::before {
    border-top: 1px solid #e5e5e5;
    content:"";
    margin: 0 auto;
    position: absolute; 
    top: 50%; left: 0; right: 0; bottom: 0;
    z-index: -1;
}

h2.background-white span {
    background: #fff; 
    padding: 0 30px; 
}

@media (min-width: 768px) and (max-width: 991px) { 
    #gallery-s .section-grey {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 767px) { 
    .imgs-grid .imgs-grid-image .image-wrap {
        width: 100% !important;
    }
    .imgs-grid .imgs-grid-image .image-wrap img {
        height: auto;
    }

    .imgs-grid .imgs-grid-image {
        height: auto;
    }
    .imgs-grid .imgs-grid-image {
        width: 100% !important;
    }
    .imgs-grid-modal .modal-indicator {
        display: none;
    }
    h2.background-white span {
        padding: 0 15px;
    }
}

/*------ INCLUDE------*/


#include p {
    font-size: 16px;
    margin-bottom: 9px;
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 9px;
}

#include h4 {
    margin-bottom: 30px;
}

#include ul {
    -webkit-padding-start: 15px;
}

#include ul {
    font-size: 10px !important;
    color: #666;
}

@media (min-width: 768px) and (max-width: 991px) { 
    #include .section-grey {
        padding-left: 45px;
    }
}

#include  .section-grey > div:first-child {
    margin-bottom: 40px;
}

/*------ RELATED TOUR------*/


#related-tour {
    padding-top: 80px;
    padding-bottom: 150px;
}

#related-tour h2 {
    font-size: 36px;
}


h2.background-white {
    margin-bottom: 60px;
}

.bottom-related {
    padding: 5px 30px 20px;
    background-color: #f7f7f7;
}

.tour-descrip {
    height: 110px;
    overflow: hidden;
}

.bottom-related br {
    display: none;
}

.bottom-related .readmore {
    float: right;
}

.duration, .readmore {
    display: inline-block;
}

#related-tour .price-tag{
    margin-right: 15px;
    padding: 0px 20px 2px 30px;
}

#related-tour .price-tag p {
    font-size: 30px;
}

.relatedbox {
    margin-bottom: 30px;
    cursor: pointer;
}

@media (min-width: 992px) and (max-width: 1100px) { 
    .bottom-related .readmore {
        float: none;
    }
    #s-journal {
        padding: 70px 0;
    }
    .tour-descrip {
        height: 98px;
    }
    #related-tour .price-tag p {
        font-size: 24px;
    }
}

@media (min-width: 768px) and (max-width: 991px) { 
    #related-tour .price-tag {
        width: auto;
    }
    #related-tour {
        padding-bottom: 70px;
    }
    .tour-descrip {
        height: 98px;
    }
    #related-tour h2 {
        font-size: 32px;
        margin-bottom: 60px !important;
    }
    .bottom-related {
        height: 350px;
    }
}

@media (max-width: 767px) {
    #include .section-grey {
        padding-left: 30px;
        padding-right: 30px;
    }
    #related-tour .price-tag {
        width: auto;
    }
    #related-tour {
        padding-top: 50px;
        padding-bottom: 25px;
    }
    #s-journal h2.background-white{
        margin-bottom: 10px;
    }
    h2.background-white {
        margin-bottom: 30px;
    }
    #related-tour h2 {
        font-size: 26px;
    }
    .tour-descrip {
        height: 100px;
        overflow: hidden;
    }

}


/* --------------------------------

Page Journal

----------------------------------- */

#waterfall h4{
    margin-top: 0;
}






/* --------------------------------

ABOUT PAGE

----------------------------------- */

#banner .subtitle{
    font-size: 20px;
}

.font-highlight {
    color: #c8ab54;
    font-size: 20px;
    font-weight: 400;
}

.inner-h1 {
    margin-top: 40px !important;
}

.post-type-archive-tripcenter .inner-h1 {
    margin-top: 0 !important;
}

#banner h1.inner-h1 {
    margin-bottom: 0;
    font-size: 90px;
}

.stat span {
    font-size: 90px;
    color: #c8ab54;
}

.stat {
    padding: 80px 0 50px;
}

#missions ol {
    font-size: 20px;
    color: #c8ab54;
}

#missions .col-md-8 {
    margin-top: 50px;
}

#missions h2.background-white {
    margin-bottom: 0;
}


#missions {
    padding-top: 50px;
    padding-bottom: 100px;
}


#missions ol li {
    margin-bottom: 30px;
}

.team {
    padding: 100px 0;
}

.team-list {
    margin-top: 60px;
}

.team h4 {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 20px;
}

.team-list span {
    font-size: 14px;
    font-family: acumin-pro, sans-serif;
    color: #666666;
    display: block;
    margin-bottom: 40px;
}

.slide-about #slideImg img {
    padding: 20px;
    padding-bottom: 40px;
}

.slide-about #slideImg ul {
    background: #f7f7f7;
}

.join {
    padding: 40px 0 80px;
}

.join button {
    background-color: #c9ac54;
    color: #fff;
}



@media (max-width: 767px) {
    #banner h1.inner-h1 {
        font-size: 40px !important;
    }
    .stat span {
        font-size: 50px;
    }
    .slide-about #slideImg img {
        height: 300px;
    }
    .stat {
        padding: 40px 0 20px;
    }
    #banner .subtitle {
        font-size: 16px;
    }

    .page-template-page-about #banner {
        height: 300px;
    }

}


/* --------------------------------

CONTACT US

----------------------------------- */

.sec1, .sec2, .sec3 {
    padding: 20px;
}
.sec1 {
    border-bottom: solid 1px #e5e5e5;
}

.sec2 {
    border-right: solid 1px #e5e5e5;
}

.page-template-page-contact #s4-contact {
    background-color: #fff;
}

#banner.inner-half h1 {
    font-size: 70px;
    margin-top: 20px;
    z-index: 9
}

.contact-info {
    padding: 30px 0;
}

.inner-half#banner {
    height: 300px;
}

.post-type-archive-tripcenter .inner-half#banner {
    height: 500px;
}


.single-tripcenter .inner-half#banner {
    height: 500px;
}

.contact-info .col-md-4 {
    height: 120px;
}

.contact-info .container .col-md-4:first-child,
.contact-info .container .col-md-4:nth-child(2) {
    padding-top: 20px;
}


.contact-info div p:last-child,
.contact-info div a {
    font-size: 32px;
    color: #c8ab54;
    font-family: sans-serif;
    font-weight: 400;
}

.contact-info div p:first-child {
    font-size: 18px;
    color: #444;
}

.contact-info div p {
    margin: 5px;
}

.contact-info .col-md-4 {
    border-right: solid 1px #ddd;
}

.contact-info .col-md-4:last-child {
    border-right: none;
}

.responsive-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.responsive-container .fb-video > span {
    width: 100% !important;
}

.fb_iframe_widget_fluid_desktop iframe,
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
    width: 100% !important;
}

.responsive-container iframe,
.responsive-container object,
.responsive-container embed,
.responsive-container video
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

blockquote {
    border-left: 5px solid #c8ab54;
}


blockquote p {
    font-size: 20px !important;
    color: #212121 !important;
}

@media (min-width: 768px) and (max-width: 991px) { 
    .contact-info .col-md-4 p:last-child {
        font-size: 26px;
    }
    .contact-info div p:last-child,
    .contact-info div a {
        font-size: 24px;
    }
    .contact-info .col-md-4 {
        border-right: none !important;
        width: 100%;
        border-bottom: solid 1px #e5e5e5 !important;
        height: auto;
        padding-top: 10px;
        padding-bottom: 20px
    }
    #banner.inner-half h1 {
        font-size: 60px !important;
    }
    .post-type-archive-tripcenter .inner-half#banner {
        height: 600px;
    }
    .post-type-archive-tripcenter .inner-half#banner .center-block {
        margin-bottom: -15px;
    }
}

@media (max-width: 767px) {
    .contact-info .col-md-4 {
        border-right: none;
        padding-top: 10px;
        padding-bottom: 20px
    }
    .inner-half#banner {
        height: 250px;
    }
    .contact-info .col-md-4 p:last-child {
        font-size: 24px;
        border-bottom: solid 1px #ddd;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .contact-info .container .col-md-4:first-child,
    .contact-info .container .col-md-4:nth-child(2) {
        padding-top: 0;
    }
    .contact-info .col-md-4 {
        height: auto;
    }

    .sec2 {
        border-right: none;
        border-bottom: solid 1px #e5e5e5;
    }
    .contact-info div p:last-child,
    .contact-info div a {
        font-size: 22px; 
    }
    .page-template-page-contact #s4-contact {
        padding-left: 15px;
        padding-right: 15px;
    }
    #s4-contact {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .sec1, .sec2, .sec3 {
        padding: 10px 20px;
    }

}





/* --------------------------------

DESTINATION ALL

----------------------------------- */


figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 75%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 75%);
    content: '';
    opacity: 1;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
    position: absolute;
    bottom: 2%;
    left: 0;
    width: 100%;
    font-size: 36px;
    color: #fff;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    color: #fff;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


.grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 100%;
    list-style: none;
    text-align: center;
    display: block;
    clear: both
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wrap-list {
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: solid 1px #e5e5e5;

}

@media (max-width: 767px) {
    figure.effect-sadie h2 {
        bottom: 0;
        font-size: 26px;
    }
}

/* --------------------------------

EVENT

----------------------------------- */



#waterfall {
    margin: 10px;
    overflow: visible;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -webkit-padding-start: 0;
    -khtml-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
}

.waterfall-list img {
    margin-bottom: 10px;
}

#waterfall.min {
    margin: 0;
}

#waterfall li {
    /*position: absolute;*/
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 0;
    transform: translateY(100px);
}

#waterfall li:hover {
    z-index: 1;
}

#waterfall li.show {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s, top 1s;
}


#waterfall li>div {
    color: rgba(0, 0, 0, 0.6);
    font-size: 32px;
    border-radius: 0;
    margin: 15px;
    padding: 0 0 20px 0;
    background: rgb(255, 255, 255);
    border: none;
    transition: all 0.5s;
}

#waterfall li>div:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 0px 2px #c8ab54;
    transition: all 0.3s;
}

#waterfall li.min>div {
    margin: 0;
    transform: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#waterfall li.min>div:hover {
    transform: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sub-title a,.sub-title {
    font-size: 14px !important;
    color: #c8ab54;
    margin: 0;
    font-weight: 500;
    display: inline-block;
    font-family: sans-serif;
}

.journal-list .sub-title {
    margin-bottom: 5px;
}

#waterfall p {
    font-size: 16px;
    padding: 0 30px;
}

#waterfall p br {
    display: none;
}

.search-results #waterfall h4 {
    margin-top: 25px;
}

@media (max-width: 1100px) {
    .journal-list .sub-title + p {
        display: none;
    }
}

@media (max-width: 991px) {
    .journal-list .sub-title + p {
        display: block;
    }
}

@media (max-width: 799px) {
    #waterfall li.show {
        width: 80% !important;
        left: 10% !important;
    }
    #waterfall img {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    #waterfall li.show {
        left: 0 !important;
        width: 100% !important;
    }
    #waterfall.min li.show {
        left: 0 !important;
        width: 100% !important;
    }
    #waterfall h4 {
        font-size: 18px !important;
    }
    #waterfall li>div { 
        margin: 20px 10px;
    }
}


/* --------------------------------

Tour All

----------------------------------- */

.navbar.cat-nav  {
    padding: 0;
}


.notfound {
    padding-top: 20vh;
    padding-bottom: 20vh;
}

.notfound p {
    font-size: 20px;
}

.cat-nav .dropdown-content {
    top: 59px;
    border-radius: 0;
    border-top: solid 1px #e5e5e5;
    padding: 0;
}

.cat-nav .dropdown-content a {
    font-size: 15px;
    font-weight: 500;
}


.cat-nav > div > button > a, .cat-nav > div  > a {
    border-left: solid 1px #e5e5e5;
    padding: 17px 30px 20px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: -6px;
}

.cat-nav > div:last-child > button > a {
    border-right: solid 1px #e5e5e5;
}

.price-tag span.discount {
    position: absolute;
    top: 55px;
    right: 5px;
    text-decoration: line-through;
    font-family: sans-serif;
    font-size: 18px;
    color: #b12b22;
}

.airways {
    position: absolute;
    width: 60px;
    left: 20px;
    top: 20px;
}

.s-right .airways {
    position: absolute;
    width: 90px;
    left: 49px;
    top: 78px;
}

.nav-ajax {
    margin-left: 5px;
    margin-bottom: 50px;
    display: block !important;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.nav-ajax, .nav-ajax li {
    list-style: none;
    display: inline-block;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -webkit-padding-start: 0;
    -khtml-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
}

a.ajax.current {
    background: rgb(31, 57, 70);
    color: #fff;
    border: solid 1px #1f3946;
}

a.ajax {
    padding: 25px 3.5vw;
    border: solid 1px #e5e5e5;
    margin-left: -1vw;
    background-color: #fff;
    line-height: 4.2;
    text-transform: uppercase;
    font-family: acumin-pro, sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 12px;
}

a::first-letter {
    display: none;
}

@media (max-width: 991px) {
    .price-tag span.discount {
        top: 50px;
        font-size: 18px;
    }
    .s-right .airways {
        left: 20px;
    }
}

@media (max-width: 767px) {
    a.ajax {
        padding: 0 35px;
        width: 100%;
        font-size: 11px;
        display: block;
        margin-bottom: 4px;
    }
    .cat-nav .dropdown-content {
        position: relative;
        top: 0;
        box-shadow: none;
        border: none;
    }
    .dropdown-content ul {
        background: #f7f7f7;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .wrap-list {
        border-top: none;
    }
    .cat-nav .dropdown-content a {
        font-size: 15px;
        padding: 15px;
        background: transparent;
    }
    .cat-nav .dropdown-content li:last-child a {
        border: none;
    }

    .cat-nav .dropdown {
        border-bottom: solid 1px #e5e5e5;
    }

    .cat-nav > div > button > a, .cat-nav > div > a {
        padding: 15px 10px;
        font-size: 17px;
        width: 100%;
        border: none;
    }
    .cat-nav > div:last-child > button > a{
        border:none;
    }
    .nav-ajax li {
        width: 49%;
    }
    .navbar.cat-nav {
        padding: 0;
        margin-bottom: -4px;
    }
    .airways {
        width: 60px;
        margin-bottom: 20px;
    }
    .cat-nav > div, .cat-nav .dropbtn {
        width: 100%;
    }
}




/* --------------------------------

EVENT SINGLE

----------------------------------- */

.poster-event {
    border: solid 20px #fff;
    margin-top: 40px !important;
}

.event-poster {
    height: 70%;
    width: auto !important;
    text-align: center;
    position: relative !important;
    margin-left: auto;
    margin-right: auto;
    z-index: 9;
}

.event-banner.inner-half#banner {
    height: 80vh;
    overflow: hidden;
    background-color: #000;
}

.event-poster {
    z-index: 9 !important
}

.bg-blur {
    height: 110%;
    width: 110%!important;
    top: -24px;
    left: -10px;
    filter:blur(10px);
    opacity: .5;
}

.nav-share {
    border-bottom: solid 1px #e5e5e5;
    padding: 30px 0 ;
    margin-bottom: 50px;
}

.box-join h3 {
    margin-bottom: 30px;
}

.box-join {
    background-color: #fff;
    padding: 20px 50px;
    margin-top: 40px;
}

#related-tour #waterfall li>div {
    background-color: #f7f7f7;
}

#waterfall h4 {
    font-size: 20px;
    line-height: 1.4;
    padding: 0 30px;
}

.title-cap {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.left-panel div p:last-child {
    font-size: 18px;
}

.left-panel div a:last-child {
    font-size: 18px;
    margin-bottom: 15px;
    color: #666;
}

.left-panel .cate-journal a { 
    font-size: 18px;
    display: inline-block;
    margin-bottom: 0;
    color: #666;
    font-family: sans-serif;
    font-weight: 300;
}

.left-panel div {
    border-bottom: solid 1px #e5e5e5;
    padding-top: 20px;
}

.event-wrap {
    padding-bottom: 100px;
}

.event-wrap h1 {
    margin-bottom: 40px;
    line-height: 1.3;
}

textarea,
input[type="text"],
input[type="button"],
input[type="password"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

.inner-content hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #e5e5e5;
}

.box-join .form-contact {
    margin-top: 20px;
}

.box-join button {
    margin-top: 10px;
}

.nav-share i.fa {
    font-size: 22px;
    margin: 0 7px;
    color: #a4a4a4;
}

.nav-share span,
.nav-share a {
    font-size: 18px;
}

.nav-share a {
    color: #c8ab54;
}

.nav-share span {
    color: #a4a4a4;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    margin-right: 10px;
}

@media (max-width: 991px) { 
    .nav-share {
        padding: 30px 0 40px;
        margin-bottom: 30px;
    }
    .left-panel {
        margin-bottom: 70px;
        padding: 0;
    }
    .event-banner.inner-half#banner {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .nav-share {
        padding: 20px 0 25px;
        margin-bottom: 30px;
    }
    .nav-share i.fa {
        margin: -4px 7px;
    }
    .event-poster {
        height: auto;
        margin-top: 30px;
        width: 90% !important;
    }
    .event-wrap {
        padding-bottom: 50px;
    }
    .left-panel div {
        padding-top: 10px;
    }
    .event-banner.inner-half#banner {
        height: 400px;
    }
    .box-join {
        padding: 20px 30px;
    }
    .box-join .form-live {
        margin-top: 30px;
    }
    .nav-share span,
    .nav-share a {
        font-size: 15px;
    }
}



/* --------------------------------

JOURNAL SINGLE

----------------------------------- */


#banner.journal-banner {
    height: 90vh;
}


.filter-dark {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

#banner .center-block {
    z-index: 999;
}

#banner.journal-banner h1 {
    font-size: 70px;
    line-height: 1.4;
    margin-top: 0;
    z-index: 9999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 620px;
}

.content-journal a {
    color: #c8ab54;
    font-family: sans-serif;
}

.content-journal {
    margin-top: 10px;
}

.content-journal .wp-caption {
    max-width: 100% !important;
    width: 100% !important;
}

.content-journal p,
.content-journal li {
    line-height: 1.8;
    font-size: 18px;
    margin-bottom: 25px;
}

.content-journal li {
    margin-bottom: 0;
}

p.wp-caption-text {
    font-size: 15px;
    border-bottom: solid 1px #e5e5e5;
    margin-top: -10px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    text-align: center;
}

.content-journal img {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    height: auto;
}

@media (max-width: 1100px) {
    .content-journal p,
    .content-journal li {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    #banner.journal-banner {
        height: 450px;
    }
    #banner.journal-banner h1 {
        font-size: 40px !important;
        padding: 30px;
    }

}


/* --------------------------------

LOGIN

----------------------------------- */

p.pms-alert {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.page-template-page-login #banner {
    height: 100vh;
}

.box-login label {
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 0px;
    display: block;
}

.box-login {
    max-width: 500px;
    min-width: 400px;
    background: #fff;
    padding: 20px 0px 40px;
}

input#wp-submit {
    width: 100%;
    padding: 14px;
    border-radius: 100px;
    border: none;
    background: #c8ab54;
    color: #fff;
    margin-top: 20px;
}

form#pms_login {
    padding: 0 40px;
}

.login-page#banner h1 {
    color: #c8ab54;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 400;
    margin-top: 0;
    border-bottom: solid 1px #e5e5e5;
    padding: 0 40px 20px;
}

.login-page#banner p {
    font-size: 15px;
    margin-bottom: 0;
}

input#user_login, input#user_pass {
    border-radius: 0;
    padding: 10px;
    box-shadow: none;
    margin-top: 10px;
    border: solid 1px #e5e5e5;
    background: #fff;
    width: 100%;
}

html .formcraft-css .powered-by {
    display: none !important;
}

@media (max-width: 767px) {

    .login-page#banner h1 {
        font-size: 30px !important;
        padding: 0 25px 20px;
    }
    form#pms_login {
        padding: 0 25px;
    }

    .box-login {
        min-width: 350px;
        padding: 20px 0 30px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 30px;
    }
    #banner .box-login  p {
        margin-top: 0;
    }
}




/* --------------------------------

DESTINATION SINGLE

----------------------------------- */


#banner.destination-banner p {
    margin-bottom: 0;
    margin-top: 5px;
}

#banner.destination-banner  {
    height: 100vh;
}

#banner.destination-banner .center-block {
    z-index: 9;
}

#banner.destination-banner h1 {
    font-size: 120px;
}

.bg-blue .nav-share {
    border-bottom: solid 1px rgba(255, 255, 255, 0.08);
    padding: 35px 0;
    margin-bottom: 60px;
}

.bg-blue .nav-share span {
    color: #667882;
}

.bg-blue .nav-share i.fa {
    color: #667882;
}

.section-grey {
    padding-top: 70px;
    padding-bottom: 70px;
    border-top: solid 1px #e5e5e5;
}

.hilightdestination {
    padding: 80px 0;
}


.hilightdestination .swiper-button-next, 
.hilightdestination .swiper-button-prev {
    top: -80px;
}

.destination-journal p {
    color: #fff;
}

.destination-journal p:first-child {
    font-size: 20px;
    color: #bccad4;
}

.destination-wrap {
    padding-bottom: 100px;
}

.interesting-fact {
    padding-top: 100px;
    padding-bottom: 100px;
}


.interesting-fact .interesting-box {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 60px;
}

.left_brush {
    height: 100%;
    position: absolute;
    right: 0;
}

.interesting-wrap .interesting-box:first-child {
    margin-top: 60px;
}

.interesting-wrap .interesting-box:nth-child(odd) {
    margin-right: 10vw;
}

.interesting-wrap .interesting-box:nth-child(even) {
    margin-left: 10vw;
}

.interesting-wrap .interesting-box:nth-child(even) .tour-content {
    background-color: #152831;
}

.interesting-wrap .interesting-box:nth-child(even) .content-p {
    color: #fff;
}

.interesting-wrap .interesting-box:nth-child(even) h3 {
    color: #ecd479;
}

.interesting-wrap .interesting-box:nth-child(even) .subtitle {
    color: #fff;
}

.interesting-wrap .interesting-box:nth-child(odd) .subtitle {
    color: #c8ab54;
}

.interesting-wrap .interesting-box:nth-child(even) .brush-w {
    display: none;
}

.interesting-wrap .interesting-box:nth-child(odd) .brush-b {
    display: none;
}




@media (max-width: 991px) { 
    .interesting-fact .right_brush {
        display: block;
    }
    .interesting-wrap .interesting-box:nth-child(odd),
    .interesting-wrap .interesting-box:nth-child(even){
        margin-right: 0;
        margin-left: 0;
    }

}


@media (max-width: 767px) {

    .interesting-fact .interesting-box {
        display: block;
    }
    .interesting-box img {
        display: none;
    }

    #banner.destination-banner {
        height: 60vh;
    }

    .interesting-fact .tour-content {
        padding: 25px 30px 50px;
    }
    .interesting-fact .interesting-box {
        margin-bottom: 0;
    }
    .hilightdestination h2.background-white span {
        padding: 0 15px;
        font-size: 25px;
        left: 0;
    }
    .hilightdestination h2.background-white {
        text-align: left;
    }
    .interesting-fact h2 {
        font-size: 26px;
    }
    .tour-content h3 {
        font-size: 24px;
        margin-top: 20px;
    }
    #banner.destination-banner h1.inner-h1 {
        font-size: 64px !important;
    }
}


/* --------------------------------

SERVICE

----------------------------------- */

.form-service-wrap {
    background-color: #fff;
}

.header-form {
    border-bottom: solid 1px #e5e5e5;
    padding: 20px 40px;
}


.body-form {
    padding: 20px 40px;
}

.body-form .form-contact {
    margin-top: 0;
}

.service-wrap h2 {
    font-size: 34px;
    margin-bottom: 40px;
}

.service-wrap {
    padding-bottom: 150px;
}

.service-banner .center-block {
    z-index: 9;
}

.content-service img {
    margin: 40px 0;
    width: 100%;
    height: auto;
    border: solid 1px #e5e5e5;
}

.content-service p:nth-child(2) {
    font-size: 22px;
    color: #c8ab54;
}

.content-service > h2 {
    display: none;
}

@media (max-width: 991px) { 
    .form-service-wrap {
        margin-top: 60px;
    }
}

@media (max-width: 767px) { 
    .form-service-wrap {
        margin-top: 30px;
    }
    .header-form {
        padding: 20px 20px;
    }
    .body-form {
        padding: 35px 20px 10px;
    }
}


/* --------------------------------

Trip Center All

----------------------------------- */


#banner.tripcenter-masthead h1 {
    margin-top: 0;
}

#banner.tripcenter-masthead p {
    margin-bottom: 10px;
}

.tripcenter-wrap {
    top: -130px;
    position: relative;
}

.tripcenter-wrap > h3 {
    margin-bottom: 30px;
    font-size: 20px;
    text-transform: uppercase;
}

.countdown {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    background: linear-gradient(transparent, #000000bf);
    width: 100%;
    padding: 25px;
}

.countdown p {
    color: #fff;
    margin: 0;
}

.countdown p:first-child {
    font-size: 50px;
}

.countdown p:last-child {
    font-size: 25px;
    top: 0;
    position: relative;
    display: inline-block;
    line-height: 0;
}

.tripcenter-wrap .tour-content {
    padding: 50px 70px 40px;
}

.tripcenter-list > .tripcenter-wrap:last-child {
    padding-top: 30px;
}

.tripcenter-list .filter-dark {
    background-color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 991px) and (min-width: 767px) {
    #banner.tripcenter-masthead h1 {
        font-size: 70px !important;
    }
    .tripcenter-masthead {
        margin-top: -90px;
    }

}

@media (max-width: 767px) { 
    .tripcenter-wrap .tour-content {
        padding: 30px 30px 80px;
    }
    .tripcenter-masthead {
        height: 500px !important;
    }
    .countdown p:first-child {
        font-size: 30px;
    }
    .countdown p:last-child {
        font-size: 16px;
        top: -5px;
        position: relative;
    }
    .tripcenter-list > .tripcenter-wrap:last-child {
        margin-top: 0;
        padding-top: 0;
    }

    .tripcenter-masthead {
        margin-top: -90px;
    }
}


/* --------------------------------

Trip Center Single

----------------------------------- */


.download-wrap .row {
    border-bottom: solid 1px #e5e5e5;
    padding: 25px 0;
    margin: 0;
}


.download-wrap .row p {
    margin-bottom: 0;
}

.download-wrap .row:first-child {
    padding-top: 0;
}

.tripcenter-single-wrap {
    padding-left: 60px;
    z-index: 2;
}

.tripcenter-single-wrap .rounded {
    padding: 15px 30px 18px;
    font-size: 16px;
}

.tripcenter-single-masthead .countdown {
    bottom: 30%;
    right: 60px;
    left: auto;
    position: absolute;
}

#banner.tripcenter-single-masthead .countdown p {
    margin-bottom: 0;
}

.team-section img {
    border-radius: 100px;
    overflow: hidden;
    position: absolute;
    width: 46px;
}

.team-section .row {
    border-bottom: solid 1px #e5e5e5;
    padding: 15px 0;
    margin: 0;
}

.team-section p, .team-section a {
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}

.download-wrap {
    padding-bottom: 130px;
}

.notification-wrap .row {
    margin: 0;
}

.tripcenter-single-masthead .btn-white {
    margin-left: 10px;
}

.btn-tripcenter {
    background-color: #fff;
    border: solid 1px #e5e5e5;
    text-align: center;
    border-radius: 100px;
    padding: 10px;
    top: -10px;
    position: relative;
    margin: 0;
}

.btn-download {
    background-color: transparent;
    border: solid 1px #c9ac54;
    text-align: center;
    border-radius: 100px;
    padding: 10px;
    top: -10px;
    color: #171717;
    position: relative;
    margin: 0;
    width: 100%;
    font-size: 15px;
    display: block;
}

.backto {
    position: absolute;
    top: 90px;
    left: 60px;
    color: #ecd479;
    z-index: 2;
    font-size: 16px;
}

.tripcenter-single-wrap {
    margin-top: 60px;
}


@media (max-width: 767px) { 
    #trip-alldetail .section-grey {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .team-section img {
        position: relative;
        width: 80px;
    }
    .tripcenter-single-wrap {
        padding-left: 0;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .team-section p, .team-section a {
        font-size: 16px;
    }
    .tripcenter-single-masthead {
        height: 500px !important;
    }
    .tripcenter-single-masthead#banner h1.inner-h1 {
        font-size: 50px !important;
    }
    .tripcenter-single-masthead#banner .subtitle {
        font-size: 24px;
    }
    .backto {
        top: 70px;
        left: 20px;
    }
    .tripcenter-single-wrap button {
        background: #ecd479;
        color: #333;
        width: 75%;
        margin: 10px;
    }
    #banner .tripcenter-single-wrap p {
        margin-top: 0;
    }
    .team-section .row {
        text-align: center;
    }
    .team-section img {
        margin-left: auto;
        margin-right: auto;
        width: 80px;
    }
    .teamname {
        font-size: 20px !important;
        margin-bottom: -15px;
        color: #333;
        font-weight: 500;
    }
    .team-section .row {
        padding: 30px 0;
    }
    .position {
        margin-bottom: 15px;
    }
    .team-section {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .btn-download {
        top: 0;
    }
    .download-wrap .row div:first-child p {
        text-align: center;
        font-size: 18px;
        color: #333;
        font-weight: 500;
    }
    .download-wrap .row div:nth-child(2) p {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .notification-wrap .row {
        margin-bottom: 17px;
        border-bottom: solid 1px #e5e5e5;
    }
    .team-section .row:last-child {
        border-bottom: none;
    }
}

/* --------------------------------

Search Page

----------------------------------- */

#searchform >div {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 45px 0;
}

.search-no-results section#title-page {
    margin-top: 60px;
}

label.screen-reader-text {
    width: 20%;
    font-size: 18px;
    font-weight: 400;
}

.infinite-scroll-error, .infinite-scroll-last {
    display: none !important;
}

.search-results h2 {
    font-size: 28px;
    margin-bottom: 65px;
}

.search-results .search-page-form {
    margin-top: 60px;
}

input#searchsubmit {
    width: 27%;
    height: 60px;
    font-size: 17px;
    padding: 19px;
    border: none;
    background: #1f3946;
    color: #fff;
    margin-left: 5px;
}

input#s {
    width: 50%;
    border: solid 1px #ddd;
    height: 60px;
    font-size: 20px;
    padding: 20px;
}

@media (max-width: 767px) { 
    .search-results h2 {
        font-size: 17px;
        margin-bottom: 0;
    }
    label.screen-reader-text {
        width: 100%;
    }
    input#s {
        width: 70%;
    }
    form#searchform {
        padding: 0;
    }
    #searchform >div {
        padding: 10px 0 25px;
    }
}





/*------ Testimonial ------*/

#testimonail .title {
    margin-bottom: 40px;
}

#testimonail {
    padding: 100px 0;
}

.box-testi .font-big {
    font-size: 22px;
}

#testimonail .box-testi {
    border: solid 2px #c8ab54;
    background-color: white;
    padding: 40px;
    border-radius: 10px;
    min-height: 300px;
    margin-bottom: 30px;
}

.box-testi p {
    font-size: 18px;
    font-weight: 400;
    color: #222;
    font-family: 'Trirong', serif;
}

.box-testi span {
    color: #c8ab54;
    font-size: 16px;
}


@media (max-width: 767px) { 
    #testimonail .box-testi {
        margin-bottom: 15px;
        padding: 30px;
        min-height: 0;
    }
}


/*------ Search filter ------*/


.searchandfilter ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    -webkit-padding-start: 0;
    -khtml-padding-start: 0;
    -o-padding-start: 0;
    padding-start: 0;
}

.tourfilter {
    padding: 0;
}

.searchandfilter ul li {
    width: 25%;
    display: inline-block;
}

.tourfilter {
    background: #fff;
    padding: 9px;
    text-align: center;
    border-radius: 0;
}

.searchandfilter label {
    width: 95%;
}

.searchandfilter select.sf-input-select {
    width: 100%;
    height: 66px;
    background: #fff;
    font-size: 20px;
    border: solid 1px #ddd;
    font-family: sans-serif;
    font-weight: 300;
}

a.search-filter-reset {
    font-family: sans-serif;
    font-size: 16px;
}

li.sf-field-reset {
    width: 5% !important;
}

.credit-testi {
    width: 36px;
    margin-right: 10px;
}

@media (max-width: 991px) { 
    .searchandfilter select.sf-input-select {
        font-size: 18px;
    }
    .searchandfilter ul li {
        width: 30%;
    }
}

@media (max-width: 767px) {  
    .searchandfilter ul li {
        width: 100%;
        display: block;
    }
    .tourfilter {
        padding: 0;
    }
    .searchandfilter ul li {
        padding: 6px 0;
    }
    .searchandfilter select.sf-input-select {
        height: 45px;
    }
    form.searchandfilter {
        border-radius: 0;
        padding: 15px 0;
    }
    li.sf-field-reset {
        width: 100% !important;
    }
}



/*------ Why choose us------*/


#whychooseus {
    background-color: #152832;
    padding: 100px 0;
}

#whychooseus h2 {
    margin-bottom: 60px;
}

.icon-whychooseus {
    width: 60px;
    margin-bottom: 10px;
}

#whychooseus p {
    color: #bccad4;
}

#whychooseus .col-md-3 {
    padding: 0;
}

#whychooseus .col-md-3 > div {
    min-height: 340px;
    padding: 20px;
}

html body .fc-form-modal.fc_modal .fc_close {
    font-size: 40px !important;
    right: auto !important;
    left: 10px !important;
}


@media (max-width: 991px) {  
    #whychooseus .col-md-3 > div {
        min-height: 350px;
    }
}

@media (max-width: 767px) {   
    #whychooseus .col-md-3 > div {
        min-height: auto;
        margin-bottom: 20px;
    }
    #whychooseus .col-md-3 > div {
        border-bottom: solid 1px #ffffff0f;
    }
    #whychooseus .col-md-3 > div:hover {
        background-color: transparent;
    }
    #whychooseus {
        padding: 60px 0;
    }
    #whychooseus h2 {
        margin-bottom: 30px;
    }
}