/*
Theme Name: Kabiweb Child
Theme URI:  https://kabiweb.com
Author: Khanh Bui - bvkhanh88@gmail.com
Author URI: https://kabiweb.com
Description: Kabiweb Responsive Wordpress Theme.
Version: 1.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kbw
Template: kabiweb
*/

/*@font-face {
    font-family: 'Segoe UI';
    src: url('assets/fonts/SVN-Segoe UI.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter-Regular.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
}*/

html body {
    font-family: 'Helvetica Neue, Helvetica, Arial, 文泉驛正黑, WenQuanYi Zen Hei, Hiragino Sans GB, 儷黑 Pro, LiHei Pro, Heiti TC, 微軟正黑體, Microsoft JhengHei UI, Microsoft JhengHei', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none !important;
}

@media (min-width: 992px) {
    body {font-size: 16px;line-height: 1.6;}
}

.kbw-gap-5 {margin-left: -2.5px;margin-right: -2.5px;}
.kbw-gap-5 > [class*="col-"], .kbw-gap-5 > [class*="kc_col"] {padding: 0 2.5px;}
.kbw-gap-10 {margin-left: -5px;margin-right: -5px;}
.kbw-gap-10 > [class*="col-"], .kbw-gap-10 > [class*="kc_col"] {padding: 0 5px;}
.kbw-gap-15 {margin-left: -7.5px;margin-right: -7.5px;}
.kbw-gap-15 > [class*="col-"], .kbw-gap-15 > [class*="kc_col"] {padding: 0 7.5px;}
.kbw-gap-20 {margin-left: -10px;margin-right: -10px;}
.kbw-gap-20 > [class*="col-"], .kbw-gap-20 > [class*="kc_col"] {padding: 0 10px;}
.kbw-gap-25 {margin-left: -12.5px;margin-right: -12.5px;}
.kbw-gap-25 > [class*="col-"], .kbw-gap-25 > [class*="kc_col"] {padding: 0 12.5px;}
.kbw-gap-30 {margin-left: -15px;margin-right: -15px;}
.kbw-gap-30 > [class*="col-"], .kbw-gap-30 > [class*="kc_col"] {padding: 0 15px;}

/*-[ GENERAL ]---------------*/
#wrapper {background: #fff;}
#wrapper.boxed {max-width: none;}
.boxed #main-content {padding: 0 10px;background-color: #fff;}
.boxed #site-footer {padding: 20px;background-color: #fff;box-shadow: none;}
.boxed footer#site-footer .copyrights {background-color: #fff;border: none;}
@media (max-width: 1200px) {
    .container {max-width: 99%;}
}

input {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
pre code,
pre .line-number {
    /* Ukuran line-height antara teks di dalam tag <code> dan <span class="line-number"> harus sama! */
    font: normal normal 14px/1.6 Monaco, "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    color: #555;
    display: block;
}
pre .line-number {float: left;margin: 1.5px 1em 0 -1em;border-right: 1px solid;text-align: right;}
pre .line-number span {display: block;padding: 0 .5em 0 1em;}
pre .cl {display: block;clear: both;}

.sidebar.col-sidebar {float: none;width: 100%;padding: 0;}
h1.title + .post-listing {margin-top: 20px;}

table {
    width: 100%;
    margin-bottom: 1em;
    border-color: #ececec;
    border-spacing: 0;
}

th, td {
    padding: .5em;
    text-align: left;
    border-bottom: 1px solid #ececec;
    line-height: 1.3;
    font-size: .9em;
}

.theiaStickySidebar {z-index: 10;}

/* LightGallery */
body.lg-on {position: static;overflow-y: hidden;width: auto;}
.lg-backdrop.in {opacity: .8;}
div.lg-thumb.lg-group {margin-left: auto !important;margin-right: auto !important;}

/* fix owl-carousel on mobile */
@media (max-width: 575px) {
    .owl-carousel .owl-item img {position: relative;left: -.5px;}
}


@media (min-width: 1200px) {
    .wide .main-container {width: 100%;max-width: none;}
    .boxed .inner-wrapper, .kbw-container, .kbw-content .container {width: 1200px;margin: 0 auto;max-width: 100%;}
    #site-header .container, #kbw-navigation .navigation {width: 1200px;margin: 0 auto;float: none;max-width: 100%;}

    #kbw-navigation.sticky-navigation-active {}
}
@media (min-width: 1920px) {
    #site-header .container, #kbw-navigation .navigation, .kabiweb .container {width: 1300px;}
}

@media (max-width: 991px) {
    [data-breadcrumb="show"] #page {padding-top: 0;}
}


#kbw-navigation, span.inline-title, span.inline-title:before, footer#site-footer .copyrights, .cat-box-title h2 span, .cat-box-title h2 span:before, .widget .tagcloud a.tag-cloud-link, .error-404 .search-submit, .kbw-pagination .page-number.current, .kbw-pagination .current {background-color: #055699;color: #fff;}

#mobile-nav-toggle {color: #055699;top: 12px;}
input.wpcf7-submit {background: #055699;border-color: #055699;}
#topcontrol {background-color: #0d8ecf;}
a:hover {color: #055699;}


/*
* HEADER
* -------------------------------------------------------------*/
#site-header #logo {margin: 10px 0;}
#logo img {max-height: 60px;}
.hr-box-icon {padding-left: 20px;}
.hr-box-icon .kbw-language, .hr-box-icon .btn-link-user {display: none;}
.btn-link-search, .btn-link-user {font-size: 23px;}
@media (max-width: 991px) {
    #header #logo img {max-height: 35px;}
    #catcher-header.catcher-header-fixed {height: 56px;}
    .header-logo {width: 100%;text-align: left;padding-left: 50px;}
    .header-top {display: none;}
    .hr-box-icon {position: absolute;right: 10px;display: flex;align-items: center;grid-gap: 15px;}
    .btn-link-search, .btn-link-user {font-size: 25px;}
    .hr-box-icon .kbw-language, .hr-box-icon .btn-link-user {position: static;display: inline-block;}
    .kbw-language img.img-flag {width: 35px;height: 23px;max-height: none;}
}

.header-top {background: #055699;color: #e1e1e1;padding: 5px 0;}
.header-top a {color: #e1e1e1;font-size: 14px;}
.header-top a:hover {color: #fff;}
.header-tab li {float: left;margin-right: 5px;}
.header-tab li a {
    display: block;
    padding: 3px;
    margin-right: 5px;
    line-height: 20px!important;
    border: 1px solid transparent;
    text-align: center;
}
.header-tab li.social-item a {width: 25px;height: 25px;}
.header-tab li.social-item a:hover {transform: scale(1.2) translate(0);}
.header-tab1 li a .fa-facebook {color: #3a589b;}
.header-tab1 li a .fa-youtube {color: #cf3427;}
.header-tab1 li a .fa-twitter {color: #55acee;}
.header-top .hotline a {font-weight: 600;}
.header-top .hotline span {margin-right: 5px;}

.account-box {grid-gap: 5px;}
.flag img {max-height: 20px;}
.account-box .flag {margin-left: 10px;}
.account-box .flag + .flag {margin-left: 6px;}

@media (min-width: 992px) {
    .header-right .navigation a {padding-left: 15px;padding-right: 15px;color: #333;font-size: 1.0rem;text-transform: none;font-weight: 600;}
    .header-right .navigation > ul > .current > a, .header-right .navigation > ul > .current-menu-item > a, .header-right .navigation ul li:hover > a {color: #055699!important;}
    .header-right nav.navigation ul ul {background-color: #fff;border-radius: 8px;box-shadow: 0 8px 32px rgba(3,44,71,0.24);}
    .header-right nav.navigation ul ul li a {color: #333;font-weight: 500;line-height: 1.45;}
    .header-right nav.navigation ul.menu>li>ul.sub-menu:before {border-bottom-color: #fff;}
    .header-right .navigation li li.current-menu-item, .header-right .navigation li li.current-menu-ancestor, .header-right .navigation ul li li:hover {background-color: transparent;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    #logo img {max-height: 30px;}
    .header-right .navigation ul li a {padding: 10px;font-size: 15px;}
    .hr-box-icon {padding-left: 10px;}
}
@media (max-width: 991px) {
    .navigation.mobile-menu-wrapper, .nav-header, .nav-header, .nav-footer {background-color: #0e243a;}
    nav.navigation ul ul {background: rgba(0, 0, 0, 0.2);}
    .header-right .navigation > ul > .current > a, .header-right .navigation > ul > .current-menu-item > a, .header-right .navigation ul li:hover > a {color: #fff!important;}
}


/**
* SIDEBAR
* -------------------------------------------------------------*/
#sidebar .widget {padding: 15px 20px;background: rgba(0,0,0,0.04) none repeat center center;}
#sidebar .widget .widget-title {
    -webkit-font-smoothing: antialiased;
    font-size: 1.2rem;
    position: relative;
    border-bottom: 1px solid #055699;
    margin-bottom: 10px;
    padding-bottom: 0;
}
span.inline-title {background-color: transparent;margin: 0;padding: 0!important;color: #055699;font-weight: 600;}
span.inline-title:before, span.inline-title:after {content: none;}
.item-list.small .p-thumbnail {max-width: 70px;}

.related-posts .widget-title {margin-bottom: 0;}


/**
* MAIN
* -------------------------------------------------------------*/
#main-content ::-webkit-scrollbar {width: 6px;}
#main-content ::-webkit-scrollbar-thumb {background: #cfcfcf;}

#page.hidetitle header {display: none;}
@media (max-width: 991px) {
    #page.hidetitle {padding-top: 20px!important;}
}

.beat-phone i{animation:beat .2s infinite;color:#a30023;font-size:20px}
@keyframes beat{from{transform:rotate(80deg)}to{transform:rotate(100deg)}}

@media (min-width: 992px) {
    .kbw-breadcrumb {margin-bottom: 5px;}
}

.main-container .contact-page-template {padding: 30px;}
.main-container .contact-page-template h2 {
    font-size: 1.6rem;
    color: #333e48;
    padding-bottom: .6em;
    position: relative;
    border-bottom: 1px solid #dadada;
    margin-bottom: 1.2em;
}
.main-container .contact-page-template h2:after {
    content: ' ';
    width: 4.56em;
    border-bottom: 2px solid #055699;
    display: block;
    position: absolute;
    bottom: -1px;
}
.contact-page-template .box {margin-bottom: 30px;}
.contact-page-template .box p {margin-bottom: 0;}
.contact-page-template h3 {font-size: 1.4rem;margin-top: 30px;}

.box-inner-art {
    background: rgb(238, 249, 255);
    color: #055699;
    font-size: 1rem;
    border: 1px dashed #055699;
    margin: 20px 0 15px;
    padding: 20px;
}
.box-inner-art p {margin-bottom: 5px;}

@media (min-width: 992px) {
    .kbw-row-stretch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        color: #fff;
        margin: 0 -99em;
    }
}
#page.page-custom {padding-top: 0;padding-bottom: 0;}
.bc-wrap {background-color: rgba(0,0,0,0.04);padding: 25px 10px;margin-bottom: 25px;}
.bc-wrap .title, .bc-wrap .kbw-breadcrumb {margin: 0;padding: 0;background: none;}
.bc-wrap .title {position: relative;color: #333;font-weight: 600;}
.bc-wrap .kbw-breadcrumb a, .bc-wrap .kbw-breadcrumb span {color: #666;font-size: 1rem;}
.bc-wrap h1.title, .bc-wrap h2.title {font-size: 1.25rem;}
@media (max-width: 991px) {
    #page.page-custom .bc-wrap {margin-top: 10px;padding: 15px 10px;}
    #page.single-wdemo .bc-wrap {margin: 0 -99em 20px;}
}
@media (max-width: 767px) {
    .bc-wrap .inner {flex-direction: column-reverse;grid-gap: 5px;}
    .bc-wrap .kbw-title-wrap {text-align: center;}
    .bc-wrap .kbw-title-wrap .title {font-size: 1.05rem;}
}

.page-custom.single-product .kbw-breadcrumb > *:nth-last-child(1), .page-custom.single-product .kbw-breadcrumb > *:nth-last-child(2) {display: none;}
.blog.paged .bc-wrap .kbw-breadcrumb {display: none;}

/* Form Advance Search */
select + .select2-container {width: 100% !important;}
.select2-container .select2-selection--single {height: 38px;border-color: #ced4da;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 38px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px;}
.select2-dropdown--below{border: 1px solid #ced4da!important;top: 38px;}

#page.archive-mainproduct .bc-wrap {
    padding: 0 10px;
    background-color: #fff!important;
    border-top: 1px solid #ebedf0;
    box-shadow: 0 2px 8px rgba(3,44,71,0.12);
}
.search-filter-wrap {display: flex;align-items: center;}
.search-filter-wrap > div {padding: 10px 15px;cursor: pointer;}
.search-filter-wrap .search-kw {width: 280px;border-right: 1px solid #ebedf0;padding-left: 0;}
.search-filter-wrap .select-control {width: 200px;border-right: 1px solid #ebedf0;}
.search-filter-wrap .form-action {display: flex;}
.search-filter-wrap .form-action input {background-color: #055699;color: #fff;border-color: #055699;}
.search-filter-wrap .form-action input:focus, .search-filter-wrap .form-action input:active {box-shadow: none;outline: none;}
.search-filter-wrap .form-action input:hover {background-color: #0062cc;border-color: #0062cc;}
.search-filter-wrap .link-reset {font-size: 23px;margin-left: 10px;vertical-align: middle;}

.search-filter-wrap .form-control {outline: none;border-color: transparent;box-shadow: none;}
.search-filter-wrap .search-kw input {
    border-color: transparent;
    background: #f5f5f5 url(assets/images/ic_search.svg) no-repeat 10px center;
    padding-left: 34px;
}
.search-filter-wrap .kbw-select {border: none;}
.search-filter-wrap .kbw-select .styledSelect {font-weight: 400;color: #333;background-color: #f5f5f5;}
.search-filter-wrap .search-kw.searched input, .search-filter-wrap .select-control.searched .styledSelect {background-color: #dfdfdf;}


@media (max-width: 991px) {
    .search-filter-wrap {flex-direction: column;padding-top: 20px;padding-bottom: 20px;}
    .search-filter-wrap .search-kw, .search-filter-wrap .select-control {width: 100%;margin: 0;}
    .search-filter-wrap .search-kw {padding-left: 15px;border: none;}
    .search-filter-wrap .select-control {border: none;}
}


/*** LISTING ***/
.p-box-title .p-name:hover {color: #055699;}

.listing-header {display: flex;align-items: center;margin-bottom: 25px;}
.listing-header h1.title {margin: 0;padding: 0;}
.listing-header h4 {
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: -0.5px;
    color: #666;
    margin: 0 0 0 8px;
}
@media (max-width: 767px) {
    .listing-header {display: block;}
    .listing-header h1.title {margin-bottom: 3px;}
    .listing-header h4 {margin: 0;}
}

.wdemo-listing .item-grid .p-info, .wdemo-listing .item-slider .p-info {padding: 0 10px 20px;text-align: center;}
.wdemo-item.p-item .p-box {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.08);
}
.wdemo-item.p-item .p-info > * + * {margin-top: 10px;}
.wdemo-item.p-item .p-box-title a {
    margin: 0;
    color: #055699;
    font-size: 1rem;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 40px;
}
.wdemo-item.p-item .p-box-title a:hover {color: #3f51b5;}
.wdemo-item .box-price-listing {justify-content: center;}
.wdemo-item .price {color: #cd1818;font-size: 1.05rem;font-weight: 600;}
.wdemo-item .meta {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    grid-gap: 6px;
}
@media (min-width: 768px) {
    .wdemo-item .meta {}
}
.wdemo-item .meta a {display: inline-block;padding: 1px 5px;border: 1px dashed;color: #055699;font-size: 15px;line-height: 20px;}
.wdemo-item .meta a:hover {background-color: #f5f5f5;}

.kbw-item-overlay {
    opacity: 0;
    pointer-events: none !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: normal;
    overflow: hidden;
    background-color: hsla(206,7%,54%,.8);
}
.kbw-item-overlay.has-scroll {justify-content: flex-start;}
.wdemo-item .p-box:hover .kbw-item-overlay {background-color: rgba(5,86,153,.65);opacity: 1;pointer-events: auto !important;}
.kbw-item-overlay .overlay-content {color: #fff;border: 1px solid #cfcfcf;padding: 12px;line-height: 23px;}

.kbw-item-overlay .view-wrap {display: flex;grid-gap: 10px;margin: 15px 0 0;}
.kbw-item-overlay .view-wrap > * {flex-grow: 1;}
.kbw-item-overlay a {
    display: inline-block;
    padding: 6px 12px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.6;
}
.kbw-item-overlay a:hover {background-color: #fff;color: #055699;}
.div-scoll {max-height: 100%;overflow-y: auto;}

.featured-list {list-style: none;margin-left: 0;}
.featured-list li:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0;
    border: 6px solid transparent;
    border-left-color: #fff;
}
.summary .featured-list.row-2col {display: flex;flex-wrap: wrap;grid-gap: 10px;}
.summary .featured-list li:before {border-left-color: #055699;}

/*** DETAIL ***/
.product-summary .one-image {position: relative;overflow: hidden;}
.product-summary .one-image img.hover-scroll {z-index: -1;transform: translateY(0px);position: absolute;top: 0;left: 0;}
.product-summary .one-image:hover img.hover-scroll {z-index: 10;}
.product-summary .one-image:hover img.summary-image {opacity: 0.8;}

.page-single-wdemo .product-summary img {width: 100%;}
.product-summary {position: relative;}
.product-summary .product-images {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px;
}
@media (max-width: 767px) {
    .product-summary .product-images {padding: 12px;}
}

.summary .button-wrap {display: flex;flex-wrap: wrap;grid-gap: 12px;}
.summary .button-wrap a.btn {
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.8;
    text-align: center;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    border-radius: 0;
    outline: none;
}
.summary .button-wrap .flex-1 {flex-grow: 1;background-color: #055699;border-color: #055699;}
.summary .button-wrap .flex-1:hover {background-color: #2f80ed;border-color: #2f80ed;}
.summary .button-wrap .flex-2 {flex-grow: 2;width: 100%;}
.summary .button-wrap a.booknow {
    font-size: 18px;
    background-color: rgba(255,87,34,.1);
    border: 1px solid #ee4d2d;
    color: #ee4d2d;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.23);
}
.summary .button-wrap a.booknow:hover {color: #055699;border-color: #2f80ed;}

.summary .meta {
    background-color: #f7ffef;
    padding: 10px;
    border: 1px solid #ddd;
    clear: both;
}
.meta>div:before {font-family: FontAwesome;content: "\f07c";margin-right: 5px;}
.meta a {color: #055699;}
.meta .sku_wrapper:before {content: "\f01e";}
.meta .tagged_as:before {content: "\f02c";}

.single .related, .single .upsells {clear: both;margin-top: 60px;margin-bottom: 30px;}
.related>h2, .upsells>h2 {
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #e6e6e6;
    border-left-width: 5px;
    border-left-color: #055699;
    margin-bottom: 25px;
    padding: 10px;
}


/* Price Listing And Detail */
.kbw-price.box-price-listing {display: flex;grid-gap: 8px;}
.kbw-price .price {margin: 0 0 5px;font-size: 15px;color: #cd1818;font-weight: 600;}
.kbw-price .origin-price .amount-price, .kbw-price .saleoff-price .amount-price {font-size: 15px;color: #333;font-weight: 400;}
.kbw-price .price-label {width: 120px;display: inline-block;color: #333;}
.box-price-single .amount-price {font-size: 26px;line-height: 24px;font-weight: 600;}
.kbw-price .origin-price .amount-price {text-decoration: line-through;}
.box-price-listing .discount {color: #cd1818;font-weight: 400;}
.box-price-single .saving-price {color: #cd1818;font-weight: 400;margin-left: 15px;}

/* Register Form Modal */
.reg-modal {}
.reg-modal .input-label, .reg-modal .input-label + br {display: none;}
.reg-modal .modal-header {padding: 0;border: none;}
.reg-modal .modal-header .close {margin: 0;padding: 10px 15px;font-size: 2rem;line-height: 1;color: #fff;position: relative;z-index: 10;outline: none;}
.reg-modal .modal-header .close:hover {color: #cd1818;}
.reg-modal .modal-body {padding: 0 25px 15px;margin-top: -25px;}
.reg-modal .form-head h4 {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.kbw-booknow .form-head {text-align: center;margin-bottom: 20px;}
.reg-modal .wpcf7-form textarea {min-height: 80px;height: 10px;}

.reg-modal .modal-content {
    background-image: -webkit-linear-gradient(108deg, #2f80ed 0, #055699 100%);
    color: #fff;
    padding: 0;
    border-radius: 8px;
}
.reg-modal .form-group {margin-bottom: 15px;}
.reg-modal .wpcf7-form-control:not(.wpcf7-submit) {background-color: #fff;border-radius: 0;}
.reg-modal .wpcf7-submit {
    padding: 8px 25px!important;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.20);
    border-radius: 0;
    outline: none;
    background-image: -webkit-linear-gradient(108deg, #2f80ed 0, #56ccf2 100%);
    border: 1px solid #fff;
}
.reg-modal .wpcf7-submit:hover {
    background-image: -webkit-linear-gradient(108deg, #009688 0, #009688 100%);
    border-color: #fff!important;
    color: #fff!important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {padding: 8px 12px;line-height: 22px;}


/*--- BEGIN PAGE COMPOSER ---*/
.vc_row {padding-top: 50px;padding-bottom: 50px;}
.vc_row.vc_inner, .vc_row.slider {padding: 0;}
.vc_row.bg-color {background-color: #f0f2f5;}
.vc_title {margin-bottom: 30px;}
.vc_title.center {text-align: center;}
.vc_title h2 {margin: 0 0 12px;font-size: 1.8rem;font-weight: 600;color: #055699;}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 30px;}

@media (min-width: 992px) {
    .kbw-between .wpb_wrapper {display: flex;justify-content: space-between;}
    .vc_row-fluid.kbw-middle {display: flex;}
    .vc_row-fluid.kbw-middle .wpb_column {display: flex;align-items: center;}
}
@media (max-width: 991px) {
    .vc_row:not(.vc_inner):not([data-vc-full-width]) {}
    .vc_title h2 {font-size: 1.4rem;}
}


#package {}

/* KBW Box style */
.kbw-box {
    margin-bottom: 20px;
    border-radius: 10px;
    background: rgba(255,255,255,0.39);
    box-shadow: 0 3px 25px 0 rgba(31,38,67,0.10);
    overflow: hidden;
}
.kbw-box .box-heading-wrap {
    text-align: center;
    padding: 20px 10px 10px;
    margin: 0;
    text-shadow: 0 1px #555;
    color: #fff;
    background-color: #3f51b5;
}
.kbw-box.webgoi2 .box-heading-wrap {background-color: #009688;}
.kbw-box.webgoi3 .box-heading-wrap {background-color: #0066b3;}
.kbw-box.webgoi4 .box-heading-wrap {background-color: #673ab7;}
.kbw-box .box-title {font-size: 18px;font-weight: 600;text-transform: uppercase;margin: 0;}
.kbw-box .box-subtitle {font-size: 14px;}
.kbw-box .box-price {color: #f6C000;font-size: 20px;font-weight: 600;padding: 10px 0;}
.kbw-box .box-link {text-align: center;margin: 20px auto;}
.kbw-box .alink {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 50px;
    background: #3f51b5;
    color: #fff;
}
.kbw-box.webgoi2 .alink {background: #009688;}
.kbw-box.webgoi3 .alink {background: #0066b3;}
.kbw-box.webgoi4 .alink {background: #673ab7;}
.kbw-box .box-content {
    display: block;
    padding: 0 15px;
    position: relative;
    min-height: 280px;
    max-height: 280px;
    overflow-y: auto;
    transition: width 0.7s linear;
}
@media (max-width: 767px) {
    .kbw-box .box-content {min-height: 20px;overflow: inherit;max-height: unset;}
}
.kbw-box .box-content ul {margin: 0;}
.kbw-box .box-content li {list-style-type: none;border-bottom: 1px solid #ddd;padding: 8px 0;font-size: 15px;line-height: 1.4;}
.kbw-box .box-content li:last-child {border-bottom: none;}
.kbw-box .box-content li:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f111";
    color: #009688;
    vertical-align: middle;
    font-size: 8px;
    margin-right: 8px;
    margin-top: -3px;
}

#khogiaodien {}
.bottom-act {text-align: center;margin-top: 15px;}
.bottom-act a {display: inline-block;padding: 7px 20px;text-transform: uppercase;font-weight: 600;color: #055699;border: 1px solid #055699;border-radius: 0;}
.bottom-act a:hover {color: #fff;background-color: #055699;}
.view-all:after {
    font-family: FontAwesome;
    content: "\f178";
    margin-left: 5px;
}

#loiich {padding-bottom: 30px;}
#loiich .vc_inner .wpb_text_column {
    margin-bottom: 30px;
    padding: 15px;
    box-shadow: 0 3px 25px 0 rgba(31,38,67,0.15);
    border: 2px solid transparent;
}
#loiich .vc_inner .wpb_text_column h4 {font-size: 17px;font-weight: 600;margin: 0 0 10px;padding: 0;}
#loiich .vc_inner .wpb_text_column h4:before {
    font-family: 'FontAwesome';
    content: "\f046";
    color: #5aa1e3;
    font-size: 20px;
    margin-right: 10px;
}

#whychoose {padding-bottom: 30px;}
#whychoose h2 {margin-bottom: 30px;}
.kbw-box.style2 {
    padding: 15px;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: none;
    border-top: 5px solid #fbc228;
    border-radius: 0;
}
.kbw-box.style2:hover {border-top-color: #055699;}
.kbw-box.style2 .box-image {width: 60px;margin: 0 auto 20px;}
.kbw-box.style2 .box-image img {height: 60px;}
.kbw-box.style2 .box-title, .kbw-box.style2 .box-text {text-align: center;}
.kbw-box.style2 .box-title {margin-bottom: 10px;text-transform: uppercase;}

#quytrinh {padding-top: 0;padding-bottom: 30px;}
#quytrinh .vc_message_box {background-color: #fff;color: #333;border-radius: 0;}

@media (max-width: 767px) {
    #loiich .vc_inner .wpb_text_column, .kbw-box.style2, #quytrinh .vc_message_box {margin-bottom: 12px;}
}

#feedback {}
.feedback-item {margin-bottom: 10px;}
.feedback-item .item-content {
    position: relative;
    padding: 20px;
    background-color: #fff;
    color: #36404C;
    font-size: 1.2em;
}
.feedback-item .item-content:after {
    border-style: solid;
    border-width: 10px;
    border-color: transparent #fff #fff transparent;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50px;
    top: calc(100% - 10px);
    margin-top: -2px;
    -webkit-transform: scaleX(.75) rotate(45deg);
    -ms-transform: scaleX(.75) rotate(45deg);
    transform: scaleX(.75) rotate(45deg);
}
.feedback-item .item-footer {padding: 10px;display: flex;align-items: center;}
.feedback-item .item-footer .image {overflow: hidden;max-width: 80px;margin: 15px 10px 0;}
.item-footer .image img {
    -webkit-transform: scale3d(1, 1, 1);
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -o-object-fit: cover;
    object-fit: cover;
}
.cite > span {display: block;font-weight: 600;font-size: 1rem;}
.cite > span.cite-job {color: #00C68D;}


body.page-id-147 #page {padding-top: 0!important;}
#dvsuaweb {padding-bottom: 30px;}
#dvsuaweb .wpb_text_column h3 {margin: 0 0 5px;font-weight: 600;}
#dvsuaweb .wpb_text_column h4 {margin: 0 0 10px;font-weight: 600;font-size: 1rem;}
#dvsuaweb .wpb_text_column ul {list-style: none;margin: 1em 0;}
#dvsuaweb .wpb_text_column ul li {
    background: url(assets/images/icons/check-green.png) no-repeat left 5px;
    padding-left: 25px;
    padding-bottom: 5px;
}
#dvsuaweb .wpb_wrapper button {text-transform: uppercase;font-weight: 600;}
@media (min-width: 768px) {
    #dvsuaweb .box2 h3, #dvsuaweb .box2 h4, #dvsuaweb .box2 .show-reg {text-align: right;width: 100%;}
    #dvsuaweb .box2 .wpb_text_column ul li {
        text-align: right;
        background-position: right 5px;
        padding-right: 25px;
        padding-bottom: 5px;
    }
}
@media (max-width: 767px) {
    #dvsuaweb .box2 {display: flex;flex-direction: column-reverse;}
    #dvsuaweb .wpb_text_column h3, #dvsuaweb .wpb_text_column h4, #dvsuaweb .wpb_wrapper .show-reg {text-align: center;width: 100%;}
    #dvsuaweb .vc_inner {margin-bottom: 30px;}
}
/*--- END PAGE COMPOSER ---*/


/*
* FOOTER
* -------------------------------------------------------------*/
footer#site-footer {background: #055699;color: #fff;line-height: 1.6;font-size: 15px;}
#site-footer .inner {padding-top: 50px;}
#site-footer .widget > .widget-title, #site-footer a {color: #fff;}
#site-footer .widget > .widget-title {
    font-weight: 600;
    color: #fff;
    margin: 0 0 15px;
    text-transform: uppercase;
}
#site-footer p {margin-bottom: 10px;position: relative;}
#site-footer .widget:not(.widget-f1) p {padding-left: 15px;}
#site-footer .widget:not(.widget-f1) p:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    font-family: "FontAwesome";
}
@media (min-width: 992px) {
    footer .main-footer .widget {margin-bottom: 0;}
}

footer#site-footer .copyrights {
    line-height: 30px;
    background: #064980;
    padding: 12px 0;
    color: #eee;
}

@media (max-width: 991px) {
    footer#site-footer .copyrights {padding: 10px 0 55px;}
}

.grecaptcha-badge {display: none;}

/* Support Bottom */
.support-bottom {position: fixed;}
@media (min-width: 992px) {
    .support-bottom {
        width: 65px;
        bottom: 140px;
        right: 0;
        position: fixed !important;
        z-index: 99800;
        background-color: transparent !important;
        padding: 6px 0;
        border-radius: 3px 0 0 3px;
    }
    .support-bottom .btn-list {
        display: block !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        padding: 6px !important;
        justify-content: space-around !important;
    }
    .support-bottom .btn-float-container {width: 100%;margin-bottom: 10px;}
    .support-bottom a {
        width: 44px;
        height: 44px;
        line-height: 44px;
        display: inline-block !important;
        border: none !important;
        font-size: 18px !important;
        color: #fff !important;
        text-align: center !important;
        position: relative;
        border-radius: 50% !important;
        cursor: pointer !important;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.11);
        background: none;
    }
    .support-bottom .btn-float-container span {display: none;}
    .support-bottom i {
        display: block;
        font-size: 28px;
        width: 44px;
        height: 44px;
    }
    .support-bottom .button-call {background-image: url(assets/images/icons/icon-call.svg);}
    .support-bottom .button-messenger {background-image: url(assets/images/icons/icon-messenger.svg);}
    .support-bottom .button-zalo {background-image: url(assets/images/icons/icon-zalo.svg);}
}
@media (max-width: 991px) {
    .support-bottom {
        width: 100%;
        bottom: 0;
        position: fixed !important;
        z-index: 10;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #d8dde6 !important;
        box-shadow: 0 -4px 8px rgba(29,36,62,0.20);
        padding: 5px 0 0;
    }
    .support-bottom .btn-list {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        padding: 0 !important;
        justify-content: space-around !important;
    }
    .support-bottom a {color: #666;}
    .support-bottom .btn-float-container span {display: none!important;font-size: 11px !important;margin-top: -3px !important;}
    .support-bottom i {
        font-size: 30px;
        display: block;
        margin: 0 auto 5px;
        width: 30px;
        height: 30px;
    }
    .support-bottom .button-home {background-image: url(assets/images/icons/m-icon-home.png);background-size: 100% 100%;}
    .support-bottom .button-call {background-image: url(assets/images/icons/m-icon-call.png);background-size: 100% 100%;}
    .support-bottom .button-messenger {background-image: url(assets/images/icons/m-icon-messenger.png);background-size: 100% 100%;}
    .support-bottom .button-zalo {background-image: url(assets/images/icons/m-icon-zalo.png) !important;background-size: 100% 100%;}
    .support-bottom .button-mail {background-image: url(assets/images/icons/m-icon-mail.png) !important;background-size: 100% 100%;}

    .hotline-phone-ring-wrap {display: none;}
}


/* Style Kbw custom select */
.kbw-select {
    cursor: pointer;
    display: block;
    position: relative;
    color: #333;
    border: 1px solid #cfcfcf;
}
.kbw-select .s-hidden {visibility: hidden;padding-right: 10px;}
.kbw-select, .styledSelect {border-radius: 0.25rem;}
.kbw-select .styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 0 10px;
    font-weight: 500;
    line-height: 1.2;
    display: flex;
    align-items: center;
}
.kbw-select .styledSelect:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: #333 transparent transparent transparent;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -2.5px;
}
.kbw-select .styledSelect:active, .kbw-select .styledSelect.active {background-color: #eee;}
.kbw-select .options {
    display: none;
    position: absolute;
    min-width: 230px;
    max-height: 310px;
    overflow-y: auto;
    top: 120%;
    left: 0;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    border: 1px solid #efefef;
    border-radius: 0.25rem;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 20px rgba(3,44,71,0.24);
    -moz-box-shadow: 0 8px 20px rgba(3,44,71,0.24);
    box-shadow: 0 8px 20px rgba(3,44,71,0.24);
    z-index: 999;
}
@media (max-width: 991px) {
    .kbw-select .options {right: 0;}
}
.kbw-select .options li {margin: 0;padding: 5px 10px;}
.kbw-select .options li[rel=""] {color: #aaa;}
.kbw-select .options li:hover {background-color: #39f;color: #fff;}

/* kbwcustom: Listing Ajax Loading */
.listing-wrapper[data-ajax] {position: relative;}
.listing-wrapper[data-ajax].loading:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.75);
}
.listing-wrapper[data-ajax].loading:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-style: solid;
    border-width: 3px;
    border-color: transparent transparent #055699 #055699;
    border-radius: 50%;
    border-image: none;
    background: none!important;
    height: 50px;
    width: 50px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    margin: auto;

    /*animation: 1s linear 0s normal none infinite running spinfull;*/
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: kbwspin;
}

/* kbwcustom: Kbw Loader Style */
#kbwloader {
    background: rgba(0, 0, 0, 0) url(assets/images/fancybox_overlay.png) repeat scroll 0 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 20000;
}
#kbwloader.hidden {display: none!important;}
#kbwloader .loadersmall {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-style: solid;
    border-width: 5px;
    border-color: #555 #f3f3f3 #f3f3f3;
    border-radius: 50%;
    border-image: none;
    background: none!important;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

    /*animation: 1s linear 0s normal none infinite running spinfull;*/
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: kbwspin;
}
@keyframes kbwspin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}


/* MULTI LANGUAGE */
header a.glink {display: none;}
[lang="ja"] .navigation ul li a, [lang="ja"] .navigation ul li a:link, [lang="ja"] .navigation ul li a:visited {padding: 10px;}
[lang="ja"] .menu-item-has-children > a, [lang="ja"] nav.navigation ul li.menu-item-has-children > a {padding-right: 26px;}
[lang="en"] .kbw-item-overlay a {font-size: 12.5px;}