body {
    font-family: 'Sarabun', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
}



/* GLOBAL */
p {
    font-size: 16px;
    font-weight: normal;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.6rem;
}

h3 {
    font-size: 1.4rem;
}
h4 {
    font-size: 1.2rem;
}
.bold {
    font-weight: bold;
}

h5 {
    font-size: 18px;
}
.bg-red {
    background-color: #be1e2d;
}

.bg-blue {
    background-color: #0b1e35;
}

.bg-yellow {
    background-color: #e3c27d;
    border-color: #e3c27d;
}

.bg-white {
    background-color: #fff;

}
.bg-greenpastel {
    background-color: #00A79D;
}
.bg-brown {
    background-color: #726658;
}

.bg-grey{
    background-color: #6d6e71;
}
.bg-smoke{
    background-color: #F7F4F0;
}
.bg-sky {
    background-color: #01aaff;
}
.bg-skywhite {
    background-color: #DCF2F4;
}

.bg-brown {
    background-color: #726659;
}

.bg-black {
    background-color: #141414;
}

.bg-golden {
    background-color: #726658;
}

.bg-orange {
    background-color: #f9941e;
}

.bg-green {
    background-color: #548471;
}

.bg-cream {
    background-color: #ffe6bd;
}

.bg-lightcream {
    background-color: #ffefd7;
}

.border-sky {
    border-color: #01aaff !important;
}

.border-red {
    border-color: #be1e2d;
}

.border-blue {
    border-color: #0b1e35;
}

.border-green {
    border-color: #548471;
}

.border-cream {
    border-color: #ffe6bd;
}

.border-lightcream {
    border-color: #ffefd7;
}

.border-lightgrey {
    border-color: #d2d4d3 !important;
}
.color-green {
    color: #548471;
}

.color-cream {
    color: #ffe6bd;
}

.color-lightcream {
    color: #ffefd7;
}

.color-sky {
    color: #01aaff;
}

.color-cloud {
    color: #27aae2;
}
.color-blue {
    color: #0b1e35;
}

.color-red {
    color: #be1e2d;
}

.color-orange {
    color: #f9941e;
}
.color-yellow {
    color: #e3c27d;
}

.color-golden {
    color: #726658;
}

.color-drkblack {
    color: #303030;
}

.color-grey {
    color: #6d6e71;
}


a {
    color: #000;
}

a:hover {
    color: #01aaff;
    text-decoration: none;
}
#formsearch-header::placeholder{
    color: #d6d6d6;
}


.video-text-wrap {
    /* height: 4.2rem;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.new-text-wrap {
    /* height: 4.2rem;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.btn-open-cart {
    color: #fff !important;
    background-color: #be1e2d;
    border-color: #be1e2d;
    border-radius: 50px;

}

.btn-open-cart:hover {
    color: #be1e2d !important;
    background-color: transparent;
    border-color: #be1e2d;
    border-radius: 50px;
}

.btn-facebook {
    background-color: #29487d;
    color: #fff;
}

.btn-facebook:hover {
    background-color: #fff;
    color: #29487d;
    border-color: #29487d;

}

#icon_home ul li {
    list-style-type: none;
    display: inline;
    padding: 0;
    float: left;
}
.breadcrumb-item + .breadcrumb-item::before{
    padding-right: 0.2rem;
}
.btn-blue-color{
    background-color: #fff;
    border-color: #0190A1;
    color: #0190A1;
}
.btn-blue-color:hover{
    background-color: #0190A1;
    border-color: #0190A1;
    color: #FFF;

}


.btn-line-color{
    background-color: #07b53b;
    border-color: #07b53b;
    border-radius: 25px;
}
.btn-line-color:hover{
    background-color: #07b53b;
    border-color: #07b53b;
    border-radius: 25px;
}
/* GLOBAL */

/* HEADER */

#top_header {
    background-image: url('../images/bg_1.jpg');
}
.bg-navbar {
    background-color: #0b1e35;
}

.nav-sticky {
    position: sticky;
    top: 0;
    z-index: 999;
}

.navbar-dark .navbar-nav .nav-link {
    font-weight: 500;
    color: #fff;
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #01aaff;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #01aaff;
}

.navbar-dark .navbar-toggler {
    color: transparent;
    border-color: transparent !important;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(39, 170, 215, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* HEADER */


/* HOME */

#bg_category_advt {
    background-image: url('../images/bg_green.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 50px 0;
}

/* HOME */
/* BUSINESS */

#business .business_tab_rec p{
    font-size: 15px;
}
#business .abstract-text {
    font-size: 13px !important;
    color:  #6e6e70;
}

/* BUSINESS */

/* NEWS */
#top-header-news {
    background-image: url('../images/15.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 30px 0;
}
#news-bg-breadcrumb {
    background-color: #fffce3;
}

#news-bg-breadcrumb .breadcrumb {
    background-color: #fffce3;
}

#news-breadcrumb nav {
    background-image: unset !important;
}

/* NEWS */


/* PROMOTION */
#top-header-promotion {
    background-image: url('../images/14.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 30px 0;
}
#promotion-bg-breadcrumb {
    background-color: #fffce3;
}

#promotion-bg-breadcrumb .breadcrumb {
    background-color: #fffce3;
}

#promotion-breadcrumb nav {
    background-image: unset !important;
}

/* PROMOTION */

/* PROMOTION */
#top-header-fare {
    background-image: url('../images/16.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 30px 0;
}
#fare-bg-breadcrumb {
    background-color: #fffce3;
}

#fare-bg-breadcrumb .breadcrumb {
    background-color: #fffce3;
}

#fare-breadcrumb nav {
    background-image: unset !important;
}
/* fare */


/* video */
#clip_video {
    background-color: #000000;
}
/* Social contact */

/* Social contact */
#social_contact {
    background-color: #141414;
}

/* REVIEWS */

#reviews {
    background-color: #f4f2e4
}

/* REVIEWS */

/* STREAMING */

#steaming_video .custom-select {
    background-color:#be1e2d !important;
    color: #fff;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    background-size: 0.8em;

}

/* STREAMING */

/* Advertise */
#category_advt_page {
    background-image: url('../images/bg_green.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 0 0 50px 0;
}
/* Advertise */



/* FOOTER */
footer {
    background-color: #0b1e35;
}

footer p {
    color: #fff;
    font-size: 400;
    margin-bottom: 0px;
}
footer a {
    color: #fff;
    font-size: 400;
    margin-bottom: 0px;
}
footer  li::marker {
    color: #e3c27d;
    font-size: 1.3rem;
    font-weight: bold;
    /* display: inline-block;
    width: 1rem;
    margin-left: 2em; */
}

/* FOOTER */

@media (max-width: 575.98px) {

    p {
        font-size: 16px;
        font-weight: normal;
    }
    
    h1 {
        font-size: 1.7rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    h3 {
        font-size: 1.3rem;
    }
    h4 {
        font-size: 1.2rem;
    }
    
    h5 {
        font-size: 18px;
    }
       
    .bold {
        font-weight: bold;
    }

    .bg-navbar {
        background-color: #0b1e35;
    }


    .nav-sticky {
        position: sticky;
        top: 0;
        z-index: 999;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: #fff;
    }

    .navbar-dark .navbar-nav .show>.nav-link,
    .navbar-dark .navbar-nav .active>.nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #2480d9;
    }

    .navbar-dark .navbar-nav .nav-link:hover {
        color: #2480d9;
    }

    .navbar-dark .navbar-toggler {
        color: transparent;
        border-color: transparent !important;
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(39, 170, 215, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    /* HEADER */
    .dropdown-menu {
        padding: 0px 0px;
        border: transparent;
    }

    .nav-item .dropdown-item {
        padding: 6px 15px !important;
        border-bottom: transparent;
    }

    .nav-item .dropdown-item:hover {
        padding-top: 6px;
        padding-bottom: 6px;
        border-bottom: 1px solid #ccc;
    }

    #bg-top-home {
        background-image: url('../images/bg1.jpg');
        background-size: auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 100px 0;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .dropdown-menu {
        padding: 0px 0px;
        border: transparent;
    }

    .nav-item .dropdown-item {
        padding: 6px 15px !important;
        border-bottom: transparent;
    }

    .nav-item .dropdown-item:hover {
        padding-top: 6px;
        padding-bottom: 6px;
        border-bottom: 1px solid #ccc;
    }

    #bg-top-home {
        background-image: url('../images/bg1.jpg');
        background-size: auto;
        background-position: top;
        background-repeat: no-repeat;
        padding: 100px 0;
    }
}