.style2 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nav-social a.social-img-icons img {
    max-width: 30px;
    margin-bottom: 10px;
}
.removeButton {
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.item-booking .removeButton + .row > .col-md-6:first-child label{
    padding-left: 30px;
}
.circle-service-image {
    background-position: center;
    background-repeat: no-repeat;
}
#send_contact .form-group{
    position: relative;
}

.form-tooltip-error ul{
    margin: 0px;
    padding: 0px;
}
.form-tooltip-error ul li{
    margin: 0px;
}
.block_cart  .form-control{
    height: 40px;
}
.total-payment-info li{
    margin-bottom: 20px;
    line-height: 30px;
}
.block_line{
    display: flex;
}
.btn-book-search{
    height: 47px;
}
.total-payment-info .btn {
    height: 40px;
    line-height: 40px;
}
.box_map{
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}
.flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
ul#filter {
    background: #ccc;
    margin-bottom: 20px;
    text-align: center;
}
ul#filter li{
    display: inline-block;
}
ul#filter li a{
    padding: 10px;
    display: block;
    cursor: pointer;
}
.List_service_child {
    padding-left: 20px;
}
.service_home .item .thumb:after{
    display: none;
}
.service_home .item{
    position: relative;
}
.service_home .item  .sv-info{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 9;
    background-color: rgba(0,0,0,.50);
    visibility: visible;
    transition: opacity .4s;

}
h3.sv-name {
    padding-bottom: 20px;
    text-align: center;
}
h3.sv-name a {
    color: #fff;
}
.sv-description {
    color: #fff;
}
.service_home .item  .sv-info .sv-conten{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    padding: 20px;
    width: 100%;
}
.service_home .item{
    position: relative;
}
.service_home .item:hover .sv-info {
    opacity: 1;
}

.service_home .owl-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,0);
    margin-top: 0px;
}
.service_home .owl-nav .owl-next,.service_home .owl-nav .owl-prev {
    right: 0px;
    position: absolute;
    border: 0px;

}
.service_home .owl-nav .owl-next {
    right: 0px;
}
.service_home .owl-nav .owl-prev {
    left: 0px;
}
.service_home .owl-nav .owl-prev:before, .service_home .owl-nav .owl-next:before{
    font-size: 40px;
    font-weight: 600;
}
.footer-main .vt-time .col-2 {
    display: flex;
    padding: 3px;
}
.footer-main .vt-time .col-2 .col-lef {
    min-width: 100px;
    font-weight: 600;
}


.about-content img.img_about {
    float: left;
    padding-right: 20px;
    max-width: 50%;
    padding-bottom: 20px;
}
ul.btn_book_home {
    position: fixed;
    left: 0px;
    bottom: 80px;
    z-index: 9999;
    text-align: left;
    display: none;
}

ul.btn_book_home li a{
    display: block;
    background: #c50d0d;
    padding-top: 10px;
    border-radius: 0px 10px 10px 0px;
    padding: 10px 12px;
    border: 0px;

}


.btn_book_home i.fa.fa-phone {
    font-size: 30px;
}
.section-padding{
    padding: 50px;
}

ul.footer_infomaytion li {
    position: relative;
    line-height: 25px;
    padding-left: 75px;
}
.footer_infomaytion li spam {
    position: absolute;
    left: 0px;
    font-weight: 600;
}
.footer_infomaytion li a{color: #fff;}
.section-home:before{
    width: 100%;
    height: 100%;
    top: 0px;
    position: absolute;
    background-color: #00000040;
}
.itm-desc .desc-itm{
    position: relative;
}
.itm-desc .desc-itm .numb {
    position: absolute;
    display: block;
    width: 70px;
    height: 32px;
    background-color: #ffffff;
    border: solid 2px #e4e4e7;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    top: 5px;
}
.itm-desc .desc-itm:before {
    content: '';
    width: 2px;
    height: 100%;
    display: block;
    background-color: #e4e4e7;
    top: 25px;
    left: 35px;
    position: absolute;
}
.itm-desc .desc-itm .title {
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0.2px;
    color: #242526;
    padding-left: 80px;
}

.itm-desc .desc-itm .desc-ct {
    padding-left: 80px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.2px;
    color: #8f8f9d;
}
.pd-bt-40{
    padding-bottom: 40px;
}
section#tong-quan img {
    padding: 30px 10px;
}
.section-home-binh-duong{
    background-image: url("../images/happy-one-central-hoc.jpg");
}

.footer-main{
    line-height: 1.5;
}
.footer-main a{color:#FFF; font-size:18px;}
.page-heading img{
    width:100%;
}
#myModalCustomers .modal-header {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #121b72;
    color: #fff;
    font-size: 20px;
}
.modal {
    position: fixed;
    top: 10%;

    z-index: 9999;
}
.pading-image{
    padding: 0px  0px 30px 0px;
}
.pading-10{
    padding:10px 0px;
}
#hoi-dap .itm-desc .desc-itm .title {
    font-size: 16px;
    letter-spacing: 0;

}
#hoi-dap .itm-desc .desc-itm .numb {
    width: 32px;
    line-height: 26px;
}
#hoi-dap .itm-desc .desc-itm:before {
    left: 16px;
}
#hoi-dap .itm-desc .desc-itm .desc-ct,#hoi-dap .itm-desc .desc-itm .title {
    padding-left: 50px;
}
.section{
    padding-bottom: 20px;
}
.mfp-auto-cursor .mfp-content {
    width:100%;
    max-width: 800px;
    text-align: center;
}
a.hotline {
    font-size: 28px;
    color: red;
    font-weight: 600;
}
.text_hot {
    font-size: 16px;
    color: red;
}
.blog-img img {
    display: none;
}
.blog-img spam {
    background-position: center;
    padding-bottom: 75%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
}
.img-right{
    width:50%;
    max-width: 100%;
    float: right;
    padding: 15px;
}

.list_items{
    list-style: none;
}
.list_items > li{
    background: url("../images/mcheck.png") no-repeat 0px 11px;
    font-size: 16px;
    padding: 5px 0px;
    padding-left: 30px;
    border-bottom: 1px solid #ccc;
}
.list_items li strong {
    min-width: 150px;
    display: block;
    float: left;
    padding-right: 5px;
}
.list-client .item img {
    padding: 15px;
    border-radius: 50%;
}
#home_tong_quan iframe {
    max-width: 100%;
    width: 100%;
    height: 320px;
}
.vitri_discription{
    text-align: center;
    max-width: 800px;
    padding: 20px 0px;
    margin: auto;
}
.vitri_discription p{
    margin: auto;
    text-transform: initial;
    font-size: 16px;
    font-style: italic;
}

.div_fs {
    display: flex;
    flex-wrap: wrap;
}

.footer {
    padding-top: 20px;
}
.tip span { font-size: 40px; } p.tip { font-size: 18px; color: red; font-weight: 600; }

.vote-embed {
    padding: 15px;
}

.nav-left.stickUp .navbar-nav>li>a, .nav-left.nav-white .navbar-nav>li>a {
    color: #fff;
}
.list_news_rp a{
    padding: 6px 0px;
    display: block;
}
.page-heading img {
    max-height: 200px;
}

li.news-item {
    padding: 5px 0px;
    border-bottom: 1px solid;
}


.block_room {
    /*margin: 30px 0;*/
}
.block-x {
    background-color: #fff;
    margin: 30px 0px;
    padding: 0px;
}
.block-x h3{    padding: 10px 0px;}
.block_room{
    background-color: #f6f6f6;
    padding: 10px 0px;
    margin-bottom: 10px;
}
.floor{    padding: 10px;}
    
.cs-sy {
    position: relative;
    border: 1px solid #c6a470;
    text-align: center;
    padding: 65px 0px;
    margin-top: 40px;
    border-radius: 15px;
    border-radius: 27px 0px 0px 0px;
}
.n_socan {
    font-size: 22px;
    color: #c6a470;
    font-weight: bold;
}
.number1 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid;
    background: #c6a470;
    color: #fff;
    font-size: 27px;
    font-weight: bold;
    padding-top: 10px;
    position: absolute;
    left: -2px;
    top: -2px;
}


.modal-content .close {
    font-size: 35px;
    opacity: 1;
    margin-top: -50px;
}
.modal-open .modal{
    overflow: hidden;
}
.modal-content {
    position: relative;
    background-color: navajowhite;
}
.modal-body.bg-custom {
    background-image: url(../images/banner-37.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: center;
    background-position-y: top;
    padding-top: 50px;
    position: relative;
    overflow: hidden;
}
div#modalContent {
    max-width: 320px;
    text-align: center;
    margin: auto;
}
div#modalContent form{
    max-width: 260px;
    margin: 10px auto 120px auto;
}
div#modalContent form .form-btn {
    position: absolute;
    left: 50%;
    margin-left: -45px;
    bottom: 20px;
}
div#modalContent form .form-control {
    padding: 0px 7px;
    height: 35px;
}
div#modalContent .contact-form .form-group {
    margin-bottom: 7px;
}
div#modalContent h3 {
    margin-bottom: 10px;
}
img.banner-attr {
    position: absolute;
    right: 64px;
    top: 140px;z-index: 99
}
.bg-loadding{
    display: none;
    position: absolute;
    z-index: 9999333;
    width: 100%;
    height: 100%;
    top: 00px;
    margin: auto;
    text-align: center;
    background: #f4e1c5de;
    padding: 70px 0px;
}
.form-contact-sv .bg-loadding{
    padding: 0px;
    left: 0;
}
button.btn_contact {
    border-radius: 4px;
    background-color: #0a2fcc;
    border: 0px;
    min-width: 90px;
    padding: 6px;
    color: #fff;
}
button.btn_contact:hover {
    background-color: #fc7f3c;
}

.ds_fles {
    display: flex;
    flex-wrap: wrap;
}


#home_block .im-news-home{
    width: 100%;
    max-height: 500px;
}
#home_block h3{
    padding-top: 10px
}

@keyframes ldio-a2xcqf0qh0e {
    0% { opacity: 1 }
    100% { opacity: 0 }
}
.ldio-a2xcqf0qh0e div {
    left: 116.09px;
    top: 59.28px;
    position: absolute;
    animation: ldio-a2xcqf0qh0e linear 1.1363636363636362s infinite;
    background: #f41f49;
    width: 14.82px;
    height: 29.64px;
    border-radius: 7.41px / 14.82px;
    transform-origin: 7.41px 64.22px;
}.ldio-a2xcqf0qh0e div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.0416666666666665s;
    background: #f41f49;
}.ldio-a2xcqf0qh0e div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -0.9469696969696968s;
    background: #f41f49;
}.ldio-a2xcqf0qh0e div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.8522727272727271s;
    background: #f41f49;
}.ldio-a2xcqf0qh0e div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.7575757575757575s;
    background: #f41f49;
}.ldio-a2xcqf0qh0e div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.6628787878787877s;
    background: #f41f49;
}.ldio-a2xcqf0qh0e div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.568181818181818s;
    background: #f41f49;
}.ldio-a2xcqf0qh0e div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.4734848484848484s;
    background: #f41f49;
}.ldio-a2xcqf0qh0e div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.37878787878787873s;
    background: #f41f49;
}.ldio-a2xcqf0qh0e div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.284090909090909s;
    background: #f41f49;
}.ldio-a2xcqf0qh0e div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.18939393939393936s;
    background: #f41f49;
}.ldio-a2xcqf0qh0e div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.09469696969696968s;
    background: #f41f49;
}.ldio-a2xcqf0qh0e div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
    background: #f41f49;
}
.loadingio-spinner-spinner-xer6m8k04bl {
    width: 247px;
    height: 247px;
    display: inline-block;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.06135494109122985);
}
.ldio-a2xcqf0qh0e {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; 
}

.ldio-a2xcqf0qh0e div { box-sizing: content-box; }

.google-map iframe { width: 100%; height: 400px; } .menu_footer li a{ padding:7px;display: block; } i.fa.fa-hand-o-right { color: red; } .google-map iframe { width: 100%; min-height: 500px; } ul.footer_infomaytion li { line-height: 30px; padding-left: 80px; } .btn_book_home i.fa.fa-phone { color: #fff; }



@media (min-width: 769px){
    .nav-left.stickUp, .nav-left.nav-white {
        background: #fff;
        transition: all .6s ease;
        background-image: url(../images/thumb-1920-352340.jpeg);
        background-position: top left;
        background-size: cover;
    }
}
@media (max-width: 768px){
    .section-home-binh-duong{
        background-image: url("../images/happy-one-central-2.jpg");
    }
    img.banner-attr {
        right: -40px;
    }
    ul.btn_book_home{
        display: block;
    }
    .about-content img.img_about {
        float: none;
        padding-right: 0px;
        max-width: 100%;
        text-align: center;
    }
    .section-home h1 {
        font-size: 44px;
        line-height: 60px;
        font-weight: 600;
    }

    .img-right{
        width:100%;
    }
    #home_tong_quan iframe {

        height: 250px;
    }
    .list_items li strong {
        min-width: 50px;
    }
    .page-new h1 {
        font-size: 18px;
    }

}
@media (max-width: 480px){
    .service_home .item  .sv-info {
        opacity: 1;
        position: relative;
        background-color: #fff;
    }
    .service_home .item .sv-info .sv-conten {
        position: relative;
        transform: translate(0,0);
    }
    h3.sv-name a {
        color: #000;
    }
    .sv-description {
        color: #4c4848;
    }

}

.box_img_giftcard.active, .box_img_giftcard:hover {
    border-color:  #103a41;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover,
.active .circle_check,
.info_inner_booking .open_booking:hover,
a.btn, .btn, .btn-default, a.btn-default, .btn-primary, a.btn-primary,
.btn,
.call-to,
.call-to .h3,
.btn-primary{
    border-color:  #103a41;
    background-color: #103a41;
    color: #ffffff;

}
.call-to h3{
    font-size: 15px;
}
h2,h1,h3,h4,h5,
.title_appointment,
.color-main,
.title_gift,
.list_service optgroup,
.in-container-service h4,.price-item-number,
.nav-left.stickUp .navbar-nav>li>a:hover, .nav-left.nav-white .navbar-nav>li>a:hover,
.service-name{
    color: #103a41;
}
.modal_form_header h4{
    color: #ffffff;
}
.list_service optgroup option{
    color: #040404;
}
.circle-service-image {
    border: 3px solid #103a41;
}
.box_account_v1 .modal_form_header {
    border-bottom: 1px solid #103a41;
    background-color: #103a41;
    color: #ffffff;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #ffffff;
    background-color: #103a41;
    border-color: #103a41;
}
.block_cart .form-control {
    border: 1px solid  #103a41;
}
/*
mau sác phụ
*/

.footer{
    border-color:  #103a41;
    background-color: #103a41;
    color: #fff;
}
.footer-main h5, .footer-nav li a,.footer-social a{
    color: #fff;
}
.btn-primary:hover,
.btn:hover,

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    border-color:  #103a41;
    background-color: #103a41;
    color: #fff;
}
ul#filter li.active a{
    background-color: #103a41;
    color: #ffffff;
}
.desc-itm .desc-ct ul{
    list-style-type: revert-layer;
    margin-left: 20px;
}

.table-cs{ width: 100%; } .table-cs tr td{ border: 1px solid; padding: 3px; text-align: center; } .table-cs tr td.left{ text-align: left; } .home-content { display: flex ; flex-direction: column; align-items: center; justify-content: center; height: 100%; position: relative; overflow: hidden; } .comingsoon { font-size: 26px; color: red; font-weight: 600; z-index: 999; position: absolute; top: -31px; right: -107px; transform: rotate(45deg); padding-top: 90px; background: red; color: #fff; padding-left: 50px; padding-right: 50px } .comingsoon_bot { font-size: 26px; font-weight: 600; z-index: 999; position: absolute; bottom: -42px; left: -107px; transform: rotate(45deg); padding-bottom: 103px; background: red; color: #fff; padding-left: 50px; padding-right: 50px } .comingsoon_top { font-size: 26px; font-weight: 600; z-index: 999; position: absolute; bottom: -42px; right: -107px; transform: rotate(-45deg); padding-bottom: 103px; background: red; color: #fff; padding-left: 50px; padding-right: 50px } .comingsoon_right { font-size: 26px; font-weight: 600; z-index: 999; position: absolute; top: -42px; left: -107px; transform: rotate(-45deg); padding-top: 103px; background: red; color: #fff; padding-left: 50px; padding-right: 50px } .section-home h2 { font-size: 45px; } 
.section-home-binh-duong { background-image: url(/uploads/happyonelinhxuan/logo/2025/02/08/1_1738994113_1_happy-one-linh-xuan.jpg); }
.list_items li strong.dt{ width: 100%; display: block;} 
.table-cs tr.h{
    background-color: #2514f3;
    color: #fff;
    font-weight: bold;
}
@media (max-width: 768px) { .section-home { background-position: center; } 
                            .section-home-binh-duong { background-position: center; background-image: url(/uploads/happyonelinhxuan/filemanager/mobile-tong-quan-happyone-linh-xuan.jpg); } .section-home h2 { font-size: 2.5em; } .comingsoon_bot { font-size: 20px; padding-left: 70px; bottom: -50px; } .comingsoon { font-size: 20px; padding-top: 80px; padding-right: 50px; } .in-content .h1, .in-content h1 { font-size: 24px; } .in-container h2{ font-size: 18px; } }