#page{

}
.bg-pagein{}

.section-header {
    padding-bottom: 10px;
}

.section-header.swidth{
    width: 60%;
    margin: 0 auto;
}

.section-header h2 {
    font-family: "DFVN BladeRush";
    color: #000;
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px; /* 111.111% */
    letter-spacing: -0.72px;
}
.section-header p {
    margin-top: 10px;
    color: #848484;
    font-size:16px;
}

.btn-themes{
    color: #000;
    text-align: center;
    font-size: 16px;
    background: #E1B876;
    padding: 10px 26px;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 36px;
}

.bg-section{
    background: #FBECF3;
    padding: 30px 0;
    margin: 48px 0;
    position:relative;
}
.bg-section::before{
    content:'';
    background: url(../images/bg-wave.png) repeat-x;
    height: 29px;
    display: block;
    position: absolute;
    width: 100%;
    top: -29px;
    left: 0;
}

.bg-section::after{
    content:'';
    background: url(../images/bg-wave-2.png) repeat-x;
    height: 29px;
    display: block;
    position: absolute;
    width: 100%;
    bottom: -29px;
    left: 0;
}

#header{}
.fixed-menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    padding: 10px 0;
    background:#fff;
}
.fixed-menu + #main {
    margin-top: 75px;
}

#logo{ text-align: left;}
#logo img{ height: 52px;}

.logo-menu img{ height: 78px;}

#title-page{ background:#F1ECF8; padding:40px 0;}
#title-page h2{ text-align: center; color:#E1B876; font-size: 48px;}

#banner{

}

.banner-pagein{
    height: 600px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#carouselBanner .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

#banner .carousel-caption{
    color: #000;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    text-align: center;
    width: 780px;
}

#banner .carousel-caption h2{
    color: #FFF;
    text-align: center;
    font-family: "Gotu", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin-bottom: 100px;
}

#banner .carousel-caption .btn-themes{
    width: fit-content;
    margin: 0 auto;
    background: #796B60;
    color: #fff;
}

#desc-bn{
    background: #7A6B61;
    color: #fff;
    padding: 20px 0;
}
#desc-bn .hotline-bn{
    border-radius: 55px;
    background: #E0D7CE;
    padding: 10px 25px;
    color: #030102;
}

#right-box{
    display: flex;
    justify-content: end;
}
#right-box a {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    background: #000;
    border-radius: 30px;
    padding: 8px 16px;
    box-shadow: none;
    width: fit-content;
    text-transform: uppercase;
}

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

    .section-header.swidth{
        width: 100%;
    }

    #banner .carousel-caption{
        top: 10px;
        left: 10px;
        padding: 0;
        text-align: left;
        width: 100%;
        transform: unset;
    }
    #banner .carousel-caption h2 {
        font-size: 18px;
        margin-bottom: 10px;

    }
    #logo{ text-align: left;}
    #banner{ margin-top: 20px; }
    #right-box{ margin-top: 5px; margin-right: 50px;}
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
@media (min-width: 1200px) {
    .navmenu {
        padding: 0;
    }

    .navmenu ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: start;
        justify-content: space-between;
        width: 100%;
    }

    .navmenu li {
        position: relative;
    }

    .navmenu a, .navmenu a:focus {
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap;
        transition: 0.3s;
    }

    .navmenu a i,
    .navmenu a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
        transition: 0.3s;
    }

    .navmenu li:hover>a,
    .navmenu .active,
    .navmenu .active:focus {
        color: #C2B5A7;
    }

    .navmenu .dropdown ul {
        margin: 0;
        padding: 0;
        background: #fff;
        display: block;
        position: absolute;
        visibility: hidden;
        left: 0px;
        top: 130%;
        opacity: 0;
        transition: 0.3s;
        border-radius: 4px;
        z-index: 99;
    }

    .navmenu .dropdown ul li {
        min-width: 200px;
    }

    .navmenu .dropdown ul a {
        padding: 10px 20px;
        font-size: 15px;
        text-transform: none;
    }

    .navmenu .dropdown ul a i {
        font-size: 12px;
    }

    .navmenu .dropdown ul a:hover,
    .navmenu .dropdown ul .active:hover,
    .navmenu .dropdown ul li:hover>a {
        color: #fff;
    }

    .navmenu .dropdown:hover>ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .navmenu .dropdown .dropdown ul {
        top: 0;
        left: -90%;
        visibility: hidden;
    }

    .navmenu .dropdown .dropdown:hover>ul {
        opacity: 1;
        top: 0;
        left: -100%;
        visibility: visible;
    }

    .navmenu .megamenu {
        position: static;
    }

    .navmenu .megamenu ul {
        margin: 0;
        padding: 10px;
        box-shadow: 0px 0px 20px rgba(0,0,0, 0.1);
        display: block;
        position: absolute;
        top: 130%;
        left: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        display: flex;
        transition: 0.3s;
        border-radius: 4px;
        z-index: 99;
    }

    .navmenu .megamenu ul li {
        flex: 1;
    }

    .navmenu .megamenu ul li a,
    .navmenu .megamenu ul li:hover>a {
        padding: 10px 20px;
        font-size: 15px;
        color: #E1B876;
    }

    .navmenu .megamenu ul li a:hover,
    .navmenu .megamenu ul li .active,
    .navmenu .megamenu ul li .active:hover {
        color: #E1B876;
    }

    .navmenu .megamenu:hover>ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .navmenu .dd-box-shadow {
        box-shadow: 0px 0px 30px rgba(0,0,0, 0.15);
    }
}

/* Mobile Navigation */
@media (max-width: 1199px) {

    #icon-menu{ position: absolute; top: 20px; right: 10px; }
    .mobile-nav-active #icon-menu{top: 30px;  right: 10px; }
    .mobile-nav-toggle {
        color: #000;
        font-size: 36px;
        line-height: 0;
        margin-right: 10px;
        cursor: pointer;
        transition: color 0.3s;
    }

    .navmenu {
        padding: 0;
        z-index: 9997;
    }

    .navmenu ul {
        display: none;
        position: absolute;
        inset: 60px 20px 20px 20px;
        padding: 10px 0;
        margin: 0;
        border-radius: 6px;
        overflow-y: auto;
        transition: 0.3s;
        z-index: 9998;
        box-shadow: 0px 0px 30px rgba(0,0,0, 0.1);
    }

    .navmenu a,
    .navmenu a:focus {
        color: #E1B876;
        padding: 10px 20px;
        font-size: 17px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap;
        transition: 0.3s;
    }

    .navmenu a i,
    .navmenu a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: 0.3s;
        background-color: rgba(0,0,0, 0.1);
        color: #fff;
    }

    .navmenu a i:hover,
    .navmenu a:focus i:hover {
        color: #fff;
    }

    .navmenu a:hover,
    .navmenu .active,
    .navmenu .active:focus {
        color: #E1B876;
    }

    .navmenu .active i,
    .navmenu .active:focus i {
        color: #fff;
        transform: rotate(180deg);
    }

    .navmenu .dropdown ul,
    .navmenu .megamenu ul {
        position: static;
        display: none;
        z-index: 99;
        padding: 0;
        margin: 0px 20px;
        background-color: #fff;
        transition: all 0.5s ease-in-out;
    }

    .navmenu .dropdown ul ul,
    .navmenu .megamenu ul ul {
        background-color: rgba(33, 37, 41, 0.1);
    }

    .navmenu .dropdown>.dropdown-active,
    .navmenu .megamenu>.dropdown-active {
        display: block;
        background-color: rgba(33, 37, 41, 0.03);
    }

    .mobile-nav-active {
        overflow: hidden;
    }
    .mobile-nav-active .mobile-nav-toggle.bi-x {
        color: #fff;
        position: absolute;
        font-size: 48px;
        top: -10px;
        right: 20px;
        margin-right: 0;
        z-index: 9999;
    }

    .mobile-nav-active .navmenu {
        position: fixed;
        overflow: hidden;
        inset: 0;
        background: rgba(0, 0, 0, 0.9);
        transition: 0.3s;
    }

    .mobile-nav-active .navmenu>ul {
        display: block;
    }
    .mobile-nav-active .navmenu>ul>li a {
        color: #fff;
    }
}
#sec_content img{ max-width: 100%!important;}

/*--------------------------------------------------------------
# About Home
--------------------------------------------------------------*/
#about-us{
    margin-top: 120px;
}
#about-us .section-header h2{
    color: #080405;
    text-align: center;
    -webkit-text-stroke-width: 0.25px;
    -webkit-text-stroke-color: #7A6B61;
    font-family: "Gotu", sans-serif;
    font-size: 48px;
    font-weight: 400;
    text-transform: none;
}
#about-us .section-header p{
    color: #7A6B61;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}

#about-us .viewmore a{
    color: #F5931E;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

@media screen and (max-width: 768px) {
    #about-us{ padding-top: 0;}
    #header-about{ text-align: center;}
}

#about-us-detail{
    background: #d5effb;
    color: #fff;
    padding: 50px 0;
    font-weight: 300;
}

#about-us-detail h2{
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#about-us-mission{
    margin-top: 30px;
}

#about-us-target{
    margin-top: 80px;
    padding:60px 0;
    background: #F8F0E7;
    overflow: hidden;
}

/*--------------------------------------------------------------
# Home Services
--------------------------------------------------------------*/

.home-services{ margin-top: 120px;}

.home-services h4 {
   margin-top: 20px;
}
.home-services h4 a{
    display: block;
    color: #7A6B61;
    font-size: 24px;
    font-weight: 700;
}

#services.home-services #serviceTab{
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
}
.home-services .box-service{ text-align: center;}
.home-services .box-service .img{}
.home-services .box-service .title{
    color: #E1B876;
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0;
}
.home-services .box-service .desc{}
.home-services .box-service .more{ margin-top: 15px;}
.home-services .box-service .more a{color: #2A2A2A; text-decoration-line: underline;}

/*--------------------------------------------------------------
#  Services Page
--------------------------------------------------------------*/
#services .note{
    margin-top:25px;
    font-size: 16px;
    color: #848484;
    padding: 5px 25px;
    text-align: justify;
}
#services #serviceTab{
    border-top: 1px solid #765524;
    justify-content: space-between;
    width: 100%;
}

#services #serviceTab .nav-item{
    background: #E0D7CE;
    flex: fit-content;
    text-align: center;
    border-right: 1px solid #fff;
}
#services #serviceTab .nav-item:last-child{
    border-right: none;
}

#services #serviceTab .nav-item .nav-link{
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: #000;
    background: none;
    border: none;
    text-align: center;
    font-family: "Gotu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 115.362%; /* 18.458px */
    padding: 40px 0;
}

#services #serviceTab .nav-item .nav-link:hover, #services #serviceTab .nav-item .nav-link.active{
    background: #fff;
    border-radius: 0;
}
#services .title-row{
    border-bottom: 1px solid #765524;
    color: #000;
    font-family: "Gotu", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 115.362%; /* 27.687px */
    letter-spacing: 1.2px;
    padding-bottom: 12px;
}
#services .services-content{

}

#services .services-content h3{
    display: flex;
    align-items: center;
    color: #7A6B61;
    font-size: 20px;
    font-weight: 700;
    line-height: 115.362%; /* 23.072px */
}
#services .services-content h4{
    font-size: 16px;
    font-weight: 700;
    line-height: 28px; /* 175% */
}
#services .services-content p{
    color: #000;
    font-style: italic;
    font-weight: 300;
    line-height: 115.362%; /* 18.458px */
}

#services .services-content ul{
    list-style: disc;
    margin-left: 0;
    padding-left: 0;
}

#services .services-content .line-row{
    border-bottom: 1px solid #E0D7CE;
    padding-bottom: 10px;
}

#services .btnbooking{
    display: flex;
    justify-content: end;
    width: fit-content;
    border:1px solid #000 ;
    border-radius: 20px;
    padding: 5px 20px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 115.362%; /* 18.458px */
    letter-spacing: 0.32px;
    background: #fff;
    text-transform: uppercase;
}

#services .btnbooking:hover{
    border:1px solid #7A6B61 ;
    background: #E0D7CE;
}

#services .services-box {
    border-radius: 6px;
    padding: 15px 35px;
    background: #fff;
    margin-bottom: 8px;
}
#services .services-box .name h3{
    text-transform: uppercase;
    font-size: 16px;
    font-weight:600;
}

#slogan-services{
    background: #E0D7CE;
    padding: 12px 0;
    text-align: center;
    color: #000;
    font-family: "Gotu", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.sub-title-row span{
    color: #000;
    font-family: "Gotu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 115.362%; /* 18.458px */
    letter-spacing: 0.8px;
}
.sub-title-row span:last-child{
    font-size: 12px;
}

.row-services-bg{
    background: #E0D7CE;
    padding: 6px 20px;
    border-top: 1px solid #fff;
}
.row-services-bg > div{
    width: 70%;
    margin: 0 auto;
}
.row-services-bg > div div:nth-child(0){
    width: 50%;
}
.row-services-bg > div div:nth-child(1){
    width: 30%;
}
.row-services-bg > div div:nth-child(2){
    width: 20%;
}

#kidspa-tab-pane{
    background: #E0D7CE;
}

.row-services-list{
    border-top: 1px solid #E8E0D9;
}

.row-services{
    padding: 12px 20px;
}

.row-services > div{
    width: 80%;
    margin: 0 auto;
}
.row-services > div div:nth-child(0){
    width: 50%;
}
.row-services > div div:nth-child(1){
    width: 30%;
}
.row-services > div div:nth-child(2){
    width: 20%;
}

@media screen and (max-width: 768px) {
    #services .btnbooking{
        display: unset;
    }
    #services #serviceTab .nav-item .nav-link {
        font-size: 12px;
        padding: 20px 0;
        line-height: unset;
    }

    #services .title-row{
        font-size: 16px;
        line-height: unset;
        letter-spacing: unset;
    }

    #services #serviceTab {
        overflow: auto;
        overflow-y: hidden;
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: nowrap;
        padding: 0!important;
        border-bottom: none!important;
    }

    #services #serviceTab .nav-item{
        text-wrap: nowrap;
    }
    #services .services-content ul{
        margin-left: 20px;
    }

    .row-services-bg{
        padding: 6px 10px;
    }
    .row-services{
        padding: 12px 10px;
    }

    .row-services-bg > div{
        width: 100%;
    }
    .row-services > div{
        width: 100%;
    }


}

/*--------------------------------------------------------------
# Fact Home
--------------------------------------------------------------*/

#fact{ margin-top: 120px;}

#factPanel{
    margin-top: 120px;
    background: #E0D8CF;
    padding: 120px 0;
}

.fact-box{
    text-align: center;
}
.fact-box .title{
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    }
.fact-box .desc{
    margin-top: 15px;
    font-size: 14px;
    font-weight: 300;
}

/*--------------------------------------------------------------
# Testimonials Home
--------------------------------------------------------------*/

.testimonials {
   margin-top: 120px;
}

.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
    overflow: hidden;
}

.testimonials .testimonial-item {
    width: 75%;
    margin: 0 auto;
}

.testimonialsPanel .testimonial-item h3 {
    color: #A99073;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
}


.testimonials .swiper-wrapper {
    height: auto;
    position: relative;
}

.testimonials .swiper-button-next{}
.testimonialsPanel .swiper-button-next:after{font-size: 15px; color: #000;}
.testimonialsPanel .swiper-button-prev:after{font-size: 15px; color: #000;}

.testimonials .swiper-pagination{ margin-top: 30px; }

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background-color:#000;
}

@media (max-width: 767px) {

    .testimonials .testimonials-carousel,
    .testimonials .testimonials-slider {
        overflow: hidden;
    }

    .testimonials .testimonial-item {
        margin: 15px;
        height: 320px;
        overflow: hidden;
    }
}
/*--------------------------------------------------------------
# Gallery Home
--------------------------------------------------------------*/
#gallery{
    margin-top: 120px;
    background: #040404;
    position: relative;
    padding-top: 120px;
}

#gallery .section-header h2{
    color: #FFF;
    text-align: center;
    font-family: "Gotu", sans-serif;
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -1.92px;
    text-transform: uppercase;
}
.gallery-item{
    margin-top: 20px;
}
.gallery-item a{
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.gallery-item a img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#hotline-gallery{
    background-image: url(../images/gallery-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom right ;
    background-size: 100% auto;
    padding-top: 50px;
    height: 680px;
}

#hotline-gallery .hotline-gal {
    display: flex;
    border-radius: 55px;
    background: #E0D7CE;
    padding: 10px 25px;
    color: #030102;
    width: fit-content;
    font-size: 24px;
    font-weight: 700;
    line-height: 21px; /* 87.5% */
}

#hotline-gallery .booking-gal {
    display: flex;
    border-radius: 55px;
    background: #796B60;
    padding: 10px 45px;
    width: fit-content;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 21px; /* 105% */
}

#desc-gallery {
    background: #7A6B61;
    color: #fff;
    padding: 10px 0;
}

@media screen and (max-width: 768px) {
    #hotline-gallery{
        height: 180px;
    }

}

/*--------------------------------------------------------------
#  Gallery Page
--------------------------------------------------------------*/

#gallery-page{
    background: #040404;
    position: relative;
    padding: 120px 0;
}

#gallery-page .section-header h2{
    color: #FFF;
    text-align: center;
    font-family: "Gotu", sans-serif;
    font-size: 64px;
    font-weight: 400;
    letter-spacing: -1.92px;
    text-transform: uppercase;
}

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


}

/*--------------------------------------------------------------
# Policies
--------------------------------------------------------------*/
#policies{
    border-top: 1px solid #765524;
    padding: 120px 0;
}
.policies-wrap{ width: 60%; margin: 0 auto; text-align: center;}

#policies p{
    margin-bottom: 35px;
}
#policies .title{
    margin-top: 80px;
    text-align: center;
    -webkit-text-stroke-width: 0.25px;
    -webkit-text-stroke-color: #000;
    font-family: "Gotu", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 115.362%; /* 27.687px */
}
#policies .desc{
    text-align: center;
    font-family: "Gotu", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 115.362%; /* 18.458px */
}

@media screen and (max-width: 768px) {
    .policies-wrap{ width: 100%; }
}
/*--------------------------------------------------------------
# Why us
--------------------------------------------------------------*/

#why-us{}
#why-us .box-whyus{ padding: 10px 40px; text-align: center;}
#why-us .box-whyus .img img{ width: 58px;}
#why-us .box-whyus .title{
    color: #525252;
    font-size: 12px;
    font-weight: 600;
    margin: 15px 0;
    text-transform: uppercase;
}

#why-us .box-whyus .desc{
    font-size: 12px;
    color: #848484;
    text-align: justify;
}

#why-us  hr {
    margin: 3rem 0;
    color: #E1B876;
    background: #E1B876;
    border-color: #E1B876!important;
}

@media screen and (max-width: 768px) {
    #why-us .box-whyus{ padding: 10px 0;}
}

/*--------------------------------------------------------------
# Teams
--------------------------------------------------------------*/

#teams .teamSwiper .imgbox{
    height: 234px;
}

#teams .teamSwiper .imgbox img{
    border-radius: 20px;
}

#teams .teamSwiper .info{
    text-align: center;
    margin-top: 20px;
}
#teams .teamSwiper .info .user-title{
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}
#teams .teamSwiper .info div{
    font-size: 12px;
    color: #848484;
}

#teams .swiper-button-next-01, #teams  .swiper-button-prev-01 {
    top: 90px;
}

#teams .swiper-button-next-01 {
    right: 0;
}

#teams  .swiper-button-prev-01 {
    left: 0;
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

#contact{
    margin: 120px 0;
}

#contact .section-header h2{
    margin-bottom: 15px;
}
#contact .section-header p{
    color: #888;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}
#contact #frmContact{
    margin: 0 auto;
}
#contact #frmContact input, #contact #frmContact textarea{
    border-radius: 0;
    border: 0.75px solid #C7C7C7;
    background: rgba(224, 216, 207, 0.30);
}
#contact-info{
    color: #7A6B61;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: -0.7px;
}
#contact-info a{
    color: #7A6B61;
}
#contact-info i{ font-size: 20px; margin-right: 12px; }

#contact #btnContact{
    padding: 6px 44px;
    background: #050505;
    border: none;
    color: #fff;
    text-transform: uppercase;
}

#panel-contact .contact-item i{ font-size: 35px; margin-right: 12px; color: #b48b24;}

@media screen and (max-width: 768px) {
    #contact{ padding-top: 20px;}
    #contact #frmContact{ padding: 0px 10px; margin-top: 20px;}
}

#accordionMission .accordion-item{ background: none!important; border: none!important;;}
#accordionMission .accordion-button{ background: none; font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;}
#accordionMission .accordion-button:focus{ border: none; box-shadow: none;}
#accordionMission .accordion-button img{ margin-right: 15px;}
#accordionMission{}
#accordionMission{}
#accordionMission{}

#hotline a{ font-size: 18px; font-size: 600; }

#footer {
    background: #7A6B61;
    color: #fff;

}
#footer a{
    color: #fff;
}
#footer #blogo{
}
#footer #blogo img{
        height: 100px;
}
#footer #footer_text{
    padding: 60px 0px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
}
#footer .title-footer{ margin-bottom: 30px;}
#footer .title-footer h2{
    font-family: "Gotu", sans-serif;
    font-size: 24px;
    margin-bottom: 0;
    text-transform: uppercase;
}
#footer .info-item i{ margin-right: 20px;}

#frmNewsletter{ margin: 0 auto; }
#frmNewsletter input{ border: none; border-radius: 60px; }
#frmNewsletter #btnNewsletter{ background: #C19847; margin-left:-30px; border: none; color: #fff; border-radius: 60px; padding: 0 20px;}

#bsocial {margin-top: 20px; margin-left: 18px;}
#bsocial img{margin-right: 20px;}

#footer .copyright{ border-top: 1px solid #fff; padding: 12px 0; }

@media screen and (max-width: 768px) {
    #bsocial{ margin-top: 15px;}
    #footer #blogo{
        text-align: center;
    }
    #footer #blogo img{
        margin: 0 auto;
    }
    #bsocial {margin-left: 25px;}
}

.post-box{}
.post-box .post-title a{
    display: block;
    color: #181C32;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.news-date{
    color: #707070;
    font-size: 14px;
    font-weight: 400;
}
.news-title{
    color: #181C32;
    font-size: 38px;
    font-weight: 600;
}
.news-content{ margin-top: 20px;}

.others-img{
    width: 80px;
    height: 80px;
}
.others-date{
    color: #707070;
    font-size: 12px;
    font-weight: 400;
}
.others-title{
    color: #181C32;
    font-size: 16px;
    font-weight: 600;
}

.pnCarousel {
    position: relative;
}
.pnCarousel .owl-theme .custom-nav {
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
}
.pnCarousel .owl-theme .custom-nav .owl-prev, .pnCarousel .owl-theme .custom-nav .owl-next {
    position: absolute;
    height: 100px;
    color: inherit;
    background: none;
    border: none;
    z-index: 100;
}
.pnCarousel .owl-theme .custom-nav .owl-prev i, .pnCarousel .owl-theme .custom-nav .owl-next i {
    font-size: 80px;
    color: #cecece;
}
.pnCarousel .owl-theme .custom-nav .owl-prev {
    left: 0;
}
.pnCarousel .owl-theme .custom-nav .owl-next {
    right: 0;
}

.pnCarousel .owl-carousel .owl-item img{ max-height: 350px; max-width: 100%; width: auto!important; margin: 0 auto;}

.pagination .page-item.active .page-link{ background-color: #E1B876;}
.pagination .page-item .page-link{}

:root {
    --swiper-navigation-size: 44;
}

.swiper-button-next-01, .swiper-button-prev-01 {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 999;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #474747;
    border-radius: 50%;
    border: 1px solid #E1B876;
    background: #fff;
    width: 60px;
    height: 60px;
}

.swiper-button-next-01, .swiper-button-prev-01 i{
    font-size: 20px;
}

.swiper-button-next-01 {
    right: 10px;
    left: auto;
}

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

.swiper-pagination-bullet-active{ background:#000;}

#btnbooking{ display: none; position: fixed; right: 15px; bottom: 15px; text-align: center; z-index: 110;}
#btnbooking img{width: 80px; }
@media screen and (max-width: 768px) {
    #btnbooking {
        display: block;
    }
}