/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/***** cus ***/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
  font-family: 'NTThai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@5/fonts/NotoSansThai/NotoSansThai-SemiCondensed.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}


@font-face {
  font-family: 'NTThai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@5/fonts/NotoSansThai/NotoSansThai-SemiCondensedMedium.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}


@font-face {
  font-family: 'NTThai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@5/fonts/NotoSansThai/NotoSansThai-SemiCondensedSemiBold.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'NTThai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@5/fonts/NotoSansThai/NotoSansThai-SemiCondensedBold.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}


@font-face {
  font-family: 'NTThai';
  src: url('https://cdn.jsdelivr.net/gh/lazywasabi/thai-web-fonts@5/fonts/NotoSansThai/NotoSansThai-SemiCondensedBlack.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

.select2-container {
  margin-top: 10px !important;
  width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
  }

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #cbd5e0 !important;
    border-radius: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
}

.select2-container .select2-selection--single {
    height: 43px !important;
}

.tbauto{
  overflow: auto;
}

.bgbar{
  background: #14166b  !important;
}

.rstxt{
  font-size: 1.2em;
  font-weight: 600;
}

.rstxt1{
  font-size: 1.5em;
  font-weight: 600;
}


.tourlink a{
  text-decoration: underline !important;
  color: #378aea;
}

.tourlink a:hover{
  text-decoration: underline !important;
}

.searchgrid{
  display: grid;
    grid-template-columns: 1fr 1fr 1fr 0.5fr;
    grid-gap: 20px;
  }
  .searchgrid button{
    border-radius: 20px;
  }

  .searchgridw{
  display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 0.5fr;
    grid-gap: 20px;
  }
  .searchgridw button{
    border-radius: 20px;
  }

  .marinput{
    margin-top: 10px;
  }
  .bdr{
    border-radius: 10px !important;
  }

  #alerttype{
    padding: 20px 0;
    background: #ffcece;
    color: #762020;
    border-radius: 10px;
    margin: 15px auto 0 auto;
        text-align: center;
  }

.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.boxload{
      text-align: center;
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.loadin{
      margin: 0 auto 20px auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media only screen and (max-width: 992px) {
  .searchgrid{
  display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
    .searchgridw{
  display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}




.searchgrid{
  display: grid;
    grid-template-columns: 1fr 1fr 1fr 0.5fr;
    grid-gap: 20px;
  }
  .searchgrid button{
    border-radius: 20px;
  }
  .marinput{
    margin-top: 10px;
  }
  .bdr{
    border-radius: 10px !important;
  }

  #alerttype{
    padding: 20px 0;
    background: #ffcece;
    color: #762020;
    border-radius: 10px;
    margin: 15px auto 0 auto;
        text-align: center;
  }

.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.boxload{
      text-align: center;
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.loadin{
      margin: 0 auto 20px auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media only screen and (max-width: 992px) {
  .searchgrid{
  display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}

 .fit .recentimg img{
     width:100%;
  height:auto;
  aspect-ratio: 1 / 1;
  object-fit:cover;
  }


 .sliderlazy {
        width: 100%;
        margin: 0px auto;
    }

    .slick-slide {
      margin: 0px 0px;
		height: auto;
    }

    .slick-slide img {
      width: 100%;
		padding: 0 10px;
		border-radius: 30px;
		height:auto;
aspect-ratio: 1 / 1;
object-fit:cover;
    }

    .slick-prev:before,
    .slick-next:before {
      color: #fff;
		    font-size: 40px;
		opacity: 1;
    }

.slick-prev{
	left:15px;
}

.slick-next{
	right:15px;
}
.slick-prev, .slick-next{
	width:auto;
	height:auto;
	z-index:9;
}

    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }


.buttonreadtour a{
	font-size: 1em;
    font-weight: 500;
    letter-spacing: 1px;
    color: #3a3a3a;
    background-color: #fff;
    padding: 15px 40px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    border-radius: 50px;
}

.buttonreadtour a:hover, .buttonreadtour a:focus{
	color: #fff;
	background: #F3002D;
}

.buttonreadtour{
   margin: 30px auto 0 auto;
    text-align: center;
    width: 100%;
}

.single-content h1.elementor-heading-title, .single-content h2.elementor-heading-title, .single-content h3.elementor-heading-title, .single-content h4.elementor-heading-title, .single-content h5.elementor-heading-title, .single-content h6.elementor-heading-title {
    margin-bottom: 0em !important;
}

.gridtax{
	grid-template-columns: 1fr 2fr !important;
	padding: 8px;
	    align-items: center;
}

.gridtax img{
	border-radius: 10px; 
}

.tax a:hover .boxsha2 {
background: #14166b;
    color: #fff;
}

.df{
    display: flex;
}

.txtcen{
    text-align: center;
}

.barright {
    font-size: 1.2em;
    padding: 5px 20px;
    border-bottom: 1px dashed #989898;
}

.barmarright {
    margin: 10px 0;
}

.rgin{
   /** row-gap: 0.5rem !important; **/
	row-gap: 0rem !important;
}

.cgout{
        column-gap: 1rem !important;
        row-gap: 1rem !important;
}

.mb{
    margin-bottom: 20px;
}

.mb4{
    margin-bottom: 40px;
}

.mt{
    margin-top: 20px;
}

.pad20{
    padding: 20px;
}

.pad10{
    padding: 10px;
}

.pady{
    padding:20px 10px;
}

.font11{
    font-size: 1.2em;
}

.listtour .cg {
    column-gap: 0em !important;
}

.btnbookweb a{
background: #ff0023;
text-align: center;
color: #fff;
padding: 12px 10px;
display: block;
border-radius: 10px;
font-size: 1.2em;
cursor: pointer;
margin-top:20px; 
}
.btnbookweb a:hover{
background: #ce0030;
color: #fff;
}

.boxpadall{
	padding: 12px;
		display: flex;
    flex-direction: column;
    justify-content:flex-start;
}

.cg{
	column-gap:1em !important;
}

.topreview{
font-size: 1.5em;
font-weight: 600;
margin: 20px 0;
}
.reviewtop .glsr-summary-text{
display: none;
}
.reviewtop .glsr-default .glsr-summary-stars .glsr-star {
margin-top: 5px;
filter: invert(0.15) sepia(1) saturate(3.8) hue-rotate(0deg) brightness(1.14);
}
.reviewtop .glsr-default .glsr-summary-stars .glsr-star {
width: 18px !important;
height: 18px !important;
background-size: 18px !important;
}
.reviewtop2{
display: none;
}
.reviewtop2 .glsr-summary-text{
font-size: 1em;
}
.reviewtop2 .glsr-default .glsr-summary-stars .glsr-star {
margin-top: 5px;
filter: invert(0.15) sepia(1) saturate(3.8) hue-rotate(0deg) brightness(1.14);
}
.reviewtop2 .glsr-default .glsr-summary-stars .glsr-star {
width: 18px !important;
height: 18px !important;
background-size: 18px !important;
}
.boxmap iframe{
width: 100%;
}
.topictour{
text-align: center;
font-size: 2.5em;
font-weight: 600;
margin-bottom: 10px;
padding-top: 50px;
line-height: 1.2em;
}
.topictour2{
font-size: 2em;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 20px;
}
.mt0{
	margin-top: 0!important;
}
.boxsha{
box-shadow: 0 20px 40px -10px rgb(204 204 204 / 65%) !important;
border-radius: 0;
background: #fff;
}
.boxsha2{

box-shadow: 0px 0px 26px rgb(0 0 0 / 10%) !important;
    border-radius: 15px;
background: #fff;
}
.barright{
font-size: 1.2em;
padding: 5px 20px;
border-bottom: 1px dashed #989898;
}
.barright2{
font-size: 1.8em;
color: #ff0023;
padding: 0 20px;
font-weight: 600;
}
.boxlist:hover, .boxlist2:hover{
border-bottom: 3px solid #ff0023;
transition: 0.2s ease-in-out;
}
.boxlist:hover .txtred2{
margin-top: 5px;
color: #ff0023;
transition: 0.2s ease-in-out;
}
.boxlist2:hover .txtred2{
margin-top: 5px;
color: #ff0023;
transition: 0.2s ease-in-out;
}
.boximg8 img{
border-radius: 10px;
}
.boximg8 img:hover{
opacity: 0.8;
}

.imgcover{
object-fit: none; object-position: center; height: 560px;
width: 100%;
}
.imgcoverac{
object-fit: none; object-position: center; height: 250px;
width: 100%;
}
.titleac{
font-size: 3em;
text-align: center;
color: #fff;
line-height: 1.2em;
}
.boxlink{
text-align: right;
}
.btncopy{
background: #ff0023;
padding: 9px 20px;
}
.tourname{
font-size: 5em;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 5px;
line-height: 1em;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}
.recentimg{
	position: relative;
}
.recentimg img{
width: 100%;
border-radius: 15px;
padding: 5px;
}
.btnphone a{
background: #14166b;
text-align: center;
color: #fff;
padding: 12px 10px;
display: block;
border-radius: 10px;
font-size: 1.2em;
cursor: pointer;
margin-top:12px; 
}
.btnphone a:hover{
background: #008b92;
color: #fff;
}
.stickybnn {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
background: #fff;
padding: 10px 0;
left: 0;
}

/*.hoverbtn:hover .btnreadtour a{
	color: #fff;
background: #ce0030;
}*/

.btnreadtour a{display: block;
    background: #e1e1e1;
    padding: 12px 20px;
    text-align: center;
    color: #3d3e42;
    border-radius: 10px;
    font-size: 1.1em;
    margin-top: 15px;}
.btnreadtour a:hover{
color: #fff;
background: #ce0030;
}
.hrbotall{
width: 100%;
border-bottom: 1px dashed  #dadada;
clear: both;
}
.touralltxt {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.touralltxt a{
font-size: 1.1em;
font-weight: 600;
line-height: 1.4em;
color: #3a3a3a;
}
.touralltxt2 a{
color: #fff;
display: inline-block;
}
.touralltxt2 a:hover{
color: #fcee21;
}
.tagsall{
	margin-top: 10px;
}

.id_tour3{
letter-spacing: 1px;
font-weight: 500;
margin-bottom: 10px;
}
.id_tour3 div{
    background: #f3a63e;
    color: #fff;
    padding: 4px 30px;
    display: inline-block;
}
.id_tour{
position: absolute;
top: -15px;
z-index: 1;
background: #fcf039;
color: #000;
font-size: 14px;
letter-spacing: 1px;
font-weight: 600;
padding: 4px 10px;
left: -5px;
border-radius: 5px;
}
.idtxt2{
    text-align: center;
    position: relative;
    bottom: 0;
    margin: 0;
    padding: 5px 10px;
    font-size: 1em;
    background: #14166b;
    color: #fff;
    border-radius: 0 0 10px 10px;
}

.idtxt2 a{
	color: #fff !important;
}
/*.idtxt2 a{
font-size: 1.1em;
    background: #032178;
    color: #ffffff;
    font-weight: 400;
    padding: 4px 10px;
    border-radius: 0;
    text-align: center;
    display: block;
} */
.pad40{
padding: 40px 20px;
}
.idtxt3 a{
text-align: center;
font-size: 1.1em;
font-weight: 400;
background-color: #f5d020;
background-image: linear-gradient(315deg, #f5d020 0%, #f53803 74%);
display: block;
padding: 10px;
color: #ffffff;
}
.idtxt3 a:hover{
background-color: #f9484a;
background-image: linear-gradient(315deg, #f9484a 0%, #fbd72b 74%);
color: #fff;
}
/*.idtxt2 a:hover{
background: #001654;
color: #fff;
}*/
.idtxt a{
text-align: center;
font-size: 14px;
font-weight: 300;
background: #7da1b9;
display: inline-block;
padding: 5px 6px;
margin: 1px 0;
color: #fff;
border-radius: 3px;
}
.idtxt a:hover{
background: #7698af;
color: #fff;
}
.txtright{
text-align: right;
}
.promotionnamebox{
position: absolute;
top: -15px;
z-index: 1;
background: #ff0023;
color: #fff;
font-size: 14px;
letter-spacing: 1px;
font-weight: 600;
padding: 4px 10px;
left: 100px;
border-radius: 5px;
}
.listtour .priceall {
    text-align: left;
}

.priceall {
    color: #3c3c3c;
    padding: 4px;
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
}
.totalpriceall {
    color: #ff0023;
    font-size: 1em;
    font-weight: 600;
}

.icvehicle img{
	border-radius: 100%;
}

.eael-dual-header .title, .eael-dual-header .title span{
	margin: 0 !important;
}

#wpsvccount, #wpsvcattribution{
display: none;
}
#wpsvcviews img, #wpsvctotalviews img, #wpsvconline img{
display: none;
}
#mvcwid{
padding: 0 !important;
}
.visw #mvcwid{
color: #fff !important;
}
#wpsvccount, #wpsvcattribution{
display: none;
}
#wpsvcviews img, #wpsvctotalviews img, #wpsvconline img{
display: none;
}
#mvcwid{
padding: 0 !important;
}

.pad10{
	padding: 10px !important;
}

ul.txt11{
	    padding-left: 2em !important;
    margin: 0 !important;
}

.txttax{
	text-align: center;
	    padding: 10px;
	    background: #14166b;
    color: #fff;
}

.childtype{
	font-size: 1.3em;
	font-weight: 500;
}

.textsch{
	font-size: 1.5em;
	font-weight: 700;
	margin-top: 20px;
}


.sticky {
  position: fixed !important;
  top: 0;
  width: 100% !important;
  z-index: 99;
  box-shadow: 0 -20px 20px 15px #0000003d;
}

.toursingle{
    display: grid;
    grid-template-columns: 5fr 2fr;
    grid-gap: var(--global-xl-spacing);
    -webkit-justify-content: center;
    justify-content: center;
}

ul.tabs{
margin: 0px 0 20px 0;
padding: 0px;
list-style: none;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
}
ul.tabs li{
    background: none;
    color: #14166b;
    flex: 1;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 400;
    background: #efefef;
    transition: 0.2s ease-in-out;
    border-right: 1px solid #ccc;
}
ul.tabs li:last-child {
    border: none !important;
}

ul.tabs li a{
color: #14166b;
padding: 10px 30px;
background: none;
cursor: pointer;
font-size: 1.3em;
font-weight: 400;
background: #efefef;
transition: 0.2s ease-in-out;
    display: block;
}
ul.tabs li.current a{
background-color: #14166b;
color: #fff !important;
}
ul.tabs li:hover a{
background-color: #14166b;
color: #fff;
}
.tab-content{
display: none;
/*padding: 40px 0px;*/
font-size: 1.05em;
}
.tab-content.current{
display: inherit;
}
ul.tabs2{
margin: 0px 0 20px 0;
padding: 0px;
list-style: none;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
}
ul.tabs2 li{
    background: none;
    color: #14166b;
    flex: 1;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 400;
    background: #efefef;
    transition: 0.2s ease-in-out;
    border-right: 1px solid #ccc;
}
ul.tabs2 li:last-child {
    border: none !important;
}

ul.tabs2 li {
color: #14166b;
padding: 10px 30px;
background: none;
cursor: pointer;
font-size: 1.3em;
font-weight: 400;
background: #efefef;
transition: 0.2s ease-in-out;
    display: block;
}
ul.tabs2 li.current{
background-color: #14166b;
color: #fff !important;
}
ul.tabs2 li:hover{
background-color: #14166b;
color: #fff;
}
.tab-content2{
display: none;
padding: 20px 20px;
font-size: 1.2em;
background-color: #edf0f1;
margin: 10px 0 0px 0;
}
.tab-content2 ul{
margin: 0 20px;
}
.tab-content2.current{
display: inherit;
}
.tab-content2 img{
    float: none;
}

div.accordionplan {
border: 1px solid #c5c5c5;
color: #000;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
outline: none;
transition: 0.2s;
font-weight: 400;
line-height: 1.5em;
font-size: 1.2em;
margin-bottom: 10px;
display: flex;
align-items: center;
}
div.accordionplan.active,
div.accordionplan:hover {
    background-color: #14166b;
    color: #fff;
    border: 1px solid #14166b;
}

.panelplan {
padding: 0px 18px;
background-color: #edf0f1;
max-height: 0;
overflow: hidden;
transition: 0.2s ease-in-out;
opacity: 0;
}
.panelplan.show {
padding: 18px 18px;
opacity: 1;
max-height: 100%;
font-size: 1.2em;
margin-bottom: 10px;
}
.panelplan.hide {
opacity: 0;
height: 0;
}
.datetour{
background: #ffffff;
font-weight: 500;
display: inline-block;
padding: 0px 10px;
color: #000;
width: 80px;
text-align: center;
flex: none;
margin-right: 10px;
display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60px;
}
.topicplan{
  display: flex;
  justify-content: center;
  flex-direction: column;
}


.gridplan{
    grid-template-columns: 1fr 9fr;
    display: grid;
    width: 100%;
}

.btnbooknow{
background: #ff0023;
color: #fff;
font-size: 1em;
display: block;
padding: 8px;
border-radius: 15px;
text-align: center;
margin-top: 10px;
cursor: pointer;
}
.btnbooknow:hover{
background: #14166b;
color: #fff;
}
.boxlist{
padding: 15px 0;
background: #f9f9f9;
border-bottom: 3px solid #14166b;
}
.boxtopiclabel {
    background: #f5f3f3;
    padding: 5px 10px;
    margin: 15px;
}
.boxtopiclabel2 {
margin-top: 10px;
background: #e3f2f9;
padding: 5px 10px;
border-radius: 10px;
margin-bottom: 5px;
}
.boxtopiclabel3{
margin-top: 10px;
background: #fff;
padding: 5px 10px;
border-radius: 10px;
margin-bottom: 5px;
}
.txtred{
animation:blinkingText 0.5s infinite;
margin-top: 5px;
}
@keyframes blinkingText{
0%{     color: #000;    }
49%{    color: #000; }
60%{    color: #ff0023; }
99%{    color: #ff0023;  }
100%{   color: #000;    }
}
.boxlist2 {
padding: 15px 0;
background: #eef7fb;
border-radius: 20px;
margin-bottom: 35px;
border-bottom: 3px solid #ff0023;
}
.barmarright{
margin: 10px 0;
}
.txtred2{
margin-top: 5px;
color: #ff0023;
}
.pad15{
padding: 15px;
}
.pad30{
padding: 30px;
}
.hrbottom{
width: 100%;
border-bottom: 1px solid #dadada;
padding-top: 50px;
margin-bottom: 10px;
clear: both;
}
.hrbottom2{
width: 100%;
border-bottom: 3px solid #ff0023;
padding-top: 50px;
margin-bottom: 50px;
clear: both;
}
.box .bottom {
display: none;
}

.dgtable{
      display: grid;
  grid-template-columns: [first] 2fr [line2] 2fr [line3] 2fr [line4] 2fr [line5] 2fr [end];
}

.wpcf7 input:not([type=submit]), .wpcf7 select, .wpcf7 textarea {
    width: 100%;
    padding: 0.75em;
}

.txtmail {
    font-size: 2em;
}

.barterm {
    background: #f1f1f1;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ff0023;
}

.bold {
    font-weight: 600;
}
.btndownload{
    text-align: center;
}

.btndownload a{
    background: #ff0023;
    font-size: 1.2em;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
        border-radius: 15px;
}

.btndownload a:hover{
        background: #cb011d;
    color: #fff;
}
.dsharetable{
    grid-template-columns: 5fr 5fr;
        align-items: center;
        display: grid;
}  
.mt4{
    margin-top: 50px;
}
.tagtour{
    color: #6d6d6d;
}

.tagtour a{
    padding: 5px 10px;
    background: #dadada;
    text-transform: uppercase;
    font-size: 12px;
    color: #585858;
    display: inline-block;
    border-radius: 5px;
    margin: 3px 1px;
}


.boxtagtop{
    position: absolute;
    top: 10%;
    left: 50%;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    z-index: 2;
        width: 100%;
}

.boxtagtop a {
        padding: 5px 10px;
    background: rgba(0, 0, 0, 0.45);
    text-transform: uppercase;
    color: #ffffff;
    margin: 2px;
    font-size: 14px;
    line-height: 1.5em;
    display: inline-block;
    border-radius: 5px;
}

.boxtagtop a:hover {
    background: #fff;
    color: #000;
}

.sharebox{
    text-align: right;
}
.bottommo {
    display: none;
}


.taglist{
    margin: 20px 0 0 0;
}

.taglist a{
    margin: 3px;
    padding: 2px 10px;
    border: 1px solid #6c6c6c;
    border-radius: 4px;
  font-size:14px;
  text-decoration:none;
  display: inline-block;
}

.taglist a:hover{
  background:#000 !important;
  color:#fff !important;
  text-decoration:none !important;
}


.postlimit .entry-title{
  font-size: 1.1em !important;
}

.entry-header h1 {
    margin-bottom: 0em !important;
}


.hide .taglist{
  display:none;
}


.postex-0 .entry-summary{
  display:none;
}

.postex-1 .entry-summary{
  display:block;
}

#archive-container.grid-cols {
    -webkit-column-gap: 1rem;
    -moz-column-gap:1rem;
    column-gap: 1rem;
    row-gap: 1rem;
}

.wp-site-blocks .post-thumbnail img{
  border-radius: 15px;
}

.showmo{
  display: none;
}

.buttonreadtour.hide{
	display: none;
}


@media screen and (max-width: 540px){
.postlast .wp-block-latest-posts__featured-image.alignleft {
    float: left !important;
    margin-bottom: 1em;
}
}

.wp-block-tag-cloud a{
  font-size:17px !important;
}

ul.wp-block-latest-posts__list{
  margin-left:0 !important;
}


@media only screen and (min-width: 1024px) {

  .listtour .grid-lg-col-2{
    grid-template-columns: 150px 2fr;
  }  


}

@media only screen and (max-width: 1024px) {


  .postlimit article{
	display: grid !important;
	grid-template-columns: 1fr 1fr;
}

}



@media only screen and (max-width: 768px) {
.listtour .cg {
    column-gap: 1em !important;
}

h3.entry-title{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



.showmo{
  display: block;
}
	
	.slick-slide img{
		padding:0;
	}
	
.tourmo{
    display: block;
}

.gridtax{
	 grid-template-columns:1fr !important;
	 text-align: center;
}

.iosmo .colp{
    display: grid;
    grid-template-columns: auto auto auto auto;
}

.droidmo .colp{
    display: grid;
    grid-template-columns: auto auto auto auto auto;
}
.txtmobilebar {
    font-size: 12px;
}
.bottommo {
    display: block;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    background: #fff;
    text-align: center;
}
.bottommo a i {
    font-size: 1.5em;
}

.padboxmo{
        display: block;
    padding: 10px;
    box-shadow: 0 0 5px #ccc;
    margin-right: 0;
    margin-left: 0;
}


.bottommo a{
    font-size: 1em;
    display: block;
  padding: 10px 0 1px 0;
    background: #eeeeee;
    color: #2f2f2f !important;
    line-height: 1.5em;
}

.bookd{
    font-size: 1.2em;
    display: block;
   padding: 8.5px 0 0px 0;
    background: #eeeeee;
    color: #2f2f2f !important;
    line-height: 1.5em;
}

.bottommo a i{
    font-size: 1.5em;
}

.col5{
    width: 20%;
    float: left;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.dgtable{
    grid-template-columns: 7fr 3fr;
        align-items: center;
} 
.dsharetable{
    grid-template-columns: 10fr;
        align-items: center;
        justify-content: center;
        display: grid;
}
.sharebox, .boxlink {
    text-align: center;
}
.tagtour{
    text-align: center;
    margin: 15px 0;
}

.txtmail {
    font-size: 1.1em;
}
.boxtopiclabel {
   background: none;
   margin: 0;
   padding: 0;
}  
.btnbooknow {
 margin: 0 20px;
}
.dnone{
    display: none;
}
 .font11{
    font-size: 1em;
 }   
 .mocen{
    text-align: center;
 } 

 .mocen .df{
    justify-content: center;
 }  
    ul.tabs{
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}
ul.tabs li{
border-right: none;
border-bottom: 1px solid #ccc;
}
ul.tabs li:last-child {
    border: none !important;
}
ul.tabs li a{
    font-size: 1.2em;
}

ul.tabs2{
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}
ul.tabs2 li{
border-right: none;
border-bottom: 1px solid #ccc;
}
ul.tabs2 li:last-child {
    border: none !important;
}
ul.tabs2 li{
    font-size: 1.2em;
}
.touralltxt a {
    font-size: 1em;
}
.textsch{
	font-size: 1em;
}
.boxsearch .wpcfs-input-submit button{
	margin: 10px !important;
}
.priceall {
    padding: 5px;
    font-size: 1em;
    text-align: left;
}
.removetxt{
	display: none;
}
.btnreadtour a {
	display: none;
    padding: 6px;
    font-size: 1em;
    margin-top: 15px;
}
.rg{
	row-gap:1em !important;
}
.totalpriceall {
    font-size: 1.2em;
}
.boxpadall{
	padding: 20px 5px;

}
.idtxt2 a{
	font-size: 14px;
}
.hrbotall{
	display: none;
}
.boxsearch .f1, .boxsearch .f2, .boxsearch .f3, .boxsearch .f4, .boxsearch .f5 {
    width: 100% !important;
}
.boxsearch .wpcfs-input-submit {
    width: 100% !important;
}
}





* {
font-variant-ligatures: none;
}

html, body{
    font-family: 'NTThai', 'Barlow Semi Condensed' !important;
    font-size: 100%;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
    font-family: 'NTThai', 'Barlow Semi Condensed' !important;
}

select, textarea, optgroup {
     font-family: 'NTThai', 'Barlow Semi Condensed' !important;
}

/*.single-content h1.elementor-heading-title, .single-content h2.elementor-heading-title, .single-content h3.elementor-heading-title, .single-content h4.elementor-heading-title, .single-content h5.elementor-heading-title, .single-content h6.elementor-heading-title {
    margin-bottom: 0em !important;
}*/

.wp-block-latest-posts.wp-block-latest-posts__list li {
    display: flex;
}

.btnticket a{
    background: #0e3ec5;
    color: #fff;
    padding: 20px 20px;
    font-size: 1.5em;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    display: block;
  margin:15px auto;
  border-radius: 50px;
}

.btnticket a:hover{
  color: #fff !important;
    background: #0b319c;
}

.btnhotel a{
    background: #f50017;
    color: #fff;
    padding: 20px 20px;
    font-size: 1.5em;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    display: block;
    margin:15px auto;
    border-radius: 50px;
}

.btnhotel a:hover{
  color: #fff !important;
    background: #cc0013;
}

.btnpassenger a{
    background: #00bf44;
    color: #fff;
    padding: 20px 20px;
    font-size: 1.5em;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    display: block;
    margin:15px auto;
    border-radius: 50px;
}

.btnpassenger a:hover{
  color: #fff !important;
    background: #00a039;
}

.fit{
    height: 100%;
}

.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.menu-item{
border-right: 1px solid #ebebeb !important;
}


.hfe-nav-menu__align-justify .hfe-nav-menu__layout-horizontal .hfe-nav-menu li.menu-item:last-child{
    border:none !important;
}

.pdsearch{
    padding: 20px 0;
}

.bgsearch{
    background: #14166b;
}
.boxsearch{
    position: relative;
    display: flow-root;
    padding: 30px 15px;
    line-height: 1em;
    color: #000;
    font-weight: 600;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 30px 49px -30px rgb(0 0 0 / 26%);

}
.boxsearch .f1, .boxsearch .f2, .boxsearch .f3, .boxsearch .f4, .boxsearch .f5{
width: 25%;
float: left;
}
.boxsearch select{
width: 100%;
border-radius: 10px;
    padding: 7px;
}
.boxsearch input{
width: 100%;
border-radius: 10px;
}

.boxsearch .wpcfs-search-form label {
    padding: 0 10px;
}

.boxsearch .wpcfs-input-submit {
    width: 25%;
    float: left;
}

.boxsearch .wpcfs-input-submit button {
    background: #ff0023;
    color: #ffffff;
    padding: 9px;
    margin: 25px 10px 10px 10px;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 700;
    width: calc( 100% - 20px);
    border-radius: 10px;
}

a{
    text-decoration:none !important;
}

a:hover{
    text-decoration:none !important;
}

.post_tags{
        max-width: 1190px;
    margin: 40px auto;
    padding: 10px 30px;
}
.post_tags a{
    display: block;
    font-size: 1.05em !important;
    background: #f1f1f1;
    margin: 10px;
    padding: 5px 10px;
    border-radius: 5px;
}

.post_tags a:hover{
        background: #f79251;
color:#fff;
}

.fx{
    display:flex;
}

.nx{
    width:50%;
    float:left;
    text-align:right;
}

.nx a, .pv a{
    display: inline-block;
    background: #f47e4a;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin: 20px auto;
}

.pv{
    width:50%;
    float:left;
    text-align:left;
}

.searchlink{
    background: #e7e7e7;
    padding: 30px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchlink:hover{
    background: #dddddd;
}

@media only screen and (max-width: 1120px) {
.headermenu{
    display:none !important;
  }
}

@media only screen and (max-width: 768px) {
.btnticket a, .btnhotel a{
    width: 100%;
  }
  .fit{
    height: auto;
}
	.mohidetop{
		display:none;
	}
}






@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

.postlimit article{
	display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.postlimit article:hover{
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}


.boxrec2 img{
        width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 20px;
    padding: 5px;
  }

  .boxrec2 {
    background: #fff;
    border-radius: 20px;
}

  .txtrec2{
        font-size: 1.2em;
    font-weight: 700;
    text-align: center;
    padding: 8px 5px;
  }

  @media screen and (max-width: 600px) {

   .txtrec2{

    font-size: 18px;
    line-height: 1.2em;
  }

   }




.boxrec img{
        width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 20px;
  }

  .boxrec{
    position: relative;
  }

  .txtrec{
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%);
    padding: 20px 10px 20px 10px;
    border-radius: 20px;
    flex-direction: column;
    height: 100%;
    border: 5px solid #fff;

  }


  .txtreccount{
    font-size: 16px;
  }
   @media screen and (max-width: 600px) {
    .txtrec{

    font-size: 18px;
    line-height: 1.2em;
    padding: 10px 8px 10px 8px;
  }


  .txtreccount{
    font-size: 15px;
  }

   }