/*
	Theme Name: DKCD Template
	Theme URI: http://phongkhamquocte193.vn
	Description: Giao diện website phongkhamquocte193.vn từ DKCD
	Version: 1.0.0
	Author: Aci
	Author URI: http://phongkhamquocte193.vn
	Tags: HTML5, CSS3
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


body {
    position: relative;
}

#bannerTop {
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 480px;
    margin: auto;
    z-index: 101;
    overflow: hidden;
    transform: translateX(-50%);
    /* background-color: #fff; */
    /* Thêm transition cho chính nó */
    transition: transform 1s ease-in-out; 
}

#bannerTop.hide-content {
    transform: translateX(-50%) translateY(-100%);
}

#bannerTop picture {
    width: 100%;
    display: block;
    transition: transform 1s ease-in-out;
}

/* Vị trí mặc định */
#bannerTop .img-normal {
    transform: translateY(0);
}

#bannerTop .img-fixed {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
}

/* Khi đang trong thời gian 20s đầu (Đang hiện img-fixed) */
#bannerTop.show .img-normal {
    transform: translateY(-100%);
}
#bannerTop.show .img-fixed {
    transform: translateY(0);
}

/* Khi đã hết 20s VÀ đang ở vùng cuộn xuống: Ẩn cả 2 ảnh */
#bannerTop.hide-content .img-normal,
#bannerTop.hide-content .img-fixed {
    transform: translateY(-100%);
    /* opacity: 0; */
}



/*------------------------------------*\
    Posts
\*------------------------------------*/
#postTitle{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color:#06b2b6;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 16px;
}
.postDetail{
    line-height: 1.8;
}
.postDetail a{
    color: #337ab7;
}
.postDetail h2{
    margin: 15px 0px;
    border-radius: 5px;
    line-height: 1.3;
    color: #fff;
    position: relative;
    padding: 5px 10px;
    background: rgb(86,114,161);
    background: linear-gradient(90deg, rgba(86,114,161,1) 15%, rgb(100, 135, 194) 50%, rgba(86,114,161,1) 85%);
}
.postDetail h2 *{
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

.postDetail h3, .postDetail h4{
    margin: 16px 0;
    line-height: 1.4;
    text-align: left !important;
    color:#2481b5 !important;
    border-bottom: 1px solid #2481b5;
    padding-bottom: 6px;
    position: relative;
}
.postDetail h3 *, .postDetail h4 *{
    color:#2481b5 !important;
    font-weight: 700 !important;
    font-size: 18px;
}
.postDetail h3:before{
    content: '\f0fe';
    font-family: 'FontAwesome5';
    font-size: 20px;
    margin-right: 12px;
    color: #28bcc0;
}
.postDetail img{
    max-width: 100%;
    height: unset !important;
    aspect-ratio: auto !important;
}
.postDetail ul li{
    list-style-image: url(./img/posts/list.png);
    margin-left: 22px;
}
.postDetail table{
    margin-bottom: 15px;
}
.postDetail table td{
    padding: 10px;
}
.postDetail blockquote{
    background: #dbf4fd;
    border: 1px solid #d7d7d7;
    border-left: 5px solid #2481b5;
    margin: 16px 0;
    padding: 15px 20px 0px 65px;
    border-radius: 8px; 
    position: relative;
    text-align: justify;
}
.postDetail blockquote:before {
    content: '\f10d';
    font-family: 'FontAwesome5';
    font-size: 40px;
    font-weight: 700;
    left: 10px;
    position: absolute;
    top: calc(50% - 18px);
    line-height: 1;
    color: #2481b5;
}

/* Bài test trong bài viết */
#testPost {
    background: #2ea4a6;
    padding: 15px 10px;
    color: #fff;
    margin: 10px 0;
    border-radius: 15px
}
#testPost-head {
    font-size: 16px;
    text-align: center;
    margin-bottom: 1rem;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#testPost-head strong{
    font-size: 22px;
    text-transform: uppercase;
}
#testPost-ct {
    color: #000;
    position: relative;
    background-image: linear-gradient(140deg,#cbf0f1 0%,#d6fbfc 50%,#eeffff 75%);
    border: 1px dashed #2b81da;
    padding: 25px 0;
    border-radius: 10px;
    padding: 10px 10px 0
}
.testPost-ch {
    padding-bottom: 15px
}
.testPost-tit {
    font-weight: 700
}
.testPost-ct {
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.testPost-ct label {
    width: 100%;
    margin: 3px 0;
    font-weight: 400;
    cursor: pointer
}
.testPost-ct input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 13px;
    width: 13px;
    -webkit-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
    background: transparent;
    border: 1px solid #0094ba;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: none;
    position: relative;
    z-index: 8;
    border-radius: 50%;
    margin-right: 10px
}
.testPost-ct input:checked {
    background: #0094ba
}
#testPost-bottom {
    text-align: center;
    font-size: 14px;
    padding-top: 15px
}
.testPost-frm input {
    width: 100%;
    border: 1px solid #2d89a0;
    padding: 13px 10px;
    max-width: 500px;
    border-radius: 30px;
    margin: 10px 0;
    height: 40px;
    text-align: center;
    color: #333;
    outline: none;
}
.testPost-gbt {
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}
.testPost-gbt a, .testPost-gbt a {
    padding: 5px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    border: 1px solid #2d89a0;
    margin: 0 5px;
    font-size: 14px;
}
.testPost-send, .testPost-live.active{
    background: #ffc258;
    color: #333 !important;
}
.testPost-live,.testPost-send.active {
    background: #cb0008;
    color: #fff !important;
}


/* Thông tin đầu bài viết */
#pstTop {
    background-color: #07b3b7;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px 10px;
    border-radius: 15px;
    margin-top: 72px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 20px;
}
#pstTop-logo {
    margin-top: -47px;
    margin-bottom: 5px;
}
#pstTop p{
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
}
#pstTop p b{
    font-size: 16px;
}
/* Slider đối tác cuối bài viết */
#pstDoitac{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #d9f3f4;
    border: 1px solid #049da1;
    border-radius: 15px;
    padding: 15px 10px;
}
#pstDoitac-title {
    color: #ff423d;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'HelvetIns';
    text-align: center;
    margin-bottom: 16px;
}
.pstDoitac-list{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.pstDoitac-item{
    padding: 5px;
}
.pstDoitac-item img:first-child{
    margin-bottom: 5px;
}
#pstDoitac-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
    margin-top: 15px;
    background-color: #ff423e;
    border-radius: 10px;
    color: #fff;
    border: none;
    text-transform: uppercase;
}
#pstDoitac-button i {
    font-size: 20px;
    margin-right: 7px;
}
#pstDoitac-button *{
    color: #fff;
}
#pstDoitac-button.active{
    background-color: #049da1;
}
#pstDoitac button.slick-arrow{
    position: absolute;
    top: 50%;
    background-color: transparent !important;
    border: none;
    color: #80b0b1;
}
#pstDoitac button.doitacLst-prev{
    left: -10px !important;
}
#pstDoitac button.doitacLst-next{
    right: -10px !important;
    left: auto;
}

#pstUudai{
    padding: 10px;
    text-align: justify;
    border-radius: 16px;
    background-color: #ffd;
    border: 1px solid #c1a629;
}
#pstUudai a, #pstUudai strong{
    color: #f00;
}
#pstUudai a{
    font-weight: 700;
}
#pstUudai p, #pstUudai li{
    line-height: 1.6;
}
#pstUudai ul{
    list-style: disc;
    padding-left: 20px;
}
#pstUudai ul li{
    margin: 0.25em 0;
}
#pstUudai-banner{
    position: relative;
    display: inline-block;
}
#pstUudai-links{
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    width: 100%;
    height: 50px;
}
#pstUudai-links a{
    margin-right: 10px;
    display: inline-block;
    height: 50px;
}
#pstUudai-livechat{
    width: 125px;
}
#pstUudai-hotline{
    width: 300px;
}
#pstUudai-note{
    text-align: center;
    font-size: 14px;
    padding-top: 4px;
}

/* Box đặt hẹn bác sĩ */
#book_bs{
    margin: 20px 0;
}
#book_bs #tit_bs{
    display: block;
    margin-bottom: 20px;
}
#book_bs #tit_bs > div{
    display: inline-block;
    padding: 10px 30px;
    background: #3b5998;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}
#book_bs .box_bs{
    display: block;
    margin: 10px 0;
    background: #f5f5f5;
    border: 1px dashed #b7b7b7;
    border-radius: 5px;
    padding: 10px;
}
#book_bs .box_bs:after{
    content: '';
    display: table;
    clear: both;
}
#book_bs .box_bs .img{
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
}
#book_bs .box_bs .img img{
    border: 1px dashed #33436d;
    border-radius: 5px;
    width: unset !important;
}
#book_bs .box_bs .img a{
    display: block;
    color: #33436d;
    font-size: 18px;
}
#book_bs .box_bs .text{
    display: inline-block;
    float: left;
    width: 100%;
}
#book_bs .box_bs .text .name{
    text-transform: uppercase;
    color: #33436d;
    font-size: 16px;
    font-weight: 600;
}
#book_bs .box_bs .text .name span{
    color: #ff8a00;
}

#book_bs .box_bs .text p{
    margin-top: 6px;
    margin-bottom: 6px;
}
#book_bs .box_bs .text .btn-g{
    display: block;
    margin-top: 10px;
    text-align: center;
}
#book_bs .box_bs .text .btn-g:after{
    content: '';
    display: table;
    clear: both;
}
#book_bs .box_bs .text .btn-g a{
    display: inline-block;
    width: calc(50% - 10px);
    max-width: 150px;
    background: #eee;
    border: 1px solid #d7d7d7;
    margin: 0 3px;
    text-align: center;
    height: 34px;
    line-height: 32px;
    color: #5f9fd7;
    border-radius: 3px;
    padding: 0;
    font-size: 14px;
}
#book_bs .box_bs .text .btn-g a span, #book_bs .box_bs .text .btn-g a i{
    font-size: 14px;
}
#book_bs .box_bs .text .btn-g a i{
    padding-right: 3px;
}
#book_bs .box_bs .text .btn-g a.booking{
    background: #3b5998;
    border-color: #3b5998;
    color: #ffff00;
    text-transform: uppercase;
}
#book_bs .box_bs .text .btn-g a.booking i{
    padding: 0 3px;
}

/* Danh sách fake comment */
.list-comment {
    margin-top: 15px;
}
.list-comment .entry-heading {
    background-color: #4672b9;
    color: #fff;
    font-family: arial,helvetica,sans-serif;
    padding: 5px 10px;
    font-size: 16px;
}
.list-comment .media {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    zoom: 1;
}
.pull-left {
    width: 48px;
}
.pull-left img{
    margin-top: 4px;
}
.media-body{
    flex: 1;
    padding-left: 12px;
}
.list-comment h4.media-heading {
    color: #365899;
    font-size: 14px;
    font-weight: 600;
    font-family: arial,helvetica,sans-serif;
    margin-bottom: 5px;
    margin-top: 0;
}
.list-comment p {
    color: #1d2129;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    font-family: arial,helvetica,sans-serif;
}
.list-comment span {
    color: #90949c;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
}
.list-comment .loadmore-comments {
    display: none;
}
.list-comment .loadmore-comments.active {
    display: block;
}
.list-comment .loadmore {
    text-align: center;
}
.list-comment .loadmore p {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border-radius: 15px;
    background-color: #2a6ef1;
    padding: 6px 12px;
    cursor: pointer;
    margin-bottom: 10px;
}


/* Bài viết liên quan */
#postSim{
    background-color: #f4f3f7;
    padding: 16px 12px;
}
.postSim{
    display: flex;
    align-items: center;
    margin: 16px 0;
    background-color: #fff;
    padding: 8px;
    border-radius: 8px;
}
.postSim-thumb{
    width: 36%;
    max-width: 132px;
}
.postSim-text{
    flex: 1;
    padding-left: 16px;
}
.postSim-name{
    font-weight: 500;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 8px;
}
.postSim-text p{
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
}



/*------------------------------------*\
    Page Bác sĩ
\*------------------------------------*/
.pageBacsi h1{
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #2e417c;
    text-transform: uppercase;
}
.lstBsBox{
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px dashed #283a67;
}
.bsBox-img{
    width: 80px;
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.bsBox-img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.bsBox-info{
    flex: 1;
    padding-left: 16px;
    display: flex;
    flex-direction: column;
}
.bsBox-name{
    font-size: 18px;
    color: #2e417c;
    font-weight: 700;
}
.bsBox-link{
    color: #0094ba;
    font-size: 14px;
}
/*------------------------------------*\
    Single Bác sĩ
\*------------------------------------*/
#bsImg{
    border: 1px solid #06b2b6;
}
#bsName{
    font-size: 20px;
    text-transform: uppercase;
    color: #06b2b6;
    margin-bottom: 10px;
}
.postBs-mota{
    background-color: rgba(4, 157, 161, 0.25);
    border-radius: 6px;
    padding: 6px 12px;
}
.postBs-mota ul{
    margin-left: 20px;
}
.postBs-mota ul li{
    list-style: disc;
    padding-top: 4px;
    padding-bottom: 4px;
}
#bsDetail{
    border: 1px solid #06b2b6;
    padding: 6px 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#bsDetail-btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
#bsDetail-btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - 7px);
    max-width: 200px;
    height: 45px;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}
.postBs-book {
    background: linear-gradient(90deg, var(--gradient-1) 0%, var(--gradient-2) 100%);
    background-position: center center;
}
.postBs-live {
    background: linear-gradient(90deg, #f67f23 0%, #ff3333 100%);
    background-position: center center;
}
#bsDetail-btn a i {
    font-size: 18px;
    margin-right: 5px;
}































@media screen and (max-width: 991.98px) {
    
    /*------------------------------------*\
            Header
    \*------------------------------------*/
    #top_bar{
        box-shadow:3px 3px 3px rgba(0,0,0,.3);
        position: relative;
        padding: 5px 0;
        transition: .5s;
    }
    #top_bar .ctn{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #btn-mnm{
        width: 50px;
        color: #06b2b6;
        padding-left: 5px;
    }
    #btn-mnm i{
        font-size: 30px;
    }
    #logo{
        width: 60px;
    }
    #top_name{
        flex: 1;
        text-align: center;
        color:#06b2b6;
        font-weight: 700;
        text-transform: uppercase;
    }
    #top_phone{
        width: 30px;
        float: right;
    }

    /*------------------------------------*\
            Main
    \*------------------------------------*/
    #home_banner{
        position: relative;
        width: 100%;
        max-width: 480px; /* Giới hạn độ rộng tối đa trên màn hình lớn/PC */
        margin: 0 auto;
        aspect-ratio: 1080 / 1533;
    }
    #home_banner > a{
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #06b2b6;
        font-weight: 700;
        border-radius: 50%;
        border: 1px solid #06b2b6;
        background: #fff;
        text-align: center;
        box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, .2);
        text-transform: uppercase;
        box-sizing: border-box;
    }
    #hb_1{
        width: 32vw;  /* ~132px trên màn 375px */
        height: 32vw;
        top: 15vw;
        left: 9.5vw;
        z-index: 1;
    }
    #hb_2{
        width: 31.5vw;  /* ~122px trên màn 375px */
        height: 31.5vw;
        left: 60vw;
        top: 15.5vw;
        z-index: 1;
    }
    #hb_3{
        top: 64.5vw;
        left: 57vw;
        width: 31vw;
        height: 31vw;
        z-index: 1;
    }
    a#hb_4{
        top: 36vw;
        left: 12vw;
        width: 54vw;
        height: 54vw;
        z-index: 0;
    }
    .hb_img img{
        max-width: 11vw;
        max-height: 11vw;
    }
    a#hb_2 .hb_img img{
        height: 10.6vw;
    }
    .hb_text {
        font-size: 16px; /* Co giãn chữ linh hoạt theo màn hình */
        font-weight: 700;
        margin-top: 2.1vw;
        line-height: 1.4;
    }

    a#hb_4 .hb_text {
        margin-top: 4vw;
        font-size: 22px;
    }

    #hb_content {
        font-weight: 500;
        text-align: center;
        position: absolute;
        width: 100%;
        bottom: 10vw;
        padding: 0 15px;
        box-sizing: border-box;
        font-size: 3.7vw;
        line-height: 1.6;
    }

    /* S1 */
    #s1{
        background: url(./img/home/m/s1-bg.jpg) top center no-repeat;
        background-size: 100% 100%;
        padding: 30px 0
    }
    .bsH-inf{
        display: flex;
        justify-content: space-between;
        align-content: center;
        position: relative;
    }
    .bsH-name{
        padding-top: 20px;
    }
    .bsH-name strong{
        text-transform: uppercase;
        display: block;
    }
    .bsH-name strong, .bsH-name b,.bsH-text strong{
        color: #06b2b6;
    }
    .bsH-img{
        position: relative;
        z-index: 1;
        width: 120px;
    }
    .bsH-text *:not(strong){
        font-size: 14px;
    }
    .bsH-text{
        background: #fff;
        border: 2px solid #2f84a4;
        padding: 20px 10px 10px;
        margin-top: -45px;
    }

    #bsH-thumb{
        margin: 20px 20px 40px;
    }
    .bsH-thumb-item{
        padding: 10px 5px;
    }
    .bsH-thumb-item.slick-current{
        transform: scale(1.2);
    }
    .bsH-thumb-item.slick-current img{
        border-radius: 50%;
        border: 1px solid #2f84a4;
    }
    #bsH-thumb .slick-arrow{
        width: 26px !important;
        height: 40px !important;
    }
    #bsHPrev{
        left: -28px !important;
    }
    #bsHNext{
        right: -28px !important;
        left: auto !important;
    }
    #bsH-thumb .slick-prev:before, #bsH-thumb .slick-next:before{
        color: #029599;
        opacity: 1;
    }

    .s1_items{
        display: flex;
        align-items: center;
        border: 3px solid #06b2b6;
        border-radius: 6px;
        position: relative;
        margin-bottom: 26px;
        padding: 4px 12px;
        height: 72px;
        box-shadow: -4px -4px 8px rgba(0,0,0,.2);
        background: #fff;
    }
    .s1_img img {
        width: auto;
        height: 100%;
        max-height: 54px;
        max-width: 54px;
    }
    .s1_title{
        flex: 1;
        text-align: center;
        color: #06b2b6;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
    }
    .s1_arrow{
        position: absolute;
        top: calc(100% - 3px);
        left: 16px;
    }
    #s1_title2{
        text-align: center;
        color:#333;
        font-size: .6rem;
        line-height: 1.2rem;
        font-weight: 700;
    }
    .s1_items2{
        text-align: center;
    }
    .s1_percent{
        font-size: 1.5rem;
        color:#06b2b6;
        margin-top: 15px;
    }
    .s1_content2{
        font-size: .55rem;
        margin-top: 5px;
        color:#333;
        font-weight: 500;
    }

    /* S2 */
    #s2{
        position: relative;
        width: 100%;
        max-width: 480px; /* Giới hạn độ rộng tối đa trên màn hình lớn/PC */
        margin: 0 auto;
        padding: 0 !important;
        aspect-ratio: 480 / 638;
    }
    #s2_img{
        width:100%;
    }
    .s2_items{
        position: absolute;
        text-align: center;
        font-size: 3vw;
        color: #06b2b6;
        font-weight: 500;
        width: 26vw;
        height: 14vw;
    }
    .s2_col1{
        left: 8vw;
    }
    .s2_col2{
        left: 37vw;
    }
    .s2_col3{
        left: 64vw;
    }
    .s2_row1{
        top: 34vw;
    }
    .s2_row2{
        top: 48vw;
    }
    .s2_row3{
        top: 58vw;
    }
    .s2_row4{
        top: 77vw;
    }
    
    #s_img{
        padding:0;
    }
    #s_img img{
        width:100%;
        margin-bottom: .1667rem;
    }
    #s_img img:last-child{
        margin-bottom: 0;
    }


    /*------------------------------------*\
       Footer
    \*------------------------------------*/
    #footer1{
        background: #06b2b6;
        padding: 30px 0
    }
    .f1_items{
        text-align: center;
        margin-bottom: 20px;
        display: block;
    }
    .f1_title{
        margin-top: 10px;
        color:#fff;
        font-weight: 700;
    }
    #footer2{
        padding: 20px 0 50px;
        color: #fff;
        background: #049da1;
        text-align: center;
    }
    #footer2 strong{
        display: block;
        font-size: 18px;
        margin-bottom: 12px;
    }

    /*------------------------------------*\
       Category
    \*------------------------------------*/
    #breadcrumbs{
        border-bottom: 2px solid #06b2b6;
        padding-bottom: 8px;
        color: #06b2b6;
        word-spacing: 2px;
    }
    #cate_title h1{
        font-size: 32px;
        margin-bottom: 12px;
    }

    .newsPst{
        display: flex;
        align-items: center;
        border-bottom: 1px solid #79dbdd;
        padding: 16px 0;
    }
    .newsPst > i{
        font-size: 20px;
        width: 30px;
        color: #06b2b6;
    }
    .newsPst-title{
        flex: 1;
    }
    .newsPst-title h3, #nf_title h3{
        font-size: 16px;
        font-weight: 500;
        margin: 0;
    }
    #news_focus{
        background-color: #f4f3f7;
        margin-top: 30px;
        margin-bottom: 12px;
        border-bottom: none;
    }
    #nf_title h3{
        margin-bottom: 8px;
        text-transform: uppercase;
        line-height: 1.3;
    }
    #nf_des{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 14px;
        line-height: 1.4;
    }

    .pagination{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
        margin-bottom: 16px;
    }
    .page-numbers{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        border: 1px solid #ddd;
        font-size: 14px;
    }
    .page-numbers.current{
        color: #06b2b6;
        border-color: #06b2b6;
        font-weight: 500;
    }




}



@media screen and (min-width: 992px) {

    #bannerTop{
        max-width: unset;
    }

    /*------------------------------------*\
        Header
    \*------------------------------------*/
    #top_info{
        padding:15px 0;
        background: #f4f6fb;
    }
    .headerInner{
        align-items: center;
    }
    #pcLogo{
        display: flex;
        align-items: center;
    }
    #ti_logo{
        width:72px;
    }
    #ti_name{
        flex: 1;
        padding-left: 12px;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 500;
    }
    .pcInfo-box{
        display: flex;
        align-items: center;
    }
    .ti_img{
        width:45px;
    }
    .ti_content{
        flex: 1;
        padding-left: 8px;
        font-size: 16px;
    }
    .ti_content span{
        font-size: 18px;
        font-weight: 500;
    }
    #menu{
	    background: #eaeef8;
    }
    #menuPc{
        margin: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    #menuPc > li:last-child{
        margin-left: auto;
    }
    #menuPc > li > a{
        display: block;
        color:#333;
        height: 70px;
        padding:0 15px;
        line-height: 70px;
        font-size: 19px;
        font-weight: 400;
        border-bottom: 2px solid transparent;
    }
    #menuPc > li > a:hover{
        border-bottom-color: #2b53b8;
    }
    .menu_btn{
        display: inline-block;
        float: left;
        margin: 0 10px;
        line-height: 70px;
        cursor:pointer;
        z-index: 2;
        position: relative;
    }
    .list_cate:hover > ul{
        display: block;
    }
    .list_cate > ul{
        position: absolute;
        top:70px;
        right:0;
        box-shadow: -3px 3px 5px #666;
        display: none;
        background: #fff;
    }
    .list_cate > ul > li > a{
        display: block;
        height: 45px;
        width:345px;
        border:1px solid #92a5d8;
        line-height: 45px;
        text-align: center;
        font-size: 18px;
        color:#2ab7bf;
    }
    .list_cate > ul > li > a:hover{
        background: #2ab7bf;
        color:#fff;
        box-shadow: 0px 12px 20px -9px #666;
    }
    .list_cate > ul > li.benh > a {
        height: 250px;
        padding-top:63px;
    }
    #search_form{
        position: fixed;
        top:0;
        left: 0;
        width:100%;
        height: 100%;
        background: linear-gradient(to bottom,rgba(50,88,181,.8), rgba(12,213,196,.8));
        z-index: 8;
        display: none;
        z-index: 9999999;
    }
    .sf_title{
        width:1070px;
        font-size: 26px;
        color:#fff;
        font-weight: 600;
        height: 30px;
        line-height: 30px;
        top:30%;
        left: 50%;
        margin-left: -535px;
        position: absolute;
        
    }
    #search_form input{
        width:1070px;
        height: 50px;
        line-height: 50px;
        position: absolute;
        left: 50%;
        margin-left: -535px;
        top:calc(30% + 40px);
        padding-left: 15px;
        color:#2ab7bf;
        font-size: 17px;
        outline: none;
    }
    #search_form input::placeholder{
        color:#2ab7bf;
        font-size: 17px;
    }
    #sf_close{
        display: inline-block;
        position: absolute;
        top:30px;
        right: 30px;
        cursor: pointer;
    }
    

    /*------------------------------------*\
        HOME
    \*------------------------------------*/
    #s1{
        position: relative;
        z-index: 1;
        padding-top: 0;
        margin-top: -1px;
        background: linear-gradient(to bottom,#2abdbf, #2999bd);
        padding:0;
        box-shadow: 7px 7px 10px rgba(0,0,0,.3);
    }
    #s1 > .ctn{
        background: url(./img/home/pc/s1l-bg.png) top center no-repeat;
    }
    #s1_in{
        display: flex; 
        align-items: center;
        height: 262px;
    }
    #s1_img{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width:250px;
        text-align: center;
        height: 262px;
        font-size: 28px;
        text-transform: uppercase;
        color: #fff;
        line-height: 75px;
    }
    #s1_img i{
        font-size: 72px;
    }
    #s1_items{
        flex: 1;
        padding-left: 100px;
    }
    #s1_items .clg-6{
        margin-bottom: 16px;
    }
    #s1_items input,#s1_items button{
        height: 50px;
    }
    #s1_items input{
        line-height: 50px;
        background: transparent;
        border:1px solid #fff;
        color:#fff;
        font-size: 20px;
        width: 100%;
        padding: 0 20px;
    }
    #s1_items input::placeholder{
        color:#fff;
        font-size: 20px;
    }
    #s1_items button{
        background: #fff;
        color:#fff;
        font-size: 26px;
        color:#06b2b6;
        border:none;
        width:330px;
        display: block;
        margin: auto;
        cursor: pointer;
    }

    #s2{
        padding: 50px 0;
    }
    #s2_menu > ul > li{
        position: relative;
        color:#000;
        background: #f6f6f6;
        margin-top: 3px;
    }
    #s2_menu > ul > li > a{
        color:#000;
        display: block;
        text-indent: 20px;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        position: relative;
        height: 65px;
        line-height: 65px;
        position: relative;
        color:#333;
    }
    #s2_menu > ul > li > a span{
        display: inline-block;
        margin-right: 15px;
    }
    #s2_menu > ul > li i.fa-caret-right{
        position: absolute;
        font-size: 32px;
        top: 50%;
        margin-top: -16px;
        color: transparent;
    }
    #s2_menu > ul > li > ul{
        top:100%;
        background: #fff;
        height: 0px;
        padding:0px 15px;
        transition: .8s;
        overflow: hidden;
    }
    #s2_menu > ul > li > ul > li{
        width:50%;
        float:left;
    }
    #s2_menu > ul > li > ul > li a{
        font-size: 18px;
        color:#333;
        display: block;
        margin: 7.5px;
        font-weight: 300;
        position: relative;
        padding-left: 20px;
    }
    #s2_menu > ul > li > ul > li a:hover{
        color:#06b2b6;
    }
    #s2_menu > ul > li > ul > li i{
        font-size: 7px;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 7.5px;
        left: 0;
    }
    #s2_menu > ul > li.active > a{
        background: #06b2b6;
        color:#fff;
    }
    #s2_menu > ul > li.active > a span{
        filter: invert(100%);
    }
    #s2_menu > ul > li.active i.fa-caret-right{
        color:#06b2b6;
        right: -11px;
    }
    #s2_menu > ul > li.active ul{
        height: unset;
        padding:7.5px 15px;
    }

    .s2_items{
        display: none;
        padding-left: 50px;
    }
    .s2_items.active{
        display: block;
    }
    .s2_img img{
        width:100%;
    }
    .s2_title h3{
        margin:20px 0px;
        font-size: 20px;
        color:#06b2b6;
        text-transform: uppercase;
        font-weight: 400;
    }
    .s2_content{
        text-align: justify;
        font-size: 16px;
        line-height: 40px;
    }


    #s3{
        background: url(./img/home/pc/s3-bg.jpg) top center no-repeat;
        padding: 45px 0;
        min-height: 750px;
        background-size: 100% 100%;
    }
    #s3_items .ctn{
        height: 640px;
        background: rgba(255, 255, 255, 0.85);
        box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
        position: relative;
        border-radius: 20px;
    }

    #s3_items img.img-s3-posa{
        display: block;
        position: absolute;
        bottom: -12px;
        right: -50px;
        max-width: 440px;
    }
    .boxtext-items-s3 {
        padding: 15px 0 10px 10px;
        max-width: 800px;
        font-family: Arial;
    }
    .boxtext-items-s3 .p-name-bs{
        color: #2e417c;
        font-size: 35px;
        text-transform: capitalize;
        margin-bottom: 5px;
    }
    .boxtext-items-s3 .p2-bs{
        font-size: 30px;
        color: #2a2a2a;
        margin-bottom: 5px;
    }
    .boxtext-items-s3 .p2-bs strong{
        color: #2e417c;
        font-weight: 400;
    }
    .boxtext-items-s3 .p3-bs{
        color: #2e417c;
        font-size: 20px;
        margin-bottom: 5px;
    }
    .boxtext-items-s3 p, .boxtext-items-s3 ul li{
        margin: 12px 0;
    }
    .boxtext-items-s3 p span{
        color: #2e417c;
    }
    .boxtext-items-s3 ul{
        margin-bottom: 10px;
    }
    .boxtext-items-s3.last-item{
        padding-right: 50px;
        max-width: 100%;
    }
    .boxtext-items-s3.last-item img{
        display: block;
        margin: 10px auto;
    }
    .boxtext-items-s3.last-item p.tit{
        font-size: 40px;
        text-transform: uppercase;
        color: #2e417c;
        margin-top: 0;
    }

    #s4_bg{
        background: url(./img/home/pc/s4-bg.jpg) top center no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    #s4{
        background: rgba(208,254,255,.9);
    }
    .s4_items{
        text-align: center;
        border-top:1px solid transparent;
        padding-top:60px;
        padding-bottom: 60px;
    }
    .s4_img img{
        margin:auto;
    }
    .s4_content{
        margin-top: 40px;
        color:#299abd;
        font-size: 20px;
    }
    .s4_content span{
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 47px
    }
    .s_title{
        border-bottom: 1px solid #333;
    }
    .s_title h3{
        font-size: 32px;
        text-transform: uppercase;
        padding-bottom: 15px;
        display: inline-block;
    }
    .s_title_line{
        width:150px;
        height: 3px;
        margin-bottom: -1px;
        background: #06b2b6;
    }
    #s4_items .slick-dots{
        bottom: 10px;
    }
    
    #s6 .ctn{
        position: relative;
    }
    #s6_img{
        position: absolute;
        top: 0;
        right:-125px;
    }
    #s6_title h3{
        text-align: center;
        font-size: 40px;
        font-weight: bold;
        color:#2e417c;
        margin-top: 50px;
        margin-bottom: 95px;
    }
    .s6_items{
        text-align: center;
    }
    .s6_img{
        display: inline-block;
        margin: auto;
    }
    .s6_name{
        font-size: 16px;
        font-weight: 500;
        margin:15px 0px;
        color:#06b2b6;
    }
    .s6_quote{
        margin:15px 0px;
    }
    .s6_content{
        background: url(./img/home/pc/s6-quote.png) 6px 0px no-repeat;
        padding-top: 50px;
        line-height: 32px;
        font-size: 18px;
        margin-top: 30px;
    }
    #s6_2{
        padding: 50px 0;
    }
    #s6_2 .slick-dots{
        width:800px;
    }
    #s6_2 .slick-dots li button:before{
        color:#ffd200;
        opacity: 1;
        font-size: 18px;
    }
    #s6_2 .slick-dots li.slick-active button:before{
        color:#06b2b6;
        opacity: 1;
    }
    #s6_phone img{
        width:100%;
    }

    #s6_menu{
        max-height: 675px;
        overflow-y: scroll;
        overflow-x: hidden;
        direction: rtl;
        flex-wrap: wrap;
    }
    #s6_menu .col{
        flex: 0 0 50%;
        max-width: 50%;
    }
    #s6_menu a{
        width:100%;
        display: block;
        height: 143px;
        background: linear-gradient(to bottom, #2abcbf, #299abd);
        text-align: center;
        font-size: 22px;
        font-weight: bold;
        color:#fff;
        text-transform: uppercase;
        margin-bottom: 30px;
        line-height: 143px;
        transition: 1s;
    }
    #s6_menu a:hover{
        color:#207d95;
    }
    #s6_menu a.two_line{
        padding-top: 25px;
        line-height: 40px;
    }
    #s6_menu .row .col-md-6:nth-child(19) a,#s6_menu .row .col-md-6:nth-child(20) a{
        margin-bottom: 0;
    }
    /* Let's get this party started */
    #s6_menu::-webkit-scrollbar {
        width: 10px;
        left: -30px;
    }
    
    /* Track */
    #s6_menu::-webkit-scrollbar-track {
        background: transparent;
    }
    
    /* Handle */
    #s6_menu::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: linear-gradient(to bottom, #2abcbf, #299abd);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    }


    #s7_title h3{
        text-align: center;
        font-size: 40px;
        font-weight: bold;
        color:#2e417c;
        margin: 50px 0;
    }
    .s7_img{
        margin-bottom: 35px;
    }
    .s7_img img{
        width:100%;
        height: 289px;
    }

    #s8{
        background: #f8f8f8;
        padding: 50px 0;
    }
    #s8_title h3{
        font-size: 40px;
        font-weight: bold;
        color:#2e417c;
        margin-bottom: 35px;
        margin-top: 0;
    }
    .s8_items{
        overflow: hidden;
        margin:25px 0px;
    }
    .s8_img{
        width:145px;
        float:left;
    }
    .s8_content{
        width:calc(100% - 160px);
        float:right;
    }
    .s8_title{
        font-size: 22px;
        color: #06b2b6;
        margin-bottom: 15px;
    }
    .s8_text{
        line-height: 32px;
        font-size: 18px;
        color: #333;
        text-align: justify;
    }
    #s8_form{
        text-align: center;
        padding-top: 20px;
    }
    #s8f_title{
        font-size: 26px;
        word-spacing: 4px;
        color:#06b2b6;
        line-height: 34px;
        text-align: center;
        margin-bottom: 10px;
    }
    #s8_form input,#s8_form textarea, #s8_form button{
        margin: 26px 0px;
        padding: 0 20px;
    }
    #s8_form input{
        display: block;
        height: 50px;
        line-height: 50px;
        width: 100%;
        border: 1px solid #ccc;
    }
    #s8_form button{
        width:225px;
        text-align: center;
        height: 50px;
        line-height: 50px;
        color:#fff;
        border:none;
        margin-top: 20px;
        background: #06b2b6;
        border-radius: 5px;
        font-size: 26px;
        cursor: pointer;
    }
    #s8_form textarea{
        height: 200px;
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
        border: 1px solid #ccc;
        margin-top: 0;
    }
    



    /*------------------------------------*\
        FOOTER
    \*------------------------------------*/
    footer{
        background: #049da1;
    }
    #footer2{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #footer2-wrap{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #f2_left{
        width:472px;
    }
    #f2_right{
        width:354px;
    }
    .f2_title{
        color:#fff;
        font-size: 22px;
        margin-bottom: 15px;
    }
    #f2_form input{
        display: block;
        width:100%;
        border:0;
        background: transparent;
        color:#fff;
        border-bottom:1px solid #fff;
        padding-left: 5px;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        margin-top: 15px;
    }
    #f2_form input::placeholder{
        color:#fff;
    }
    #f2_form button{
        display: block;
        width:85px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color:#fff;
        border:1px solid #fff;
        border-radius: 5px;
        margin-top: 30px;
        text-transform: uppercase;
        background: transparent;
        margin-left: auto;
        cursor: pointer;
    }

    #f2_social{
        margin-top: 20px;
        text-align: center;
    }
    #f2_social a{
        display: inline-block;
        margin:0 14px;
    }
    #footer3{
        background: #049da1;
        text-align: center;
        color:#fff;
        padding: 20px 0 50px;
        font-size: 16px;
        line-height: 35px;
    }
    #footer3 strong{
        font-size: 28px;
        font-weight: 400;
    }
    #footer3 a{
        color: #fff;
    }


    /*------------------------------------*\
        CATEGORY
    \*------------------------------------*/
    .breadcrumbs_pc{
        background-color: rgba(0,0,0,.3);
    }
    #breadcrumbs{
        margin: 0;
        height: 80px;
        line-height: 80px;
        color: #fff;
        word-spacing: 2px;
    }
    #breadcrumbs span, #breadcrumbs a{
        font-size: 20px;
    }
    #catPost{
        padding-top: 50px;
    }
    .catePosts{
        display: flex;
        align-items: flex-start;
        background-color: #f5f5f5;
        padding: 20px 30px;
        border-radius: 12px;
        margin-bottom: 20px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 20%);
    }
    .catePosts-thumb{
        width: 270px;
        aspect-ratio: 4 / 3;
        position: relative;
        border: 1px solid #ccc;
        border-radius: 12px;
        overflow: hidden;
    }
    .catePosts-thumb img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .catePosts-info{
        flex: 1;
        padding-left: 32px;
    }
    .catePosts-name{
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 12px;
    }
    .catePosts-des{
        line-height: 1.8;
        text-align: justify;
    }

    .pagination{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 32px;
        margin-bottom: 16px;
    }
    .page-numbers{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border: 1px solid #ddd;
        font-size: 18px;
    }
    .page-numbers.current{
        color: #06b2b6;
        border-color: #06b2b6;
        font-weight: 500;
    }
    

    /*------------------------------------*\
        POST
    \*------------------------------------*/
    .single_ctn{
        max-width: 960px;
    }
    #pstTop {
        background-color: #07b3b7;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 20px 15px;
        border-radius: 15px;
        margin-top: 72px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 1.8;
    }
    #pstTop-logo {
        margin-top: -47px;
        margin-bottom: 15px;
    }

    #postTitle{
        display: block;
        margin: 50px 0px 20px;
        font-size: 24px;
        font-weight: 700;
        color:#06b2b6;
        text-transform: uppercase;
        word-spacing: 2px;
    }

    #testPost{
        padding-left: 30px;
        padding-right: 30px;
    }
    #testPost-head{
        font-size: 26px;
    }
    #testPost-ct{
        padding-top: 16px;
        padding-left: 22px;
        padding-right: 22px;
    }
    .testPost-ct{
        display: flex;
        flex-wrap: wrap;
    }
    .testPost-ct label{
        width: 50%;
    }
    #testPost-bottom{
        font-size: 16px;
    }
    .postDetail h2{
        padding: 10px 16px;
        
    }
    .postDetail h2, .postDetail h2 *{
        font-size: 26px;
    }
    .postDetail h3 *, .postDetail h4 *{
        font-size: 22px;
    }

    #pstDoitac-title{
        font-size: 24px;
    }

    .luu-y, #pstUudai{
        padding: 12px 20px !important
    }


    #book_bs .box_bs{
        padding: 12px 20px;
    }
    #book_bs .box_bs .img{
        width: 162px;
    }
    #book_bs .box_bs .text{
        width: calc(100% - 162px);
        padding-left: 20px;
        line-height: 28px;
    }
    #book_bs .box_bs .text .btn-g{
        text-align: left;
    }

    #postSim{
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        background-color: transparent !important;
    }
    #postSim-lst{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .postSim{
        display: flex;
        flex-direction: column;
        width: calc(33.333% - 16px);
        background-color: #f4f3f7;
        border-radius: 12px;
        padding: 12px 16px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 20%);
    }
    .postSim-thumb{
        width: 100%;
        max-width: unset;
        aspect-ratio: 4 / 3;
        position: relative;
        margin-bottom: 12px;
    }
    .postSim-thumb img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .postSim-text{
        padding-left: 0;
    }

    #pstTest{
        padding: 20px;
    }
    #pstTest-head{
        font-size: 16px;
    }
    #pstTest-head strong{
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 0;
    }
    .pstTest-tit, .pstTest-ch label{
        font-size: 16px;
    }
    .pstTest-ch label{
        padding-left: 8px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .pstTest-ch .option-input{
        width: 12px;
        height: 12px;
    }


    /*------------------------------------*\
        Page Bác sĩ
    \*------------------------------------*/
    .pageBacsi{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .pageBacsi h1{
        font-size: 32px;
    }
    #lstBs-wrap{
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }
    .lstBsBox{
        border: none;
        background: #f1f1f1;
        padding: 16px 20px;
        border-radius: 20px;
    }
    .bsBox-img{
        width: 200px;
    }
    .bsBox-info{
        padding-left: 32px;
    }
    .bsBox-name{
        font-size: 30px;
        margin-bottom: 12px;
    }
    .bsBox-des{
        margin: 8px 0;
        line-height: 1.8;
    }

    /*------------------------------------*\
        Single Bác sĩ
    \*------------------------------------*/
    #bsHead{
        display: flex;
    }
    #bsImg{
        width: 50%;
        max-width: 500px;
    }
    .postBs-text{
        flex: 1;
        padding-left: 32px;
        font-size: 18px;
    }
    #bsName{
        margin-top: 0;
        font-size: 32px;
    }
    #bsDetail-btn{
        justify-content: center;
    }
    #bsDetail-btn a{
        margin: 0 16px;
    }





    /*------------------------------------*\
        TOOLBAR PC
    \*------------------------------------*/
    #toolbarpc-fixbot{
		display: block;
		position: fixed;
		bottom: -100%;
		width: 100%;
		background: #bdedf9;
		padding: 10px 0;
		box-shadow: 0 -8px 15px -8px rgb(115 115 115 / 42%);
		transition: all 300ms;
		z-index: 99;
	}
	#toolbarpc-fixbot.in{
		bottom: 0;
	}
	#toolbarpc-wrap{
		display: flex;
		align-items: center;
	}
	#toolbarpc-frm{
		/* width: 375px; */
        flex: 1;
    	text-align: center;
	}
	#toolbarpc-frm p{
		margin: 0;
		font-weight: 700;
		color: #0094ba;
	}
	#toolbarpc-frm .d_contact{
		position: relative;
	}
	#toolbarpc-frm input{
		width: 100%;
		height: 45px;
		background: #fff;
		border-radius: 5px;
		margin-top: 3px;
		text-align: center;
		border: none;
		box-shadow: inset 0px 2px 7px rgb(0 0 0 / 30%);
		outline: none;
	}
	#toolbarpc-frm button{
		position: absolute;
		top: 3px;
		right: 0px;
		border-radius: 0 5px 5px 0;
		width: 50px;
		height: 45px;
		border: none;
		background: #0094ba;
		color: #fff;
		font-weight: 700;
		font-size: 16px;
        cursor: pointer;
	}
	#toolbarpc-gbtn{
    	padding-left: 15px;
		display: flex;
		justify-content: space-between;
	}
	.toolbarpc-btn{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 270px;
		height: 65px;
		background: #14b664;
		color: #fff;
		font-weight: 700;
		box-shadow: 0 0 6px rgba(1, 51, 63, 0.3);
		padding: 0 10px;
		border-radius: 10px;
		margin: 0 20px;
	}
	.toolbarpc-btn:nth-child(2){
		background: #d73c3c;
	}
	.toolbarpc-btn:last-child{
		background: #2b81da;
	}
	.toolbarpc-btn i{
		width: 50px;
		height: 50px;
		background: url(./img/bot_icon.png) no-repeat;
		background-position-y: 0;
	}
	#toolbarpc-ic1{
		background-position-x: 0;
	}
	#toolbarpc-ic2{
		background-position-x: -53px;
	}
	#toolbarpc-ic3{
		background-position-x: -106px;
	}
	.toolbarpc-btn span{
		padding-left: 10px;
		font-size: 20px;
		line-height: 22px;
		color: #fff;
	}
	.toolbarpc-btn:hover span{
		color: #fff;
	}
    

}





































/* Xử lý ảnh thật */
.blurredImages-wrap {
    display: inline-block;
    position: relative;
}

.blurredImages-pattern {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .9);
    color: #fff;
}

.blurredImages-text {
    text-align: center;
    font-size: 18px;
}

.blurredImages-button {
    display: block;
    margin-top: 15px;
    padding: 7px 20px;
    border-radius: 5px;
    background: #148265;
    cursor: pointer;
}

.pagebg {
    background: var(--background-1);
}

#secSlider .slick-dots {
    bottom: -5px;
}

#secSlider .slick-dots li button {
    background-color: #fff;
    opacity: .7;
}

#secSlider .slick-dots li.slick-active button {
    opacity: 1;
    background-color: #fff;
}

#secSlider .slick-arrow {
    height: 30px;
    border-radius: 15px;
    background-color: rgb(255, 255, 255, 0.7);
    line-height: 30px;
    left: 3px;
}

#secSlider #sliderNext.slick-arrow {
    right: 3px;
}