.absolute-footer, html {
    background: #fff !important;
}

ul, li {
    list-style: none;
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}

li {
    margin-bottom: 0px !important;
}

.noPadding {
    padding-bottom: 0px !important;
}

.row-8 {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.pd-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 15px !important;
}

.row-5 {
    padding: 0px 10px !important;
}

.pd-5 {
    padding: 0px 5px 5px 5px !important;
}

/*@font-face {*/
/*    src: url("../fonts/roboto/RobotoSlab-Regular.ttf");*/
/*    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;*/
/*}*/

/*@font-face {*/
/*    src: url("../fonts/roboto/RobotoSlab-Bold.ttf");*/
/*    font-family: "RobotoSlab Bold";*/
/*}*/

/*@font-face {*/
/*    src: url("../fonts/roboto/RobotoSlab-Light.ttf");*/
/*    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;*/
/*}*/

/*@font-face {*/
/*    src: url("../fonts/roboto/RobotoSlab-Medium.ttf");*/
/*    font-family: "RobotoSlab M";*/
/*}*/

@font-face {
    src: url('../fonts/SVN-BegumRegular.ttf');
    font-family: "SVN-BegumRegular";
}

@font-face {
    src: url('../fonts/SVN-BegumMediumBold.ttf');
    font-family: "SVN-BegumMediumBold";
}

/**header**/
header#header .header-boxTop {
    background: url('../images/boxtop-bg.png') center bottom no-repeat;
    position: absolute;
    z-index: 9999;
    border-top: 5px solid #01237d;
    width: 100%;
    min-height: 38px;
}

header#header .header-boxTop .header-title {
    top: 3px;
    width: 100%;
    left: 300px;
    text-align: center;
}

header#header .header-boxTop .header-title h2 {
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0px !important;
    line-height: 30px;
}

.header-phone {
    background: url(../images/boxtop-call.png) 0 0 no-repeat;
    width: 149px;
    height: 33px;
    position: absolute;
    z-index: 99999;
    top: -25px;
    right: 100px;
}

.header-phone a {
    color: #000;
    font-size: 15px;
    text-align: center;
    display: block;
    font-weight: 700;
    line-height: 33px;
}

/**menu**/
.stuck div#masthead ul {
    margin: 0px !important;
}

div#masthead ul li a {
    padding: 0px 10px 0px 10px;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
}

.nav-dropdown-default {
    padding: 20px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

div#masthead div#btn-tv-header {
    padding: 3px 15px;
    background: rgb(224, 74, 58);
    border-radius: 50px;
    color: #fff;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 14px;
    cursor: pointer;
    transition:0.5s ease all;
}

div#masthead div#btn-tv-header:hover{
    opacity: 0.6;
    transition:1s ease all;
}

div#masthead div#btn-tv-header a {
    color: #fff;
}

/**footer**/
#footer {
    width: 100%;
    display: inline-block;
    padding: 40px 0;
    background: #FEF2E2;
}

#footer .footer-top {
    width: 100%;
    display: inline-block;
}

#footer .footer-top .footer-logo img {
    max-width: 120px;
    margin: auto;
    display: block;
}

#footer .footer-top .footer-social ul li {
    display: inline-flex;
}

#footer .footer-top .footer-social ul li a img {
    width: 50px;
    height: 50px;
}

#footer .footer-top .footer-social ul {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 0px !important;
}

#footer .footer-top .footer-social {
    width: 100%;
    display: inline-block;
    margin: 30px 0;
}

#footer .footer-top .footer-description {
    text-align: center;
    color: #000000;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 13px;
}

#footer .footer-two-multi {
    margin-bottom: 15px;
}

#footer .footer-top .footer-title:before {
    content: '';
    width: 50px;
    height: 2px;
    background: #000000;
    display: block;
    bottom: 0px;
    position: absolute;
}

#footer .footer-top .footer-title h2 {
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    color: #fdc914;
    text-transform: uppercase;
    font-size: 18px;
}

#footer .footer-top .footer-title {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 15px !important;
}

#footer .footer-top .footer-address {
    width: 100%;
    display: inline-block;
}

#footer .footer-top .footer-address .footer-address-item {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

#footer .footer-top .footer-address .footer-address-item:last-child {
    margin-bottom: 0px !important;
}

#footer .footer-top .footer-address .footer-address-item p i {
    color: #fdc914;
}

#footer .footer-top .footer-address .footer-address-item p {
    margin-bottom: 5px !important;
    color: #000000;
    font-size: 14px;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
}

#footer .footer-top .footer-register {
    width: 100%;
    display: inline-block;
    border: 2px solid #000000;
    padding: 10px 20px;
}

#footer .footer-top .form-title {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 15px !important;
}

#footer .footer-top .form-title h2 {
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    color: #fdc914;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
}

#footer .footer-top .form-title:before {
    content: '';
    width: 50px;
    height: 2px;
    background: #000000;
    display: block;
    bottom: 0px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#footer .footer-top .form-group input {
    box-shadow: unset !important;
    border: 0px !important;
    border-radius: 3px !important;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 15px;
}

#footer .footer-top input.wpcf7-form-control.wpcf7-submit.btn-register-footer {
    width: 130px;
    border-radius: 50px !important;
    background: #fdc914 !important;
    color: #000 !important;
    margin: auto !important;
    display: block;
}

#footer .footer-top .footer-time h2 {
    color: #fdc914;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
}

#footer .footer-top .footer-time p {
    margin-bottom: 5px !important;
    color: #000000;
    font-size: 14px;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
}

#footer .footer-top .footer-mr {
    margin-top: 30px !important;
     color: #000000;
    font-size: 13px;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif
}

/*title-home**/
.home__title {
    text-transform: uppercase;
    font-size: 32px;
    line-height: 48px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
    color: #fdc914;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
}

/*.home__title::before {*/
/*    background: url(../images/icon.png) 0 0 no-repeat;*/
/*    width: 60px;*/
/*    height: 65px;*/
/*    content: '';*/
/*    display: inline-block;*/
/*    vertical-align: bottom;*/
/*    margin-right: 10px;*/
/*    background-size: 100%;*/
/*}*/

/**service***/
.home__box1 .hbox1 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
    height: 230px;
    transition: 0.3s;
}

.home__box1 .hbox1__pic img:nth-child(1) {
    position: relative;
}

.home__box1 .hbox1__pic img {
    display: block;
    width: 100%;
}

.home__box1 .hbox1__tt {
    position: absolute;
    left: 20px;
    font-weight: normal;
    bottom: 60px;
    text-transform: uppercase;
    color: #2B1A00;
    font-size: 18px;
    z-index: 2;
}

.home__box1 .hbox1__icon {
    position: absolute;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 30px;
    width: 25px;
    height: 25px;
    text-align: center;
    border: 1px solid #4d4d4d;
    border-radius: 100%;
    z-index: 2;
}

.home__box1 .hbox1:hover .hbox1__tt {
    font-weight: 600;
    color: #0072e6;
}

.home__box1 .h-box a {
    display: block;
    background: #f2eee5;
    margin-bottom: 10px;
    padding: 12px 30px;
    color: #2B1A00;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
}

.home__box1 .h-box a:hover {
    font-weight: 600;
    color: #0072e6;
}

.home__box1 .h-box a span {
    position: relative;
}

.home__box1 .h-box a span::before {
    content: '';
    /*     background: url(../images/home1-icon.png) no-repeat; */
    display: block;
    position: absolute;
    left: -42px;
    top: -7px;
    width: 50px;
    height: 40px;
}

.home__box1 .h-box a::after {
    content: '\e923';
    font-family: "fontello";
    display: flex;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 15px;
    border: 1px solid #362c19;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.home__box1 .h-box a span.h-box8::before {
    content: '';
    background-position-y: -134px;
}

.home__box1 .h-box a span.h-box9::before {
    content: '';
    background-position-y: -266px;
}

.home__box1 .h-box a span.h-box10::before {
    content: '';
    background-position-y: -45px;
}

.home__box1 .h-box a span.h-box11::before {
    content: '';
    background-position-y: -178px;
}

.home__box1 .h-box a span.h-box12::before {
    content: '';
    background-position-y: -351px;
}

.home__box1 .h-box a span.h-box13::before {
    content: '';
    background-position-y: -94px;
}

.home__box1 .h-box a span.h-box14::before {
    content: '';
    background-position-y: -224px;
}

.home__box1 .h-box a span.h-box15::before {
    content: '';
    background-position-y: -310px;
}

/**form-register**/
.home_title_icon {
    text-transform: uppercase;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 500;
    color: #031f56;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.home-register-button {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.home-register-button .res-caption {
    font-weight: 600;
    color: #000;
}

.home-register-button .button-register {
    background: linear-gradient(to right, #f9e67d, #cc9d2b);
    padding: 5px 20px;
    text-transform: uppercase;
    color: #000;
    margin: 10px 0 !important;
    display: inline-block;
    cursor: pointer;
}

.ui-dang-ky {
    padding-top: 250px !important;
}

.ui-dang-ky .bg-fill {
    background-size: cover !important;
    background-position: center !important;
}

.ui-dang-ky .form_dki {
    width: 400px;
    float: right;
    background: #003984e0;
    padding: 10px 20px 15px;
    box-sizing: border-box;
    border-radius: 10px;
    max-width: 100%;
    margin-bottom: 40px;
    margin-top: 30px;
}

.ui-dang-ky .form_dki .summary {
    text-align: center;
    padding: 15px 0;
    padding-top: 0px;
}

.ui-dang-ky .form_dki .summary .title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: #fdc914;
}

.ui-dang-ky .form_dki .summary .des {
    color: #fdc914;
    line-height: 18px;
    text-align: center;
    margin-top: 3px;
    font-size: 13px;
}

.ui-dang-ky input.wpcf7-form-control.wpcf7-submit.btn-register {
    margin: 0px !important;
    background: linear-gradient(to right, #f9e67d, #cc9d2b);
    border: 0px !important;
    width: 100%;
    font-weight: normal;
    color: #000;
}

.ui-dang-ky .form-control {
    border: none !important;
    height: 36px !important;
    outline: none !important;
    color: #000 !important;
    width: 100% !important;
    padding-left: 15px;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
    box-shadow: unset !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.ui-dang-ky .form-control-text {
    width: 100% !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    margin-bottom: 10px !important;
    border: none !important;
    outline: none !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    height: 60px !important;
    min-height: 60px !IMPORTANT;
}

/**tab**/
.tabbed-content.tab-home-box ul {
    border-bottom: 1px solid #002b56 !important;
}

.tabbed-content.tab-home-box ul li {
    margin-right: 0px !important;
}

.tabbed-content.tab-home-box ul li a {
    padding: 8px 20px;
    color: #002b56;
    font-weight: normal;
    font-size: 15px;
    text-transform: unset !important;
}

.tabbed-content.tab-home-box ul li a:hover {
    background: #002b56;
    color: #000000;
}

.tabbed-content.tab-home-box ul li.active a {
    background: #002b56;
    color: #000000;
}

.tab-home-box ul li a:before {
    display: none;
}

/**album**/
.album-box {
    width: 100%;
    display: inline-block;
    height: 230px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.album-box img {
    width: 100%;
    height: 100%;
    transition: 0.3s ease-in-out;
}

.album-box:hover img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.alert-message {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    position: relative;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin: 20px 0;
}

/**category**/
.category-list {
    width: 100%;
    display: inline-block;
}

.category-list .category-items {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

.category-list .category-items:last-child {
    border-bottom: 0px !important;
}

.category-list .category-items .category-items-avatar {
    width: 110px;
    height: 100px;
    float: left;
}

.category-list .category-items .category-items-avatar img {
    width: 100%;
    height: 100%;
}

.category-list .category-items .category-item-content {
    width: calc(100% - 110px);
    float: left;
    padding-left: 20px;
}

.category-list .category-items .category-item-content h2 {
    color: #000;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    display: -webkit-box;
}


.category-list .category-items .item-excerpt p {
    font-size: 13px;
    margin-bottom: 0px !important;
}

.category-list .category-items .button-readmore {
    padding: 3px 15px;
    background: #f2db71;
    display: inline-block;
    border-radius: 50px;
    font-size: 12px;
    color: #031f56;
    font-weight: 700;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin-top: 10px;
    transition: 0.3s ease-in-out;
}

.category-list .category-items .button-readmore:hover {
    transition: 0.3s ease-in-out;
    background: #031f56;
    color: #fff;
}

/**single**/
#article-single {
    margin-top: 30px;
}

#article-single .postMain {
    padding-top: 10px;
}

.breadcrumbs span, .breadcrumbs a {
    font-size: 14px;
}

.breadcrumbs {
    width: 100%;
    height: auto;
    background: #ececec;
    padding: 10px 0 10px 20px !important;
    font-size: 14px;
}

#article-single .postMain .post-meta {
    color: #505050;
    font-size: 14px;
}

#article-single .postMain .postTimeOut {
    color: #505050;
    font-size: 14px;
    margin: 20px 0;
}

/**post-order**/
.hover-img-title {
    width: 100%;
    display: inline-block;
}

.avatar-post {
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 5px;
}

.hover-img-title .avatar-post img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.hover-img-title .title-post {
    float: left;
    width: calc(100% - 100px);
    padding-left: 15px;
}

.hover-img-title .title-post a {
    color: #000;
    font-size: 15px;
}

/**slider video**/
div#sync1 .owl-dots {
    display: none;
}

div#sync2 {
    margin: 10px 0;
}

div#sync2 .owl-item.active img {
    opacity: 0.2;
}

div#sync2 .owl-item.active.current img {
    opacity: 1 !important;
}

/*video**/
.home__box3 .b3clip__big {
    position: relative;
}

.home__box3 .b3clip__pic {
    margin: 0 auto;
    overflow: hidden;
    transition: 0.3s;
    position: relative;
}

.home__box3 .b3clip__pic img {
    transition: 0.3s;
    width: 100%;
    transform: scale(1.1);
    z-index: 0;
}

.home__box3 .b3clip__pic::before {
    background-image: url('../images/h3-clip-icon.png');
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.home__box3 .b3clip__text-1 {
    position: absolute;
    color: #fff;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.home__box3 h3 {
    text-align: center;
    font-size: 13px;
    margin: 0;
    color: #fff;
}

.home__box3 .b3clip__tt {
    height: 46px;
    line-height: 21px;
    overflow: hidden;
    font-weight: normal;
}

.home__box3 .b3clip__more {
    display: flex;
    padding: 10px 0 0;
    margin: 0 -5px;
}

.home__box3 .b3clip__item {
    width: 33%;
    padding: 0 5px;
}

.home__box3 .b3clip__pic-1::before {
    background-size: 50px;
    background-color: rgba(0, 0, 0, 0.5);
}

.home__box3 .b3clip__pic:hover {
    background: #313131;
    transition: 0.3s;
}

.home__box3 .b3clip__pic:hover img {
    opacity: 0.6;
    transition: 0.3s;
    transform: scale(1.3);
}

.home__box3 h3 {
    text-align: center;
    font-size: 13px;
    margin: 0;
}

.home__box3 .b3clip__text {
    padding: 10px 0;
    width: 100%;
}

.b3clip__text.b3clip__text-2 .b3clip__tt {
    color: #000 !important;
}

/* tin tuc**/
h2.sukientintuc-cate {
    text-align: center;
    padding: 0 0 20px;
    font-size: 32px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fdc914;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
}

.sukientintuc-cate:before {
    content: url('../images/cate-img-before.png');
    padding-right: 10px;
}

.sukientintuc-cate:after {
    content: url('../images/cate-img-after.png');
    padding-left: 10px;
}

.sukien-post img {
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
}

.sukien-title {
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.sukien-title h4 {
    font-size: 20px;
    color: #0072e6;
    margin-bottom: 0;
}

.tintuc-cate .tintuc-post {
    padding-bottom: 10px;
    width: 100%;
    display: inline-block;
}

.tintuc-cate .tintuc-post-avatar {
    width: 150px;
    height: 100px;
    float: left;
    border-radius: 10px;
}

.tintuc-cate .tintuc-post-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.tintuc-post-content {
    width: calc(100% - 150px);
    float: left;
    padding-left: 20px;
}

.tintuc-post-content h4 {
    color: #0072e6;
    font-size: 15px;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.post-meta {
    font-size: 14px;
}

.tintuc-post-content p {
    font-size: 14px;
}

article#event center.pt-3 a {
    background: linear-gradient(to right, #f9e67d, #cc9d2b);
    padding: 5px 30px;
    color: #000;
    border-radius: 5px;
}

.sukien-des p {
    font-size: 14px;
}

/**he thong**/
.bg-gray {
    background: #e9e9e9;
    width: 100%;
    display: inline-block;
}

.h4book {
    width: 100%;
    padding: 20px 40px;
}

.sys-item {
    width: 100%;
    display: inline-block;
}

.sys-item .sys-item-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sys-item .sys-item-avatar {
    width: 100%;
    height: 200px;
}

.sys-item .sys-content {
    text-align: center;
    margin: 10px 0 0 0;
    color: #000;
    font-size: 14px;
}

.sys-item .sys-content a {
    color: #9c7826;
    margin-left: 5px;
}

.h4book .owl-nav button {
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
    background: rgba(0, 0, 0, 0.2) !important;
    color: #fff !important;
    top: 45%;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.h4book .owl-nav button span {
    font-size: 20px;
}

.h4book .owl-nav button.owl-prev:before {
    content: '\e922';
    font-family: "fontello";
}

.h4book .owl-nav button.owl-next:before {
    content: '\e923';
    font-family: "fontello";
}

.h4book .owl-nav button:hover {
    background: #d2a138 !important;
}

.h4book .owl-nav button.owl-prev {
    left: -40px;
}

.h4book .owl-nav button.owl-next {
    right: -55px;
}

.h4book .owl-dots {
    display: none;
}

/**title**/
.block_title {
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    position: relative;
    padding-bottom: 10px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(left, #010f63, #0094ff);
    color: transparent;
    -webkit-background-clip: text;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.block_title:before {
    width: 200px;
    height: 1px;
    background: #0072e6;
    content: '';
    position: absolute;
    bottom: 0px;
    left: calc(50% - 100px);
}

#design-slideowl {
    margin-top: 30px;
    background-image: url('../images/bg_doingu.jpg');
    background-size: cover;
    background-position: center;
}

#fs-slider-ds .item .image {
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 100px;
}

#fs-slider-ds .item .image img {
    width: 240px;
}

#fs-slider-ds .item .info {
    width: 50%;
    float: left;
    padding-top: 40px;
    padding-left: 20px;
    box-sizing: border-box;
}

#fs-slider-ds .item .info .position {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 5px;
}

#fs-slider-ds .item .info .name {
    font-size: 24px;
    padding-top: 15px;
    color: #2adcfa;
    text-transform: uppercase;
    font-weight: bold;
}

#fs-slider-ds .item .info .des {
    padding-top: 20px;
    color: #fff;
    line-height: 26px;
    font-size: 15px;
}

#fs-slider-ds .item .info .detail {
    text-align: right;
    padding-top: 15px;
}

#fs-slider-ds .item .info .detail a {
    display: inline-block;
    background: linear-gradient(to right, #f9e67d, #cc9d2b);
    color: #031f56;
    padding: 5px 10px;
    border-radius: 10px;
}

.thumbs-ds {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}


.thumbs-ds .item {
    border: 1px solid #949494;
    padding: 5px;
    padding-bottom: 2px;
    box-sizing: border-box;
    transition: 0.5s;
    cursor: pointer;
}

#fs-slider-ds .owl-dots {
    bottom: 10px;
}

#fs-slider-ds .owl-dots {
    text-align: center;
    position: absolute;
    padding: 6px 11px;
    border-radius: 19px;
    left: 50%;
    transform: translate(-50%, 0);
}

#fs-slider-ds button.owl-dot {
    width: 13px;
    height: 13px !important;
    border-radius: 50%;
    margin: 0px 3px;
    background: #fff !important;
    box-shadow: inset rgba(255, 255, 255, 0.37) -1px 1px 1px;
    min-height: 10px !important;
}

#fs-slider-ds button.owl-dot.active {
    background: #031f56 !important;
}

.sukientintuc {
    padding: 0 15px;
}

/**kahc**/
.page_title {
    position: relative;
    margin-bottom: 30px;
    padding-top: 80px;
    text-align: center;
    font-weight: normal;
}

.page_title::before {
    background-image: url('../images/bg_pagetitle.png');
    background-size: 100% 100%;
    transition: 0.5s;
    height: 68px;
    width: 146px;
    position: absolute;
    left: calc(50% - 73px);
    top: 0px;
    content: '';
}

.page_title span {
    font-size: 32px;
    text-transform: uppercase;
    color: #031f56;
    text-decoration: none;
    font-family: Helvetica;
    margin-left: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.videos-grid {
    margin: 20px -8px;
    display: flex;
    flex-wrap: wrap;
}

.videos-grid .item {
    float: left;
    width: calc(33.33% - 16px);
    margin: 0 8px 20px;
}

.videos-grid .item .item_inner {
    background: white;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

.videos-grid .item .item_inner div {
    overflow: hidden;
}

.videos-grid .item .item_inner img {
    width: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.videos-grid .item .item_inner .name_video {
    display: block;
    text-align: center;
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #031f56;
}

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

nav.dich-vu ul li a {
    color: #000;
    font-size: 15px;
}

nav.dich-vu ul li {
    padding: 5px 0;
    border-bottom: 1px solid #ccc !important;
}

nav.dich-vu ul {
    list-style: none;
    padding-left: 30px !important;
    padding-right: 50px;
    margin: 0;
}

nav.dich-vu {
    background: #F2F2F2;
    border: 1px solid #ccc;
}

/**slider images**/
.slider-images .owl-nav button {
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
    background: rgba(0, 0, 0, 0.2) !important;
    color: #fff !important;
    top: 35%;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px !important;
}

.slider-images.owl-nav button span {
    font-size: 20px;
}

.slider-images .owl-nav button.owl-prev:before {
    content: '\e922';
    font-family: "fontello";
}

.slider-images .owl-nav button.owl-next:before {
    content: '\e923';
    font-family: "fontello";
}

.slider-images .owl-nav button:hover {
    background: #d2a138 !important;
}

.slider-images .owl-nav button.owl-prev {
    left: 0px;
}

.slider-images .owl-nav button.owl-next {
    right: 0px;
}

.slider-images .owl-dots {
    display: none;
}

ul.sub-menu.nav-dropdown.nav-dropdown-default li.nav-dropdown-col.current-menu-ancestor a {
    text-transform: uppercase;
    font-size: 16px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px dotted #ccc;
    position: relative;
    color: #0F7762 !important;
    margin-bottom: 10px;
    font-weight: 700 !important;
    padding-left: 0px !important;
}

ul.sub-menu.nav-dropdown.nav-dropdown-default li.nav-dropdown-col.current-menu-ancestor > ul.sub-menu.nav-column.nav-dropdown-default li a {
    display: block !important;
    color: #000 !important;
    font-weight: normal !important;
    text-transform: unset !important;
    padding-left: 0px !important;
}

ul.sub-menu.nav-dropdown.nav-dropdown-default li a {
    padding-left: 0px !important;
    margin-bottom: 10px !important;
    font-size: 15px !important;
    padding-bottom: 10px !important;
}

.postDetail.scroll_check .postbox {
    width: 100%;
    padding: 0 15px;
}

/**backup to top**/
/***back to top**/
.fixBtn {
    right: 50px;
    margin-left: 520px;
}

.fixBtn {
    position: fixed;
    bottom: 30%;
    z-index: 90;
}

.fixBtn .backToTop.active {
    -webkit-animation: _a_backToTopIn 0.12s ease-in;
    animation: _a_backToTopIn 0.12s ease-in;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    margin-bottom: 0;
}

.fixBtn .backToTop {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.fixBtn a {
    background: -webkit-linear-gradient(bottom left, #0065bd, #0e8bd1);
    background: -webkit-gradient(linear, left bottom, right top, from(#0065bd), to(#0e8bd1));
    background: linear-gradient(to top right, #0065bd, #0e8bd1);
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
}

.fixBtn .backToTop span {
    position: relative;
}

.fixBtn a span {
    display: block;
    width: 46px;
    height: 46px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fixBtn .backToTop span .icon {
    top: 9px;
    left: 16px;
}

.fixBtn .backToTop .icon.top {
    background-position: 93.82022471910112% 16.666666666666668%;
    width: 15px;
    height: 22px;
    -webkit-transition: top 0.12s ease-in;
    transition: top 0.12s ease-in;
}

.fixBtn .icon {
    background: url(../images/icon.svg) no-repeat;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
    margin-left: 0px !important;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

div#sync1 {
    height: 330px;
}

.input-contact, .text-contact {
    box-shadow: unset !important;
    border-radius: 5px !important;
}

.btn-contact {
    border-radius: 3px !important;
    color: #FFF;
    font-size: 14px;
    padding: 0px 25px !important;
    text-transform: uppercase !important;
    background: #031f56 !important;
    text-decoration: none !important;
    box-shadow: unset !important;
    margin: 0px !important;
    font-weight: normal !important;
    font-size: 15px !important;
}

/**contact**/
.box-contact {
    width: 100%;
    display: inline-block;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin-bottom: 20px !IMPORTANT;
}

.box-contact .contact-address p {
    color: #000;
    margin-bottom: 10px !important;
    font-size: 15px;
}

.box-contact .contact-address h1 {
    color: #000;
    font-size: 18px;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.box-contact .contact-address {
    margin: 20px 0;
}

/**widget post**/
.support_right {
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.support_right .support_hotline {
    background: #004b85;
    border-radius: 4px;
    overflow: hidden;
}

.support_right .support_hotline .support_title {
    background: #0167b1;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
}

.support_right .support_hotline .support_title span {
    color: #fff;
    font-size: 18px;
    position: relative;
    padding-left: 32px;
}

.support_right .support_hotline .support_title span svg {
    width: 24px;
    height: 24px;
    fill: #f1f1f1;
    position: absolute;
    top: -3px;
    left: 0px;
}

.support_right .support_hotline .hotline_hn {
    width: 50%;
    float: left;
    border-right: 1px solid #0167b1;
    text-align: center;
    padding: 12px;
    box-sizing: border-box;
}

.support_right .support_hotline .hotline_hn .nane {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: bold;
    position: relative;
    padding-left: 22px;
    display: inline-block;
}

.support_right .support_hotline .hotline_hn a {
    display: block;
    text-align: center;
    color: #befdc8;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
}

.support_right .support_skype {
    border-top: 1px solid #0167b1;
    box-sizing: border-box;
    text-align: center;
    padding: 8px 0;
}

.support_right .support_skype span {
    display: inline-block;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
    color: #c1c1c1;
}

.support_right .support_hotline .hotline_hn .nane svg {
    width: 16px;
    height: 16px;
    fill: #fff;
    position: absolute;
    top: 5px;
    left: 0px;
}

.support_right .support_skype span svg {
    width: 17px;
    height: 25px;
    position: absolute;
    top: 0px;
    left: 0px;
    fill: #fff;
}

.support_right .support_skype {
    border-top: 1px solid #0167b1;
    box-sizing: border-box;
    text-align: center;
    padding: 8px 0;
}

.cls {
    display: inline-block;
    width: 100%;
}

.time_working {
    border-radius: 5px;
    border: 1px solid #0167b1;
    margin-top: 10px;
}

.time_working .title_time {
    background: #0167b1;
    text-align: left;
    padding: 10px;
}

.time_working .title_time span {
    color: #fff;
    font-size: 16px;
    position: relative;
    padding-left: 32px;
    font-weight: bold;
}

.time_working .title_time span svg {
    width: 24px;
    height: 24px;
    fill: #f1f1f1;
    position: absolute;
    top: -3px;
    left: 0px;
}

.time_working .time {
    padding: 12px 20px 7px;
    font-size: 15px;
}

.time_working .time p {
    margin-bottom: 5px;
    line-height: 18px;
    color: #000;
}


/*home page**/
.page-template div#toc_container {
    display: none;
}

.home2-title h2 {
    text-align: center;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    color: #FEF2E2;
    text-transform: uppercase;
    font-size: 25px;
    margin: 0px !important;
    font-weight: 500;
}

.home2-title {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}

.home2-title.line {
    position: relative;
}

.home2-title.line h2 {
    text-align: left;
    border-bottom: 1px solid #FEF2E2;
    display: inline-block;
    width: auto !important;
    padding-bottom: 5px;
    font-weight: 700;
   color:#FEF2E2
}

.home2-title p {
    width: 800px;
    text-align: center;
    color: #000;
    font-family: "RobotoSlab Regular";
    margin: 10px auto 0;
    font-size: 16px;
}

/*8services**/
article.services-box {
    padding: 50px 0;
}

.services-item {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    border: 1px solid transparent;
}

.services-item .services-item-avatar {
    width: 100%;
    display: inline-block;
    height: 300px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.services-item .services-item-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}


.services-item:hover .services-item-avatar img {
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.services-item .services-item-content {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
}

.services-item .services-item-content .services-title:before {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background: #FEF2E2;
    position: absolute;
    bottom: -5px;
}

.services-item .services-item-content .services-title h2 {
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    color: #FEF2E2;
    margin: 0px !important;
    text-transform: uppercase;
    font-size: 17px;
}

.services-item .services-item-content .services-title {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.services-item .services-item-content .services-desc {
    color: #000;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 14px;
}


/*8blog**/
.blog-category-item {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.blog-category-item .blog-category-avatar {
    width: 200px;
    float: left;
    height: 150px;
}

.blog-category-item .blog-category-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-category-item .blog-category-content {
    width: calc(100% - 200px);
    float: left;
    padding-left: 10px;
}

.blog-category-item .blog-category-content h2 {
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    color: #000;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
    display: -webkit-box;
    text-transform: uppercase;
    line-height: 22px;
}

.blog-category-item .blog-category-date {
    width: 100%;
    position: relative;
    color: #000;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 14px;
}

.blog-category-item .blog-category-date:before {
    content: '';
    background: #FEF2E2;
    width: 50px;
    height: 1px;
    display: block;
    bottom: -5px;
    position: absolute;
    left: 0px;
}

.blog-category-item .blog-category-desc p {
    color: #000;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px !important;
}


/*8video**/
.video-group-text {
    width: 100%;
    display: inline-block;
    padding: 200px 0;
}

.video-group-text .video-group-icon {
    width: 40px;
    float: left;
    margin-top: 5px;
}

.video-group-text .video-group-icon img {
    width: 100%;
    height: 100%;
}

.video-group-text .video-group-box {
    width: calc(100% - 40px);
    float: left;
    padding-left: 20px;
    color: #fff;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
}

.video-group-text .video-group-box .text-small {
    font-size: 15px;
}

.video-group-text .video-group-box .text-big h2 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 25px;
}

.video-group-text .video-group-box .text-link a img {
    width: 150px;
}

.video-group-text .video-group-box .text-link {
    text-align: right;
}

article.video-play-box {
    width: 100%;
    height: 505px;
    position: relative;
}

article.video-play-box .video-smart img {
    width: 400px;
    position: absolute;
    right: 12px;
}

.video-item {
    position: absolute;
    top: 250px;
    transform: translateY(-50%);
    left: 132px;
    width: 450px;
    height: 250px;
}

.video-item .video-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-item .video-image {
    background: #fff;
    padding: 5px;
    position: relative;
    width: 100%;
    height: 100%;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.video-item .video-button {
    position: absolute;
    top: 0px;
    height: 100%;
    line-height: 250px;
    text-align: center;
    width: 100%;
}

.video-item .video-button img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    position: relative;
    z-index: 999999;
}

/**slider review**/
.owl-dots {
    display: none !important;
}

.bg-width-medium {
    width: 900px;
    margin: auto;
}

.bg-width-medium .owl-carousel .owl-stage-outer {
    height: 600px !important;
}

.slider-review-box {
    width: 100%;
    display: inline-block;
}

.slider-review-box .review-item {
    background: #fff;
    padding: 15px;
    width: 100%;
    margin-top: 55px;
    display: inline-block;
}

.slider-review-box .review-item .review-before h2 {
    font-family: "SVN-BegumRegular";
    color: #000;
    font-weight: normal;
    font-size: 25px;
    text-align: center;
}

.slider-review-box .review-item .review-before {
    width: 500px;
    float: right;
    padding: 20px 0;
}

.slider-review-box .review-services ul {
    text-align: center;
}

.slider-review-box .review-services ul li {
    display: inline-block;
    padding: 3px 15px !important;
    border-radius: 50px;
    border: 1px solid #3d3d3d;
    text-align: center;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    color: #3d3d3d;
    font-size: 14px;
    margin: 0 10px 10px 0 !important;
}

.slider-review-box .review-services {
    width: 100%;
    display: inline-block;
    margin: 10px 0 30px 0;
}

.slider-review-box .review-before-images {
    width: 90%;
    margin: auto;
}

.slider-review-box .review-before-images img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    object-position: top;
}

.slider-review-box .review-image-big img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-review-box .review-image-big {
    position: absolute;
    width: 350px;
    height: 500px;
    top: 25px;
}

.slider-review-box .review-name {
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    color: #000;
    position: absolute;
    bottom: -25px;
    right: 0px;
    font-size: 15px;
    left: 50%;
    transform: translateX(12%);
    z-index: 9999;
}

.bg-width-medium .owl-nav button {
    position: absolute;
    top: 50%;
    margin: 0px !important;
    width: 30px;
    height: 30px !important;
    background: #b6b9c2 !important;
    transform: translateY(-50%);
    min-height: 30px !important;
}

.bg-width-medium .owl-nav button i {
    color: #fff !important
}

.bg-width-medium .owl-nav button.owl-prev {
    left: -45px;
}

.bg-width-medium .owl-nav button.owl-next {
    right: -45px;
}

.item-view {
    background: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border: 3px solid #7cccff;
}

.item-view .image_thumb {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 5px;
    border-radius: 50%;
}

.item-view .image_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    object-position: top center;
    cursor: pointer;
}


.box-doctor {
    width: 100%;
    display: inline-block;
    position: relative;
    background: url(https://thammyvenus.vn/wp-content/uploads/2020/08/bg.jpg) no-repeat;
    margin: 60px 0;
}

.box-doctor .item-big .image img {
    z-index: 999;
    width: 300px !important;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.box-doctor .thumb-group {
    position: absolute;
    bottom: 0px;
    z-index: 9999;
    width: 100%;
}

.box-doctor .info {
    width: 100%;
    height: 400px;
    padding: 30px 20px;
}

.box-doctor-bg {
    width: 100%;
    display: inline-block;
}

.box-doctor .doctor-title h2 {
    margin: 0px !important;
    color: #2b3990;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 500;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
}

.box-doctor .doctor-title {
    float: right;
    padding: 15px 60px;
    background: linear-gradient(45deg, #52a5e8, #145acc);
}

.box-doctor .info .name {
    font-size: 22px;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.box-doctor .info .des {
    color: #fff;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 14px;
}

.home-su-menh{
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;

}

div#sync2-ds .owl-item.active.current .item-view {
    border: 7px solid #7cccff;
}

div#sync2-ds .owl-item.active.current .item-view .image_thumb {
    border: 3px solid #2b3990;
}

.thumb-group .thumbs-ds {
    padding: 0px 20px;
}

/*8support**/
.footer-support {
    position: fixed;
    z-index: 9999;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
}

.footer-support-content {
    border-radius: 5px;
    background: rgba(69, 72, 98, 1);
    width: 80px;
}

.footer-support .footer-support-items img {
    width: 35px;
    margin: auto !important;
    display: block;
}

.footer-support .footer-support-items {
    padding: 10px 0;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.footer-support .footer-support-items:last-child {
    border-bottom: 0px !important;
}

.footer-support .support-title {
    color: #fff;
    font-size: 10px;
    text-align: center;
    margin-top: 5px;
    padding: 0px 5px;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
}

img.icon-map-2 {
    width: 25px !important;
}

.footer-support-service {
    background: rgba(117, 166, 238, 1);
    border-radius: 5px;
    margin-bottom: 5px;
    width: 80px;
    padding: 10px 5px;
}

.footer-support-service i {
    background: #fff;
    color: #000;
    width: 25px;
    border-radius: 50%;
    height: 25px;
    text-align: center;
    line-height: 25px;
    margin: auto !important;
    display: block;
    font-size: 14px;
}


/**hotline**/
@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}

.hotline-phone-ring-circle {
    width: 87px;
    height: 87px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}

.hotline-phone-ring-circle-fill {
    width: 57px;
    height: 57px;
    top: 98px;
    left: 196px;
    position: absolute;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 1;
}

.hotline-phone-ring-img-circle {
    background-color: #e60808;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*8custom**/
#mobile-slider .owl-nav {
    display: none !important;
}

#mobile,div#mobile-slider {
    display: none;
}

/*devil global*/

#home-su-menh, #home-linh-vuc-hd {
    background-color: #FEF2E2;
    padding: 50px 20px;
}



#section-gioi-thieu{
    margin-top: 25px;
    position: relative;
}
.home-title{
    font-weight: normal;
    font-family: 'SVN-BegumMediumBold', "Times New Roman", "Bitstream Charter", Times, serif;
    font-size: 28px;
}
.h4book{
    padding-top:15px;
}
#system-ht{
    padding: 50px 0px;
}

.nav-dropdown-default {
    padding: 10px;
}

/**chat**/
.social-chat {
    position: fixed;
    bottom: 15px;
    right: 10px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    min-width: 140px;
    padding: 5px 0;
    z-index: 99;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

.social-chat ul li a img {
    width: 20px;
    height: 20px;
}

.social-chat ul {
    margin-bottom: 0px !important;
    list-style: none;
}

.social-chat ul li {
    margin-bottom: 0px !important;
}

.social-chat ul li a {
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    padding: 3px 10px 3px 10px;
}

.social-chat ul li a:hover {
    background: rgba(60, 60, 60, 0.9);
    color: #fff !important;
}

.social-chat ul li a span.text-call {
    padding-left: 5px;
}


/**chat**/
.social-chat {
    position: fixed;
    bottom: 15px;
    right: 10px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    min-width: 140px;
    padding: 5px 0;
    z-index: 99;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

.social-chat ul li a img {
    width: 20px;
    height: 20px;
}

.social-chat ul {
    margin-bottom: 0px !important;
    list-style: none;
}

.social-chat ul li {
    margin-bottom: 0px !important;
}

.social-chat ul li a {
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    padding: 3px 10px 3px 10px;
}

.social-chat ul li a:hover {
    background: rgba(60, 60, 60, 0.9);
    color: #fff !important;
}

.social-chat ul li a span.text-call {
    padding-left: 5px;
}