 
    .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;
}

.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;
}


#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;
    }