body {
}
img
{
    max-width:100%
}
.gap5
{
    gap:5px
}
.gap10 {
    gap: 10px
}
.gap15 {
    gap: 15px
}
.m-0 {
    margin: 0;
}
.mt-0 {
    margin-top: 0
}
.mt-10 {
    margin-top: 10px
}
.mt-15 {
    margin-top: 15px
}
.mt-20 {
    margin-top: 20px
}
.mb-0 {
    margin-bottom: 0px !important
}
.mb-10 {
    margin-bottom: 10px
}


.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-40 {
    margin-bottom: 40px
}

.ptb20 {
    padding: 20px 0;
}

.font-size-7 {
    font-size: 7px
}

.font-size-10 {
    font-size: 10px
}

.font-size-11 {
    font-size: 11px
}

.font-size-12 {
    font-size: 12px
}

.font-size-13 {
    font-size: 13px
}

.font-size-14 {
    font-size: 14px
}

.font-size-15 {
    font-size: 15px
}

.font-size-16 {
    font-size: 16px
}

.font-size-17 {
    font-size: 17px
}

.font-size-18 {
    font-size: 18px
}

.font-size-19 {
    font-size: 19px
}

.font-size-20 {
    font-size: 20px
}

.font-size-2em {
    font-size: 2em
}

.pt-0 {
    padding-top: 0px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-45 {
    padding-top: 45px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-45 {
    padding-bottom: 30px;
}

.ptb-90 {
    padding: 90px 0
}

.ptb-50 {
    padding: 50px 0
}

.ptb-45 {
    padding: 45px 0
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pl-22 {
    padding-left: 22px;
}

.pr-22 {
    padding-right: 22px;
}

.plr150 {
    padding: 0 150px
}

.plr150 {
    padding: 0 150px
}

.plr1015 {
    padding: 10px 15px;
}

.p10 {
    padding: 10px
}
.header-sky .header-top .header-top-right, .header-sky .header-top .header-top-left {
    width: 40%;
    color: #fff;
}
.color-family {
    color: #0b9444;
}
.font-size-2em {
    font-size: 2em
}
.font-size-3em
{
    font-size:3em
}
.form-numberbook {
    width: 100%;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    border: none;
    color: #b3b3b3;
    padding: 10px 12px;
}
.rooms.rooms-v2 .wrap-rooms .wrap-box .content span
{
    text-align:left;
    font-weight:600
}
.rooms.rooms-v2 .wrap-rooms .wrap-box .box-img .rooms-content .sky-h4 a
{
    color:#fff
}
#blog a {
    color: #333
}
.box-data-blog img {
    border-radius: 7px;
    min-height: 267px;
    max-height: 267px;
    object-fit: cover;
}
.box-data-blog h2
{
    font-size:16px;
    font-weight:600
}
#blog h1 {
    font-size: 23px;
    font-weight: 600;
    margin: 0;
}
#blog .item:hover a h2 {
    color: #0b9444
}
    .box-data-blog p {
        margin: 0
    }
.header-sky .header-top .header-top-right a
{
    color:#fff;
    font-weight:600
}
.bg-white
{
    background:#fff
}
.p15
{
    padding:15px;
}
.p20 {
    padding: 20px;
}
.radius7
{
    border-radius:7px
}
.ptb30
{
    padding:30px 0
}
.breadrum ul, .brds ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.breadrum ul li
{
    color:#fff;
    font-size:14px;
    font-weight:600
}
    .breadrum ul li a
    {
        color:#fff
    }
        .breadrum ul li a::after {
            color: #fff;
            font-size: 16px;
            position: relative;
            content: "\f178";
            font: normal normal normal 14px / 1 FontAwesome;
            margin: 0 9px;
            font-weight: 900;
        }
    .brds ul li {
        background: #6e6e6e;
        padding: 10px 15px;
        font-size: 15px;
        font-weight: 600;
        border-radius: 4px;
    }
        .brds ul li a {
            color: #fff;
        }
        .brds ul li:hover, .brds ul li.active {
            background: #0b9444;
        }
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid
{
    display:grid
}
.PageNavigation {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top:20px
}
    .PageNavigation a.active {
        width: 30px;
        background-color: #239e56 !important;
    }
    .PageNavigation a
    {
        border-radius:4px;
    }
.content-next ul {
    padding-left: 15px;
}
.btnsend {
    background: #0b9444;
    border: none;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    border-radius: 7px;
}
.notifi_ {
    position: fixed;
    bottom: 25px;
    right: 15px;
    background: green;
    color: #fff;
    padding: 10px 15px;
    border-radius: 4px;
}
.list-prod ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#_pnCateChild .catecarousel .item a {
    gap: 15px;
    padding: 10px;
    color: #0b9444;
    height: 62px;
}

#_pnCateChild .item a:hover, #_pnCateChild .item a.active {
    border: #0b9444 solid thin;
    text-decoration: none;
    color: #0b9444;
    display: flex;
    justify-content: center;
    align-items: center;
}

#_allcate {
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.font-700 {
    font-weight: 700;
}
.font-600 {
    font-weight: 600;
}

.m0 {
    margin: 0;
}
.read-all
{
    color:#0b9444;
    font-weight:600
}
.banner-content h1
{
    color:#fff;
    text-transform:uppercase;
    font-weight:700
}
.detail-prod h2 {
    font-size: 22px;
    font-weight: 600
}
.modal.vertically-modal .modal-dialog {
    transform: translateY(-25%);
    top: 30%;
    margin: 0 auto;
}

.modal.vertically-modal.show .modal-dialog {
    transform: translateY(-50%);
}

.modal-content {
    max-height: 100vh;
    overflow-y: auto;
    padding: 20px;
}
/*.modal-body {
    max-height: 600px;
    overflow-y: auto;
    overflow-x:hidden
}*/
.modal-header, .modal-body, .modal-footer {
    padding: 0;
    border: none;
}
.modal-title {
    font-weight: 600;
    display: inline-block;
}
.bgf2f2f2 {
    background: #f2f2f2;
}
#library .item img {
    min-height: 116px;
    max-height: 116px;
    object-fit: cover;
    width:100%
}
.form-user
{
    height:41px
}
.colorred
{
    color:red
}
#cp1_boxbooking__cbServiceOther td, #cp1_boxbooking__rbMethodpay td {
    display: flex;
    align-items: center;
    gap: 10px;
}
#cp1_boxbooking__cbServiceOther input[type="checkbox"], #cp1_boxbooking__cbServiceOther label, #cp1_boxbooking__rbMethodpay input[type="radio"], #cp1_boxbooking__rbMethodpay label {
    margin: 0;
    font-weight: normal
}
.box-infopay p {
    margin: 0
}
.box-infopay {
    background: #0b94442e;
    padding: 15px;
    border-radius: 7px;
}
.flex
{
    display:flex
}
.flex-col
{
    flex-direction:column
}
.input-group.date
{
    width:100%
}
.section-slider .item .carousel-caption h1
{
    text-transform:uppercase
}
.header-sky .header-top {
    line-height: 20px;
}
@media (max-width: 480px) {
    #blog .grid-cols-3, .list-prod .grid-cols-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .modal.vertically-modal .modal-dialog {
        transform: unset;
        top: 0;
        margin: 0 auto;
        height: 100%;
        display: flex;
    }
    .form-numberbook {
        padding: 0
    }
}
@media (max-width: 960px) {
    .header-sky .header-top .header-top-right, .header-sky .header-top .header-top-left {
        width:auto
    }
    .bg-top-v {
        background: #0d904d;
    }
}