@font-face {
    font-family: 'Kanit Bold';
    src: url('../font/Kanit-Bold.woff2') format('woff2'),
    url('../font/Kanit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit ExtraLight';
    src: url('../font/Kanit-ExtraLight.woff2') format('woff2'),
    url('../font/Kanit-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit Light';
    src: url('../font/Kanit-Light.woff2') format('woff2'),
    url('../font/Kanit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit Regular';
    src: url('../font/Kanit-Regular.woff2') format('woff2'),
    url('../font/Kanit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
    --hg-font-title: 'Kanit Regular', 'Kanit Regular';
    --hg-font-title-Italic: 'Kanit Light', 'Kanit Light';
    --hg-font-body: 'Kanit Light', 'Kanit Light';
    --hg-font-thai: 'Kanit Light', 'Kanit Light';

    --hg-color-secondary: #794f1d;
    --hg-color-pink: #83c4b9;

    --hg-color-light: #f7f7f0;
    --hg-color-body: #494239;
    --hg-bg: #fcfbfb;

    --hg-rgba-color-secondary: 121, 79, 29;
    --hg-rgba-color-light: 247, 247, 240;

}
::-moz-selection {
    background-color: var(--hg-color-pink);
    color: var(--hg-color-primary);
}

::selection {
    background-color: var(--hg-color-pink);
    color: #ffffff;
}

/*************************/
/* LANG TH */
/*************************/


/*************************/
header,
.lang_parent{
    background: #eff1ec;
}

h1 {
    font-size: 40px;
    font-family: var(--hg-font-title-Italic);
}

h2 {
    font-size: 30px;
}

hgroup {
    margin: 0;
}

hgroup h4 {
    margin: 0 0 10px;
}

b, strong {
    color: #382d1f;
}

hgroup h4:before {
    width: 25px;
    height: 25px;
    background: url('../images/icon/favicon.png');
    background-size: cover;
}

ul {
    margin: 0;
}


header:after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(28%) saturate(347%) hue-rotate(40deg) brightness(103%) contrast(89%);
}

.btn-reservation, .social-slide a:hover,
.discover_book{
    background: var(--hg-color-primary);
}

.btn-reservation:hover,
.social-footer a:hover, .mail:before, .mail:hover i,
.discover_book:hover{
    background: var(--hg-color-pink);
    color: #ffffff;
}


.navbar ul li a:hover, .navbar ul li a.active,
.contactus a:hover, .sitemap a:hover{
    color: var(--hg-color-primary);
}

.our-offers .tagline {
    color: var(--hg-color-primary);
}

.menu-footer a:hover, .copyright a:hover {
    color: var(--hg-color-pink);
}

.mail:hover {
    border: 1px solid var(--hg-color-pink);
    color: #ffffff;
}

.our-offers:before {
    background: #efecee;
}
.navbar .sub-menu {
    background: #fcfbfbc9;
}

.slider-show:after {
    height: 350px;
}

.highlight_features {
    text-align: center;
}

.highlight_features hgroup {
    margin: 0 0 50px;
}

.highlight_features .icon {
    padding: 0 25px;
    width: 33.33%;
    float: left;
}

.highlight_features .icon img {
    height: 50px;
    transform: scale(1);
    transition: all .5s
}

.highlight_features .icon p {
    margin: 10px 0 0;
}

.highlight_features .icon:hover img {
    transform: scale(1.15);
}

.description_child,
.book-mobile + main > .description_info {
    background: #efecee;
}

.description_info hgroup h4 {
    margin: 10px 0 0;
}

.description_info hgroup + .content {
    margin: 15px auto 0;
}

/*.description_info hgroup + .content p {*/
/*    margin: auto;*/
/*}*/

.gallery-strip {
    padding: 0;
}

.content + .gallery-strip,
.detail_room + .gallery-strip,
.include-room + .gallery-strip {
    padding: 100px 0 0;
}

.content + .gallery-strip .slick-prev,
.content + .gallery-strip .slick-next,
.include-room + .gallery-strip .slick-prev,
.include-room + .gallery-strip .slick-next {
    top: 62%;
}

.include-room [class*=col-xs-] {
    padding: 0 25px;
}

.navbar .sub-menu li {
    width: 100%;
}

.detail_stay {
    padding: 30px 0 0;
}

.detail_stay ul {
    display: inline-block;
    grid-template-columns: 1fr 1fr 1fr;
    vertical-align: top;
}

.detail_stay li {
    padding: 0 15px;
    line-height: 1.4;
}

.detail_stay li:before {
    font-size: 33px;
    color: var(--hg-color-primary)
}

.detail_stay li:nth-child(3):before {
    content: "\e905";
}

.detail_stay li:nth-child(4):before {
    content: "\e904";
}

.detail_stay li:nth-child(5):before {
    content: "\e927";
}

.editable {
    text-align: initial;
}

.tagline-offers hgroup,
.content-offers hgroup,
.description hgroup {
    margin: 0 0 15px;
}


.tagline-offers .editable,
.tagline-offers .editable p {
    text-align: left !important;
}


.main-sub a.active .ui-icon-plus:before,
.main-sub a.active .ui-icon-plus:after {
    background: var(--hg-color-primary);
}

.detail_facilities ul {
    display: block;
}

.detail_facilities li {
    padding: 0 35px;
    text-transform: capitalize;
}

.detail_facilities li:nth-child(1):before {
    content: "\e92d";
}

.detail_facilities li:nth-child(2):before {
    content: "\e92c";
}

.detail_facilities li:nth-child(3):before {
    content: "\e928";
}

.detail_facilities li:nth-child(4):before {
    content: "\e92b";
}

.detail_facilities li:nth-child(5):before {
    content: "\e905";
}

.detail_facilities li:nth-child(6):before {
    content: "\e92f";
}
.detail_facilities li:nth-child(7):before {
    content: "\e930";
}

.detail_facilities.detail_stay li:before {
    font-size: 26px;
}

.editable p + ul {
    margin: 15px 0 0;
}

.detail_room ul {
    margin: 0;
}

.our-offers .content-offers hgroup h4 {
    font-weight: bold;
    color: var(--hg-color-body);
}

.parallax-small img {
    height: 110%;
}

.detail_room ul li {
    padding: 5px 0;
    display: block;
}

.detail_room li:nth-child(1) {
    padding: 0 0 5px;
}

.collapse.show {
    visibility: inherit;
}

.nearby {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 15px 0 0;
}
.nearby h4 i {
    vertical-align: middle;
}

.card {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 15px 0 0;
    text-align: left;
}


.card-header {
    position: relative;
    padding: 8px 25px;
    border: 1px solid #d2d6c6;
    border-radius: 30px;
    text-align: left;
    cursor: pointer;
    transition: all .5s;
}

.card-header:after {
    content: '\e91c';
    font-family: icomoon;
    position: absolute;
    bottom: 0;
    right: 25px;
    top: 0;
    display: flex;
    align-items: center;
    transform: rotate(0deg);
}

.card-header.active:after {
    transform: rotate(180deg);
}

.card-body {
    position: relative;
    padding: 8px 25px 0;
    margin: 5px 0 0;
}

.card-header:hover,
.card-header.active {
    background: var(--hg-color-primary);
    color: #fff;
}
.logo-footer {
    margin: 0 0 10px;
}
.info_offers .btn-reservation {
    margin: 15px 0 0;
}
.child-item [class*=col-xs-]:nth-child(2) {
    padding-right: 0;
}
.child-item:nth-child(even) [class*=col-xs-]:nth-child(2) {
    padding-left: 0;
    padding-right: 50px;
}
.content_info .editable a {
    position: relative;
    padding: 15px 25px;
    background: var(--hg-color-primary);
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    will-change: transform;
    display: inline-block;
    margin: 15px 0 0;
    line-height: 1;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.content_info .editable a:after {
    content: "\e91b";
    font-family: icomoon;
    font-size: 14px;
    margin-left: 6px;
    display: inline-block;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.content_info .editable a:hover {
    transform: scale(1.05);
}
.content_info .editable a:hover:after {
    transform: rotate(45deg);
}
header, .lang_parent{
    background: #fcfbfb;
}
.reservation > [class*=col-xs-]:nth-child(1):after, header:after, .main-slider:after, main:after, .description_child:before, .content_info:before{
    content: none!important;
}
.slider-show .item:after{
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 100%);
}
.discover_more, .filter-controls li{
    border: 0.5px solid var(--hg-color-primary);
    color: var(--hg-color-primary);
}
.detail_room i, .include-room h4, .include-room ul li:before, .detail_room.detail_fac ul li::before{
    color: var(--hg-color-primary);
}
.filter-controls ul li.active, .filter-controls ul li:hover{
    background: var(--hg-color-primary);
}
.nav-lang img{
    vertical-align: middle;
}
.include-room ul li:before{
    top: 3px;
}
.social-slide a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.copyright{
    display: flex;
    align-items: center;
    justify-content: center;
}
.book-mobile + main{
    margin-top: 65px;
}
.primary-main{
    display: flow-root;
}
.hotline .tel{
    font-family: var(--hg-font-title);
}
.content p:nth-last-child(1){
    margin-bottom: 0;
}
.ui-icon-plus{
    top: 4px;
}
.filter-controls li{
    margin: 2px;
}