@font-face {
    font-family: "vkr";
    src: url('../ttf/vollkorn-regular.ttf');
	font-display: swap;
}

@font-face {
    font-family: "ppr";
    src: url('../ttf/poppins-regular.ttf');
	font-display: swap;
}
.font_vkr
{
	font-family:vkr;
}
.font_ppr
{
	font-family:ppr;
}
.tblue
{
	color:#112845;
}
body
{
	font-family:ppr;
	color:#112845;
}
.hidden,.hid
{
	display:none;
}
.nopad
{
	padding:0px;
}
.nomar
{
	margin-left: 0px;
	margin-right: 0px;
}
.rela
{
	position:relative;
}
.top10
{
	margin-top:10px;
}
.top20
{
	margin-top:20px;
}
.top30
{
	margin-top:30px;
}
.top40
{
	margin-top:40px;
}
.top50
{
	margin-top:50px;
}
.top60
{
	margin-top:60px;
}
.top70
{
	margin-top:70px;
}
.top80
{
	margin-top:80px;
}
.top90
{
	margin-top:90px;
}
.top100
{
	margin-top:100px;
}
.top21
{
	margin-top:20px;
}
.top41
{
	margin-top:40px;
}
.f18
{
	font-size:18px;
}

.visible-xs
{
	display:none;
}
a
{
	color:#e89525 ;
}
a.main
{
	color:#e89525 !important;
}
.t_peach
{
	color:#e89525 !important;
}
.pointer
{
	cursor:pointer;
}
.but_main
{
	background:#e89623;
	border:1px solid #e89623;
	color:#fff;
	padding:5px 15px;
}

.t_1
{
	background:#FFD8D9;
}
.t_2
{
	background:#DFC3FF;
}
.t_3
{
	background:#C5DCFF;
}
.t_4
{
	background:#C8FFDA;
}
.t_5
{
	background:#FFFED8;
}
.t_6
{
	background:#9EF9DE;
}
.box_searching {
    background: #d5d5d5e8;
    padding: 25px 20px 15px 20px;
    /* margin-top: 0px; */
    backdrop-filter: blur(10px);
    position: relative;
    z-index: 1200;
}
.select-styled {
    text-align: right;
    color: #163250;
    font-family: ppr;
    border: 2px solid #e89525;
    /* padding-left: 115px !important; */
}
.but_search {
    color: #fff;
    background: #e89623;
    border: none;
    box-shadow: 5px 5px 10px #0000003b !important;
    font-family: ppr;
    letter-spacing: 1px;
    font-weight: lighter !important;
    font-size: 18px;
    text-shadow: none !important;
}
.tt_1
{
	font-size: 18px;
	line-height:1.5;
	letter-spacing:1px;
}
.tt_2
{
	letter-spacing:3px;
	line-height:1;
	font-size: 14px;
}
.select_options_2 
{
	color:#153250;
}
.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: #e89525 transparent transparent transparent;
    position: absolute;
    top: 16px;
    /* right: 10px; */
    left: 0;
	margin-left:10px;
}
/******** FAQ ********/
.top_f_photo
{
	background-size:cover;
	padding: 150px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: 50% 50% !important;
	color: #fff;
	font-family: 'vkr';
	margin-bottom:50px;
	margin-left: -15px;
	margin-right: -12px;
}
.top_f_photo h2
{
	font-size:50px;
	letter-spacing:3px
}
.f_item
{
	color:#153250;
	border:none;
	
	border-radius:0px !important;
}
.accordion-body
{
	padding-left: 30px;
	border-bottom:1px solid #153250;
}
.f_head 
{
	font-weight:bold;
	color:#153250;
	border: none !important;
}
.accordion-button:not(.collapsed),.accordion-button
{
	background:none;
	border:none;
	outline:none;
	color:#153250;
	box-shadow: none;
	padding-left: 0px;
}
.accordion-button:not(.collapsed)::after
{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
@media screen and (max-width:768px)
{
	.top_f_photo
	{
		background-size:cover;
		padding: 100px 50px 100px 30px;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: 50% 50%;
	    color: #fff;
	    font-family: 'vkr';
		margin-bottom:50px;
	}
	.top_f_photo h2
	{
		font-size:35px;
		letter-spacing:1px
	}
}
/******** FAQ ********/









/******************************************************************************  BOTTOM SECTION *******************************************************************************************************************/
.rtm_bottom_but {
    background: #e89623;
    color: #1c3855;
    padding: 10px 55px;
    position: relative;
    top: 0;
    left: 50%;
    translate: -50%;
    width: 440px;
    font-size: 18px;
    margin-top: -25px;
    margin-bottom: 0px;
}
.arb {
    width: 20px;
    margin-top: -3px;
}
@media screen and (min-width: 768px) {
    .ntsv_ftt {
        margin-top: 30px;
        color: #1c3855;
        font-size: 18px;
    }
	    .ntsv_tt {
        font-size: 1.7rem;
        color: #1c3855;
        line-height: 1.1;
        margin-top: 15px;
    }
	.ntsv_stt {
        color: #000;
        margin-bottom: 70px;
        font-size: 20px;
        margin-top: 15px;
    }
	    .ntsvbis img {
        width: 30%;
        position: relative;
        margin: auto;
        text-align: center;
    }
	 .ntsv_b_tt {
        color: #1c3855;
        font-size: 1.6rem;
        margin-bottom: 5px;
        margin-top: 15px
    }

    .ntsv_b_stt {
        margin-bottom: 30px;
        font-size: 1.1rem;
        color: #000
    }

    .ul_cov_but_bot>li {
        list-style: none;
        display: inline-block;
        font-size: 18px!important;
        font-family: ppr!important
    }

    .ul_cov_but_bot>li>img {
        width: 40px!important;
        height: auto
    }
}

@media screen and (max-width: 768px) {
    .rtm_bottom_but {
        padding:15px 0;
        width: calc(80% + 30px);
        margin-top: -30px;
    }

    .rtm_tt {
        font-size: 1.7rem;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .rtm_stt {
        line-height: 1.1;
        margin-bottom: 30px
    }

    .rmt_box {
        background: #1c3855;
        color: #fff;
        text-align: center;
        padding: 50px 20px 80px 20px;
        position: relative
    }

    .ntsv_ftt {
        margin-top: 30px;
        color: #1c3855
    }

    .ntsv_tt {
        font-size: 1.7rem;
        color: #1c3855;
        line-height: 1.1;
        margin-top: 15px
    }

    .ntsv_stt {
        color: #000;
        margin-bottom: 40px
    }

    .ntsvbis img {
        position: relative;
        margin: auto;
        text-align: center
    }

    .ntsv_b_tt {
        color: #1c3855;
        font-size: 1.2rem;
        margin-bottom: 5px;
        margin-top: 15px
    }

    .ntsv_b_stt {
        margin-bottom: 30px
    }
}



.rmt_box {
    background: #1c3855;
    color: #fff;
    text-align: center;
    padding: 50px 20px 80px 20px;
    position: relative;
    margin-bottom: 0px;
}
.rtm_tt {
    font-size: 1.7rem;
    line-height: 1.2;
    margin-bottom: 15px;
}
.rtm_stt {
    line-height: 1.1;
    margin-bottom: 30px;
}
.nopad-- {
    padding: 5px;
}


.ab_tt, .ex_tt {
    font-family: vkr;
}
.ftt {
    font-size: 42px;
}
.ex_offer, .li_sub, .top20 {
    margin-top: 20px;
}
.ex_tt, .top50, .tx_footer2 {
    margin-top: 50px;
}
.box_li_inside {
    box-shadow: 3px 3px 10px #00000063;
    padding: 15px;
}


@media screen and (max-width:768px)
{
	.box_searching
	{
		position: relative !important;
	}
	.liftstyle {
	    padding: 0 10px 70px 10px !important;
	    margin-top: 10px !important;
	}
}
.box_ts_form form input,.box_ts_form form input::placeholder,.box_ts_form form select,.box_ts_form form textarea {
    font-family: 'ppr';
    color: #153250;
    border-radius: 0
}

.liftstyle {
    padding: 0px 100px 70px 100px;
    margin-top: 10px;
}
.ulmini_li {
    padding: 0;
    margin: auto
}

.ulmini_li>li {
    padding: 0 5px;
    margin: 0
}

.ulli_foot>li:first-child,.ulmini_li>li:first-child {
    border-right: 2px solid #193553d4;
    padding-right: 10px
}

.ulli_foot>li, .ulmini_li>li {
    font-size: 12px;
    height: 15px;
    display: inline-block;
    list-style: none;
}
.li_remore {
    position: absolute;
    right: 0;
    bottom: 0;
    border: none;
    padding: 10px 25px
}

.li_line {
    background: #153250;
    height: 4px;
    width: 55px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 5px
}

.ulli_foot>li {
    padding: 0 15px 0 5px
}

.li_tt {
    padding: 5px;
    width: calc(70% + 100px);
    min-height: 65px;
    font-size: 18px
}

.li_dets {
    font-size: 14px;
    margin-bottom: 15px;
    text-align: justify;
    height: 67px
}
#ui-id-1, .li_dets, .li_tt {
    overflow-y: auto;
}
.g_start>div,.g_txt {
    margin-bottom: 10px
}

.box_gallery {
    width: 70%;
    background: red
}

.img_gall {
    border: 3px solid #fff
}

.owl_lifestyle>.owl-stage-outer {
    padding: 15px 0
}


.owlarr {
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    padding: 3px;
    border-radius: 100%;
    font-size: 25px;
    color: #fff;
    right: 0;
    margin-right: 20px
}

.owlarl {
    left: 0;
    margin-left: 20px
}
.owl-stage {
    transition: .8s!important
}
.owl_li {
    top: 50%;
    transform: translateY(-50%)
}
.bgor {
    background: #e89525;
    color: #fff !important;
}
.box_searching, .cs-select .cs-options, .owlarr, .slide_capt, .slider .slide, .tx_search {
    position: fixed;
}
.owl_lifestyle>div>div>.owl-item, .owl_need>div>div>.owl-item {
    background: #f000;
    opacity: .5;
    transform: scale(.9) !important;
    transition: .5s;
    filter: blur(2px);
}
.owl-item.active.center,.owl_lifestyle>div>div>.owl-item.active.center {
    opacity: 1;
    transform: scale(1)!important;
    filter: blur(0)
}
.li_remore {
    position: absolute;
    right: 0;
    bottom: 0;
    border: none;
    padding: 10px 25px;
}
.butt_main_orange {
    background: #e89525;
    color: #fff;
    box-shadow: 3px 5px 10px #00000047;
}
.but_search, .dis_tt, .ex_offer, .li_remore, .n_name, .n_tt, .tt_1, div.cs-skin-elastic>span {
    text-transform: capitalize;
}
.box_git,.box_li_inside,.box_photo_git,.dfi_01,.dfi_02,.dfi_03,.dfi_04,.dis_cov_butt,.ex_sub_img,.git_000,.inside_look_box,.mob_dis_img,.our_excursion,.rela {
    position: relative
}



.cov_tsvsm_web {
    background: #e8e8e8;
    padding: 50px 100px;
}
.ts_title_web {
    font-size: 25px;
    margin-bottom: 20px;
    font-family: vkr !important;
}
.button_newpopup_web {
    width: auto;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    background: #e89623;
    border: none;
    padding: 12px 35px 12px 35px;
    color: #112845;
    letter-spacing: normal;
    font-weight: 400;
    margin-top: 20px;
    font-family: ppr!important;
    font-size: 18px;
    margin-bottom: 20px
}

.arb {
    width: 20px;
    margin-top: -3px
}

.ts_title_mob {
    text-transform: capitalize;
    font-size: 1.7rem;
    font-family: 'vkr';
}
.ts_subtt_mob {
    margin-bottom: 20px;
    line-height: normal;
    font-size: 1rem;
    font-family: 'ppr';
}
.top15, .vill_name {
    margin-top: 15px;
}
.button_newpopup_mob {
    width: 100%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    background: #ea9623!important;
    border: none;
    padding: 10px 5px 8px 5px;
    color: #163250;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 400;
    margin-top: 0px!important;
    font-size: 1.0rem!important;
    font-family: 'ppr'
}

.cov_out_mob {
    background: #e8e8e8;
    padding-bottom: 40px;
    margin-top: -5px;
}
@media screen and (max-width: 576px) {
    .ftt {
        font-size: 26px;
    }
}






.box_review {
    background: url(../png/baan-mika-beachfront-samui.png) center/cover no-repeat;
    padding: 110px 100px 100px
}
@media screen and (max-width: 576px) {
    .box_review {
        padding: 50px;
        overflow: hidden;
        width: 100%;
    }
}
.trws {
    color: #fff;
    font-family: vkr !important;
    font-size: 1.7rem;
    margin-bottom: 50px;
}
.inside_review_box {
    background: #fff;
    position: relative;
    padding: 30px
}

.ArrowControl__ArrowControlContainer-sc-ps7sz3-0 {
    box-shadow: none!important;
    background: 0 0!important
}

.HeaderComponent__Top-sc-9lcg5s-2 {
    display: none!important;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 100;
    transform: translate(-100%,-50%);
    width: 300px
}

.br_lbox,.footer_box,.footer_logo,.g_logo,.pata_img {
    position: relative
}

.br_lbox,.g_logo {
    left: 50%
}

.fFKfrJ {
    background: 0 0!important
}

.g_start>div {
    display: inline-block;
    background: #f000;
    height: 25px;
    width: 25px;
    margin-left: 5px;
    margin-top: 10px
}

.g_start>div>div {
    scale: 1.2;
    width: 25px;
    height: 25px
}

.gtt,.tsv_mini {
    font-size: 30px
}

.g_logo {
    width: 50%;
    transform: translateX(-50%);
    max-width: 100px
}

.br_lbox {
    background: #f000;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.pImoJ {
    margin-left: -40px
}

.ldZdCm {
    margin-right: -70px!important
}

.footer_box {
    background: #2a294c;
    padding: 100px 80px 60px;
    border-top-left-radius: 180px
}
/******************************************************************************  BOTTOM SECTION *******************************************************************************************************************/


@media screen and (max-width:992px)
{
	.web992
	{
		display:none;
	}
	.for_rate
	{
		text-align:center;
		margin-bottom: 30px;
	}
}
@media screen and (min-width:992px)
{
	.mob992
	{
		display:none;
	}
}


@media screen and (max-width:768px)
{
	.web
	{
		display:none;
	}
	.select-styled
	{
		text-align:left;
	}
	.box_searching
	{
		width:100% !important;
	}
	.footer_box {
	    background: #2a294c;
	    padding: 100px 30px 60px;
	    border-top-left-radius: 180px
	}
}
@media screen and (min-width:768px)
{
	.mob
	{
		display:none;
	}
}