.sec-title .sub-title {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.product .item img, a,
.slider .slick-arrow, .navbar-collapse .dropdown-menu > li > a::before, .checkbox-container .checkmark, .checkbox-container .checkmark:after, .header .nav > li > a::after, .header .navbar-brand, .header .logo, .header .overlay, .footer .footer-main .link a .fa, .footer .footer-main .link-icon li, .news .item, .news .item .item-content, .news .item .title, .service .item img, .service .item .content, .service .item .content .title, .cart-footer .voucher .form button, .tab-menu li, .sec-payment .login-info .login-control .btn-social, .sec-payment .confirm-info .payment-advance .payment-logo a::after, .promo .item .title {
    transition: all 0.5s;
    /* IE 10+, Fx 29+ */
    -webkit-transition: all 0.5s;
    /* Safari 4+ */
    -moz-transition: all 0.5s;
    /* Fx 5+ */
    -ms-transition: all 0.5s;
    /* IE */
    -o-transition: all 0.5s;
    /* Opera 12+ */
}

.product .item:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.home-slide-img .item, .sec-contact .address {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sec-testi {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.has-bg-src::before, .home-slide-img .item::before, .appointment-staff .wrap-appointment-hours .date::before, .sec-payment .tab-menu li:last-child::before, .promo .item .wrap-img-cover.wrap-decoration .decoration-img + img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.employees-choice > * .wrap-img-cover, .scroll-top .btn, .social .fa, .sec-service .service-home .item .icon, .member .member-body .left .wrap-img-cover {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.quantity > *, .dropdown-menu, .date .input-group .input-group-addon, .header .navbar {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.date .input-group .input-group-icon, .promo .item .hot > div .text, .promo .item .title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.sec-service .service-home .item .title, .service .item .content .title, .cart-service .service-item .content .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.home-slide-img .item .content .title, .home-slide-img .item .content .desc, .sec-service .service-home .item .desc, .news .item .title, .service .item .content .desc, .promo .item .title, .product .item .fo-item .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.page-service-detail .item .content .title {
    max-height: 1000px !important;
    white-space: pre-wrap !important;
}

.page-service-detail .item .content .desc {
    max-height: 1000px !important;
    -webkit-line-clamp: inherit !important;
}

/**
 * Extracted from: Alert
 * Modified by: Istiak Tridip
 */
.success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
}

    .success-checkmark .check-icon {
        width: 80px;
        height: 80px;
        position: relative;
        border-radius: 50%;
        box-sizing: content-box;
        border: 4px solid #4CAF50;
    }

        .success-checkmark .check-icon::before {
            top: 3px;
            left: -2px;
            width: 30px;
            transform-origin: 100% 50%;
            border-radius: 100px 0 0 100px;
        }

        .success-checkmark .check-icon::after {
            top: 0;
            left: 30px;
            width: 60px;
            transform-origin: 0 50%;
            border-radius: 0 100px 100px 0;
            animation: rotate-circle 4.25s ease-in;
        }

        .success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
            content: '';
            height: 100px;
            position: absolute;
            background: #FFFFFF;
            transform: rotate(-45deg);
        }

        .success-checkmark .check-icon .icon-line {
            height: 5px;
            background-color: #4CAF50;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 10;
        }

            .success-checkmark .check-icon .icon-line.line-tip {
                top: 46px;
                left: 14px;
                width: 25px;
                transform: rotate(45deg);
                animation: icon-line-tip 0.75s;
            }

            .success-checkmark .check-icon .icon-line.line-long {
                top: 38px;
                right: 8px;
                width: 47px;
                transform: rotate(-45deg);
                animation: icon-line-long 0.75s;
            }

        .success-checkmark .check-icon .icon-circle {
            top: -4px;
            left: -4px;
            z-index: 10;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            position: absolute;
            box-sizing: content-box;
            border: 4px solid rgba(76, 175, 80, 0.5);
        }

        .success-checkmark .check-icon .icon-fix {
            top: 8px;
            width: 5px;
            left: 26px;
            z-index: 1;
            height: 85px;
            position: absolute;
            transform: rotate(-45deg);
            background-color: #FFFFFF;
        }

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@font-face {
    font-family: Montserrat;
    font-weight: 400;
    src: url(../fonts/Montserrat/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat;
    font-weight: 500;
    src: url(../fonts/Montserrat/Montserrat-Medium.ttf);
}

@font-face {
    font-family: Montserrat;
    font-weight: 600;
    src: url(../fonts/Montserrat/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: Montserrat;
    font-weight: 700;
    src: url(../fonts/Montserrat/Montserrat-Bold.ttf);
}

@font-face {
    font-family: Montserrat;
    font-weight: 800;
    src: url(../fonts/Montserrat/Montserrat-ExtraBold.ttf);
}

@font-face {
    font-family: Dancing Script;
    font-weight: 500;
    src: url(../fonts/Dancing_Script/DancingScript-Medium.ttf);
}

@font-face {
    font-family: Dancing Script;
    font-weight: 700;
    src: url(../fonts/Dancing_Script/DancingScript-Bold.ttf);
}

* {
    outline: 0 !important;
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: #000;
    word-wrap: break-word;
}

.body-fontfamily {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.title-fontfamily {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.2;
}

h1 {
    margin: 0;
}

.h1-main {
    position: fixed;
    top: -500px;
}

a {
    color: #000;
    outline: 0 !important;
    text-decoration: none !important;
}

    a:hover, a:focus {
        color: #c0edff;
    }

img {
    max-width: 100%;
    border: 0 !important;
    outline: 0 !important;
    vertical-align: middle;
}

ul {
    padding: 0;
}

ol {
    margin-left: 15px;
}

/* custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

::-webkit-scrollbar-thumb {
    background: #c0edff;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #c0edff;
    }

/* end custom scrollbar */
/* custom arrows from input number */
/* end custom arrows from input number */
/* common */
.d-block {
    display: block !important;
}

.d-none {
    display: none !important;
}

.bg-success {
    background: #4CAF50 !important;
}

.bg-warning {
    background: #ffc107 !important;
}

.bg-error {
    background: #F27474 !important;
}

.bg-cancel {
    background: #777 !important;
}

.bg-gray {
    background: rgb(180 227 253 / 20%) !important;
}

.text-success {
    color: #4CAF50 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-error {
    color: #F27474 !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.br {
    display: inline-block !important;
}

.vr {
    min-height: 22px;
    border-left: 1px solid;
}

.mail-break,
a[href^='mailto'] {
    word-break: break-all;
}

.text-center {
    text-align: center;
}

.wrap-img-cover {
    overflow: hidden;
}

    .wrap-img-cover img {
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
    }

.wrap-more {
    margin-top: 30px;
}

.price .price-old {
    font-size: 0.85em;
    margin-left: 5px;
    text-decoration: line-through;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-filter: alpha(opacity=50);
}

.quantity {
    display: flex;
}

    .quantity > * {
        border: 0;
        text-align: center;
        display: inline-block;
        height: 32px;
        width: 32px;
    }

    .quantity button {
        background: #efefef;
    }

        .quantity button:hover {
            background: #c0edff;
        }

    .quantity input::-webkit-outer-spin-button,
    .quantity input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .quantity input[type=number] {
        -moz-appearance: textfield;
    }

.pagination {
    margin: 30px 0 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    .pagination a {
        float: left;
        padding: 0;
        margin: 0 2px;
        height: 40px;
        width: 40px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #c0edff;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        transition: all 0.35s linear;
        -webkit-transition: all 0.35s linear;
        -moz-transition: all 0.35s linear;
        -ms-transition: all 0.35s linear;
        -o-transition: all 0.35s linear;
    }

        .pagination a:hover, .pagination a:focus, .pagination a.active {
            color: #000;
            background: #c0edff;
        }

        .pagination a.disabled {
            opacity: 0.5;
            filter: alpha(opacity=50);
            -webkit-filter: alpha(opacity=50);
            cursor: not-allowed;
            background: transparent !important;
        }

.ie .bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .ie .bg-cover img {
        display: none;
    }

/* end common */
.animated.fast {
    animation-duration: 0.5s !important;
}

/* bootstrap-datepicker */
.bootstrap-datetimepicker-widget .btn {
    color: #fff;
    color: #c0edff;
    border: 0;
    line-height: 1;
    height: auto;
    font-weight: 700;
}

.bootstrap-datetimepicker-widget .usetwentyfour td.hour {
    font-size: 40px;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #c0edff;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
    color: #000;
    background: #c0edff !important;
}

.bootstrap-datetimepicker-widget .timepicker-picker .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-picker .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-picker .timepicker-second {
    font-size: 2em;
}

.bootstrap-datetimepicker-widget .timepicker-picker .btn {
    color: #000;
}

.bootstrap-datetimepicker-widget .timepicker-picker .btn-primary {
    background: #c0edff;
    border-color: #c0edff;
    padding: 10px;
}

/* end bootstrap-datepicker */
/* select2 */
/* end select2 */
/* facebook plugin */
/* end facebook plugin */
.youtube iframe {
    width: 100%;
}

.accordion .select-customize.panel {
    margin-bottom: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

.employees-choice {
    padding-bottom: 5px;
}

    .employees-choice > * {
        vertical-align: top;
        display: inline-block;
        margin-top: 10px;
        font-weight: 500;
    }

        .employees-choice > * .wrap-img-cover {
            display: inline-block;
            vertical-align: middle;
            height: 40px;
            width: 40px;
            margin-top: -2px;
            line-height: 4px;
            border: 2px solid #c0edff;
        }

        .employees-choice > * .select {
            height: 40px;
            line-height: 40px;
        }

        .employees-choice > * .select {
            padding: 0 10px;
            background: #c0edff;
        }

    .employees-choice .employees .select {
        padding-left: 0;
        position: relative;
    }

        .employees-choice .employees .select::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 20px;
            background: #fff;
            z-index: 0;
        }

        .employees-choice .employees .select .wrap-img-cover {
            position: relative;
            z-index: 2;
        }

    .employees-choice .timestamp .select {
        border-top-right-radius: 999px;
        border-bottom-right-radius: 999px;
    }

.select-customize {
    position: relative;
}

    .select-customize .select {
        cursor: pointer;
    }

        .select-customize .select .fa {
            margin-left: 5px;
        }

    .select-customize .wrap-option {
        max-height: 260px;
        overflow-y: auto;
        padding: 10px 15px;
        position: absolute;
        z-index: 1000;
        background: #fff;
        box-shadow: 1px 2px 8px 0px rgba(119, 119, 119, 0.5);
        -webkit-box-shadow: 1px 2px 8px 0px rgba(119, 119, 119, 0.5);
        -moz-box-shadow: 1px 2px 8px 0px rgba(119, 119, 119, 0.5);
        -ms-box-shadow: 1px 2px 8px 0px rgba(119, 119, 119, 0.5);
        -o-box-shadow: 1px 2px 8px 0px rgba(119, 119, 119, 0.5);
    }

        .select-customize .wrap-option .option {
            padding: 3px 0;
            white-space: nowrap;
            cursor: pointer;
        }

            .select-customize .wrap-option .option .fa {
                font-size: 18px;
                color: #49cbff;
                margin-right: 5px;
                visibility: hidden;
            }

            .select-customize .wrap-option .option:hover .fa, .select-customize .wrap-option .option:focus .fa, .select-customize .wrap-option .option.active .fa {
                visibility: visible;
            }

@media (min-width: 768px) {
    .employees-choice {
        margin-top: -55px;
        margin-left: 150px;
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .timestamp .wrap-option {
        right: 0;
    }
}

/* section */
.sec {
    padding: 40px 0;
}

.sec-title {
    text-align: center;
    margin-bottom: 20px;
}

    .sec-title .title {
        color: #000;
        margin: 0;
        font-size: 28px;
        text-transform: capitalize;
    }

    .sec-title .sub-title {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .sec-title .separator {
        margin: 10px auto 0 auto;
    }

    .sec-title .desc {
        margin: 0 auto;
        margin-top: 30px;
        text-align: justify;
    }

.sec-text-light {
    color: #fff;
}

    .sec-text-light .title {
        color: #fff;
    }

    .sec-text-light .separator {
        background: #fff;
    }

.sec-title .separator {
    width: 90px;
    height: 3px;
    background: #c0edff;
}

.has-bg-src {
    position: relative;
}

    .has-bg-src::before {
        content: "";
        background: rgba(0, 0, 0, 0.2);
    }

@media (min-width: 768px) {
    .sec {
        padding: 60px 0;
    }

    .sec-title {
        margin-bottom: 40px;
    }

        .sec-title .title {
            font-size: 34px;
        }

        .sec-title .sub-title {
            font-size: 18px;
            letter-spacing: 1.5px;
        }
}

@media (min-width: 992px) {
    .sec-title .title {
        font-size: 36px;
    }
}

/* end section */
/* dropdown-menu */
.btn-lang img {
    margin-top: -2px;
}

.dropdown.lang img, .dropdown.lang a {
    width: 24px;
    height: auto;
}

.dropdown.lang .dropdown-menu {
    margin: 0;
    right: 0;
    left: auto;
    padding-top: 10px;
    background: transparent;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

    .dropdown.lang .dropdown-menu a {
        padding: 0 !important;
        margin: 3px 5px;
    }

    .dropdown.lang .dropdown-menu .lang-list {
        display: flex;
        background: #fff;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

.dropdown.lang:hover .dropdown-menu, .dropdown.lang:focus .dropdown-menu {
    display: block;
}

.header-desktop.scroll .btn-lang img, .header-mobile .btn-lang img {
    margin-left: 15px;
}

.header-desktop.scroll .dropdown.lang img, .header-desktop.scroll .dropdown.lang a, .header-mobile .dropdown.lang img, .header-mobile .dropdown.lang a {
    width: 30px;
}

.header-desktop.scroll .dropdown.lang .dropdown-menu, .header-mobile .dropdown.lang .dropdown-menu {
    right: -5px;
}

.dropdown-menu {
    min-width: 60px;
    padding: 0;
    border: 0;
    border-top: 4px solid #c0edff;
}

    .dropdown-menu.animated {
        animation-duration: 0.5s;
    }

.navbar-collapse .dropdown-menu > li > a {
    color: #000;
    font-size: 16px;
    padding: 7px 20px;
    letter-spacing: 0.3px;
    position: relative;
    padding-left: 30px !important;
    overflow: hidden;
    background: transparent;
}

    .navbar-collapse .dropdown-menu > li > a::before {
        content: "";
        position: absolute;
        top: 10px;
        left: -30px;
        height: 12px;
        width: 15px;
        background: #c0edff;
        border-top-right-radius: 999px;
        border-bottom-right-radius: 999px;
    }

    .navbar-collapse .dropdown-menu > li > a:hover, .navbar-collapse .dropdown-menu > li > a:focus {
        color: #c0edff;
    }

        .navbar-collapse .dropdown-menu > li > a:hover::before, .navbar-collapse .dropdown-menu > li > a:focus::before {
            left: 10px;
        }

.navbar-collapse .dropdown .dropdown-icon {
    color: #000;
    font-size: 16px;
    position: absolute;
    right: -2px;
    top: 37px;
}

.header-desktop.scroll .navbar-collapse .dropdown .dropdown-icon {
    top: 22px;
}

.header-desktop .navbar-collapse .dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown.open .dropdown-icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.header-mobile .navbar-collapse .dropdown-menu {
    position: relative;
    float: none;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

    .header-mobile .navbar-collapse .dropdown-menu > li > a {
        line-height: 40px;
    }

        .header-mobile .navbar-collapse .dropdown-menu > li > a::before {
            top: 20px;
        }

.header-mobile .navbar-collapse .dropdown .dropdown-icon {
    top: 0 !important;
    z-index: 10;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
}

/* end dropdown-menu */
/* form */
.form .row {
    margin: 0 -7.5px;
}

    .form .row > div {
        padding: 0 7.5px;
    }

label {
    font-weight: 500;
}

select option {
    font-weight: 300;
    padding: 5px 0;
}

textarea {
    resize: vertical;
}

.input-group {
    width: 100%;
}

.form-control {
    height: 50px;
    border: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 6px 12px;
    font-size: 1em;
    color: #555;
    background-color: #fff;
    position: relative;
    z-index: 2;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

    .form-control:focus {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
    }

.date .input-group {
    position: relative;
    background: #fff;
}

    .date .input-group input {
        width: 100%;
        background: transparent;
        text-align: left;
    }

    .date .input-group .input-group-icon {
        position: absolute;
        right: 0;
        padding-right: 12px;
    }

    .date .input-group .input-group-addon {
        font-size: 20px;
        border: 0;
        background: transparent;
    }

    .date .input-group .input-group-addon {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: right;
        line-height: 40px;
        z-index: 3;
    }

/* Customize the checkbox (the container) */
.checkbox-container {
    display: block;
    position: relative;
    width: 30px;
    cursor: pointer;
    user-select: none;
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* On mouse-over, add a background color */
    /* When the checkbox is checked, add a background */
    /* Show the checkmark when checked */
}

    .checkbox-container input {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
        height: 100%;
        width: 100%;
        z-index: 1;
        margin: 0;
    }

    .checkbox-container .checkmark {
        position: absolute;
        top: 20px;
        left: 0;
        height: 20px;
        width: 20px;
        border: 2px solid #49cbff;
        /* Create the checkmark/indicator (hidden when not checked) */
    }

        .checkbox-container .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            /*Stylethecheckmark/indicator*/
            left: 5px;
            top: 1px;
            width: 7px;
            height: 11px;
            border: solid #49cbff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
        }

    .checkbox-container input:checked ~ .checkmark:after {
        display: block;
    }

    .checkbox-container .checktext {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
    }

.radio-container {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    user-select: none;
}

    .radio-container:not(:first-child) {
        margin-left: 15px;
    }

    .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .radio-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        border: 2px solid #49cbff;
        border-radius: 50%;
    }

        .radio-container .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

    .radio-container input:checked ~ .checkmark:after {
        display: block;
    }

    .radio-container .checkmark:after {
        top: 4px;
        left: 4px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #49cbff;
    }

/* end form */
.btn {
    height: 50px;
    line-height: 48px;
    padding: 0 30px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-decoration: none;
    border-style: solid;
    border-width: 2px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    transition: all 0.35s linear;
    /* IE 10+, Fx 29+ */
    -webkit-transition: all 0.35s linear;
    /* Safari 4+ */
    -moz-transition: all 0.35s linear;
    /* Fx 5+ */
    -ms-transition: all 0.35s linear;
    /* IE */
    -o-transition: all 0.35s linear;
    /* Opera 12+ */
}

.btn-small {
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
}

.btn2 {
    color: #000;
    background: #c0edff;
    border-color: #c0edff;
}

    .btn2:hover, .btn2:focus {
        color: #fff;
        background: #000;
        border-color: #000;
    }

.btn1 {
    color: #fff;
    background: #49cbff;
    border-color: #49cbff;
}

    .btn1:hover, .btn1:focus {
        color: #fff;
        background: #000;
        border-color: #000;
    }

.btn-text {
    border: 0;
    font-size: 15px;
    color: #000;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: none;
    /* IE 10+, Fx 29+ */
    -webkit-transition: none;
    /* Safari 4+ */
    -moz-transition: none;
    /* Fx 5+ */
    -ms-transition: none;
    /* IE */
    -o-transition: none;
    /* Opera 12+ */
}

    .btn-text::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        background: #c0edff;
        transition: all 0.2s linear;
        /* IE 10+, Fx 29+ */
        -webkit-transition: all 0.2s linear;
        /* Safari 4+ */
        -moz-transition: all 0.2s linear;
        /* Fx 5+ */
        -ms-transition: all 0.2s linear;
        /* IE */
        -o-transition: all 0.2s linear;
        /* Opera 12+ */
        z-index: -1;
        height: 32%;
        top: 48%;
    }

    .btn-text:hover::after, .btn-text:focus::after {
        height: 100%;
        top: 0;
    }

    .btn-text.btn-small {
        line-height: 40px;
    }

/* slider */
.slider .wow, .slider .animated {
    display: none;
}

.slider .slick-current .wow,
.slider .slick-current .animated {
    display: block;
}

.slider .slick-arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    height: 30px;
    width: 30px;
    border: none;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: #c0edff;
    background: transparent !important;
    cursor: pointer;
    color: transparent;
}

    .slider .slick-arrow:hover, .slider .slick-arrow:focus {
        border-color: #c0edff;
    }

    .slider .slick-arrow::before {
        content: "";
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        color: #fff;
    }

    .slider .slick-arrow.slick-prev {
        left: 30px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

    .slider .slick-arrow.slick-next {
        right: 30px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
    }

.slick-dots {
    bottom: -30px;
}

    .slick-dots li button:before {
        font-size: 15px;
        color: #c0edff;
        opacity: 0.5;
        filter: alpha(opacity=50);
        -webkit-filter: alpha(opacity=50);
    }

    .slick-dots li.slick-active button:before {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-filter: alpha(opacity=100);
        color: #c0edff;
    }

.slider-light-control .slick-arrow {
    border-color: rgba(255, 255, 255, 0.7);
}

    .slider-light-control .slick-arrow:hover, .slider-light-control .slick-arrow:focus {
        border-color: #fff;
    }

.slider-light-control .slick-dots li button:before {
    color: #fff;
}

.slider-light-control .slick-dots li.slick-active button:before {
    color: #fff;
}

.slider-nav .slick-track {
    margin: 0;
}

.slider-nav .wrap-img {
    width: 60px !important;
    border: 1px solid #fff;
}

    .slider-nav .wrap-img.slick-current {
        border: 1px solid #c0edff;
    }

    .slider-nav .wrap-img:hover {
        cursor: pointer;
        border: 1px solid #c0edff;
    }

@media (min-width: 768px) {
    .slider-nav {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

        .slider-nav .slick-track {
            width: fit-content !important;
        }
}

@media (max-width: 1239px) {
    .slider .slick-arrow.slick-prev {
        left: 15px;
    }

    .slider .slick-arrow.slick-next {
        right: 15px;
    }
}

@media (max-width: 767px) {
    .slider .slick-arrow {
        height: 20px;
        width: 20px;
    }
}

/* end slider */
.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 90000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

    .loader .loader-icon {
        text-align: center;
    }

        .loader .loader-icon img {
            max-width: 150px;
            margin-bottom: 10px;
        }

        .loader .loader-icon .wrap-line {
            width: 150px;
            height: 8px;
            display: flex;
            overflow: hidden;
            background: #f2f2f2;
            border-radius: 999px;
            -webkit-border-radius: 999px;
            -moz-border-radius: 999px;
            -ms-border-radius: 999px;
            -o-border-radius: 999px;
        }

            .loader .loader-icon .wrap-line .line {
                width: 16px;
                height: 8px;
                margin-left: -8px;
                background: #c0edff;
                border-radius: 999px;
                -webkit-border-radius: 999px;
                -moz-border-radius: 999px;
                -ms-border-radius: 999px;
                -o-border-radius: 999px;
                animation: line 2s infinite;
                -webkit-animation: line 2s infinite;
                -moz-animation: line 2s infinite;
                -ms-animation: line 2s infinite;
                -o-animation: line 2s infinite;
            }

@keyframes line {
    50% {
        margin-left: 142px;
    }
}

.captcha,
.captcha-img {
    display: flex;
    align-items: center;
}

    .captcha img {
        height: 100%;
        width: auto;
        max-width: unset;
    }

    .captcha .captcha-img .code {
        height: 50px;
        margin: 0 5px;
    }

    .captcha .captcha-img .refresh img {
        height: 32px;
        width: 32px;
    }

@media (min-width: 576px) {
    .captcha .captcha-img .code {
        margin: 0 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .captcha .captcha-img .code {
        margin: 0 5px;
    }
}

/* == map info */
#map {
    height: 350px;
    width: 100%;
}

.map-info {
    display: flex;
}

    .map-info .wrap-img {
        width: 98px;
        margin-right: 15px;
    }

    .map-info .map-name {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 10px 0;
        color: #000;
    }

    .map-info a {
        color: #232;
        font-size: 14px;
    }

        .map-info a:hover {
            color: #c0edff;
        }

        .map-info a .fa {
            width: 15px;
            margin-right: 5px;
            text-align: center;
        }

@media (max-width: 991px) {
    .map-info .wrap-img {
        margin-right: 10px;
    }

    .map-info .map-name {
        margin-top: 0;
    }

    .map-info p {
        margin-bottom: 5px;
    }

    .map-info a {
        font-size: 13px;
    }
}

/* == end map info */
.search {
    max-width: 600px;
    margin: 20px auto 10px auto;
    display: flex;
}

    .search .inp-search {
        height: 40px;
        width: calc(100% - 40px);
        padding: 0 5px 0 12px;
        border: 1px solid #c0edff;
        overflow: hidden;
        border-top-left-radius: 999px;
        border-bottom-left-radius: 999px;
    }

    .search .btn-search {
        display: inline-block;
        height: 40px;
        padding: 0 20px 0 15px;
        line-height: 38px;
        text-align: center;
        color: #fff;
        background: #c0edff;
        border: 1px solid #c0edff;
        overflow: hidden;
        border-top-right-radius: 999px;
        border-bottom-right-radius: 999px;
    }

        .search .btn-search:hover, .search .btn-search:focus {
            background: #000;
            border-color: #000;
        }

.search-modal .content .btn-close .fa {
    font-size: 20px;
}

.page-search .top-info {
    margin-bottom: 15px;
}

    .page-search .top-info .title {
        margin-top: 0;
    }

.page-search .search-result-info {
    color: rgba(252, 211, 225, 0.6);
    margin-bottom: 5px;
}

.page-search .search-list .row > div:last-child .item {
    margin-bottom: 0;
}

.page-search .search-list .item {
    margin-bottom: 15px;
    display: flex;
}

    .page-search .search-list .item .wrap-img-cover {
        width: 100px;
        height: 100px !important;
        background: #fff;
    }

        .page-search .search-list .item .wrap-img-cover img {
            width: 100%;
            height: auto;
        }

    .page-search .search-list .item .content {
        padding: 7.5px;
    }

@media (max-width: 767px) {
    .page-search .top-info .title {
        font-size: 28px;
    }
}

@media (min-width: 768px) {
    .page-search .search-list .item .content {
        padding-left: 15px;
    }
}

.signup-link {
    margin-top: 10px;
    text-align: center;
}

    .signup-link a {
        font-size: 15px;
        font-style: italic;
        color: #49cbff;
        text-decoration: underline !important;
        cursor: pointer;
    }

.login .modal-content {
    position: relative;
}

    .login .modal-content .btn-close {
        position: absolute;
        top: -15px;
        left: -15px;
        z-index: 1;
        height: 40px;
        width: 40px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .login .modal-content .content {
        padding: 15px 0;
    }

        .login .modal-content .content .tab-content {
            margin-top: 15px;
        }

        .login .modal-content .content .checkbox-container {
            width: 100%;
            padding-left: 30px;
        }

            .login .modal-content .content .checkbox-container .checkmark {
                top: 0;
            }

        .login .modal-content .content .signup-group {
            text-align: center;
        }

            .login .modal-content .content .signup-group .signup-link {
                margin: 5px 0 30px 0;
            }

            .login .modal-content .content .signup-group .social {
                height: 45px;
                display: block;
            }

                .login .modal-content .content .signup-group .social a {
                    display: inline-block;
                }

.login .modal-body {
    background: rgb(226 247 255);
}

.login .submit {
    text-align: center;
}

    .login .submit .btn {
        min-width: 200px;
    }

@media (min-width: 768px) {
    .login .modal-content .btn-close {
        left: auto;
        right: -15px;
    }
}

@media (max-width: 767px) {
    .login .modal-dialog {
        margin: 20px 15px;
    }

        .login .modal-dialog .modal-body .submit .btn {
            width: 100%;
        }
}

.modal.in.auto-close {
    animation: fadeOutDown 0.5s ease-in-out 1.5s;
    -webkit-animation: fadeOutDown 0.5s ease-in-out 1.5s;
}

.modal.notification {
    margin: 10px;
    align-items: center;
    justify-content: center;
}

    .modal.notification .position {
        position: absolute;
        left: 50%;
        bottom: 100px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .modal.notification .content {
        min-width: 300px;
        max-width: 100%;
        padding: 30px 15px;
        background: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        text-align: center;
    }

        .modal.notification .content .logo {
            max-width: 150px;
            margin: auto;
        }

        .modal.notification .content .message {
            font-size: 1.2em;
        }

        .modal.notification .content .btn {
            margin-top: 10px;
            text-transform: none;
            letter-spacing: 0.03em;
            font-size: 0.95em;
        }

@media (min-width: 768px) {
    .modal.notification .position {
        bottom: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
}

@media screen and (orientation: landscape) {
    .modal.notification .position {
        bottom: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
}

.fast-notification {
    width: 140px;
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10000;
}

    .fast-notification .content {
        font-size: 14px;
        display: inline-block;
        background: rgba(252, 211, 225, 0.9);
        color: #000;
        padding: 5px 10px;
        text-align: center;
    }

/* scroll top */
.scroll-top {
    position: fixed;
    bottom: 15px;
    right: 30px;
    z-index: 10;
}

    .scroll-top .btn {
        font-size: 24px;
        height: 40px;
        width: 40px;
        line-height: 36px;
        padding: 0;
        background: rgb(204 239 252);
        border-color: rgb(204 239 252);
        border-width: 1px;
        color: #000;
        display: none;
        box-shadow: -1px 1px 6px #fff;
        -webkit-box-shadow: -1px 1px 6px #fff;
        -moz-box-shadow: -1px 1px 6px #fff;
        -ms-box-shadow: -1px 1px 6px #fff;
        -o-box-shadow: -1px 1px 6px #fff;
    }

        .scroll-top .btn:focus, .scroll-top .btn:hover {
            background: #fff;
            border-color: #c0edff;
            color: #c0edff !important;
        }

@media (max-width: 991px) {
    .scroll-top {
        right: 15px;
    }
}

@media (max-width: 767px) {
    .scroll-top {
        bottom: 60px;
    }
}

.page-detail {
    position: relative;
    overflow: hidden;
}

.page-detail-body {
    margin-top: 20px;
    padding: 0;
    text-align: justify;
}

    .page-detail-body .h1, .page-detail-body .h2, .page-detail-body .h3, .page-detail-body .h4, .page-detail-body .h5, .page-detail-body .h6, .page-detail-body h1, .page-detail-body h2, .page-detail-body h3, .page-detail-body h4, .page-detail-body h5, .page-detail-body h6 {
        font-weight: 600;
    }

    .page-detail-body a:hover {
        color: #49cbff;
    }

    .page-detail-body img {
        display: block;
        width: auto;
        margin: 20px auto 10px auto;
    }

    .page-detail-body ul, .page-detail-body ol {
        margin-left: 20px;
    }

    .page-detail-body ul {
        margin: 10px 0;
        list-style: none;
        position: relative;
        padding-left: 25px;
    }

        .page-detail-body ul li::before {
            content: "\f00c";
            font-family: "FontAwesome";
            color: #49cbff;
            font-size: 15px;
            position: absolute;
            left: 0;
        }

    .page-detail-body iframe {
        max-width: 100%;
    }

    .page-detail-body .share {
        margin-top: 20px;
    }

@media (min-width: 768px) {
    .page-detail-body ul {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .page-detail-body table td {
        display: block;
        width: 100%;
    }

    .page-detail-body table img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* header */
.header .btn-cart {
    position: relative;
    line-height: 30px !important;
}

    .header .btn-cart .fa {
        color: #000;
        font-size: 22px;
        margin: 0;
    }

    .header .btn-cart .cart-count {
        position: absolute;
        top: -10px;
        right: -10px;
        font-size: 0.95em;
        color: #fff;
        background: #e60023;
        height: 20px;
        line-height: 20px;
        min-width: 20px;
        padding: 0 4px;
        text-align: center;
        font-weight: 500;
        border-radius: 999px;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        -ms-border-radius: 999px;
        -o-border-radius: 999px;
    }

.header-mobile .btn-cart {
    margin-top: 7px;
    margin-right: 10px;
}

.header-mobile .nav .btn-cart {
    display: none;
}

.cart-count {
    font-weight: 700;
}

.btn-book-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 50px;
    padding: 0 15px 6px 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: -1px 1px 6px #fff;
    -webkit-box-shadow: -1px 1px 6px #fff;
    -moz-box-shadow: -1px 1px 6px #fff;
    -ms-box-shadow: -1px 1px 6px #fff;
    -o-box-shadow: -1px 1px 6px #fff;
}

    .btn-book-mobile .btn-cart {
        margin-left: 10px;
    }

        .btn-book-mobile .btn-cart .fa {
            color: #fff;
        }

.header {
    box-shadow: 5px 0px 6px #ccc;
    -webkit-box-shadow: 5px 0px 6px #ccc;
    -moz-box-shadow: 5px 0px 6px #ccc;
    -ms-box-shadow: 5px 0px 6px #ccc;
    -o-box-shadow: 5px 0px 6px #ccc;
}

    .header .navbar-header, .header .navbar-collapse {
        float: none;
    }

    .header .nav-bottom-mobile {
        display: none;
    }

    .header .navbar-brand {
        height: 70px;
        padding: 10px 15px;
        margin: 0 !important;
    }

        .header .navbar-brand img {
            height: 100%;
            width: auto;
        }

    .header .navbar {
        margin-bottom: 0;
        border: 0;
        min-height: 70px;
    }

    .header .nav {
        background: transparent;
    }

        .header .nav > li > a {
            background: transparent;
        }

            .header .nav > li > a:hover, .header .nav > li > a:focus {
                background: transparent;
            }

        .header .nav > li > a {
            color: #000;
        }

    .header .nav {
        margin-bottom: 0;
    }

        .header .nav > li {
            padding: 20px 14px;
        }

            .header .nav > li > a {
                height: 38px;
                line-height: 38px;
                padding: 0;
                font-weight: 600;
                letter-spacing: 0.03em;
                position: relative;
            }

                .header .nav > li > a::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    width: 0;
                    background: #c0edff;
                    z-index: -1;
                    height: 32%;
                    top: 48%;
                }

                .header .nav > li > a:hover::after, .header .nav > li > a:focus::after {
                    width: 110%;
                }

            .header .nav > li.active > a::after {
                width: 110%;
            }

        .header .nav .wrap-btn a::after {
            display: none;
        }

    .header .navbar-toggle {
        height: 34px;
        width: 44px;
        float: none;
        margin: 0;
        padding: 9px 10px !important;
        display: none;
    }

        .header .navbar-toggle .icon-bar {
            height: 2px;
            background: #000;
            transition: all 0.2s ease-in;
            /* IE 10+, Fx 29+ */
            -webkit-transition: all 0.2s ease-in;
            /* Safari 4+ */
            -moz-transition: all 0.2s ease-in;
            /* Fx 5+ */
            -ms-transition: all 0.2s ease-in;
            /* IE */
            -o-transition: all 0.2s ease-in;
            /* Opera 12+ */
        }

        .header .navbar-toggle.close {
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-filter: alpha(opacity=100);
        }

            .header .navbar-toggle.close .icon-bar:first-child {
                display: none;
            }

            .header .navbar-toggle.close .icon-bar:nth-child(2) {
                transform-origin: 42%;
                transform: rotate(45deg);
                margin: 0;
            }

            .header .navbar-toggle.close .icon-bar:nth-child(3) {
                transform-origin: 46%;
                transform: rotate(-45deg);
                margin: 0;
            }

    .header .top-mobile {
        display: none;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }

        .header .top-mobile .navbar-brand {
            padding: 5px 10px;
        }

        .header .top-mobile .right {
            margin-right: 10px;
            display: flex;
            align-items: center;
        }

            .header .top-mobile .right .fa {
                font-size: 26px;
                margin-left: 20px;
            }

            .header .top-mobile .right > :first-child .fa {
                margin-left: 0;
            }

@media (min-width: 1200px) {
    .header-desktop .btn-book-mobile {
        display: none;
    }

    .header-desktop .nav {
        display: flex;
        justify-content: center;
    }

        .header-desktop .nav .logo {
            display: none;
        }

        .header-desktop .nav a {
            font-size: 14px !important;
        }

    .header-desktop .navbar-header .top {
        display: flex;
    }

    .header-desktop .navbar-brand {
        position: relative;
        z-index: 1;
        padding-left: 0;
    }

    .header-desktop .dropdown {
        margin-right: 15px;
    }

    .header-desktop .top-desktop {
        background: #c0edff;
    }

        .header-desktop .top-desktop .content {
            height: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .header-desktop .top-desktop .content > * {
                margin: 0 -10px;
            }

            .header-desktop .top-desktop .content a {
                color: #000;
                font-size: 14px;
                padding: 0 10px;
            }

                .header-desktop .top-desktop .content a .fa {
                    font-size: 18px;
                }

            .header-desktop .top-desktop .content .left .fa {
                margin-right: 5px;
            }

            .header-desktop .top-desktop .content .right a {
                padding: 0 7px;
            }

                .header-desktop .top-desktop .content .right a:hover {
                    color: #fff;
                }

    .header-desktop .navbar-collapse .flex {
        width: 1170px;
        padding: 0 15px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .header-desktop .navbar-collapse .flex .logo {
            display: inline-block;
            height: 90px;
            padding: 5px 0;
        }

            .header-desktop .navbar-collapse .flex .logo a {
                height: 60px;
            }

                .header-desktop .navbar-collapse .flex .logo a img {
                    height: 100%;
                    width: auto;
                }

        .header-desktop .navbar-collapse .flex .nav > li {
            padding: 30px 14px 20px 14px;
        }

    .header-desktop.scroll .navbar-collapse {
        box-shadow: 5px 0px 6px #ccc;
        -webkit-box-shadow: 5px 0px 6px #ccc;
        -moz-box-shadow: 5px 0px 6px #ccc;
        -ms-box-shadow: 5px 0px 6px #ccc;
        -o-box-shadow: 5px 0px 6px #ccc;
    }

        .header-desktop.scroll .navbar-collapse .flex {
            position: relative;
            display: flex !important;
            justify-content: space-between;
        }

            .header-desktop.scroll .navbar-collapse .flex::before, .header-desktop.scroll .navbar-collapse .flex::after {
                display: none;
            }

            .header-desktop.scroll .navbar-collapse .flex > *::before, .header-desktop.scroll .navbar-collapse .flex::after {
                display: none;
            }

            .header-desktop.scroll .navbar-collapse .flex .logo {
                height: 70px;
            }

            .header-desktop.scroll .navbar-collapse .flex .nav {
                margin-left: 30px;
            }

                .header-desktop.scroll .navbar-collapse .flex .nav > li {
                    padding: 15px 10px;
                }

                    .header-desktop.scroll .navbar-collapse .flex .nav > li > a {
                        height: 35px;
                    }

                    .header-desktop.scroll .navbar-collapse .flex .nav > li .dropdown-menu a {
                        font-size: 14px;
                        letter-spacing: 0.5px;
                    }

            .header-desktop.scroll .navbar-collapse .flex .wrap-btn,
            .header-desktop.scroll .navbar-collapse .flex .top-desktop {
                display: none;
            }

            .header-desktop.scroll .navbar-collapse .flex .top-mobile {
                display: flex;
                width: auto;
            }

                .header-desktop.scroll .navbar-collapse .flex .top-mobile .right .fa {
                    cursor: pointer;
                    font-size: 24px;
                    margin-left: 15px;
                }
}

.header.scroll .navbar-collapse {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1000;
}

.header .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.15) !important;
    display: none;
}

/* == mobile navbar */
@media (max-width: 1199px) {
    .header-mobile {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
    }

        .header-mobile .top-desktop {
            display: none;
        }

        .header-mobile .nav-bottom-mobile {
            display: block;
            padding: 15px;
            border-top: 1px solid #f7f7f7;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

            .header-mobile .nav-bottom-mobile > * {
                margin-bottom: 10px;
            }

                .header-mobile .nav-bottom-mobile > * > * {
                    margin: 0 10px 10px 0;
                    display: inline-block;
                }

            .header-mobile .nav-bottom-mobile .nav-social .fa {
                font-size: 18px;
            }

        .header-mobile .navbar {
            background: #fff;
        }

        .header-mobile .navbar-header {
            float: none;
            margin: 0;
            padding: 0 5px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: #fff;
            box-shadow: 5px 0px 6px #ccc;
            -webkit-box-shadow: 5px 0px 6px #ccc;
            -moz-box-shadow: 5px 0px 6px #ccc;
            -ms-box-shadow: 5px 0px 6px #ccc;
            -o-box-shadow: 5px 0px 6px #ccc;
            display: flex;
            align-items: center;
        }

            .header-mobile .navbar-header::before, .header-mobile .navbar-header::after {
                display: none;
            }

            .header-mobile .navbar-header .top-mobile {
                display: flex;
            }

        .header-mobile .navbar-brand {
            height: 70px;
            margin-left: 0 !important;
        }

        .header-mobile .navbar-collapse {
            position: fixed;
            top: 71px;
            z-index: 1000;
            background: #fff;
            margin: 0;
            padding: 0;
            display: none !important;
            height: calc(100vh - 71px) !important;
            max-width: 300px;
            width: 280px;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            animation-duration: 0.3s;
            -webkit-animation-duration: 0.3s;
            -moz-animation-duration: 0.3s;
            -ms-animation-duration: 0.3s;
            -o-animation-duration: 0.3s;
        }

            .header-mobile .navbar-collapse .logo, .header-mobile .navbar-collapse .top-desktop {
                display: none;
            }

        .header-mobile .collapse.in {
            display: block !important;
        }

        .header-mobile .nav {
            margin: 0;
            float: none !important;
        }

            .header-mobile .nav > li {
                padding: 0;
                float: none !important;
            }

                .header-mobile .nav > li > a {
                    padding-left: 15px;
                    height: 45px;
                    line-height: 45px;
                    display: flex;
                    align-items: center;
                    justify-content: start;
                }

            .header-mobile .nav .logo {
                display: block;
                margin: 10px 0;
            }

                .header-mobile .nav .logo a {
                    border-bottom: 0;
                    height: 70px;
                }

                .header-mobile .nav .logo img {
                    height: 100%;
                    width: auto;
                    margin: auto;
                }

        .header-mobile .navbar-toggle {
            display: block !important;
        }

        .header-mobile.scroll .top-mobile .navbar-brand {
            height: 60px;
        }

        .header-mobile.scroll .navbar-collapse {
            top: 61px;
            height: calc(100vh - 61px) !important;
        }

    .header-desktop .navbar-collapse.collapse {
        padding: 0;
    }

    .header-mobile .overlay {
        height: 100vh;
        background: rgba(0, 0, 0, 0.15) !important;
    }
}

@media (max-width: 991px) {
    .header-mobile .navbar-header .navbar-brand {
        border: 0;
    }
}

/* == end mobile navbar */
@media (min-width: 768px) {
    .navbar-header .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .header .btn-book-mobile {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-filter: alpha(opacity=100);
    }

    .header-mobile .navbar-header .top-mobile .navbar-brand {
        padding-left: 5px;
        padding-right: 0;
    }
}

@media (max-width: 359px) {
    .header-mobile .navbar-header .top-mobile .right .fa {
        margin-left: 12px;
    }
}

/* end header */
.footer {
    padding-top: 40px;
    width: 100%;
    position: relative;
    color: #9b9b9b;
}

    .footer ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer .box-title {
        color: #000;
        font-size: 1.4em;
        font-weight: 600;
        margin: 0 0 15px 0;
        text-transform: uppercase;
        position: relative;
        display: inline-block;
        height: 32px;
    }

        .footer .box-title::after {
            content: "";
            position: absolute;
            left: 0;
            width: 110%;
            background: #c0edff;
            z-index: -1;
            height: 32%;
            top: 48%;
        }

    .footer p {
        font-size: 1em;
    }

    .footer a {
        font-size: 1em;
        color: #9b9b9b;
    }

        .footer a:hover, .footer a:focus {
            color: #000;
        }

    .footer .footer-main {
        padding-bottom: 15px;
    }

        .footer .footer-main .logo img {
            margin-bottom: 15px;
        }

        .footer .footer-main .link {
            margin-top: 20px;
        }

            .footer .footer-main .link li {
                margin-bottom: 5px;
            }

            .footer .footer-main .link a {
                margin-bottom: 7px;
            }

                .footer .footer-main .link a .fa {
                    color: #00aeef;
                    width: 15px;
                    margin-right: 5px;
                }

                .footer .footer-main .link a:hover .fa {
                    margin-right: 15px;
                }

        .footer .footer-main .link-icon li {
            position: relative;
            padding-left: 20px;
        }

            .footer .footer-main .link-icon li::before {
                content: "";
                position: absolute;
                top: 5px;
                left: 0;
                height: 12px;
                width: 15px;
                background: #02aeef;
                border-top-right-radius: 999px;
                border-bottom-right-radius: 999px;
            }

            .footer .footer-main .link-icon li:hover, .footer .footer-main .link-icon li:focus {
                padding-left: 25px;
            }

.social {
    margin-top: 10px;
    display: flex;
}

    .social .fa {
        color: #fff;
        height: 35px;
        width: 35px;
        font-size: 20px;
        line-height: 35px;
        margin-right: 10px;
        margin-bottom: 5px;
        text-align: center;
        transition: 0.3s;
        /* IE 10+, Fx 29+ */
        -webkit-transition: 0.3s;
        /* Safari 4+ */
        -moz-transition: 0.3s;
        /* Fx 5+ */
        -ms-transition: 0.3s;
        /* IE */
        -o-transition: 0.3s;
        /* Opera 12+ */
    }

    .social a {
        display: block;
    }

        .social a:last-child .fa {
            margin-right: 0;
        }

        .social a:hover .fa {
            height: 38px;
            width: 38px;
            line-height: 38px;
        }

    .social .fb {
        background: #4267b2;
    }

    .social .yt {
        background: #f00;
    }

    .social .tw {
        background: #1da1f2;
    }

    .social .in {
        background: #e64f46;
    }

    .social .trip {
        background: #00aa6c;
    }

    .social .go {
        background: #df4a32;
    }

@media (max-width: 767px) {
    .footer .footer-main .logo {
        text-align: center;
    }

        .footer .footer-main .logo .social {
            justify-content: center;
        }
}

.copyright {
    background: #c0edff;
    overflow: hidden;
    position: relative;
}

    .copyright .wrap-cr {
        padding: 15px 0 11px 0;
    }

    .copyright p {
        margin: 0;
        font-size: 14px;
        color: #000;
    }

    .copyright a {
        color: #000;
        font-weight: 600;
    }

        .copyright a:hover {
            color: #fff;
        }

        .copyright a:focus {
            color: #fff;
        }

    .copyright .design-by {
        text-align: right;
    }

@media (max-width: 767px) {
    .copyright p {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .copyright p {
        font-size: 14px;
    }
}

.breadcrumb > li::before {
    display: none;
}

.breadcrumb > li:after {
    padding-left: 5px;
    color: #ccc;
    content: "/\00a0";
}

.breadcrumb > li:last-child:after {
    display: none;
}

.breadcrumb-bg {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: url(../../assets/images/bg-breadcrumb.png) no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #c0edff;
}

    .breadcrumb-bg.has-bg-src::before {
        display: none;
    }

    .breadcrumb-bg .breadcrumb-text {
        font-size: 50px;
        font-family: "Dancing Script", cursive;
        color: #000;
        font-weight: 700;
        line-height: 1.1;
        margin: 0;
        padding: 40px 0;
        width: 100%;
        position: relative;
        text-shadow: 2px 3px 2px #c0edff;
    }

.wrap-breadcrumb {
    background: rgb(180 227 253 / 20%);
}

.breadcrumb {
    position: relative;
    background: transparent;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    color: #000;
}

    .breadcrumb .breadcrumb-item > * {
        font-size: 1em;
        font-weight: 400;
        display: inline-block;
    }

    .breadcrumb li a {
        font-weight: 500;
    }

        .breadcrumb li a:hover {
            color: #c0edff;
        }

@media (min-width: 768px) {
    .breadcrumb-bg .breadcrumb-text {
        font-size: 76px;
        padding: 60px 0;
        width: 70%;
    }
}

.home-slide-img {
    background: #c0edff;
}

    .home-slide-img.slick-slider {
        margin-bottom: 0;
    }

        .home-slide-img.slick-slider .slick-dots {
            bottom: 10px;
            right: 0;
            width: 40px;
        }

            .home-slide-img.slick-slider .slick-dots li {
                display: block;
            }

    .home-slide-img .item {
        min-height: 40vw;
        position: relative;
        overflow: hidden;
        background-position: 85% 0;
    }

        .home-slide-img .item::before {
            content: '';
            background: rgba(255, 255, 255, 0.6);
        }

        .home-slide-img .item .wrap-img-cover {
            width: 100%;
        }

        .home-slide-img .item .content {
            padding: 60px 0;
            margin-bottom: 0;
        }

            .home-slide-img .item .content .title {
                color: #000;
                margin: 0;
                font-size: 28px;
                line-height: 33px;
                -webkit-line-clamp: 2;
                max-height: 66px;
                /* Fallback for non-webkit */
            }

            .home-slide-img .item .content .separator {
                margin-top: 10px;
            }

            .home-slide-img .item .content .desc {
                color: #9b9b9b;
                margin-top: 25px;
                font-size: 1em;
                line-height: 21px;
                -webkit-line-clamp: 2;
                max-height: 42px;
                /* Fallback for non-webkit */
            }

            .home-slide-img .item .content .wrap-more {
                margin-top: 40px;
            }

@media (min-width: 768px) {
    .home-slide-img .slick-dots {
        bottom: 60px;
    }

    .home-slide-img .item {
        height: 35vw;
        min-height: 400px;
    }

        .home-slide-img .item::before {
            content: '';
            background: rgba(255, 255, 255, 0);
        }

        .home-slide-img .item .wrap-img-cover {
            padding-top: 40px;
        }

        .home-slide-img .item .content .title {
            font-size: 46px;
            line-height: 55px;
            -webkit-line-clamp: 2;
            max-height: 110px;
            /* Fallback for non-webkit */
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
        }
}

@media (min-width: 992px) {
    .home-slide-img .item .content {
        padding-right: 60px;
    }
}

.sec-intro .sec-title {
    text-align: left;
}

    .sec-intro .sec-title .separator {
        margin-left: 0;
    }

    .sec-intro .sec-title .top-content {
        color: #000;
        margin-top: 20px;
    }

    .sec-intro .sec-title .desc {
        color: #9b9b9b;
        margin-top: 15px;
    }

@media (max-width: 767px) {
    .sec-intro .content {
        margin-top: 30px;
    }
}

@media (min-width: 992px) {
    .sec-intro .sec-title .title {
        font-size: 46px;
    }

    .sec-intro .sec-title .top-content {
        margin-top: 30px;
    }

    .sec-intro .wrap-img-cover {
        margin-right: 40px;
    }
}

.sec-service .service-home .group-item .item:first-child {
    border-bottom: 1px solid #e7e7e7;
}

.sec-service .service-home .item {
    padding: 30px 15px;
    text-align: center;
}

    .sec-service .service-home .item .icon {
        margin: 0 auto;
        height: 80px;
        width: 80px;
        background: #c0edff;
        transition: all 0.2s;
        /* IE 10+, Fx 29+ */
        -webkit-transition: all 0.2s;
        /* Safari 4+ */
        -moz-transition: all 0.2s;
        /* Fx 5+ */
        -ms-transition: all 0.2s;
        /* IE */
        -o-transition: all 0.2s;
        /* Opera 12+ */
        box-shadow: 1px 2px 5px #ccc;
        -webkit-box-shadow: 1px 2px 5px #ccc;
        -moz-box-shadow: 1px 2px 5px #ccc;
        -ms-box-shadow: 1px 2px 5px #ccc;
        -o-box-shadow: 1px 2px 5px #ccc;
    }

        .sec-service .service-home .item .icon img {
            margin-top: 5px;
            transition: all 0.5s;
            /* IE 10+, Fx 29+ */
            -webkit-transition: all 0.5s;
            /* Safari 4+ */
            -moz-transition: all 0.5s;
            /* Fx 5+ */
            -ms-transition: all 0.5s;
            /* IE */
            -o-transition: all 0.5s;
            /* Opera 12+ */
        }

    .sec-service .service-home .item .title {
        line-height: 28px;
        max-height: 28px;
    }

    .sec-service .service-home .item .desc {
        color: #9b9b9b;
        margin-bottom: 0;
        font-size: 0.95em;
        line-height: 21px;
        -webkit-line-clamp: 2;
        max-height: 42px;
        /* Fallback for non-webkit */
    }

    .sec-service .service-home .item:hover .icon, .sec-service .service-home .item:focus .icon {
        box-shadow: 5px 5px 18px #ccc;
        -webkit-box-shadow: 5px 5px 18px #ccc;
        -moz-box-shadow: 5px 5px 18px #ccc;
        -ms-box-shadow: 5px 5px 18px #ccc;
        -o-box-shadow: 5px 5px 18px #ccc;
    }

        .sec-service .service-home .item:hover .icon img, .sec-service .service-home .item:focus .icon img {
            margin-top: -8px;
        }

@media (max-width: 767px) {
    .sec-service .service-home .group-item:first-child {
        border-bottom: 1px solid #e7e7e7;
    }
}

@media (min-width: 768px) {
    .sec-service .service-home {
        overflow: hidden;
    }

        .sec-service .service-home .left {
            display: flex;
            flex-wrap: wrap;
        }

            .sec-service .service-home .left > * {
                width: 50%;
                border-right: 1px solid #e7e7e7;
            }

            .sec-service .service-home .left .item {
                padding: 40px 15px;
            }
}

@media (min-width: 992px) {
    .sec-service .service-home {
        display: flex;
        flex-wrap: wrap;
        flex-flow: row-reverse;
    }

        .sec-service .service-home .container {
            padding: 0;
            width: 100%;
        }

        .sec-service .service-home .left {
            width: 55%;
        }

            .sec-service .service-home .left .item {
                padding: 50px 15px;
            }

        .sec-service .service-home .right {
            width: 45%;
        }

            .sec-service .service-home .right.has-bg-src {
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }
}

.time-news {
    color: #000;
    text-transform: uppercase;
}

    .time-news .day {
        font-size: 45px;
        display: inline-block;
        padding-right: 7px;
        font-weight: 400;
        font-family: "Dancing Script", cursive;
    }

    .time-news .year {
        font-size: 14px;
        display: inline-block;
        margin-left: 5px;
        line-height: 20px;
        border-left: 1px solid #000;
        padding-left: 16px;
        letter-spacing: 1px;
        font-weight: 500;
    }

        .time-news .year span {
            display: block;
        }

.news-list .pagination {
    margin-top: 10px;
}

.news {
    margin-left: -15px;
    margin-right: -15px;
}

    .news .item {
        margin: 10px 0 20px 0;
        box-shadow: 1px 2px 5px #ccc;
        -webkit-box-shadow: 1px 2px 5px #ccc;
        -moz-box-shadow: 1px 2px 5px #ccc;
        -ms-box-shadow: 1px 2px 5px #ccc;
        -o-box-shadow: 1px 2px 5px #ccc;
    }

        .news .item .item-content {
            padding: 30px 15px 30px 25px;
            border-left: 8px solid #c0edff;
            background: #fff;
        }

        .news .item .title {
            color: #000;
            font-size: 22px;
            line-height: 30px;
            height: 60px;
            overflow: hidden;
            margin-top: 10px;
            margin-bottom: 20px;
            font-size: 22px;
            line-height: 30px;
            -webkit-line-clamp: 2;
            max-height: 60px;
            /* Fallback for non-webkit */
        }

        .news .item:hover, .news .item:focus {
            box-shadow: 5px 5px 18px #ccc;
            -webkit-box-shadow: 5px 5px 18px #ccc;
            -moz-box-shadow: 5px 5px 18px #ccc;
            -ms-box-shadow: 5px 5px 18px #ccc;
            -o-box-shadow: 5px 5px 18px #ccc;
        }

            .news .item:hover .item-content, .news .item:focus .item-content {
                border-color: #c0edff;
            }

            .news .item:hover .title, .news .item:focus .title {
                letter-spacing: 0.5px;
            }

            .news .item:hover .btn-text::after, .news .item:focus .btn-text::after {
                height: 100%;
                top: 0;
            }

@media (min-width: 768px) {
    .news .item .title {
        font-size: 26px;
    }
}

.sec-testi {
    background-color: #c0edff;
    overflow: hidden;
}

    .sec-testi.has-bg-src::before {
        background: rgba(0, 0, 0, 0);
    }

    .sec-testi .sec-title {
        position: relative;
    }

    .sec-testi .sec-content {
        margin-bottom: 30px;
    }

.testi.slick-dotted {
    margin-bottom: 0;
}

.testi .item {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

    .testi .item::after {
        content: "";
        position: absolute;
        top: 20px;
        right: 50px;
        bottom: 20px;
        left: 20px;
        z-index: 0;
        border: 5px solid #fff;
    }

    .testi .item .wrap-img-cover {
        width: 30%;
        position: relative;
        z-index: 1;
        margin-bottom: 40px;
    }

    .testi .item .content {
        width: 70%;
        color: #000;
        background: #fff;
        padding: 20px 15px 15px 45px;
        margin: 40px 0 0 -30px;
    }

        .testi .item .content .fa {
            font-size: 24px;
            margin-right: 5px;
            color: #c0edff;
        }

        .testi .item .content .desc {
            margin-bottom: 15px;
        }

        .testi .item .content .author {
            font-size: 24px;
            font-family: "Dancing Script", cursive;
            letter-spacing: 0.5px;
            position: relative;
            z-index: 1;
            padding-bottom: 4px;
        }

            .testi .item .content .author::after {
                content: "";
                position: absolute;
                left: 0;
                width: 110%;
                background: #c0edff;
                z-index: -1;
                height: 32%;
                top: 48%;
            }

.page-service .service .item .title {
    margin-bottom: 5px;
}

.page-service .service .item .info {
    color: #49cbff;
    font-weight: 500;
    margin-bottom: 5px;
}

    .page-service .service .item .info > * {
        font-size: 15px;
        margin-right: 15px;
        display: inline-block;
    }

        .page-service .service .item .info > * .fa {
            margin-right: 5px;
        }

        .page-service .service .item .info > *:last-child {
            margin-right: 0;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .page-service .service .item .desc {
        display: none;
    }
}

.service .item {
    margin-bottom: 30px;
}

    .service .item:last-child {
        margin-bottom: 0;
    }

.service .item {
    background: #c0edff;
}

    .service .item .content {
        color: #000;
        background: #fff;
        padding: 20px;
        position: relative;
        z-index: 1;
    }

        .service .item .content .title {
            margin-top: 10px;
            line-height: 28px;
            max-height: 28px;
        }

        .service .item .content .desc {
            font-size: 1em;
            line-height: 22px;
            -webkit-line-clamp: 2;
            max-height: 44px;
            /* Fallback for non-webkit */
        }

        .service .item .content .wrap-more {
            margin-top: 20px;
        }

    .service .item:hover a .title {
        color: #c0edff;
    }

    .service .item:hover a img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

@media (max-width: 767px) {
    .service .item {
        padding-bottom: 10px;
    }

        .service .item .content {
            margin: -25px 15px 10px;
            text-align: center;
        }
}

.page-service-category .service-item-full .item {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .page-service-category .service-item-full .item {
        padding: 0;
    }

        .page-service-category .service-item-full .item > *:first-child {
            width: 45%;
        }

        .page-service-category .service-item-full .item > *:last-child {
            width: 55%;
        }

        .page-service-category .service-item-full .item .wrap-img-cover {
            min-height: 144px;
        }

        .page-service-category .service-item-full .item .content {
            padding: 15px;
            margin: 20px 20px 20px -25px;
            text-align: left;
        }

            .page-service-category .service-item-full .item .content .title {
                font-size: 20px;
                margin-top: 0;
                margin-bottom: 0;
            }

            .page-service-category .service-item-full .item .content .desc {
                display: none;
            }

            .page-service-category .service-item-full .item .content .wrap-more {
                margin-top: 10px;
            }

                .page-service-category .service-item-full .item .content .wrap-more .btn {
                    font-size: 13px;
                    height: 36px;
                    line-height: 32px;
                }
}

@media (min-width: 768px) {
    .service-item-full .item {
        display: flex;
        align-items: center;
    }

        .service-item-full .item > *:first-child {
            width: 60%;
        }

        .service-item-full .item > *:last-child {
            width: 40%;
            margin-left: -40px;
        }

        .service-item-full .item:nth-child(even) {
            flex-flow: row-reverse;
        }

            .service-item-full .item:nth-child(even) > *:last-child {
                margin-left: 0;
                margin-right: -40px;
                text-align: right;
            }

        .service-item-full .item .content .desc {
            display: block;
        }
}

@media (min-width: 1024px) {
    .service.service-item-full .item .content {
        padding: 30px 20px;
    }
}

.service2 .row {
    margin: -15px;
}

    .service2 .row [class^="col-"], .service2 .row [class*=" col-"] {
        padding: 15px;
    }

.service2 .item {
    overflow: hidden;
    padding-bottom: 10px;
}

    .service2 .item .content {
        padding: 20px;
        margin: -25px 15px 10px;
    }

        .service2 .item .content .desc {
            display: block;
        }

        .service2 .item .content .wrap-more .btn-add-cart {
            display: none;
        }

@media (max-width: 767px) {
    .service2 .row {
        margin: -15px -7.5px;
    }

        .service2 .row [class^="col-"], .service2 .row [class*=" col-"] {
            padding: 15px 7.5px;
        }

    .service2 .item {
        background: #fff;
        box-shadow: 1px 2px 5px #ccc;
        -webkit-box-shadow: 1px 2px 5px #ccc;
        -moz-box-shadow: 1px 2px 5px #ccc;
        -ms-box-shadow: 1px 2px 5px #ccc;
        -o-box-shadow: 1px 2px 5px #ccc;
    }

        .service2 .item .content {
            padding: 0;
            margin: 0;
        }

            .service2 .item .content .body {
                padding: 10px 7.5px 0 7.5px;
            }

            .service2 .item .content .title {
                margin-top: 0;
                font-weight: 600;
                font-size: 16px;
            }

            .service2 .item .content .info {
                height: 44px;
            }

            .service2 .item .content .desc {
                display: none;
            }

            .service2 .item .content .wrap-more {
                margin-top: 0 !important;
            }

                .service2 .item .content .wrap-more .btn-text {
                    font-size: 13px;
                    width: 120px;
                }

            .service2 .item .content .btn-add-cart {
                width: 100%;
            }

            .service2 .item .content:hover {
                box-shadow: 5px 5px 18px #ccc;
                -webkit-box-shadow: 5px 5px 18px #ccc;
                -moz-box-shadow: 5px 5px 18px #ccc;
                -ms-box-shadow: 5px 5px 18px #ccc;
                -o-box-shadow: 5px 5px 18px #ccc;
            }
}

.page-service-category.sec-related {
    padding-top: 0;
}

    .page-service-category.sec-related .service-item-full .item {
        margin-bottom: 0;
    }

.page-service-detail {
    padding-bottom: 0;
}

    .page-service-detail .item .slick-dotted {
        margin-bottom: 0;
    }

        .page-service-detail .item .slick-dotted .slick-dots {
            bottom: 0;
        }

    .page-service-detail .item .left {
        position: relative;
    }

        .page-service-detail .item .left::after {
            content: "";
            position: absolute;
            top: 15px;
            right: 30px;
            bottom: -15px;
            left: 0;
            z-index: 0;
            border: 3px solid #000;
        }

        .page-service-detail .item .left > div {
            position: relative;
            z-index: 1;
        }

    .page-service-detail .item .content {
        color: #000;
    }

        .page-service-detail .item .content .title {
            margin-top: 0;
            font-size: 28px;
            line-height: 1.1;
            text-transform: capitalize;
            text-transform: uppercase;
            font-weight: 400;
            letter-spacing: 1px;
        }

        .page-service-detail .item .content .desc {
            font-size: 0.95em;
            margin: 15px 0 0;
            text-align: justify;
            max-height: 1000px !important;
            -webkit-line-clamp: inherit !important;
        }

        .page-service-detail .item .content .info {
            display: flex;
            margin: 0 -5px;
        }

            .page-service-detail .item .content .info > * {
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                font-weight: 500;
                color: #000;
                height: 34px;
                padding: 0 15px;
                margin: 10px 5px;
                font-size: 0.95em;
                font-weight: 500;
                background: rgb(180 227 253 / 40%);
                border: 2px dashed #c0edff;
                border-top-right-radius: 999px;
                border-bottom-right-radius: 999px;
            }

        .page-service-detail .item .content .wrap-more .btn {
            box-shadow: 1px 2px 5px #ccc;
            -webkit-box-shadow: 1px 2px 5px #ccc;
            -moz-box-shadow: 1px 2px 5px #ccc;
            -ms-box-shadow: 1px 2px 5px #ccc;
            -o-box-shadow: 1px 2px 5px #ccc;
        }

    .page-service-detail .page-detail-body {
        margin: 0;
        padding: 10px 15px 30px 15px;
        background: rgb(180 227 253 / 20%);
    }

@media (max-width: 991px) {
    .page-service-detail .item {
        position: relative;
    }

        .page-service-detail .item .left {
            padding-left: 15px;
        }

        .page-service-detail .item .content {
            padding-top: 30px;
            text-align: center;
        }

            .page-service-detail .item .content .title {
                font-size: 28px !important;
            }

            .page-service-detail .item .content .info {
                justify-content: center;
            }
}

@media (min-width: 768px) {
    .page-service-detail::after {
        top: 350px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-service-detail .service .item .content .desc {
        display: none;
    }

    .page-service-detail .service .item .content .wrap-more {
        margin: 0;
    }
}

@media (min-width: 992px) {
    .page-service-detail .item .flex {
        display: flex;
        margin: 0 -15px;
        align-items: flex-start;
    }

        .page-service-detail .item .flex > div {
            padding: 0 15px;
        }

        .page-service-detail .item .flex .left {
            width: 60%;
            padding-left: 30px;
        }

            .page-service-detail .item .flex .left::after {
                left: 15px;
            }

        .page-service-detail .item .flex .right {
            width: 40%;
        }

        .page-service-detail .item .flex .content .title {
            margin-bottom: 15px;
        }
}

@media (max-width: 359px) {
    .page-service-detail .item .content .info > * {
        padding: 0 10px;
    }
}

.sec-related.page-service .service .slider {
    margin-bottom: 0;
}

.sec-cart .box-title {
    font-size: 24px;
    margin-top: 0;
    padding: 11px 10px;
    background: #c0edff;
}

.sec-cart .top-control {
    background: rgb(180 227 253 / 20%);
    padding: 15px;
}

.sec-cart .date label {
    font-weight: 600;
}

.sec-cart .date input {
    background: #c0edff;
}

.sec-cart .radio-button {
    margin-top: 30px;
}

    .sec-cart .radio-button p {
        font-weight: 600;
    }

    .sec-cart .radio-button .radio-container {
        display: block;
        margin-left: 0;
        font-weight: 400;
    }

.sec-cart .cart-service {
    margin-top: 30px;
}

.cart-service .item {
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #c0edff;
}

    .cart-service .item:first-child {
        border-top: 0;
    }

.cart-service .service-item {
    display: flex;
    flex-wrap: nowrap;
}

    .cart-service .service-item:first-child {
        border-top: 0;
    }

    .cart-service .service-item > *:first-child {
        max-width: 90px;
    }

    .cart-service .service-item > *:last-child {
        width: calc(100% - 90px);
        padding-left: 10px;
    }

    .cart-service .service-item .content .title {
        font-size: 1em;
        margin: 0;
        line-height: 26px;
        max-height: 26px;
    }

    .cart-service .service-item .content .info {
        font-size: 0.95em;
    }

        .cart-service .service-item .content .info > * {
            margin-right: 15px;
            display: inline-block;
        }

            .cart-service .service-item .content .info > * .fa {
                margin-right: 5px;
            }

            .cart-service .service-item .content .info > *:last-child {
                margin-right: 0;
            }

    .cart-service .service-item .content .control {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

        .cart-service .service-item .content .control .wrap-btn-text button {
            border: 0;
            font-size: 0.9em;
            line-height: 1;
            padding-top: 4px;
            background: #fff;
            opacity: 0.7;
            filter: alpha(opacity=70);
            -webkit-filter: alpha(opacity=70);
        }

            .cart-service .service-item .content .control .wrap-btn-text button .fa {
                font-size: 20px;
                margin-right: 3px;
            }

        .cart-service .service-item .content .control .wrap-btn {
            display: flex;
        }

            .cart-service .service-item .content .control .wrap-btn > .btn:first-child {
                margin-right: 5px;
            }

            .cart-service .service-item .content .control .wrap-btn .btn {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0;
                height: 36px;
                width: 36px;
            }

                .cart-service .service-item .content .control .wrap-btn .btn.btn-delete {
                    font-size: 18px;
                }

                .cart-service .service-item .content .control .wrap-btn .btn.btn-copy {
                    font-size: 13px;
                }

.cart-footer .position {
    position: sticky;
    top: 80px;
}

.cart-footer .wrap-total {
    background: rgb(180 227 253 / 20%);
    padding-top: 10px;
}

    .cart-footer .wrap-total .item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 500;
        padding: 5px 15px;
        margin-bottom: 10px;
    }

        .cart-footer .wrap-total .item.provisional-sum .price-sum {
            font-size: 20px;
        }

        .cart-footer .wrap-total .item.total {
            margin: 0;
            font-size: 24px;
            background: #c0edff;
        }

.cart-footer .voucher {
    padding: 15px 15px 5px 15px;
}

    .cart-footer .voucher .title {
        font-weight: 500;
    }

    .cart-footer .voucher .form {
        padding-left: 0;
        padding-right: 0;
    }

        .cart-footer .voucher .form > * {
            height: 40px;
        }

        .cart-footer .voucher .form input {
            text-align: left;
            font-weight: 400;
            border-bottom: 1px solid #c0edff;
        }

        .cart-footer .voucher .form button {
            width: auto;
        }

    .cart-footer .voucher .message {
        font-size: 15px;
    }

        .cart-footer .voucher .message span {
            font-weight: 600;
            text-transform: uppercase;
        }

.cart-footer .wrap-btn {
    margin-top: 20px;
}

    .cart-footer .wrap-btn .btn {
        width: 100%;
    }

    .cart-footer .wrap-btn .message {
        font-size: 0.85em;
        margin: 10px 0 0 0;
    }

.appointment-hours .cart-service .employees-choice {
    display: none;
}

.appointment-hours .cart-footer .wrap-btn .message {
    display: none;
}

.appointment-staff .wrap-appointment-hours .date {
    position: relative;
}

    .appointment-staff .wrap-appointment-hours .date > * {
        z-index: 0;
    }

    .appointment-staff .wrap-appointment-hours .date::before {
        content: "";
        background: rgba(255, 255, 255, 0.5);
        z-index: 2;
        cursor: not-allowed;
    }

@media (min-width: 768px) {
    .sec-cart .wrap-appointment-hours {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .sec-cart .wrap-appointment-hours .date {
            width: 300px;
        }

    .sec-cart .appointment-hours .cart-service .service-item .content .control {
        align-items: flex-end;
    }

    .sec-cart .appointment-staff .cart-service .service-item .content .control {
        align-items: flex-start;
    }

    .cart-service .service-item > *:first-child {
        max-width: 150px;
        height: auto;
    }

    .cart-service .service-item > *:last-child {
        width: calc(100% - 150px);
        padding-left: 20px;
    }

    .cart-service .service-item .content .info > * {
        margin-right: 60px;
    }

    .cart-service .service-item .content .control .wrap-btn > .btn:first-child {
        margin-right: 10px;
    }

    .appointment-hours .cart-service .service-item > *:last-child {
        padding-top: 10px;
    }

    .appointment-hours .cart-service .staff .staff-result .content, .appointment-hours .cart-service .staff .staff-list .content {
        display: flex;
        flex-wrap: wrap;
    }

        .appointment-hours .cart-service .staff .staff-result .content > *, .appointment-hours .cart-service .staff .staff-list .content > * {
            width: 50%;
        }
}

@media (min-width: 992px) {
    .sec-cart .sec-content {
        display: flex;
    }

        .sec-cart .sec-content > *:first-child {
            width: 65%;
            padding-right: 40px;
        }

        .sec-cart .sec-content > *:last-child {
            width: 35%;
        }

    .cart-footer .voucher {
        margin-top: 0;
    }

    .cart-footer .wrap-btn {
        margin-top: 27px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .cart-service .service-item .content .info {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .cart-service {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .cart-service .service-item .content .control .wrap-btn {
        margin-top: 7px;
    }

    .cart-service .staff .btn-open-staff-list {
        width: 100%;
    }

    .sec-cart .cart-service .service-item .wrap-img-cover {
        height: 90px !important;
    }
}

@media (max-width: 359px) {
    .cart-service .service-item .content .info > * {
        margin-right: 10px;
    }
}

@media (max-width: 410px) {
    .cart-service .staff .staff-item .timestamp .btn-choose-time {
        padding: 0 5px;
    }
}

@media (max-width: 400px) {
    .cart-service .cart-service-content .service-item .content .control .wrap-btn {
        width: 100%;
        justify-content: flex-end;
    }

        .cart-service .cart-service-content .service-item .content .control .wrap-btn > .btn:first-child {
            margin-right: 15px;
        }
}

.sec-cart ~ .sec-related.page-service .service .item .content .wrap-more .btn-add-cart {
    display: none;
}

.tab-menu {
    margin-left: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #49cbff;
}

    .tab-menu li {
        border: 1px solid #49cbff;
        border-bottom: 0;
    }

        .tab-menu li:first-child {
            border-top-left-radius: 10px;
        }

        .tab-menu li:last-child {
            border-top-right-radius: 10px;
        }

        .tab-menu li a {
            display: block;
            color: #000;
            padding: 10px 15px;
            font-weight: 500;
        }

        .tab-menu li.active, .tab-menu li:hover {
            background: #49cbff;
        }

            .tab-menu li.active a, .tab-menu li:hover a {
                color: #fff;
            }

.sec-payment .tab-menu li:last-child {
    position: relative;
}

    .sec-payment .tab-menu li:last-child::before {
        content: "";
    }

    .sec-payment .tab-menu li:last-child:hover {
        cursor: default;
        background: #fff;
    }

        .sec-payment .tab-menu li:last-child:hover a {
            color: #000;
        }

.sec-payment .box {
    margin-top: 30px;
}

.sec-payment .box-title {
    background: #c0edff;
    padding: 11px 10px;
    margin-top: 30px;
}

.sec-payment .login-info .login-control button {
    width: 100%;
    display: block;
}

.sec-payment .login-info .login-control .btn-signin {
    font-size: 1em;
    margin-top: 20px;
    display: block;
}

    .sec-payment .login-info .login-control .btn-signin .fa {
        font-size: 20px;
        margin-right: 8px;
    }

.sec-payment .login-info .login-control .btn-social {
    font-size: 15px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    color: #fff;
    border: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

    .sec-payment .login-info .login-control .btn-social .fa {
        font-size: 20px;
        float: left;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .sec-payment .login-info .login-control .btn-social.btn-fa {
        background: #4267b2;
    }

    .sec-payment .login-info .login-control .btn-social.btn-go {
        background: #df4a32;
    }

    .sec-payment .login-info .login-control .btn-social:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -webkit-filter: alpha(opacity=70);
    }

.sec-payment .login-info .customer-info .form .submit .btn {
    width: 100%;
}

.sec-payment .confirm-info .customer-info {
    margin-bottom: 30px;
}

    .sec-payment .confirm-info .customer-info .box-title {
        margin: 0 0 20px 0;
    }

    .sec-payment .confirm-info .customer-info .item {
        border-bottom: 1px solid #c0edff;
        padding-bottom: 5px;
    }

        .sec-payment .confirm-info .customer-info .item > *:first-child {
            width: 100%;
            font-weight: 500;
            font-size: 0.95em;
            display: inline-block;
            padding-bottom: 3px;
        }

        .sec-payment .confirm-info .customer-info .item > *:last-child {
            padding-left: 3px;
        }

.sec-payment .confirm-info .service-info .cart-service .service-item .content .info {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.sec-payment .confirm-info .payment-advance .payment-logo a {
    display: inline-block;
    width: 160px;
    margin: 5px 0;
    position: relative;
}

    .sec-payment .confirm-info .payment-advance .payment-logo a::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        background: #49cbff;
        height: 5px;
        border-bottom-left-radius: 999px;
        border-bottom-right-radius: 999px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-filter: alpha(opacity=0);
        bottom: -20px;
    }

    .sec-payment .confirm-info .payment-advance .payment-logo a:hover::after {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-filter: alpha(opacity=100);
        bottom: -10px;
    }

    .sec-payment .confirm-info .payment-advance .payment-logo a img {
        max-width: 150px;
    }

@media (max-width: 991px) {
    .sec-payment .login-info .box {
        margin-top: 0;
    }

        .sec-payment .login-info .box > * {
            padding: 40px 20px;
        }

        .sec-payment .login-info .box .login-control {
            background: rgb(180 227 253 / 20%);
        }

        .sec-payment .login-info .box .customer-info {
            background: #49cbff;
        }

    .sec-payment .confirm-info .cart-footer {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .sec-payment .tab-menu {
        overflow: hidden;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border: 1px solid #c0edff;
    }

        .sec-payment .tab-menu li {
            width: 100%;
            border: 0;
            border-radius: 0 !important;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            -ms-border-radius: 0 !important;
            -o-border-radius: 0 !important;
        }

            .sec-payment .tab-menu li a {
                width: 100%;
            }
}

@media (min-width: 768px) {
    .sec-payment .confirm-info .customer-info .item > *:first-child {
        width: 200px;
        border-right: 1px solid #c0edff;
    }

    .sec-payment .confirm-info .customer-info .item > *:last-child {
        padding-left: 3px;
    }

    .sec-payment .confirm-info .service-info .cart-service .service-item > *:last-child {
        padding-top: 0;
    }

    .sec-payment .confirm-info .service-info .cart-service .staff .staff-result .content {
        width: auto;
        display: block;
    }

    .sec-payment .confirm-info .service-info .staff {
        margin-left: 215px;
        margin-top: -57px;
    }

        .sec-payment .confirm-info .service-info .staff .staff-result > .content > div {
            width: auto;
            display: inline-block;
        }

        .sec-payment .confirm-info .service-info .staff .staff-result > .content .staff-item {
            align-items: center;
        }
}

@media (min-width: 992px) {
    .sec-payment .login-info .box {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }

        .sec-payment .login-info .box > *:first-child {
            width: 40%;
        }

        .sec-payment .login-info .box > *:last-child {
            width: 60%;
        }

        .sec-payment .login-info .box > * {
            padding: 60px 30px;
            position: relative;
            z-index: 1;
        }

        .sec-payment .login-info .box::after {
            content: "";
            position: absolute;
            z-index: 0;
            top: 0;
            right: 0;
            bottom: 0;
            left: 25%;
            background: #49cbff;
            box-shadow: 5px 5px 18px #ccc;
            -webkit-box-shadow: 5px 5px 18px #ccc;
            -moz-box-shadow: 5px 5px 18px #ccc;
            -ms-box-shadow: 5px 5px 18px #ccc;
            -o-box-shadow: 5px 5px 18px #ccc;
        }

        .sec-payment .login-info .box > *:first-child {
            padding-left: 0;
        }

            .sec-payment .login-info .box > *:first-child .body {
                height: 100%;
                padding: 40px 30px;
                box-shadow: -5px 5px 18px #ccc;
                -webkit-box-shadow: -5px 5px 18px #ccc;
                -moz-box-shadow: -5px 5px 18px #ccc;
                -ms-box-shadow: -5px 5px 18px #ccc;
                -o-box-shadow: -5px 5px 18px #ccc;
                position: relative;
                background: #fff;
            }

                .sec-payment .login-info .box > *:first-child .body > * {
                    position: relative;
                    z-index: 1;
                }

                .sec-payment .login-info .box > *:first-child .body::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    z-index: 0;
                    background: rgb(180 227 253 / 20%);
                }

    .sec-payment .confirm-info .box {
        display: flex;
    }

        .sec-payment .confirm-info .box > *:first-child {
            width: 65%;
            padding-right: 40px;
        }

        .sec-payment .confirm-info .box > *:last-child {
            width: 35%;
        }
}

.page-news-detail .sec-content {
    background: rgb(180 227 253 / 20%);
}

.page-news-detail .item {
    position: relative;
    padding: 40px 20px 0 20px;
}

    .page-news-detail .item > * {
        position: relative;
        z-index: 1;
    }

    .page-news-detail .item::after {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 40%;
        width: 100%;
        background: #c0edff;
    }

    .page-news-detail .item .time-news .day {
        font-size: 36px;
    }

    .page-news-detail .item .desc {
        margin: 10px 0 20px 0;
    }

.page-news-detail .page-detail-body {
    padding: 20px 20px 40px 20px;
}

@media (min-width: 768px) {
    .page-news-detail {
        padding-top: 60px;
    }

        .page-news-detail .item {
            padding: 40px 40px 0 40px;
        }

            .page-news-detail .item::after {
                bottom: 45%;
            }

            .page-news-detail .item .time-news {
                float: left;
                margin-right: 30px;
                margin-bottom: 10px;
            }
}

@media (min-width: 992px) {
    .page-news-detail .item {
        padding: 40px 60px 0 60px;
    }
}

@media (max-width: 767px) {
    .page-news-detail .container {
        padding: 0;
    }
}

.promo.row {
    margin: -15px;
}

    .promo.row > div {
        padding: 15px;
    }

.promo .item {
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}

    .promo .item .wrap-img-cover.wrap-decoration {
        position: relative;
    }

        .promo .item .wrap-img-cover.wrap-decoration .decoration-img {
            position: relative;
            z-index: 1;
        }

            .promo .item .wrap-img-cover.wrap-decoration .decoration-img + img {
                z-index: 0;
            }

    .promo .item .hot {
        position: absolute;
        top: 10px;
        right: 0;
        z-index: 4;
    }

        .promo .item .hot svg {
            width: 180px;
            height: 51px;
        }

            .promo .item .hot svg g {
                fill: #49cbff;
            }

        .promo .item .hot > div {
            position: relative;
        }

            .promo .item .hot > div .text {
                color: #fff;
                top: 45%;
                left: -10%;
                width: 100%;
                font-weight: 600;
            }

    .promo .item .title {
        color: #000;
        font-weight: 700;
        text-transform: uppercase;
        position: absolute;
        top: 55%;
        left: 0;
        right: 0;
        z-index: 2;
        margin: 0;
        padding: 0 20px;
        font-size: 18px;
        line-height: 26px;
        -webkit-line-clamp: 2;
        max-height: 52px;
        /* Fallback for non-webkit */
    }

    .promo .item .promo-time {
        font-size: 15px;
        color: #000;
        margin-top: -17px;
        position: relative;
        z-index: 5;
        font-weight: 500;
    }

    .promo .item .btn-text {
        display: none;
    }

    .promo .item:hover .title, .promo .item:focus .title {
        color: #49cbff;
    }

    .promo .item .item-content .wrap-decoration {
        position: relative;
        margin-top: -40px;
        z-index: 4;
    }

        .promo .item .item-content .wrap-decoration svg {
            width: 100%;
            height: auto;
        }

            .promo .item .item-content .wrap-decoration svg g {
                fill: #c0edff;
            }

.page-promo-detail {
    padding-bottom: 0;
}

    .page-promo-detail .item {
        position: relative;
    }

        .page-promo-detail .item .top-info {
            background: #fff;
            position: absolute;
            top: -17px;
            padding: 0 10px;
            z-index: 2;
            margin-left: 60px;
            font-size: 23px;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .page-promo-detail .item::after {
            content: "";
            position: absolute;
            top: 0;
            right: 30px;
            bottom: 30px;
            left: 30px;
            z-index: 1;
            border: 3px solid #49cbff;
        }

        .page-promo-detail .item .content {
            padding-top: 30px;
            position: relative;
            z-index: 2;
            display: flex;
            flex-wrap: wrap;
        }

            .page-promo-detail .item .content > * {
                width: 50%;
            }

            .page-promo-detail .item .content .left {
                position: relative;
            }

                .page-promo-detail .item .content .left > *:first-child {
                    margin-top: 40px;
                    margin-left: 60px;
                    padding: 5px 0;
                    color: #fff;
                    background: #49cbff;
                    font-size: 28px;
                    text-align: center;
                }

                    .page-promo-detail .item .content .left > *:first-child .promo-time span {
                        padding: 0 10px;
                    }

            .page-promo-detail .item .content .right > *:last-child {
                margin-left: -40px;
                margin-right: 60px;
                padding: 20px 20px 20px 60px;
                background: #49cbff;
                color: #fff;
                text-align: center;
            }

                .page-promo-detail .item .content .right > *:last-child .promo-percent {
                    padding: 15px 0;
                    border-top: 1px solid #fff;
                    border-bottom: 1px solid #fff;
                }

                    .page-promo-detail .item .content .right > *:last-child .promo-percent span {
                        font-weight: 500;
                        text-transform: uppercase;
                        display: block;
                    }

                        .page-promo-detail .item .content .right > *:last-child .promo-percent span.percent {
                            font-size: 42px;
                            line-height: 1;
                        }

    .page-promo-detail .page-detail-body {
        background: rgb(180 227 253 / 20%);
        margin-top: -120px;
        padding: 160px 30px 40px 30px;
    }

@media (max-width: 767px) {
    .page-promo-detail .item .top-info {
        top: -12px;
        font-size: 16px;
        margin-left: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .page-promo-detail .item .content > * {
        width: 100%;
    }

    .page-promo-detail .item .content .left:first-child {
        margin-top: 0;
    }

    .page-promo-detail .item .content .right > *:last-child {
        padding: 20px;
        margin-left: 0;
    }

        .page-promo-detail .item .content .right > *:last-child .promo-percent {
            padding: 10px 0;
        }

            .page-promo-detail .item .content .right > *:last-child .promo-percent span.percent {
                font-size: 32px;
            }

    .page-promo-detail .item .content .right img {
        display: none;
    }

    .page-promo-detail .item .content .left > *:first-child, .page-promo-detail .item .content .right > *:last-child {
        margin: 0;
    }

    .page-promo-detail .item .content .right img {
        display: none;
    }

    .page-promo-detail .page-detail-body {
        margin-top: -60px;
        padding: 90px 15px 40px 15px;
    }

    .sec-related .promo.slider .slick-dots {
        bottom: -15px;
    }
}

.sec-contact .box-title {
    margin-top: 0;
}

.sec-contact .address {
    color: #fff;
    background: #49cbff;
}

    .sec-contact .address .item {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

        .sec-contact .address .item > *:first-child {
            width: 30px;
            font-size: 20px;
        }

        .sec-contact .address .item > *:last-child {
            width: calc(100% - 30px);
        }

    .sec-contact .address a {
        color: #fff;
    }

        .sec-contact .address a:hover {
            color: #000;
        }

@media (max-width: 767px) {
    .sec-contact .box {
        padding: 30px 20px;
    }

    .sec-contact .message {
        background: rgb(226 247 255);
    }
}

@media (min-width: 768px) {
    .sec-contact .box-title {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .sec-contact .sec-content {
        display: flex;
        position: relative;
    }

        .sec-contact .sec-content > * {
            width: 50%;
            position: relative;
            z-index: 1;
        }

        .sec-contact .sec-content::after {
            content: "";
            position: absolute;
            z-index: 0;
            top: 0;
            right: 0;
            bottom: 0;
            left: 30%;
            background: rgb(226 247 255);
            box-shadow: 5px 5px 18px #ccc;
            -webkit-box-shadow: 5px 5px 18px #ccc;
            -moz-box-shadow: 5px 5px 18px #ccc;
            -ms-box-shadow: 5px 5px 18px #ccc;
            -o-box-shadow: 5px 5px 18px #ccc;
        }

        .sec-contact .sec-content .box {
            margin: 40px 20px;
        }

        .sec-contact .sec-content .address {
            display: flex;
            align-items: center;
            margin-left: 0;
            box-shadow: 5px 5px 18px #ccc;
            -webkit-box-shadow: 5px 5px 18px #ccc;
            -moz-box-shadow: 5px 5px 18px #ccc;
            -ms-box-shadow: 5px 5px 18px #ccc;
            -o-box-shadow: 5px 5px 18px #ccc;
        }

            .sec-contact .sec-content .address .body {
                padding: 40px 20px;
            }

            .sec-contact .sec-content .address .item {
                margin-top: 30px;
            }
}

@media (min-width: 992px) {
    .sec-contact .sec-content .box {
        margin: 60px 45px 60px;
    }

    .sec-contact .sec-content .address .body {
        padding: 45px;
    }
}

.member .member-header {
    position: sticky;
    top: 60px;
    z-index: 10;
    color: #fff;
    background: #49cbff;
    box-shadow: 0px 3px 6px #ccc;
    -webkit-box-shadow: 0px 3px 6px #ccc;
    -moz-box-shadow: 0px 3px 6px #ccc;
    -ms-box-shadow: 0px 3px 6px #ccc;
    -o-box-shadow: 0px 3px 6px #ccc;
}

    .member .member-header .content {
        display: flex;
        justify-content: space-between;
    }

        .member .member-header .content .hello {
            padding: 10px 15px;
        }

            .member .member-header .content .hello span {
                font-weight: 600;
            }

        .member .member-header .content .nav {
            display: flex;
        }

            .member .member-header .content .nav::before {
                display: none;
            }

            .member .member-header .content .nav a {
                padding: 10px 15px;
                border-left: 1px solid;
                color: #fff;
            }

                .member .member-header .content .nav a > * {
                    display: block;
                }

                .member .member-header .content .nav a .fa {
                    font-size: 24px;
                }

                .member .member-header .content .nav a span {
                    font-size: 14px;
                }

                .member .member-header .content .nav a:hover {
                    color: #000;
                }

.member .member-body {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

    .member .member-body > * {
        width: 100%;
    }

    .member .member-body .left .wrap-img-cover {
        position: relative;
        z-index: 1;
        height: 55vw;
        width: 55vw;
        max-width: 260px;
        max-height: 260px;
        margin: 0 auto;
        border: 8px solid #c0edff;
    }

    .member .member-body .left .content {
        max-width: 400px;
        margin-top: -60px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

        .member .member-body .left .content svg {
            width: 100%;
            height: auto;
        }

            .member .member-body .left .content svg g {
                fill: #c0edff;
            }

        .member .member-body .left .content .body {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2;
            text-align: center;
            margin-top: 60px;
            padding-top: 20px;
            font-weight: 500;
        }

            .member .member-body .left .content .body p {
                margin: 0;
            }

                .member .member-body .left .content .body p span:first-child {
                    font-size: 0.9em;
                }

                .member .member-body .left .content .body p span:last-child {
                    margin-left: 10px;
                }

                .member .member-body .left .content .body p:first-child span:first-child {
                    font-style: italic;
                }

            .member .member-body .left .content .body .score {
                color: #e60023;
                font-weight: 700;
            }

            .member .member-body .left .content .body .name {
                text-transform: capitalize;
                font-weight: 700;
                font-family: "Dancing Script", cursive;
                font-size: 30px;
                color: #49cbff;
            }

    .member .member-body .right {
        padding: 30px 15px;
        background: rgb(180 227 253 / 20%);
    }

        .member .member-body .right .member-info > p {
            font-size: 0.9em;
        }

    .member .member-body .form .form-group {
        margin-bottom: 25px;
        position: relative;
    }

        .member .member-body .form .form-group::after {
            content: "\f040";
            font-family: "FontAwesome";
            position: absolute;
            right: 0;
            bottom: 5px;
            z-index: 2;
            color: #000;
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-filter: alpha(opacity=0);
            transition: all 0.3s;
            /* IE 10+, Fx 29+ */
            -webkit-transition: all 0.3s;
            /* Safari 4+ */
            -moz-transition: all 0.3s;
            /* Fx 5+ */
            -ms-transition: all 0.3s;
            /* IE */
            -o-transition: all 0.3s;
            /* Opera 12+ */
        }

        .member .member-body .form .form-group:hover::after {
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-filter: alpha(opacity=100);
        }

        .member .member-body .form .form-group.readonly input {
            font-weight: 500;
            opacity: 0.5;
            filter: alpha(opacity=50);
            -webkit-filter: alpha(opacity=50);
        }

        .member .member-body .form .form-group.readonly:hover::after {
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-filter: alpha(opacity=0);
        }

    .member .member-body .form label {
        margin-bottom: 0;
        font-weight: 600;
    }

    .member .member-body .form input, .member .member-body .form textarea {
        padding-right: 20px;
        border-bottom: 1px solid #49cbff;
        background: transparent;
        color: #000;
        padding-left: 0;
    }

    .member .member-body .form input {
        height: 30px;
    }

    .member .member-body .form textarea {
        padding-top: 3px;
        padding-bottom: 0px;
    }

    .member .member-body .form .submit {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .member .member-body .form .submit > *:first-child {
            margin-bottom: 5px;
        }

        .member .member-body .form .submit .btn .fa {
            font-size: 20px;
            margin-right: 5px;
        }

@media (min-width: 768px) {
    .member .member-header a {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        .member .member-header a span {
            display: inline !important;
            padding-left: 8px;
        }

    .member .member-body > * {
        width: 50%;
    }

    .member .member-body .left {
        padding: 30px;
    }

        .member .member-body .left .wrap-img-cover {
            height: 30vw;
            width: 30vw;
        }

    .member .member-body .right {
        padding: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .member .member-body .left .content .body {
        padding-top: 0;
    }
}

@media (min-width: 1200px) {
    .member .member-header {
        top: 70px;
    }
}

@media (max-width: 767px) {
    .member .member-header .content .hello {
        display: none;
    }

    .member .member-header .content .nav {
        width: 100%;
        justify-content: space-between;
    }

        .member .member-header .content .nav a {
            width: 100%;
            text-align: center;
            padding: 5px 15px;
        }

            .member .member-header .content .nav a > * {
                width: 100%;
            }

            .member .member-header .content .nav a:first-child {
                border-left: 0;
            }

            .member .member-header .content .nav a span {
                font-size: 12px;
                margin-top: 3px;
            }

    .member .member-body .left {
        margin-bottom: 30px;
    }

        .member .member-body .left .content .body {
            padding-top: 10px;
        }
}

.appointment-item .top-info {
    height: 40px;
    display: flex;
    align-items: center;
    font-weight: 600;
    border-bottom: 1px solid #49cbff;
}

    .appointment-item .top-info .left {
        width: 100%;
        padding-left: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .appointment-item .top-info .status {
        height: 40px;
        line-height: 39px;
        padding: 0 15px;
        font-size: 15px;
        display: inline-block;
        color: #fff;
        min-width: 100px;
        text-align: center;
        border-top-left-radius: 999px;
        border-bottom-left-radius: 999px;
        cursor: default;
    }

        .appointment-item .top-info .status.bg-exit {
            cursor: pointer;
            background: #49cbff;
        }

            .appointment-item .top-info .status.bg-exit:hover {
                background: #000;
            }

.appointment-item .confirm-info .customer-info {
    display: none;
}

.appointment-item .cart-footer .position {
    position: relative;
    top: 0;
}

@media (max-width: 767px) {
    .appointment-item .top-info .left > *:first-child {
        display: none;
    }

    .appointment-item .confirm-info .customer-info {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .appointment-item .top-info .left {
        padding-right: 15px;
    }
}

@media (min-width: 768px) {
    .appointment-item .top-info .left .status span {
        display: block;
    }
}

@media (min-width: 992px) {
    .appointment-item .top-info .left {
        width: 65%;
        padding-right: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .appointment-item .top-info .right {
        display: block;
        width: 35%;
        text-align: right;
    }
}

.appointment-history .appointment-item {
    margin-top: 40px;
    box-shadow: -2px -2px 10px 0px #ccc;
    -webkit-box-shadow: -2px -2px 10px 0px #ccc;
    -moz-box-shadow: -2px -2px 10px 0px #ccc;
    -ms-box-shadow: -2px -2px 10px 0px #ccc;
    -o-box-shadow: -2px -2px 10px 0px #ccc;
}

.appointment-history .sec-payment .box > *:first-child .box-title {
    margin-top: 0;
}

@media (min-width: 992px) {
    .appointment-history .appointment-item .confirm-info {
        padding: 0 15px 30px 15px;
    }
}

@media (max-width: 991px) {
    .appointment-history .appointment-item .confirm-info {
        padding: 0;
    }

        .appointment-history .appointment-item .confirm-info .box > *:first-child {
            padding: 0 10px;
        }
}

@media (max-width: 374px) {
    .appointment-history .appointment-item .cart-service .service-item .content .info > * {
        margin-right: 5px;
    }
}

.page-static .item {
    position: relative;
}

    .page-static .item > * {
        position: relative;
        z-index: 2;
    }

    .page-static .item::before, .page-static .item::after {
        content: "";
        position: absolute;
        z-index: 1;
        background: #c0edff;
    }

    .page-static .item::before {
        top: -100%;
        right: 40%;
        bottom: 40%;
        left: -100%;
    }

    .page-static .item::after {
        top: -100%;
        right: -100%;
        bottom: 20%;
        left: 60%;
    }

    .page-static .item .title {
        font-size: 6vw;
        font-weight: 600;
        margin: 0;
    }

        .page-static .item .title span {
            background: #fff;
        }

    .page-static .item .img {
        margin-top: 10px;
    }

        .page-static .item .img .flex {
            display: flex;
            align-items: center;
        }

        .page-static .item .img .row {
            margin: -2.5px;
            overflow: hidden;
        }

            .page-static .item .img .row [class^="col-"], .page-static .item .img .row [class*=" col-"] {
                padding: 2.5px;
            }

@media (min-width: 768px) {
    .page-static {
        padding-bottom: 0;
    }

        .page-static .sec-content {
            padding: 20px 20px 40px 20px;
            background: rgb(180 227 253 / 20%);
            overflow: hidden;
        }

        .page-static .item::before {
            top: 70%;
            bottom: 5%;
        }

        .page-static .item .title {
            font-size: 36px;
        }

        .page-static .item .img .row {
            margin: -5px;
        }

            .page-static .item .img .row [class^="col-"], .page-static .item .img .row [class*=" col-"] {
                padding: 5px;
            }
}

@media (min-width: 992px) {
    .page-static .item .title {
        width: 80%;
        margin: 0 auto;
        font-size: 40px;
    }

    .page-static .item .img {
        margin: 40px 60px;
    }
}

@media (max-width: 767px) {
    .page-static {
        background: rgb(180 227 253 / 20%);
    }
}

.product-list .row {
    margin: -15px;
}

    .product-list .row [class^="col-"], .product-list .row [class*=" col-"] {
        padding: 15px;
    }

.product .item .fo-item .title {
    margin: 5px 0;
    height: 38px;
    font-size: 16px;
    line-height: 19px;
    -webkit-line-clamp: 2;
    max-height: 38px;
    /* Fallback for non-webkit */
}

.product .item .price {
    font-weight: 600;
    color: #49cbff;
}

.product .item .body {
    display: none;
}

    .product .item .body .wrap-title {
        position: relative;
        z-index: 2;
    }

.product .item:hover .wrap-title {
    color: #49cbff;
}

@media (max-width: 767px) {
    .product .row {
        margin: -15px -7.5px;
    }

        .product .row [class^="col-"], .product .row [class*=" col-"] {
            padding: 15px 7.5px;
        }

    .product .item .fo-item .info {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .product .item {
        padding: 20px;
        background: #e4f7ff;
        box-shadow: 1px 2px 5px #ccc;
        -webkit-box-shadow: 1px 2px 5px #ccc;
        -moz-box-shadow: 1px 2px 5px #ccc;
        -ms-box-shadow: 1px 2px 5px #ccc;
        -o-box-shadow: 1px 2px 5px #ccc;
        position: relative;
    }

        .product .item .wrap-img-cover {
            width: 50%;
            padding: 15px 15px 0 15px;
            margin-top: -90px;
            margin-left: -20px;
            position: relative;
            z-index: 1;
            background: #bdecff;
        }

            .product .item .wrap-img-cover img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

        .product .item .fo-item {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
        }

            .product .item .fo-item .title {
                display: none !important;
            }

        .product .item .content {
            text-align: right;
        }

            .product .item .content .body {
                display: block;
                position: relative;
                padding: 20px;
            }

                .product .item .content .body::after {
                    content: "";
                    position: absolute;
                    z-index: 1;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    border: 5px solid #49cbff;
                }

            .product .item .content .wrap-title {
                display: inline-block;
            }

            .product .item .content .title {
                margin: 0;
                font-weight: 600;
                font-size: 20px;
            }

            .product .item .content .desc {
                display: block;
                position: relative;
                z-index: 2;
                margin-top: 5px;
                margin-bottom: 0;
                padding-left: 40%;
                height: 66px;
                font-size: 16px;
                line-height: 22px;
                -webkit-line-clamp: 3;
                max-height: 66px;
                /* Fallback for non-webkit */
                display: -webkit-box;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .product .item .btn-add-cart-product {
            display: none;
        }

        .product .item .price {
            font-size: 22px;
            margin: 10px 0 5px 0;
        }
}

.sec-related.page-product .product .slider {
    margin-bottom: 0;
}

.page-product-detail {
    position: relative;
    padding-bottom: 0;
}

    .page-product-detail .item-top .wrap-img-cover {
        max-width: 300px;
        margin: auto;
    }

    .page-product-detail .item-top .title {
        font-size: 28px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 1px;
        margin: 0;
    }

    .page-product-detail .item-top .desc {
        margin-top: 20px;
        text-align: justify;
    }

    .page-product-detail .item-top .price {
        font-size: 24px;
        color: #49cbff;
        font-weight: 500;
    }

    .page-product-detail .item-top .btn-add-cart-product {
        margin-top: 10px;
    }

    .page-product-detail .item-top .info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px;
        padding: 15px;
        border: 2px dashed #c0edff;
    }

@media (max-width: 767px) {
    .page-product-detail .item-top .content {
        padding-top: 20px;
    }

        .page-product-detail .item-top .content .title {
            font-size: 22px;
        }
}

@media (min-width: 768px) {
    .cart-service .cart-product-content .service-item > *:first-child {
        max-width: 90px;
    }

    .cart-service .cart-product-content .service-item > *:last-child {
        width: calc(100% - 90px);
    }
}

@media (max-width: 359px) {
    .cart-service .cart-product-content .control .wrap-btn {
        width: 100%;
    }
}

.titleKeywords {
    color: #fcd3d3;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    position: relative;
    padding-bottom: 15px;
}

    .titleKeywords::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
        width: 50px;
        border-bottom: 8px dotted #c0edff;
    }

.titleHeaddingItemDoctors {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 24px;
    height: auto;
}

.wrapLatestNews .contentElLatesNews:hover {
    background-color: black;
}

.wrapBookAndFanpage {
    text-align: left;
    padding-bottom: 15px;
}

.wrapListProduct .wrapBookAndFanpage {
    text-align: center;
}

.wrapNavTabSearch .nav-tabs-search {
    border-bottom: 2px solid #c0edff;
    padding: 0 30px 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wrapNavTabSearch .nav-link {
    background-color: rgba(239, 242, 247, 0.5);
    font-size: 16px;
    line-height: 22px;
    color: black;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    margin: 0 2px;
    border-bottom: none;
    border-radius: 7.5px 7.5px 0 0;
    -webkit-border-radius: 7.5px 7.5px 0 0;
    -moz-border-radius: 7.5px 7.5px 0 0;
    -ms-border-radius: 7.5px 7.5px 0 0;
    -o-border-radius: 7.5px 7.5px 0 0;
    display: inline-block;
    padding: 7.5px 15px;
    font-weight: 500;
}

    .wrapNavTabSearch .nav-link:hover, .wrapNavTabSearch .nav-link:focus, .wrapNavTabSearch .nav-link.active {
        background-color: #c0edff;
        color: black;
        border-bottom: none;
    }

.textContentSearch {
    font-weight: 400;
    color: #999;
    text-transform: none;
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    border: 1px solid #e8e8e8;
    padding: 10px 41px 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.wrapListDoctors .wrapImgResizeItemDoctors {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.wrapInputContentSearch .search {
    max-width: 100%;
    margin: 15px 30px 30px;
}

    .wrapInputContentSearch .search .inp-search,
    .wrapInputContentSearch .search .btn-search {
        height: 50px;
    }

    .wrapInputContentSearch .search .inp-search {
        padding: 5px 15px;
    }

    .wrapInputContentSearch .search .btn-search {
        padding: 0 25px 0 20px;
        line-height: 50px;
    }

.sec-search {
    margin-bottom: 30px;
}

.wrapSearch {
    padding-top: 60px;
}

.page-service-category,
.page-product,
.page-news,
.page-promo {
    margin: 0 -15px;
    padding: 30px 0 60px;
}

@media (max-width: 991px) {
    .wrapNavTabSearch .nav-tabs-search {
        padding: 15px 15px 0 15px;
    }

    .wrapSlideTechnology .wrapPaging,
    .wrapListProduct .wrapPaging {
        padding-top: 0;
    }

    .textContentSearch {
        padding-right: 39px;
    }

    .wrapInputContentSearch .btnSendSearchPage {
        right: 15px;
    }

        .wrapInputContentSearch .btnSendSearchPage i {
            width: 39px;
            height: 39px;
            font-size: 16px;
            line-height: 39px;
        }

    .textContentSearch {
        font-size: 16px;
        line-height: 22px;
    }

    .wrapInputContentSearch .search {
        max-width: 100%;
        margin: 15px 15px 15px;
    }

    .sec-search {
        margin-bottom: 30px;
    }

    .wrapSearch {
        padding-top: 30px;
    }

    .page-service-category,
    .page-product,
    .page-news,
    .page-promo {
        padding: 15px 0 30px;
    }
}

@media (max-width: 767px) {
    .wrapInputContentSearch,
    .wrapNavTabSearch {
        margin: 0 -15px;
    }

    .wrapSearch {
        padding-top: 40px;
    }
}

@media (max-width: 575px) {
    .wrapNavTabSearch .nav-link {
        font-size: 12px;
        line-height: 18px;
        padding: 5px 7.5px;
    }

    .sec-search .title {
        font-size: 20px;
        line-height: 26px;
    }
}

.page-service-category,
.page-product,
.page-news,
.page-promo {
    margin: 0 -15px;
    padding: 30px 0 60px;
}


/*# sourceMappingURL=style.css.map */