:root {
    --gray-base: #002441;
    --gray-darker: #222;
    --gray-dark: #333;
    --gray: #555;
    --gray-light: #777;
    --gray-lighter: #eee;
    --brand-primary: #2196f3;
    --brand-success: #5cb85c;
    --brand-info: #5bc0de;
    --brand-warning: #2968bb;
    --brand-danger: #d9534f;
    --body-bg: #fff;
    --text-color: #333;
    --link-color: #333;
    --link-hover-color: #2196f3;
    --link-hover-decoration: underline;
    --font-size-base: 14px;
    --font-size-large: 18px;
    --font-size-small: 12px;
    --font-size-h1: 36px;
    --font-size-h2: 30px;
    --font-size-h3: 24px;
    --font-size-h4: 18px;
    --font-size-h5: 14px;
    --font-size-h6: 12px;
    --line-height-base: 1.428571429;
    --line-height-computed: 20px;
    --padding-base-vertical: 6px;
    --padding-base-horizontal: 12px;
    --line-height-large: 1.3333333;
    --line-height-small: 1.5;
    --btn-font-weight: normal;
    --btn-default-color: #333;
    --btn-default-bg: #fff;
    --btn-primary-color: #fff;
    --btn-primary-bg: #337ab7;
    --btn-success-color: #fff;
    --btn-success-bg: #5cb85c;
    --btn-info-color: #fff;
    --btn-info-bg: #5bc0de;
    --btn-warning-color: #fff;
    --btn-warning-bg: #f0ad4e;
    --btn-danger-color: #fff;
    --btn-danger-bg: #d9534f;
    --btn-link-disabled-color: #777;
    --input-bg: #fff;
    --input-bg-disabled: #eee;
    --input-color: #555;
    --input-color-placeholder: #999;
    --input-height-base: 34px;
    --input-height-large: 46px;
    --input-height-small: 30px;
    --form-group-margin-bottom: 15px;
    --legend-color: #333;
    --legend-border-color: #e5e5e5;
    --grid-columns: 12;
    --grid-gutter-width: 20px;
    --grid-float-breakpoint: 768px;
    --grid-float-breakpoint-max: 767px;
    --well-bg: #f5f5f5;
    --well-border: #e3e3e3;
    --text-muted: #777;
    --dl-horizontal-offset: 180px;
    --dl-horizontal-breakpoint: 768px;
    --hr-border: #eee
}

body {
    font: 400 13px/16px Arial, Helvetica, sans-serif
}

.style-checkbox.error::after {
    border-color: red
}

.vhv-uploader-filter {
    overflow: auto
}

.vhv-uploader-filter .uploader-filter-wrapper {
    width: 2000px
}

.vhv-uploader-filter a {
    display: inline-block;
    width: 100px;
    padding: 0 3px
}

.modal-footer .btn-default.cropit-image-save {
    background: #0087ff;
    border-color: #0087ff;
    color: #fff
}

.modal-footer .btn-default.cropit-image-save:hover {
    background: #0671d0;
    transition: all 0.3s
}

/* #backToTop {
    position: fixed;
    bottom: 50px;
    right: 10px;
    background-color: #2196f3;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 9;
    text-align: center;
    line-height: 40px
} */

#backToTop:before {
    display: inline-block;
    content: "\f077";
    font: normal normal 900 1em/1 "Font Awesome 5 Free", sans-serif;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff
}

#backToTop span {
    display: none
}

ol,
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    .col-mb-12 {
        width: 20%
    }
}

.maxheight-500 {
    max-height: 500px
}

form label.error {
    color: #FF0808
}

.fieldEditable {
    min-height: 30px
}

label>div,
label>input,
label>select,
label>textarea {
    font-weight: normal
}

.form-control[type="file"] {
    height: auto
}

.product-description ol,
.product-description ul,
article ol,
.cke_editable ol,
.post-content ol,
article ul,
.cke_editable ul,
.post-content ul {
    display: block;
    margin: 0 1em;
    list-style: inherit;
    padding: 0 0 0 1em
}

.cke_editable {
    min-height: 32px;
    min-width: 150px;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.formBuilderEditor .cke_editable.cke_editable_inline {
    min-height: 24px;
    min-width: 150px;
    padding: 3px 0;
    border-radius: 0;
    border: none;
    box-shadow: none
}

.cke_toolbar {
    max-width: 1200px
}

.product-description ol li,
.product-description ul li,
article li,
.cke_editable li,
.post-content li {
    display: list-item;
    list-style: inherit;
    text-align: -webkit-match-parent
}

.product-description ol li,
article ol li,
.cke_editable ol li,
.post-content ol li {
    list-style-type: decimal
}

img,
iframe {
    max-width: 100%
}

.slide-default .wowslider-balance,
.slide-default .wowslider-absent,
.slide-default .wowslider-terse,
.slide-default .wowslider-transparent,
.slide-default .wowslider-dodgy .ws_images {
    max-width: initial;
    max-height: initial
}

.flex {
    display: flex
}

.flex-flow-cn {
    flex-flow: column nowrap
}

.flex-flow-rw {
    flex-flow: row wrap
}

.a-middle {
    vertical-align: middle !important
}

.a-bottom {
    vertical-align: bottom !important
}

.a-top {
    vertical-align: top !important
}

@media screen and (min-width: 544px) {
    .flex-sm {
        display: flex
    }
}

@media screen and (min-width: 768px) {
    .flex-md {
        display: flex
    }
}

@media screen and (min-width: 992px) {
    .flex-lg {
        display: flex
    }
}

@media screen and (min-width: 1200px) {
    .flex-xl {
        display: flex
    }
}

.full-height {
    height: 100%
}

.full-width {
    width: 100%
}

.mate-form input {
    background-color: transparent;
    background-image: linear-gradient(#2196f3, #2196f3), linear-gradient(#D2D2D2, #D2D2D2);
    background-position: center bottom, center calc(100% - 1px);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding-right: 0;
    padding-left: 0;
    transition: all 0.4s
}

.mate-form input:focus {
    background-size: 100% 2px, 100% 1px;
    box-shadow: none
}

.mate-form input:focus::placeholder {
    color: #2196f3;
    font-size: 10px;
    text-align: right
}

.mate-form input:focus::-moz-placeholder {
    color: #2196f3;
    font-size: 10px;
    text-align: right
}

.mate-form input:focus::-webkit-input-placeholder {
    color: #2196f3;
    font-size: 10px;
    text-align: right
}

.mate-pane>.block-core-a3,
.mate-pane>.block-core-a5,
.mate-pane :not(.block-core-a3)>.block-core-a3,
.mate-pane :not(.block-core-a5)>.block-core-a5 {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
    padding: 16px 16px
}

.mate-pane>.block-core-a3,
.mate-pane :not(.block-core-a3)>.block-core-a3 {
    margin-bottom: 16px
}

.mate-pane>.block-core-a3 h3,
.mate-pane :not(.block-core-a3)>.block-core-a3 h3 {
    font-weight: bold;
    margin: 0
}

.box-ratio {
    position: relative
}

.box-ratio>.inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.box-ratio::before {
    content: "";
    display: block;
    padding-top: 100%
}

.wp-10 {
    width: 10% !important
}

.wp-20 {
    width: 20% !important
}

.wp-25 {
    width: 25% !important
}

.wp-30 {
    width: 30% !important
}

.wp-40 {
    width: 40% !important
}

.wp-50 {
    width: 50% !important
}

.wp-60 {
    width: 60% !important
}

.wp-70 {
    width: 70% !important
}

.wp-80 {
    width: 80% !important
}

.wp-90 {
    width: 90% !important
}

.wp-100 {
    width: 100% !important
}

.p-0 {
    padding: 0 !important
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-20 {
    padding: 20px !important
}

.p-15 {
    padding: 15px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pt-5 {
    padding-top: 5px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pr-5 {
    padding-right: 5px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pr-20 {
    padding-right: 20px !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.ml-5 {
    margin-left: 5px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-20 {
    margin-left: 20px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-20 {
    margin-right: 20px !important
}

.m-40 {
    margin: 40px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.display-table {
    display: table;
    width: 100%
}

.display-cell {
    display: table-cell;
    vertical-align: middle
}

.no-border>tbody>tr>th,
.no-border>tbody>tr>td {
    border: none
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-15 {
    width: 20%;
    float: left
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left
    }
}

@media (max-width: 768px) {
    .moduleConfigMenu {
        display: none !important
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left
    }
}

@media (min-width: 544px) and (max-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

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

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

.relative-height {
    width: 100%;
    max-width: 100%
}

.form-control.error,
.error-parent,
.form-control.error+select[multiple]+.smartselect>button,
.form-control.error+.select2 .select2-selection--single,
.vhv-form-number.error+.form-control,
.error+.select2-container--default .select2-selection--single {
    border-color: #FF0808 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.53) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(251, 0, 0, 0.52) !important
}

.ui-autocomplete {
    z-index: 100000 !important
}

.large-column-left {
    padding-right: 20px;
    overflow: hidden
}

.large-column-right {
    padding-left: 20px;
    overflow: hidden
}

.sub-child>ul>li+li+li+li+li+li>a {
    background-color: #056303
}

.sub-child>ul>li+li+li+li+li+li+li>a {
    background-color: #A00000
}

@media screen and (min-width: 544px) and (max-width: 768px) {

    .block-grid .col-sm-2:nth-of-type(6n+1),
    .block-grid .col-sm-3:nth-of-type(4n+1),
    .block-grid .col-sm-4:nth-of-type(3n+1),
    .block-grid .col-sm-6:nth-of-type(2n+1) {
        clear: both
    }
}

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

    .block-grid .col-md-2:nth-of-type(6n+1),
    .block-grid .col-md-3:nth-of-type(4n+1),
    .block-grid .col-md-4:nth-of-type(3n+1),
    .block-grid .col-md-6:nth-of-type(2n+1) {
        clear: both
    }
}

.dropdown-multilevel .dropdown:hover>.dropdown-menu {
    display: block
}

.dropdown-multilevel .dropdown:hover>.dropdown-menu.dropdown-menu-left {
    left: 100%;
    top: 0
}

.fa-2 {
    font-size: 2em !important
}

.smartselect>.dropdown-toggle {
    width: 100%;
    text-align: left
}

.smartselect>.dropdown-toggle .ss-label {
    display: block;
    overflow: hidden;
    margin-right: 12px
}

.smartselect>.dropdown-toggle .ss-caret {
    right: 8px
}

.smartselect>button {
    overflow-y: hidden;
    width: 100%;
    max-width: 800px
}

.tags-group {
    margin-bottom: 20px
}

.tags-group:before,
.tags-group:after {
    content: "";
    display: block;
    clear: both
}

.tags-group .txt_tag,
.tags-group .tag_item {
    background: #f1f1f1;
    padding: 0 10px;
    height: 20px;
    color: #656565;
    float: left;
    margin: 0 5px 5px 0;
    font: 400 11px/20px arial, sans-serif
}

.tags-group .tag_item {
    text-decoration: none
}

.tags-group .tag_item:hover {
    background: #e2e2e2
}

.hasShareType {
    position: relative;
    display: inline-block
}

.hasShareType .shareType {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 40%
}

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

    .columns6-6>.row>.col-left,
    .columns9-3>.row>.col-left,
    .columns8-4>.row>.col-left,
    .columns7-5>.row>.col-left,
    .columns10-2>.row>.col-left {
        padding-right: 5px
    }

    .columns6-6>.row>.col-right,
    .columns9-3>.row>.col-right,
    .columns8-4>.row>.col-right,
    .columns7-5>.row>.col-right,
    .columns10-2>.row>.col-right {
        padding-left: 5px
    }

    .columns3-9>.row>.col-left,
    .columns4-8>.row>.col-left,
    .columns5-7>.row>.col-left,
    .columns2-10>.row>.col-left {
        padding-right: 5px
    }

    .columns3-9>.row>.col-right:not(.pull-right),
    .columns4-8>.row>.col-right:not(.pull-right),
    .columns5-7>.row>.col-right:not(.pull-right),
    .columns2-10>.row>.col-right:not(.pull-right) {
        padding-right: 5px
    }

    .columns3-9>.row>.col-right.pull-right,
    .columns4-8>.row>.col-right.pull-right,
    .columns5-7>.row>.col-right.pull-right,
    .columns2-10>.row>.col-right.pull-right {
        padding-left: 5px
    }

    .columns3-6-3>.row>.col-left {
        padding-right: 5px
    }

    .columns3-6-3>.row>.col-center {
        padding-right: 5px;
        padding-left: 5px
    }

    .columns3-6-3>.row>.col-right {
        padding-left: 5px
    }

    .columns3-3-6>.row>.col-left {
        padding-right: 5px
    }

    .columns3-3-6>.row>.col-right {
        padding-left: 5px;
        padding-right: 5px
    }

    .columns3-3-6>.row>.col-center {
        padding-left: 5px
    }
}

.default-pagination {
    margin-top: 10px
}

.default-pagination a,
.default-pagination span {
    padding: 3px 5px;
    border: 1px solid #ccc;
    margin: 0 2px;
    min-width: 30px;
    height: 30px;
    line-height: 20px;
    font-weight: bolder;
    border-radius: 50%;
    background-color: #f1f2f3;
    color: #626262;
    text-align: center;
    display: inline-block
}

.default-pagination .current {
    background-color: white;
    color: #0199de;
    border-color: #0199de
}

.default-pagination .current.first,
.default-pagination .current.next,
.default-pagination .current.prev,
.default-pagination .current.last {
    display: none
}

.default-pagination .current.first,
.default-pagination .current.prev {
    background-color: #fff;
    color: #111
}

@media (min-width: 992px) {
    .modal-gg {
        width: 1200px;
        max-width: 96%
    }

    .modal-full-width {
        width: 98%;
        max-width: 96%
    }
}

table>thead>tr>th,
table>thead>tr>td,
table>tbody>tr>th,
table>tbody>tr>td,
table>tfoot>tr>th,
table>tfoot>tr>td {
    padding: 5px;
    line-height: 1.42857;
    vertical-align: top
}

.cke_textarea_inline.error,
.smartselect.error .form-control,
textarea.error+div.cke_editable {
    border-color: #FF0808 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.53) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(251, 0, 0, 0.52) !important
}

.modal-dialog {
    height: 100% !important;
    margin: auto;
    padding: 3rem 0
}

.modal-header {
    flex-shrink: 0
}

.modal-footer {
    flex-shrink: 0;
    background-color: #f3f2f2
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropdown-submenu>a::after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover>a::after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.dd.treeSiteMenuCog {
    width: 100% !important
}

.treeSiteMenuCog .dd-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid #c9c9c9;
    border-top: 1px solid white;
    background: url(/App/Corporate/images/sidebarManager/page_btn_g_mellow.png) 0px 100% repeat-x #fff;
    list-style: none
}

.treeSiteMenuCog .dd-item.li-active {
    background: none #e5e5e5 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.498039) !important;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 5px 0px inset
}

.dd-list {
    background-color: #ddd
}

.dd-list .dd-list {
    border-top: 1px solid #c9c9c9
}

.treeSiteMenuCog .dd-item>button {
    margin: 0;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 8px;
    left: 25px;
    display: block
}

.dd-item:hover>.dd-delete,
.dd-item .dd-item:hover>.dd-delete,
.dd-item:hover>.dd-config,
.dd-item .dd-item:hover>.dd-config {
    visibility: visible
}

.group-base-inherit.full-container .container,
.account-base-inherit.full-container .container {
    width: 100%
}

@keyframes img-rung {
    0% {
        -webkit-transform: rotate(0deg) scale(1.05) skew(1deg);
        -moz-transform: rotate(0deg) scale(1.05) skew(1deg);
        -ms-transform: rotate(0deg) scale(1.05) skew(1deg);
        -o-transform: rotate(0deg) scale(1.05) skew(1deg);
        transform: rotate(0deg) scale(1.05) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1.05) skew(1deg);
        -moz-transform: rotate(-25deg) scale(1.05) skew(1deg);
        -ms-transform: rotate(-25deg) scale(1.05) skew(1deg);
        -o-transform: rotate(-25deg) scale(1.05) skew(1deg);
        transform: rotate(-25deg) scale(1.05) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1.05) skew(1deg);
        -moz-transform: rotate(25deg) scale(1.05) skew(1deg);
        -ms-transform: rotate(25deg) scale(1.05) skew(1deg);
        -o-transform: rotate(25deg) scale(1.05) skew(1deg);
        transform: rotate(25deg) scale(1.05) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1.05) skew(1deg);
        -moz-transform: rotate(-25deg) scale(1.05) skew(1deg);
        -ms-transform: rotate(-25deg) scale(1.05) skew(1deg);
        -o-transform: rotate(-25deg) scale(1.05) skew(1deg);
        transform: rotate(-25deg) scale(1.05) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1.05) skew(1deg);
        -moz-transform: rotate(25deg) scale(1.05) skew(1deg);
        -ms-transform: rotate(25deg) scale(1.05) skew(1deg);
        -o-transform: rotate(25deg) scale(1.05) skew(1deg);
        transform: rotate(25deg) scale(1.05) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0deg) scale(1.05) skew(1deg);
        -moz-transform: rotate(0deg) scale(1.05) skew(1deg);
        -ms-transform: rotate(0deg) scale(1.05) skew(1deg);
        -o-transform: rotate(0deg) scale(1.05) skew(1deg);
        transform: rotate(0deg) scale(1.05) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1.05) skew(1deg);
        -moz-transform: rotate(0deg) scale(1.05) skew(1deg);
        -ms-transform: rotate(0deg) scale(1.05) skew(1deg);
        -o-transform: rotate(0deg) scale(1.05) skew(1deg);
        transform: rotate(0deg) scale(1.05) skew(1deg)
    }
}

.bootstrap-table .card-view {
    display: flex;
    display: -webkit-flex
}

@media screen and (max-width: 992px) and (min-width: 769px) {
    .mobile-visible {
        display: block !important
    }
}

@media screen and (min-width: 992px) and (max-width: 768px) {
    .tablet-hidden {
        display: none !important
    }
}

@media (min-width: 769px) {
    .mobile-visible {
        display: none !important
    }
}

@media (max-width: 768px) {
    .mobile-hidden {
        display: none !important
    }
}

@media (min-width: 769px) {
    .mobile-dropdown-show {
        display: none !important
    }
}

.dropdown-toggle:focus,
.fluid-main-navbar .pull-left li a:focus {
    outline: 5px auto -webkit-focus-ring-color !important
}

.no-posts {
    text-align: center;
    padding: 10px;
    color: #666;
    font-size: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15)
}

.no-posts .emptyPost {
    margin-top: 80px;
    margin-bottom: 80px;
    font-weight: 700;
    color: #6d6d6d;
    display: block;
    text-align: center
}

.no-posts .emptyPost svg {
    display: block;
    margin: 0 auto 15px;
    width: 40px;
    height: 40px;
    color: #adadad;
    vertical-align: middle
}

.input-group-append .input-group-text {
    border: 1px solid #ccc;
    border-left: 0;
    background: #eaeaea;
    padding: 6px 10px;
    border-radius: 0 3px 3px 0;
    display: inline-block;
    height: 100%
}

.input-group-prepend .input-group-text {
    border: 1px solid #ccc;
    border-right: 0;
    background: #eaeaea;
    padding: 6px 10px;
    border-radius: 3px 0 0 3px;
    display: inline-block;
    height: 100%
}

.full-container>.container {
    width: 100%
}

.table-modify {
    background: #fff;
    border-bottom: 0 !important
}

.table-modify td,
.table-modify tr,
.table-modify th {
    padding: 10px 8px;
    color: #666
}

.table-modify td:not(.has-border),
.table-modify tr:not(.has-border),
.table-modify th:not(.has-border) {
    border: none !important
}

.table-modify td a:not(.btn),
.table-modify tr a:not(.btn),
.table-modify th a:not(.btn) {
    color: #2196F3
}

.table-modify td.has-border,
.table-modify tr.has-border,
.table-modify th.has-border {
    border: 1px solid #f2f6f9 !important
}

.table-modify .fixed-table-container th,
.table-modify thead th {
    font-weight: normal;
    text-transform: uppercase;
    color: #666;
    white-space: nowrap
}

.table-modify:not(.table-modify-even)>tbody>tr:nth-of-type(odd) {
    background-color: #f2f6f9
}

.table-modify.table-modify-even>thead {
    background-color: #f2f6f9
}

.table-modify.table-modify-even>tbody>tr:nth-of-type(even) {
    background-color: #f2f6f9
}

.panel-formInne {
    line-height: 1.3;
    position: relative;
    background: #fff;
    transition: all 0.3s;
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.smartselect .dropdown-menu .ss-option>a {
    padding-left: 30px
}

.onoffswitch {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 40px;
    height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

.onoffswitch.labeled {
    width: 46px
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    -o-border-radius: 50px;
    border-radius: 50px
}

.onoffswitch-checkbox {
    display: none
}

.onoffswitch-switch {
    display: block;
    width: 21px;
    margin: 2px;
    background: #FFF;
    -o-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    transition: all .2s ease-in 0s
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin .2s ease-in 0s
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-inner::after,
.onoffswitch-inner:before {
    float: left;
    width: 50%;
    height: 25px;
    padding: 0;
    line-height: 25px;
    font-size: 9px;
    box-sizing: border-box;
    -o-border-radius: 50px;
    border-radius: 50px;
    -webkit-transform: none
}

.onoffswitch-inner:before {
    content: "";
    padding-left: 9px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #FFF
}

.onoffswitch-inner::after {
    content: "";
    padding-right: 9px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #999;
    text-align: right
}

.onoffswitch.labeled .onoffswitch-inner:before {
    content: "On";
    padding-left: 7px
}

.onoffswitch.labeled .onoffswitch-inner::after {
    content: "Off";
    padding-right: 7px
}

.onoffswitch.blue .onoffswitch-inner:before {
    background-color: #418bca
}

.onoffswitch.labeled .onoffswitch-switch {
    right: 21px
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}

@media (min-width: 544px) {
    .group-input-inline {
        position: relative;
        display: table !important;
        border-collapse: separate;
        width: 100%
    }

    .group-input-inline>label {
        display: table-cell !important;
        width: 1%;
        white-space: nowrap;
        vertical-align: middle;
        padding-right: 10px
    }

    .group-input-inline>.form-control {
        vertical-align: middle;
        display: table-cell !important;
        width: 100%;
        margin: 0 !important
    }
}

.widget-toolbar .tabs-content div[data-tab="block"] .dd-list {
    background-color: transparent;
    border-top: 0
}

.widget-toolbar .tabs-content div[data-tab="block"] .dd-list .dd-item>button {
    color: #FFFFFF
}

.widget-toolbar .tabs-content div[data-tab="block"] .dd-list .dd-handle-nodrag {
    background-color: #515A69;
    border: none
}

.widget-toolbar .tabs-content div[data-tab="block"] .dd-list .dd-handle-nodrag a {
    color: #FFFFFF
}

.widget-toolbar .tabs-content div[data-tab="block"] .dd-list .dd-handle {
    background: #323942;
    border: none
}

.widget-toolbar .tabs-content div[data-tab="block"] .dd-list .dd-handle a {
    color: #FFFFFF
}

.widget-toolbar .widget-contents {
    width: 350px !important;
    background: #3f4652 !important;
    padding-left: 16px
}

.widget-toolbar .widget-contents .library-widgets>.title {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 12px
}

.widget-toolbar .widget-contents .library-widgets>.title i.toggle-icon {
    font-size: 12px
}

.widget-toolbar .widget-contents .widgets {
    margin-left: -4px;
    margin-right: -4px
}

.widget-toolbar .widget-contents .widgets .library-widget {
    width: 98px !important;
    height: 98px;
    margin: 4px;
    padding: 20px 4px 10px;
    text-align: center;
    border-radius: 4px;
    background-color: #515a69;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.widget-toolbar .widget-contents .widgets .library-widget:hover {
    background-color: rgba(39, 44, 51, 0.5)
}

.widget-toolbar .widget-contents .widgets .library-widget .thumb-wrap {
    flex-basis: 50%
}

.widget-toolbar .widget-contents .widgets .library-widget .thumb-wrap .library-widget-thumbnail {
    width: 32px;
    height: 32px;
    border: none;
    background: none
}

.widget-toolbar .widget-contents .widgets .library-widget .thumb-wrap .library-widget-thumbnail img {
    max-width: 32px;
    max-height: 32px;
    object-fit: contain
}

.widget-toolbar .widget-contents .widgets .library-widget>.title {
    line-height: 14px;
    flex-basis: 50%;
    font-size: 12px;
    color: #FFFFFF !important;
    margin-top: 8px;
    white-space: unset;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.widget-toolbar .widget-contents .mCustomScrollbar .mCSB_inside>.mCSB_container {
    padding-top: 10px;
    padding-bottom: 10px
}

.widget-toolbar .widget-toggle {
    background-color: #272C33 !important
}

.widget-toolbar .widget-toggle>.btn-toggle>.icon-btn {
    text-align: center;
    padding: 10px 0
}

.widget-toolbar .widget-toggle>.btn-toggle>.icon-btn>img {
    height: 18px;
    width: 18px;
    object-fit: contain
}

.form-control {
    box-shadow: none
}

.modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 6px
}

.modal-content .modal-header {
    border-radius: 6px 6px 0 0;
    background: #FFFFFF;
    border-bottom: 1px solid #eeeeee
}

.modal-content .modal-header .modal-title {
    font-size: 20px;
    font-weight: 700;
    color: #333333
}

.modal-content .modal-body {
    background: #FFFFFF
}

.modal-content .modal-body .widget-template-left {
    padding: 25px;
    background: #eeeeee;
    margin-top: -15px;
    margin-left: -15px;
    margin-bottom: -15px;
    margin-right: -2px;
    flex-basis: 70%
}

.modal-content .modal-body .widget-template-right {
    padding: 25px;
    margin-top: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    border-left: 0;
    flex-basis: 30%
}

.modal-content .modal-body .widget-template-right .configColumnLayout {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px
}

.modal-content .modal-body .widget-template-right .template-form {
    padding-top: 20px
}

.modal-content .modal-footer {
    border-top: 1px solid #eeeeee;
    background: #FFFFFF;
    border-radius: 0 0 6px 6px
}

.widgetTemplate-list .widget-template-item>a.img {
    background: #FFFFFF
}

.select-category button {
    min-height: 34px;
    background: #fff !important;
    border-radius: 4px;
    color: #444;
    width: 100% !important;
    margin-bottom: 5px;
    text-align: left
}

.wrap-file-uploader,
.wrap-uploadAlbum {
    display: block;
    position: relative;
    width: 150px;
    text-align: center;
    background: rgba(242, 242, 242, 0.62);
    height: 150px;
    line-height: 130px;
    border: 4px dashed #777;
    color: #777;
    font-weight: bold;
    border-radius: 4px;
    max-width: 100%;
    max-height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wrap-file-uploader.small-upload {
    width: 60px;
    height: 60px;
    font-size: 12px;
    border-width: 2px;
    line-height: 35px
}

.wrap-file-uploader.small-upload .qq-upload-button span {
    font-size: 11px;
    display: block;
    padding: 5px
}

.wrap-file-uploader .changeUrl {
    position: absolute;
    top: 104%
}

.wrap-file-uploader .qq-uploader,
.wrap-uploadAlbum .qq-uploader {
    position: absolute;
    height: 100%
}

.wrap-file-uploader .uploadifyImageResult a:not(.delFile),
.wrap-uploadAlbum .uploadifyImageResult a:not(.delFile) {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.wrap-file-uploader .uploadifyImageResult a.delFile,
.wrap-uploadAlbum .uploadifyImageResult a.delFile {
    position: absolute;
    background: #EA5A5A;
    line-height: 15px;
    padding: 5px;
    border-radius: 5px 0;
    color: #fff;
    right: 0;
    bottom: -3px;
    z-index: 200
}

.wrap-file-uploader .qq-upload-button,
.wrap-uploadAlbum .qq-upload-button {
    padding: 5px 0;
    width: 100%;
    top: 0;
    background: inherit !important;
    color: #333;
    z-index: 1;
    height: 100%
}

.wrap-file-uploader .uploadifyImageResult,
.wrap-uploadAlbum .uploadifyImageResult {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100% !important;
    left: 0
}

.wrap-file-uploader .qq-upload-drop-area {
    line-height: 22px;
    background: inherit;
    opacity: 0;
    z-index: 10000
}

.wrap-file-uploader .qq-upload-drop-area.qq-upload-drop-area-active {
    display: block;
    line-height: 22px;
    background: red;
    opacity: 1
}

.wrap-file-uploader .qq-upload-drop-area span {
    top: 25%
}

.wrap-file-uploader .uploadifyImageResult>div,
.wrap-uploadAlbum .uploadifyImageResult>div {
    height: 100%
}

.wrap-file-uploader.hasFile .uploadifyImageResult,
.wrap-uploadAlbum.hasFile .uploadifyImageResult {
    background: #fff
}

.tabs-left>.nav-tabs {
    padding-top: 0
}

.categoryCMS.qq-upload-button {
    line-height: 80px
}

label {
    width: 100%
}

label.checkbox-inline,
label.radio-inline {
    width: auto
}

.title-label {
    font-weight: bold;
    font-size: 16px;
    display: block;
    margin-bottom: 10px
}

.tile-header {
    border: none !important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: #fafafa;
    border-bottom: 1px solid transparent;
    border-top: 1px solid #e5e5e5;
    position: relative;
    z-index: 5;
    min-height: 42px
}

.table-info {
    color: #222;
    display: table;
    width: 100%
}

.table-info.active .table-code,
.table-info.active .table-price,
.table-info.active .table-author,
.table-info.active .table-type,
.table-info.active .table-email {
    width: 130px !important
}

.table-info.active .table-content-text .item-list-title {
    width: 300px !important;
    min-height: 30px;
    display: block;
    overflow: hidden
}

.table-info .table-top {
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
    display: table-header-group;
    padding-right: 16px
}

.table-top-th {
    color: #565656;
    display: table-cell;
    font-size: 13px;
    font-weight: normal;
    padding: 0;
    text-align: left;
    vertical-align: middle
}

.table-title {
    max-width: 400px
}

.table-top .table-top-top {
    height: 48px;
    line-height: 48px
}

.table-top-lv2:first-child {
    padding-left: 11px
}

.table-top-lv2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
    padding: 0 6px;
    vertical-align: top;
    white-space: nowrap
}

.table-content {
    display: table-row-group
}

.table-content-tr {
    width: 100%;
    position: relative
}

.table-top-top,
.table-top-bottom,
.table-content-fix {
    display: table;
    width: 100%
}

@media (min-width: 992px) {

    .table-top-top,
    .table-top-bottom,
    .table-content-fix {
        table-layout: fixed
    }
}

.table-top-bottom .table-title,
.table-top-bottom .table-code {
    padding-left: 6px;
    padding-right: 6px
}

.table-content-td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.065);
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    height: 42px
}

.table-content-image {
    flex: none;
    height: 32px;
    padding-left: 14px;
    padding-right: 4px;
    float: left
}

.table-content-text {
    flex: 0 1 auto;
    overflow: hidden;
    padding-top: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 32px
}

.table-content-text a {
    padding-left: 10px;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    color: #222;
    font-size: 13px
}

.table-content-fix:hover .table-content-td,
.table-content-td.active,
.table-content .ui-selected {
    background-color: #4285f4;
    color: #fff
}

.list-grid .table-content .ui-selected {
    background-color: #fff !important
}

.ui-selected .table-content-td>.table-content-text>a,
.table-content .ui-selected>a {
    color: #fff
}

.table-content-image .ovan-image {
    background: #fff;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    text-align: center;
    position: relative
}

.table-content-image .ovan-image img {
    position: absolute;
    left: 7px;
    right: 0;
    top: 6px
}

.deleteDetail {
    font-size: 21px;
    color: #222
}

ul.controls>li>a>i {
    font-size: 14px
}

.totalItem {
    line-height: 33px
}

.no-content {
    text-align: center;
    line-height: 201px;
    background: #ddd;
    font-size: 16px;
    margin-top: 1px
}

.table-totalView {
    text-align: center
}

.otherDetail {
    color: #222
}

.otherDetail-title {
    box-sizing: border-box;
    font-size: 20px;
    font-weight: normal;
    line-height: 36px;
    overflow: hidden;
    word-break: break-word;
    width: 100%;
    color: #222
}

.otherDetail-title:hover {
    text-decoration: underline
}

.loadDetail {
    box-sizing: border-box;
    background-color: #fafafa;
    overflow: hidden;
    position: absolute;
    right: -100%;
    top: 8px;
    width: 365px;
    z-index: 101;
    display: none
}

.otherDetail .table-otherDetail {
    flex-direction: column;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    padding-left: 16px;
    padding-top: 8px;
    width: 349px;
    background: #fafafa;
    border-left: 1px solid #e1e1e1
}

.otherDetail .table-otherDetail .closeDetail {
    font-size: 24px;
    position: absolute;
    top: 16px;
    right: 5px;
    color: #222
}

.promotionType .couponType input[type="radio"] {
    float: left;
    margin-right: 10px;
    margin-top: 3px
}

.promotionType .couponType .couponType-top {
    float: left
}

.promotionType .couponType.active .couponType-bottom {
    display: block !important
}

.promotionType .couponType.active .couponType-top {
    display: none !important
}

.couponType-input {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
}

.parentProperty .btn-default {
    width: 100%;
    text-align: left
}

.uploadifyImage {
    position: relative
}

.uploadifyImage .uploadifyImageResult {
    position: absolute;
    left: 0px
}

.uploadifyImage .uploadifyImageResult img {
    width: 145px;
    height: 145px
}

ul.controls li ul.excel-form {
    position: absolute;
    width: 320px;
    top: 100%;
    box-shadow: 0px 3px 12px 1px #909090;
    background-color: #fff;
    display: none
}

ul.controls li ul.active {
    display: block
}

ul.controls li ul.excel-form li {
    position: relative;
    border-bottom: 1px solid #ccc
}

ul.controls>li>ul.excel-form>li>a {
    display: block;
    color: #95a2a9;
    padding: 10px
}

ul.controls>li>ul.excel-form div.import-form {
    padding: 10px
}

.old-price {
    text-decoration: line-through
}

.product-status.inactive i {
    color: #F00
}

.product-status:not(.inactive) i {
    color: #3C0
}

.payment-header {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #ebeef0
}

.payment-list .panel-body ul li {
    margin-bottom: 26px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd
}

.admin-grid-list {
    padding: 10px;
    display: block
}

.admin-grid-list:after {
    content: "";
    display: block;
    clear: both
}

.admin-grid-list .grid-item {
    float: left;
    width: 16.66667%;
    text-align: center;
    margin-bottom: 15px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative
}

.admin-grid-list .grid-item .action-item {
    position: absolute;
    top: 4px;
    margin-left: 4px;
    display: none
}

.admin-grid-list .grid-item:hover .action-item {
    display: block
}

.admin-grid-list .grid-item .item-image {
    margin-bottom: 6px
}

.admin-grid-list .grid-item .item-title {
    height: 40px;
    overflow: hidden;
    line-height: 20px;
    font-weight: 600
}

.admin-grid-list .grid-item .item-year {
    height: 20px;
    line-height: 20px;
    color: #777
}

.admin-grid-list .grid-item .item-status {
    height: 20px;
    line-height: 20px
}

.admin-grid-list .grid-item .item-status:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px
}

.admin-grid-list .grid-item .item-status.text-primary:before {
    background-color: #2196f3
}

.admin-grid-list .grid-item .item-status.text-success:before {
    background-color: #5cb85c
}

.admin-grid-list .grid-item .item-status.text-info:before {
    background-color: #5bc0de
}

.admin-grid-list .grid-item .item-status.text-danger:before {
    background-color: #d9534f
}

.admin-grid-list .grid-item>a {
    display: block;
    border: 1px solid #ddd;
    padding: 15px;
    min-height: 162px;
    color: #333 !important;
    background-color: #fbfbfb
}

.admin-grid-list .grid-item>a:hover {
    color: #2196f3 !important
}

.list-index-column {
    width: 40px
}

.list-image-column {
    width: 60px
}

.float-none {
    float: none !important
}

.relative {
    position: relative
}

.font-small {
    font-size: 12px
}

.font-size-11 {
    font-size: 11px
}

.fa-1_2x {
    font-size: 1.2em !important
}

.fa-1_5x {
    font-size: 1.5em !important
}

.mr-0 {
    margin-right: 0 !important
}

.bra-0 {
    border-radius: 0 !important
}

.text-italic {
    font-style: italic
}

.text-bold {
    font-weight: bold
}

.text-thin {
    font-weight: 400
}

.text-yellow {
    color: #fcc525
}

.text-underline {
    text-decoration: underline
}

.no-border {
    border: none !important
}

.d-block {
    display: block
}

.d-inline {
    display: inline
}

.d-table-c {
    display: table-cell
}

.d-inline-b {
    display: inline-block
}

.min-height-300 {
    min-height: 300px
}

.max-width-540 {
    max-width: 540px;
    margin: 0 auto
}

.max-width-1036 {
    max-width: 1036px;
    margin: 0 auto
}

.max-width-1170 {
    max-width: 1170px
}

.max-width-180 {
    max-width: 180px !important
}

.box-bordered {
    border: 1px solid #ddd
}

.w-200 {
    width: 200px !important
}

.w-230 {
    width: 230px !important;
    max-width: 230px !important
}

.wp-10 {
    width: 10% !important
}

.wp-20 {
    width: 20% !important
}

.wp-25 {
    width: 25% !important
}

.wp-30 {
    width: 30% !important
}

.wp-35 {
    width: 35% !important
}

.wp-40 {
    width: 40% !important
}

.wp-50 {
    width: 50% !important
}

.wp-60 {
    width: 60% !important
}

.wp-70 {
    width: 70% !important
}

.wp-80 {
    width: 80% !important
}

.wp-90 {
    width: 90% !important
}

.wp-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-20 {
    padding: 20px !important
}

.p-15 {
    padding: 15px !important
}

.pt-0,
.ptb-0 {
    padding-top: 0 !important
}

.pb-0,
.ptb-0 {
    padding-bottom: 0 !important
}

.pl-0,
.plr-0 {
    padding-left: 0 !important
}

.pr-0,
.plr-0 {
    padding-right: 0 !important
}

.pt-5,
.ptb-5 {
    padding-top: 5px !important
}

.pb-5,
.ptb-5 {
    padding-bottom: 5px !important
}

.pt-10,
.ptb-10 {
    padding-top: 10px !important
}

.pt-15,
.ptb-15 {
    padding-top: 15px !important
}

.pb-10,
.ptb-10 {
    padding-bottom: 10px !important
}

.pb-15,
.ptb-15 {
    padding-bottom: 15px !important
}

.pt-20,
.ptb-20 {
    padding-top: 20px !important
}

.pb-20,
.ptb-20 {
    padding-bottom: 20px !important
}

.pl-5,
.plr-5 {
    padding-left: 5px !important
}

.pl-10,
.plr-10 {
    padding-left: 10px !important
}

.pl-15,
.plr-15 {
    padding-left: 15px !important
}

.pl-20,
.plr-20 {
    padding-left: 20px !important
}

.pr-5,
.plr-5 {
    padding-right: 5px !important
}

.pr-10,
.plr-10 {
    padding-right: 10px !important
}

.pr-15,
.plr-15 {
    padding-right: 15px !important
}

.pr-20,
.plr-20 {
    padding-right: 20px !important
}

.p-40 {
    padding: 40px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pr-40 {
    padding-right: 40px !important
}

.mt-0,
.mtb-0 {
    margin-top: 0 !important
}

.mb-0,
.mtb-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mlr-0 {
    margin-left: 0 !important
}

.mr-0,
.mlr-0 {
    margin-right: 0 !important
}

.mt-5,
.mtb-5 {
    margin-top: 5px !important
}

.mt-10,
.mtb-10 {
    margin-top: 10px !important
}

.mt-15,
.mtb-15 {
    margin-top: 15px !important
}

.mt-20,
.mtb-20 {
    margin-top: 20px !important
}

.mb-5,
.mtb-5 {
    margin-bottom: 5px !important
}

.mb-10,
.mtb-10 {
    margin-bottom: 10px !important
}

.mb-15,
.mtb-15 {
    margin-bottom: 15px !important
}

.mb-20,
.mtb-20 {
    margin-bottom: 20px !important
}

.ml-5,
.mlr-5 {
    margin-left: 5px !important
}

.ml-10,
.mlr-10 {
    margin-left: 10px !important
}

.ml-15,
.mlr-15 {
    margin-left: 15px !important
}

.ml-20,
.mlr-20 {
    margin-left: 20px !important
}

.mr-5,
.mlr-5 {
    margin-right: 5px !important
}

.mr-10,
.mlr-10 {
    margin-right: 10px !important
}

.mr-15,
.mlr-15 {
    margin-right: 15px !important
}

.mr-20,
.mlr-20 {
    margin-right: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.m-40 {
    margin: 40px !important
}

.mt-40,
.mtb-40 {
    margin-top: 40px !important
}

.mb-40,
.mtb-40 {
    margin-bottom: 40px !important
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.l-h-20 {
    line-height: 20px !important
}

.l-h-30 {
    line-height: 30px !important
}

.a-middle {
    vertical-align: middle !important
}

.a-bottom {
    vertical-align: bottom !important
}

.a-top {
    vertical-align: top !important
}

.text-bold {
    font-weight: bold
}

.text-italic {
    text-decoration: italic
}

.text-underline {
    text-decoration: underline
}

.text-line-through {
    text-decoration: line-through
}

.text-normal {
    font-weight: normal
}

.group-pagination a,
.group-pagination span {
    float: none !important;
    margin: 0
}

.group-pagination.show-nextback a,
.group-pagination.show-nextback span {
    display: none;
    width: 30px;
    height: 30px;
    line-height: 18px;
    text-align: center
}

.group-pagination.show-nextback a.next,
.group-pagination.show-nextback a.prev,
.group-pagination.show-nextback a.first,
.group-pagination.show-nextback a.last,
.group-pagination.show-nextback a.current,
.group-pagination.show-nextback span.next,
.group-pagination.show-nextback span.prev,
.group-pagination.show-nextback span.first,
.group-pagination.show-nextback span.last,
.group-pagination.show-nextback span.current {
    display: inline-block
}

.group-pagination.show-nextback span.current {
    display: inline-block;
    width: auto;
    min-width: 30px
}

.flex-column,
.d-flex {
    display: flex
}

.flex-column .flexbox-content,
.d-flex .flexbox-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    padding: 0 10px 10px;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0
}

.flex-column .flexbox-left,
.d-flex .flexbox-left {
    -webkit-box-flex: 0;
    -webkit-flex: 25% 0 0;
    -ms-flex: 25% 0 0;
    flex: 25% 0 0;
    max-width: 25%
}

.flex-column .flexbox-right,
.d-flex .flexbox-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

@media (max-width: 767px) {

    .flex-column,
    .d-flex {
        display: block !important
    }
}

@media (max-width: 1024px) {
    .flex-column {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .flex-column .flexbox-right {
        max-width: 100%
    }
}

.flex-content-left {
    border-right: 1px solid #ddd;
    background-color: #fdfdfd
}

.d-table {
    display: table
}

.d-table .table-cell {
    display: table-cell
}

@media (min-width: 544px) {
    .d-table .table-cell-sm {
        display: table-cell
    }
}

@media (min-width: 769px) {
    .d-table .table-cell-md {
        display: table-cell
    }
}

@media (max-width: 543px) {
    .d-table .table-cell-xs {
        display: table-cell
    }
}

.d-table .table-row {
    display: table-row
}

.d-table .table-column {
    display: table-column
}

.default-dl-list {
    margin-bottom: 0
}

.default-dl-list dt {
    float: left;
    font-weight: 400
}

.default-dl-list dd {
    text-indent: 6px
}

.ribbon {
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    clear: left;
    position: absolute;
    top: 0px;
    left: -2px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2)
}

.ribbon-right {
    left: auto;
    right: -2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.ribbon-bookmark {
    border-radius: 0;
    top: 0;
    left: -5px;
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2)
}

.ribbon-bookmark:before {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border: 15px solid #2b2b2b;
    border-right: 10px solid transparent
}

.ribbon-bookmark.bg-danger {
    color: #fff;
    background-color: #d9534f
}

.ribbon-bookmark.bg-danger:before {
    border-color: #d9534f;
    border-right-color: transparent
}

.ribbon-bookmark.bg-success {
    color: #fff;
    background-color: #5cb85c
}

.ribbon-bookmark.bg-success:before {
    border-color: #5cb85c;
    border-right-color: transparent
}

.ribbon-bookmark.ribbon-right {
    right: -5px;
    left: auto;
    padding-left: 0
}

.ribbon-bookmark.ribbon-right:before {
    right: 100%;
    left: auto;
    border-right: 15px solid #2b2b2b;
    border-left: 10px solid transparent
}

.ribbon-bookmark.ribbon-right.bg-danger:before {
    border-right-color: #d9534f;
    border-left-color: transparent
}

.ribbon-bookmark.ribbon-right.bg-success:before {
    border-right-color: #5cb85c;
    border-left-color: transparent
}

@media (max-width: 768px) {
    .mb-xs-20 {
        margin-bottom: 20px
    }
}

div.dropdown-menu {
    padding: 0
}

div.dropdown-menu>.dropdown-item {
    display: block;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    padding: 4px 12px;
    width: auto;
    margin: 4px;
    -webkit-transition: 0.15s linear;
    transition: 0.15s linear;
    text-decoration: none
}

div.dropdown-menu>.dropdown-item i {
    margin-right: 0.5rem
}

div.dropdown-menu>.dropdown-item:active,
div.dropdown-menu>.dropdown-item:hover {
    background-color: #f5f6f7
}

div.dropdown-menu>.dropdown-item a {
    text-decoration: none
}

@media (max-width: 767px) {
    .d-flex {
        display: block !important
    }

    .d-flex .flexbox-left {
        width: 100% !important;
        max-width: 100% !important
    }

    .d-flex .select2-container--default,
    .d-flex .select2-selection__rendered {
        width: 100%
    }
}

.rating-box {
    line-height: 1;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    color: #c4c4c4
}

.rating-box span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden
}

.rating-box span .star {
    color: #2968bb
}

.radio-history input[type="radio"] {
    display: inline-block;
    vertical-align: middle
}

.radio-history .filter-label {
    vertical-align: middle;
    width: auto;
    margin: 0
}

.style-radio {
    position: relative !important;
    margin: 0 .5rem 0 0 !important;
    cursor: pointer;
    margin-top: 0;
    vertical-align: top;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.style-radio:checked:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.style-radio:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    left: -1px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 1;
    width: 8px;
    height: 8px;
    background: #58b3f0;
    border-radius: 50%
}

.style-radio:after {
    content: "";
    position: absolute;
    left: -1px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #cedadd;
    border-radius: 50%
}

.style-radio.error:after {
    border-color: red;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.53);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(251, 0, 0, 0.52);
    outline: none
}

.style-radio-true {
    position: relative !important;
    margin: 0 .5rem 0 0 !important;
    cursor: pointer;
    margin-top: 0;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.style-radio-true:checked::after {
    border: 1px solid #FB802D;
    background-color: #F9873A;
    color: white
}

.style-radio-true:hover::after {
    border: 1px solid #FB802D;
    background-color: #F9873A;
    color: white
}

.style-radio-true:after {
    content: "T";
    position: absolute;
    left: -1px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    background: #fff;
    border: 1px solid #cedadd;
    text-align: center;
    line-height: 25px;
    box-shadow: inset 0 15px 32px -22px #DBDBDB;
    font-weight: bold
}

.style-radio-false {
    position: relative !important;
    margin: 0 .5rem 0 0 !important;
    cursor: pointer;
    margin-top: 0;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.style-radio-false:checked::after {
    border: 1px solid #FB802D;
    background-color: #F9873A;
    color: white
}

.style-radio-false:hover::after {
    border: 1px solid #FB802D;
    background-color: #F9873A;
    color: white
}

.style-radio-false:after {
    content: "F";
    position: absolute;
    left: -1px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    background: #fff;
    border: 1px solid #cedadd;
    text-align: center;
    line-height: 25px;
    box-shadow: inset 0 15px 32px -22px #DBDBDB;
    font-weight: bold
}

.style-checkbox {
    position: relative !important;
    top: 0;
    margin: 0 .5rem 0 0 !important;
    cursor: pointer;
    margin-top: 0;
    vertical-align: top;
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.style-checkbox:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1)
}

.style-checkbox:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: -1px;
    right: 0;
    top: .3em;
    margin: auto;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 2px solid #58b3f0;
    border-top-style: none;
    border-right-style: none
}

.style-checkbox:after {
    content: "";
    position: absolute;
    left: -1px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #cedadd;
    cursor: pointer;
    border-radius: 2px
}

.d-flex-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.content-list-tiles .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.content-list-tiles .media .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.formBuilderElement>.view-editor .editor {
    display: none
}

.formBuilderElement>.view-editor .preview {
    display: block
}

.formBuilderElement.selected>.view-editor .editor {
    display: block
}

.formBuilderElement.selected>.view-editor .preview {
    display: none
}

.div-placeholder[placeholder]:empty::before {
    content: attr(placeholder);
    color: #999
}

.multiple-input {
    overflow: inherit
}

.marquee {
    animation: marquee-scroll-left 5s linear infinite
}

.marquee.marquee-up {
    animation: marquee-scroll-up 5s linear infinite
}

@keyframes marquee-scroll-left {
    0% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes marquee-scroll-up {
    0% {
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -moz-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@media (min-width: 545px) {
    .content-dk {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
        width: 100%
    }
}

.content-dk .login-default.register-form {
    background: #fff;
    padding: 20px;
    width: calc(100% - 20px);
    max-width: 450px;
    margin: auto;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15)
}

@media (max-width: 544px) {
    .content-dk {
        margin: 20px 0
    }
}

.search-page .wrap-list-type {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 20px
}

.search-page .list-type li {
    float: left;
    margin-left: 12px;
    margin-right: 12px;
    position: relative
}

.search-page .list-type .badge {
    background-color: #5bc0de
}

.search-page .list-type .filters-link {
    line-height: 40px;
    font-weight: bold;
    display: block;
    border-bottom: 2px solid transparent;
    text-decoration: none
}

.search-page .list-type .filters-link.active,
.search-page .list-type .filters-link:hover {
    border-color: #2196f3;
    color: #2196f3
}

.search-page .search-keyword {
    font-size: 16px;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ddd
}

.search-page .search-keyword>span {
    display: inline-block
}

.search-page .search-keyword>h1 {
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    margin: 0
}

.filters-sidebar {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 10px
}

.filters-sidebar .filters-label {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px
}

.filters-sidebar .filters-item-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    font-weight: bold
}

.filters-sidebar .filters-item-detail {
    overflow: auto
}

.filters-sidebar .filters-item {
    margin-bottom: 10px
}

.filters-sidebar .collapse-content {
    float: right;
    font-weight: normal;
    color: #333
}

.search-result-list .search-item {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 10px
}

.search-result-list .search-item .search-item-label {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 0 0
}

.search-result-list .search-item .search-item-label .view-more {
    float: right;
    font-weight: normal;
    color: #777;
    font-size: 14px
}

.search-result-list .search-item .search-item-label .view-more i {
    margin-right: 6px
}

.search-byType .search-byType-item {
    margin-bottom: 15px
}

.search-byType .search-byType-item:after {
    content: "";
    display: block;
    clear: both
}

.search-byType .item-title {
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    word-break: break-word;
    line-height: 1.3
}

.search-byType .item-price span {
    color: #d9534f
}

.search-byType .item-image {
    float: left;
    margin-right: 15px;
    width: 120px
}

@media (max-width: 380px) {
    .search-byType .item-image {
        width: 48px;
        margin-bottom: 6px
    }
}

.search-byType .item-desc {
    color: #777
}

@media (max-width: 380px) {
    .search-byType .item-desc {
        margin-left: auto
    }
}

.search-byType .price {
    position: relative
}

.search-byType .price span {
    position: absolute;
    top: -50px;
    right: 0;
    background: #2196f3;
    color: white;
    padding: 5px 10px
}

.search-byType .info>.item {
    float: left;
    width: 33.333%
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.checkbox {
    padding-left: 20px
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555
}

.checkbox input[type="checkbox"]:checked+label::after {
    font-family: "Font Awesome 5 Free", sans-serif;
    content: "\f00c";
    font-weight: 900
}

.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-primary input[type="radio"]:checked+label::before {
    background-color: #2196f3;
    border-color: #2196f3
}

.checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-primary input[type="radio"]:checked+label::after {
    color: #fff
}

.pb-30 {
    padding-bottom: 30px !important
}

.product-list-default-g {
    margin-bottom: 15px;
    position: relative
}

.product-list-default-g .product-image {
    position: relative;
    overflow: hidden;
    transition: all .5s;
    justify-content: center
}

.product-list-default-g .product-image a.img-href {
    display: block;
    position: relative
}

.product-list-default-g .product-image a.img-href:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.product-list-default-g .product-image a.img-href img.item-thumbnail {
    transition: all 1s;
    transform: scale(1)
}

.product-list-default-g .product-image .crew {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0
}

.product-list-default-g .product-image .crew span {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 28px;
    top: 10px;
    text-transform: uppercase;
    transform: rotate(45deg)
}

.product-list-default-g .product-image .crew.vip {
    border-width: 60px 60px 0 0;
    border-color: #35bf76 transparent transparent transparent;
    z-index: 3;
    right: auto;
    left: 0
}

.product-list-default-g .product-image .crew.vip span {
    left: 5px;
    top: -50px;
    transform: rotate(-45deg)
}

.product-list-default-g .product-image .crew.hot {
    border-color: transparent #ffc321 transparent transparent
}

.product-list-default-g .glyphicon-star-empty {
    font: normal normal 900 1em/1 "Font Awesome 5 Free", sans-serif;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.product-list-default-g .glyphicon-star-empty:before {
    content: "\f005"
}

.product-list-default-g ul.ul-actions-p {
    position: absolute;
    bottom: 20px;
    left: 10px;
    right: 0;
    background-color: #fff;
    opacity: 0
}

.product-list-default-g:hover ul.ul-actions-p {
    opacity: 1
}

.product-list-default-g:hover .product-image a img {
    transform: scale(1.1) !important
}

.product-list-default-g:hover .product-image a.img-href:before {
    opacity: 0.2
}

.product-list-default-g .product-content {
    padding: 10px 10px 20px 10px
}

.product-list-default-g .product-content h3.product-title {
    margin-top: 0;
    font-size: 16px;
    font-weight: 700
}

.product-list-default-g .product-content h3.product-title a {
    max-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.product-list-default-g .product-content .product-rating {
    margin-bottom: 5px
}

.product-list-default-g .product-content .product-price {
    margin-bottom: 0;
    line-height: 18px;
    height: 18px
}

@media (max-width: 767px) {
    .product-list-default-g .actions {
        text-align: center
    }
}

.product-list-default-g .btn-primary {
    border-color: #e2e2e2;
    background-color: transparent;
    color: #333;
    border-radius: 50px;
    padding: 0 30px;
    line-height: 40px;
    margin-right: 5px;
    transition: background-color 0.1s ease-in
}

.product-list-default-g .btn-primary:hover {
    background-color: #2196f3;
    color: #fff
}

.product-list-default-g .views {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
    vertical-align: top;
    transition: background-color 0.1s ease-in
}

.product-list-default-g .views:hover {
    background-color: #2196f3;
    color: #fff
}

.product-list-default-g .entry-decs {
    margin-bottom: 15px
}

@media (max-width: 544px) {
    .product-list-default-g .entry-decs {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 10px
    }
}

.product-list-default-g ul.ul-actions-p-7 {
    margin-top: 10px
}

.product-list-default-g ul.ul-actions-p-7 li {
    float: left
}

.product-list-default-g ul.ul-actions-p-7 li a {
    background-color: #222;
    display: block
}

.product-list-default-g ul.ul-actions-p-7 li a:hover {
    background-color: #000
}

.product-list-default-g ul.ul-actions-p-7 li a.add {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #090909
}

.product-list-default-g ul.ul-actions-p-7 li .views {
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.product-list-default-g .product-price {
    margin-bottom: 10px
}

.product-list-default-g .product-price>div {
    display: inline-block;
    margin: 0 3px
}

.product-list-default-g .product-price .product-sell-price {
    margin-left: 0;
    font-size: 16px;
    font-weight: 700;
    color: #2196f3
}

.product-list-default-g .product-price .product-old-price {
    font-family: Arial, 'Conv_UTM Neo Sans Intel', Sans-Serif;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.54);
    text-decoration: line-through
}

@media (max-width: 380px) {
    .product-list-default-g .product-content .product-price {
        height: unset
    }

    .product-list-default-g .btn-primary {
        line-height: 30px;
        padding: 0 15px
    }

    .product-list-default-g .views {
        width: 32px;
        height: 33px;
        line-height: 32px
    }
}

.product-list-default-gridType1 {
    margin-bottom: 20px;
    position: relative
}

.product-list-default-gridType1 .product-image {
    position: relative;
    overflow: hidden;
    transition: all .5s;
    justify-content: center
}

.product-list-default-gridType1 .product-image a.img-href {
    display: block;
    position: relative
}

.product-list-default-gridType1 .product-image a.img-href:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.product-list-default-gridType1 .product-image a.img-href img.item-thumbnail {
    transition: all 1s;
    transform: scale(1)
}

.product-list-default-gridType1 .product-image .crew {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0
}

.product-list-default-gridType1 .product-image .crew span {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 28px;
    top: 10px;
    text-transform: uppercase;
    transform: rotate(45deg)
}

.product-list-default-gridType1 .product-image .crew.vip {
    border-width: 60px 60px 0 0;
    border-color: #35bf76 transparent transparent transparent;
    z-index: 3;
    right: auto;
    left: 0
}

.product-list-default-gridType1 .product-image .crew.vip span {
    left: 5px;
    top: -50px;
    transform: rotate(-45deg)
}

.product-list-default-gridType1 .product-image .crew.hot {
    border-color: transparent #ffc321 transparent transparent
}

.product-list-default-gridType1 .glyphicon-star-empty {
    font: normal normal 900 1em/1 "Font Awesome 5 Free", sans-serif;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.product-list-default-gridType1 .glyphicon-star-empty:before {
    content: "\f005"
}

.product-list-default-gridType1:hover ul.ul-actions-p {
    opacity: 1
}

.product-list-default-gridType1:hover .product-image a img {
    transform: scale(1.2) !important
}

.product-list-default-gridType1:hover .product-image a.img-href:before {
    opacity: 0.2
}

.product-list-default-gridType1 .product-content {
    padding-top: 10px
}

.product-list-default-gridType1 .product-content h3.product-title {
    margin-top: 0;
    font-size: 16px;
    font-weight: 700
}

.product-list-default-gridType1 .product-content h3.product-title a {
    max-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.product-list-default-gridType1 .product-content .product-rating {
    margin-bottom: 5px
}

.product-list-default-gridType1 .product-content .product-price {
    margin-bottom: 0;
    line-height: 18px;
    height: 18px
}

.product-list-default-gridType1 ul.ul-actions-p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: 0;
    z-index: 9
}

.product-list-default-gridType1 ul.ul-actions-p li {
    float: left
}

.product-list-default-gridType1 ul.ul-actions-p li a {
    background-color: #2196f3;
    display: block
}

.product-list-default-gridType1 ul.ul-actions-p li a:hover {
    background-color: #0960a5
}

.product-list-default-gridType1 ul.ul-actions-p li a.add {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #0c7cd5
}

.product-list-default-gridType1 ul.ul-actions-p li .views {
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.product-list-default-gridType1 ul.ul-actions-p-7 {
    margin-top: 10px
}

.product-list-default-gridType1 ul.ul-actions-p-7 li {
    float: left
}

.product-list-default-gridType1 ul.ul-actions-p-7 li a {
    background-color: #222;
    display: block
}

.product-list-default-gridType1 ul.ul-actions-p-7 li a:hover {
    background-color: #000
}

.product-list-default-gridType1 ul.ul-actions-p-7 li a.add {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #090909
}

.product-list-default-gridType1 ul.ul-actions-p-7 li .views {
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.product-list-default-gridType1 .product-price {
    margin-bottom: 10px
}

.product-list-default-gridType1 .product-price>div {
    display: inline-block;
    margin: 0 3px
}

.product-list-default-gridType1 .product-price .product-sell-price {
    margin-left: 0;
    font-size: 16px;
    font-weight: 700;
    color: #2196f3
}

.product-list-default-gridType1 .product-price .product-old-price {
    font-family: Arial, 'Conv_UTM Neo Sans Intel', Sans-Serif;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.54);
    text-decoration: line-through
}

@media (min-width: 769px) {
    .hidden-md {
        display: none
    }
}

.table-pathway {
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px
}

.pathway-category:before {
    display: none
}

.pathway-category ol.breadcrumb {
    padding: 0;
    margin: 0;
    background-color: transparent
}

.layout-product-default .filter-right .switchers .switcher i {
    font-size: 20px;
    margin-right: 5px
}

.layout-product-default .filter-right .switchers .switcher.selected {
    background: #2196f3 !important
}

.layout-product-default .filter-left,
.layout-product-default .filter-right {
    display: table-cell;
    overflow: hidden
}

.layout-product-default .filter-right {
    text-align: right
}

.layout-product-default .filter-right>div {
    display: inline-block
}

@media (max-width: 400px) {
    .layout-product-default .filter-right>div.component-dropdown {
        max-width: 130px
    }
}

.layout-product-default .product-module-filter {
    margin-bottom: 10px
}

.layout-product-default .filter-right .switchers .switcher {
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: #eee;
    padding: 5px 5px;
    line-height: 20px;
    background-color: #777;
    position: relative;
    font-size: 14px
}

@media (max-width: 650px) {
    .layout-product-default .product-module-filter {
        margin: 0 0 15px 0
    }

    .layout-product-default .product-module-filter .filter-left {
        padding: 0;
        margin-top: 0;
        width: auto;
        display: unset;
        overflow: unset;
        float: left;
        line-height: 34px
    }

    .layout-product-default .product-module-filter .filter-right {
        width: auto;
        display: flex;
        justify-content: end;
        overflow: unset;
        padding: 0;
        float: right
    }

    .layout-product-default .product-module-filter .filter-right .filter-title {
        display: none
    }

    .layout-product-default .product-module-filter .filter-right .component-switcher {
        margin-top: 0
    }
}

@media (max-width: 480px) {
    .layout-product-default .product-module-filter .filter-right .component-switcher>.switchers>a.switcher>span {
        display: none
    }

    .layout-product-default .product-module-filter .filter-right .component-switcher>.switchers>a.switcher>i {
        margin-right: 0
    }

    .layout-product-default .filter-right .switchers .switcher {
        padding: 6px 7px 4px 7px
    }
}

.frame-cate-product {
    background-color: transparent;
    border: none;
    box-shadow: none
}

.frame-cate-product>.panel-heading {
    background-color: #2196f3;
    border-bottom: none
}

.frame-cate-product>.panel-heading>.panel-title {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.frame-cate-product>.panel-heading>.panel-title:before {
    content: "\f0c9";
    display: inline-block;
    font: normal normal 900 1em/1 "Font Awesome 5 Free", sans-serif;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 8px
}

.frame-cate-product>.panel-body {
    padding: 0;
    border: 1px solid #eaeaea;
    border-top: none
}

.frame-sp-cottrai {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.frame-sp-cottrai .panel-heading {
    background-color: transparent;
    border-radius: 0;
    position: relative;
    padding-left: 0
}

.frame-sp-cottrai .panel-heading:before {
    content: "";
    background-color: #2196f3;
    width: 20%;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0
}

.frame-sp-cottrai .panel-heading .panel-title {
    font-weight: 700
}

.frame-sp-cottrai .panel-body {
    padding: 15px 0 0 0
}

@media (max-width: 768px) {
    .table-product-list>.columns-widget>.col-left {
        display: none
    }

    .table-product-list>.columns-widget>.col-right {
        width: 100%
    }
}

.table-product-list .product-item-list-new-type-1 {
    border-bottom: 1px dashed #eaeaea;
    padding-bottom: 15px;
    margin-bottom: 15px
}

@media (min-width: 992px) {
    .table-product-list .product-item-list-new-type-1 .product-image {
        width: 33.3333333333%
    }

    .table-product-list .product-item-list-new-type-1 .content-product {
        width: 66.6666666667%;
        padding-left: 0
    }
}

.table-product-list .product-item-list-new-type-1 .product-title {
    margin-bottom: 10px;
    font-weight: 700
}

.table-product-list .product-item-list-new-type-1 .product-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.table-product-list .product-item-list-new-type-1 .product-price {
    display: flex;
    flex-wrap: wrap
}

.table-product-list .product-item-list-new-type-1 .product-price .product-sell-price {
    font-weight: 700;
    color: #2196f3;
    font-size: 15px
}

.table-product-list .product-item-list-new-type-1 .product-price .product-old-price {
    font-style: italic;
    margin-left: 10px;
    text-decoration: line-through;
    color: #acacac;
    font-size: 13px
}

.detail-basic-info-type-33 .product-gallery .product-big-image {
    margin-bottom: 15px
}

.procduct-hightline-home .list-menu-top {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 767px) {
    .procduct-hightline-home .list-menu-top {
        position: relative;
        margin-bottom: 15px
    }
}

@media (max-width: 544px) {
    .procduct-hightline-home .list-menu-top {
        text-align: center
    }
}

.procduct-hightline-home .list-menu-top li {
    display: inline-block
}

.procduct-hightline-home .list-menu-top li a {
    padding: 0 20px;
    line-height: 36px;
    font-weight: 400;
    border-radius: 30px;
    display: block
}

@media (max-width: 767px) {
    .procduct-hightline-home .list-menu-top li a {
        padding: 0 10px;
        line-height: 32px
    }
}

.procduct-hightline-home .list-menu-top li a:hover {
    background-color: #2196f3;
    color: #fff
}

.procduct-hightline-home .list-menu-top li a.active {
    background-color: #2196f3;
    color: #fff
}

.procduct-hightline-home .product-list-default-g {
    background-color: #fff;
    padding: 15px
}

@media (max-width: 544px) {
    .procduct-hightline-home .product-list-default-g {
        padding: 10px
    }

    .procduct-hightline-home .product-list-default-g .product-content {
        padding: 10px 0 0 0
    }
}

.procduct-hightline-home .product-list-default-g .btn-primary {
    line-height: 36px;
    padding: 0 25px;
    background-color: #2196f3;
    color: #fff;
    border-color: #2196f3
}

@media (max-width: 544px) {
    .procduct-hightline-home .product-list-default-g .btn-primary {
        padding: 0 15px;
        line-height: 32px
    }
}

.procduct-hightline-home .product-list-default-g .btn-primary:hover {
    background-color: #222;
    color: #fff;
    border-color: #222
}

.procduct-hightline-home .product-list-default-g .views {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff
}

.procduct-hightline-home .product-list-default-g .views:hover {
    background-color: #222;
    border-color: #222;
    color: #fff
}

@media (max-width: 767px) {
    .procduct-hightline-home .product-list-default-g .actions {
        text-align: left
    }
}

.product-grid-type1 {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.product-grid-type1 .image-wrapper {
    position: relative;
    overflow: hidden
}

.product-grid-type1 .image-wrapper .saleOff {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #2196f3;
    padding: 0 10px;
    line-height: 24px;
    color: #fff;
    font-size: 13px
}

.product-grid-type1 .image-wrapper .new-product {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #2196f3;
    padding: 0 10px;
    line-height: 24px;
    color: #fff;
    font-size: 13px
}

.product-grid-type1 .image-wrapper .btnOther-home {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    opacity: 1;
    z-index: 9
}

.product-grid-type1 .image-wrapper .btnOther-home ul.list-btn li {
    display: inline-block
}

.product-grid-type1 .image-wrapper .btnOther-home ul.list-btn li a {
    display: block;
    background: #fff;
    color: #253237;
    border: none;
    line-height: 46px;
    height: 46px;
    width: 46px;
    border-radius: 100%;
    padding: 0;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    pointer-events: visible;
    opacity: 0;
    transform: scale3d(0, 0, 0)
}

.product-grid-type1 .image-wrapper .btnOther-home ul.list-btn li a:hover {
    background-color: #2196f3;
    color: #fff
}

.product-grid-type1 .product-info {
    padding: 10px 0
}

.product-grid-type1 .product-info .cate-product a {
    font-size: 12px;
    text-transform: uppercase;
    color: #999
}

@media (max-width: 1024px) {
    .product-grid-type1 .product-info .cate-product a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }
}

.product-grid-type1 .product-info .cate-product a:hover {
    color: #333
}

.product-grid-type1 .product-info h5.post-title {
    font-size: 16px;
    margin-top: 5px;
    font-weight: 700;
    min-height: 44px
}

.product-grid-type1 .product-info h5.post-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700;
    line-height: 22px
}

.product-grid-type1 .product-info .item-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media (max-width: 1024px) {
    .product-grid-type1 .product-info .item-price {
        min-height: 44px
    }
}

@media (width: 768px) {
    .product-grid-type1 .product-info .item-price {
        min-height: 66px;
        display: block
    }
}

.product-grid-type1 .product-info .item-price .product-sell-price {
    margin-right: 5px;
    color: #2196f3;
    font-size: 16px;
    font-weight: 700
}

.product-grid-type1 .product-info .item-price .product-sell-price .amount-1 {
    text-decoration: none
}

.product-grid-type1 .product-info .item-price .product-old-price .price {
    color: #888;
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px
}

.product-grid-type1 .img-product a {
    display: block;
    position: relative
}

.product-grid-type1 .img-product a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.product-grid-type1:hover .image-wrapper .btnOther-home ul.list-btn li a {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.product-grid-type1:hover .img-product a:before {
    opacity: .5
}

.product-commerce-slideType5 .owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -18px
}

.product-commerce-slideType5 .owl-theme .owl-nav [class*=owl-] {
    width: 36px;
    height: 36px;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
    background-color: #fff;
    line-height: 36px;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #000;
    font-weight: 700;
    font-size: 16px
}

.product-commerce-slideType5 .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #2196f3;
    color: #fff
}

.product-commerce-slideType5 .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -18px
}

@media (max-width: 768px) {
    .product-commerce-slideType5 .owl-carousel .owl-nav .owl-prev {
        left: 5px
    }
}

.product-commerce-slideType5 .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -18px
}

@media (max-width: 768px) {
    .product-commerce-slideType5 .owl-carousel .owl-nav .owl-next {
        right: 5px
    }
}

.product-grid-high-ligh-home {
    border: 1px solid #eaeaea;
    border-radius: 3px;
    transition: .3s ease-in-out;
    will-change: transform;
    background-color: #fff;
    margin-bottom: 20px
}

@media (max-width: 544px) {
    .product-grid-high-ligh-home {
        margin-bottom: 10px
    }
}

.product-grid-high-ligh-home .image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 3px 3px 0 0
}

.product-grid-high-ligh-home .image-wrapper figure a img {
    transition: all 1s;
    transform: scale(1)
}

.product-grid-high-ligh-home .image-wrapper figure a {
    display: block;
    position: relative
}

.product-grid-high-ligh-home .image-wrapper figure a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.product-grid-high-ligh-home .image-wrapper .action.action-bottom {
    text-align: center;
    height: 30px;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    z-index: 9;
    transition: all ease 0.5s;
    transform: scale(0)
}

.product-grid-high-ligh-home .image-wrapper .action.action-bottom .cont-action {
    text-align: center;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center
}

@media (max-width: 768px) {
    .product-grid-high-ligh-home .image-wrapper .action.action-bottom .cont-action span.titl {
        display: none
    }
}

.product-grid-high-ligh-home .image-wrapper .action.action-bottom .cont-action a {
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding: 0 10px;
    float: left;
    background: #2196f3;
    text-transform: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2.5px;
    width: 50%;
    border-radius: 0
}

.product-grid-high-ligh-home .image-wrapper .action.action-bottom .cont-action a:hover {
    background: #002441
}

.product-grid-high-ligh-home .image-wrapper .sale-off {
    position: absolute;
    right: 5px;
    top: 0;
    text-align: center;
    background: #e82b00;
    color: #fff;
    padding: 3px;
    font-weight: 700;
    font-size: 12px;
    min-width: 45px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0 4px 6px -2px #504f4f;
    -moz-box-shadow: 0 4px 6px -2px #504f4f;
    box-shadow: 0 4px 6px -2px #504f4f;
    z-index: 2;
    backface-visibility: hidden
}

.product-grid-high-ligh-home:hover {
    border-color: #2196f3
}

.product-grid-high-ligh-home:hover .image-wrapper .action.action-bottom {
    transform: scale(1)
}

.product-grid-high-ligh-home:hover .image-wrapper figure a:before {
    opacity: .6
}

.product-grid-high-ligh-home:hover .image-wrapper figure a img {
    transform: scale(1.1)
}

.product-grid-high-ligh-home .product-info {
    padding: 10px 5px 5px;
    border-radius: 3px
}

.product-grid-high-ligh-home .product-info h5.post-title {
    margin-top: 0;
    text-align: center;
    min-height: 40px
}

.product-grid-high-ligh-home .product-info h5.post-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.product-grid-high-ligh-home .product-info .item-price {
    text-align: center
}

@media (min-width: 545px) {
    .product-grid-high-ligh-home .product-info .item-price {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (max-width: 544px) {
    .product-grid-high-ligh-home .product-info .item-price {
        min-height: 42px;
        display: flex;
        justify-content: center
    }
}

.product-grid-high-ligh-home .product-info .item-price .product-sell-price {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: #df0000
}

@media (min-width: 768px) and (max-width: 1024px) {
    .product-grid-high-ligh-home .product-info .item-price .product-sell-price {
        margin-right: 5px;
        font-size: 14px
    }
}

.product-grid-high-ligh-home .product-info .item-price .product-sell-price ins.amount-1 {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: #df0000
}

@media (min-width: 768px) and (max-width: 1024px) {
    .product-grid-high-ligh-home .product-info .item-price .product-sell-price ins.amount-1 {
        font-size: 14px
    }
}

.product-grid-high-ligh-home .product-info .item-price .product-old-price {
    color: #acacac
}

.product-listType1 {
    margin-bottom: 15px !important;
    border-radius: 4px
}

.product-listType1 .img-product {
    overflow: hidden;
    position: relative
}

.product-listType1 .img-product .product-sale-off {
    position: absolute;
    right: 5px;
    top: 0;
    text-align: center;
    background: #2196f3;
    color: #fff;
    padding: 3px;
    font-weight: 700;
    font-size: 12px;
    min-width: 45px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 4px 6px -2px #504f4f;
    z-index: 2;
    backface-visibility: hidden
}

.product-listType1 .img-product a {
    display: block;
    position: relative
}

.product-listType1 .img-product a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fdfdfd;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.product-listType1 .img-product a img {
    transition: all 1s;
    transform: scale(1)
}

.product-listType1 .action.action-bottom {
    margin-top: 10px
}

@media (min-width: 545px) {
    .product-listType1 .action.action-bottom .cont-action {
        display: flex
    }
}

.product-listType1 .action.action-bottom .cont-action a {
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding: 0 20px;
    float: left;
    background: #2196f3;
    text-transform: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2.5px 10px 2.5px;
    border-radius: 0
}

@media (max-width: 375px) {
    .product-listType1 .action.action-bottom .cont-action a {
        padding: 0 15px
    }
}

.product-listType1 .action.action-bottom .cont-action a:hover {
    background: #002441
}

.product-listType1:hover {
    border-color: #2196f3
}

.product-listType1:hover .img-product a:before {
    opacity: .6
}

.product-listType1:hover .img-product a img {
    transform: scale(1.1)
}

.detail-basic-Type2.product-detail-layout .product-price {
    padding: 20px 0;
    margin-top: 10px;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    margin-bottom: 15px
}

.detail-basic-Type2.product-detail-layout .product-price .price {
    display: inline-block
}

.detail-basic-Type2.product-detail-layout .product-price .old-price {
    display: inline-block;
    text-decoration: line-through;
    margin-top: 0 !important;
    margin-left: 10px
}

.detail-basic-Type2.product-detail-layout .product-price .percent {
    margin-top: 10px
}

.detail-basic-Type2.product-detail-layout .product-summary h1.title {
    font-size: 24px;
    font-weight: 700;
    margin-top: 0
}

.search-result-list .search-item .search-item-label .view-more:hover {
    color: #2196f3
}

.product-grid-high-ligh2 .item-price {
    display: flex;
    flex-wrap: wrap
}

.product-grid-high-ligh2 .item-price .amount-1 {
    text-decoration: none
}

.product-grid-high-ligh2 .item-price .amount-2 {
    margin-left: 10px
}

.search-item-body .search-byType {
    background: none
}

.search-item-body .search-byType-item {
    padding-bottom: 15px;
    border-bottom: 1px dashed #ebebeb
}

.header-ecomType8 {
    background-color: #2196f3;
    padding: 10px 0
}

.header-ecomType8 .col-left>div {
    display: inline-block;
    margin-right: 10px;
    color: #fff
}

.header-ecomType8 .search {
    position: absolute;
    width: 200px;
    right: 0;
    top: 0;
    z-index: -999;
    opacity: 0;
    transition: all 0.3s
}

.header-ecomType8 .search form .input-inner .form-control {
    padding-right: 40px;
    border-radius: 0
}

.header-ecomType8 .search form .input-inner .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    color: #2196f3
}

.header-ecomType8 .search.active {
    opacity: 1;
    z-index: 999;
    top: calc(100% + 10px);
    border: 1px solid #c10a28;
    transition: all 0.3s
}

.header-ecomType8 ul.list-menu {
    text-align: right
}

.header-ecomType8 ul.list-menu>li {
    display: inline-block;
    margin: 0 5px;
    color: #fff
}

.header-ecomType8 ul.list-menu>li:last-of-type {
    margin-right: 0
}

.header-ecomType8 ul.list-menu>li>a {
    color: #fff
}

@media (max-width: 544px) {
    .header-ecomType8 .col-right {
        display: none
    }

    .header-ecomType8 .col-left {
        text-align: center
    }
}

.product-grid-type-13 {
    margin-bottom: 20px
}

.product-grid-type-13 span.saleOff {
    position: absolute;
    top: 10px;
    left: 0;
    padding: 5px 10px;
    background: #e81854;
    color: white
}

.product-grid-type-13 .btnOther-home {
    width: 100%;
    min-height: 40px;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    padding: 10px 0;
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transition: all .3s
}

.product-grid-type-13 .list-btn {
    justify-content: center
}

.product-grid-type-13:hover .btnOther-home {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.product-grid-type-13 .list-btn>li>a {
    background-color: #4dabce;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    display: block
}

.product-grid-type-13 .post-title>a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1
}

.product-grid-type-13 .item-price.flex {
    flex-wrap: wrap;
    justify-content: center
}

.frame-favorite-news {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative
}

.frame-favorite-news>.panel-heading {
    background-color: transparent;
    padding-left: 0;
    position: relative;
    border-radius: 0
}

.frame-favorite-news>.panel-heading:after {
    content: "";
    background-color: #2196f3;
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0
}

.frame-favorite-news>.panel-heading>.panel-title {
    font-weight: 700;
    color: #2196f3;
    text-transform: uppercase
}

.frame-favorite-news>.panel-body {
    padding: 15px 0 0 0
}

.my-account-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 30px
}

.my-account-profile .my-account-profile__left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 50px
}

.my-account-profile .my-account-profile__right {
    width: 28rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-left: 1px solid #efefef
}

.my-account-profile .form-group__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.my-account-profile .form-group__wrapper .form-group__label {
    width: 20%;
    text-align: right;
    color: rgba(85, 85, 85, 0.8);
    text-transform: capitalize;
    overflow: hidden
}

.my-account-profile .form-group__wrapper .form-group__content {
    width: 80%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2rem
}

.my-account-profile .avatar-upload {
    width: 140px;
    color: #333;
    border-color: #979797
}

.my-account-section {
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    margin-bottom: 15px
}

.my-account-section .my-account-section__header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.my-account-section .my-account-section__header-title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem;
    color: #333;
    text-transform: capitalize
}

.my-account-section .my-account-section__header-subtitle {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #555;
    margin-top: 3px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px !important
}

.cke_editable {
    text-align: justify
}

.article-news-default:not(:last-of-type) {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px
}

.article-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.428571429;
    display: block
}

.article-news-default {
    margin-bottom: 10px
}

.article-news-default .article-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 769px) {
    .article-news-default .article-title {
        margin-top: 10px
    }
}

@media (min-width: 769px) {
    .article-news-default .show-left {
        float: left
    }

    .article-news-default .show-right {
        float: right
    }
}

@media (min-width: 769px) {
    .article-news-default .article-img img {
        max-width: 250px;
        max-height: 250px
    }
}

@media (min-width: 769px) {
    .article-news-default .article-right {
        max-width: calc(100% - 260px)
    }
}

.article-news-default .article-brief {
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.article-news-default .article-info i,
.article-news-default .article-info span {
    margin-right: 5px
}

.article-dowload-default {
    padding: 10px;
    border: 1px solid #eaeaea;
    margin-bottom: 15px;
    background: white
}

.article-dowload-default .article-read-more {
    text-align: right
}

.article-dowload-default .article-read-more a {
    color: #2196f3
}

.article-dowload-default .article-title {
    margin-bottom: 10px
}

.article-dowload-default .article-title a {
    display: inline-block;
    width: calc(100% - 45px);
    font-weight: bold
}

.article-dowload-default .article-title img {
    display: inline-block;
    margin-right: 10px
}

.article-dowload-default .article-info {
    color: #999;
    font-size: 13px
}

.article-dowload-default .article-info>span {
    padding-right: 10px;
    border-right: 1px solid #999;
    margin-right: 10px
}

.article-dowload-default .article-info>span:last-of-type {
    padding-right: 0px;
    border: none;
    margin-right: 0px
}

.article-download-detail-default {
    background: white
}

.article-download-detail-default .aricle-title h1 {
    margin-top: 20px;
    color: #0963cc;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 20px
}

.article-download-detail-default .article-info .article-date {
    margin-right: 10px
}

.article-download-detail-default .article-info i {
    color: #81b12e
}

.article-download-detail-default .article-info span.mau {
    color: #0963cc
}

.article-download-detail-default ul.article-file-list {
    padding: 0;
    margin: 0 0 10px 0;
    list-style-type: disc
}

.article-download-detail-default .article-title-list-file {
    display: inline-block;
    background: white;
    z-index: 2;
    position: relative;
    margin-bottom: 10px;
    margin-top: 20px
}

.article-download-detail-default .article-file {
    margin-top: -20px
}

.article-download-detail-default .article-brief {
    border-left: 2px solid #ddd;
    padding: 10px;
    color: #555;
    font-style: italic;
    margin-bottom: 20px;
    margin-left: 18px
}

.fb-like-box {
    width: 100% !important;
    margin-top: -15px
}

.fb-like-box span {
    width: 100% !important
}

.fb-like-box span iframe[style] {
    width: 100% !important
}

.fb-like-box span iframe[style] a {
    color: #fff !important
}

.fb-like-box span a {
    color: #fff !important
}

.fb-like-box a {
    color: #fff !important
}

.article-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.article-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.article-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.article-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.active-show .hidden {
    display: block !important
}

.article-pdf-default .aritcle-item {
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #dddddd
}

.article-pdf-default .aritcle-item:not(:first-child) {
    margin-top: 20px
}

.article-pdf-default .aritcle-item .post-meta {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.article-pdf-default .aritcle-item .post-meta .article-info .article-author {
    margin-right: 10px
}

.article-pdf-default .aritcle-item .post-meta .btn-download i {
    margin-right: 5px
}

.article-pdf-default .aritcle-item .article-title {
    margin-bottom: 10px
}

.article-pdf-default .aritcle-item .article-brief {
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.article-pdf-default .article-read-more {
    margin-top: 10px
}

.filter-administrativeprocedure {
    border-color: #2196f3;
    border-radius: 0
}

.filter-administrativeprocedure .panel-heading {
    background: #2196f3
}

.filter-administrativeprocedure .panel-heading .panel-title {
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px
}

.filter-administrativeprocedure .normal-search .form-control {
    width: calc(100% - 100px) !important;
    display: inline-block;
    vertical-align: middle
}

.article-faq-default {
    background: none
}

.article-faq-default article .article-title {
    margin: 0;
    transition: all 0.15s ease-out;
    padding: 15px;
    border-left: 3px solid #CCC;
    display: block;
    min-height: 20px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    background-color: #f4f4f4;
    border-left-color: #0f152e
}

.article-faq-default article {
    margin: 15px 0
}

.article-faq-default article .post-content {
    background: #FFF;
    padding: 10px
}

.article-infographic-default {
    margin: 15px 0
}

.article-infographic-default .aricle-title {
    margin-bottom: 10px
}

.article-infographic-default .aricle-title a {
    font-size: 16px
}

.article-news-one-and-four .section-list {
    display: flex;
    flex-wrap: wrap
}

.article-news-one-and-four .section-list .article-news-1-and-4 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.article-news-one-and-four .section-list .article-news-1-and-4-first {
    margin-top: 0
}

@media (min-width: 768px) {
    .article-news-one-and-four .section-list {
        margin-right: -10px;
        margin-left: -10px
    }

    .article-news-one-and-four .section-list .article-news-1-and-4 {
        width: 25%;
        padding: 0 10px;
        display: inline-block
    }

    .article-news-one-and-four .section-list .article-news-1-and-4-first {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .article-news-one-and-four .section-list .article-news-1-and-4-first .article-img img {
        max-width: 250px;
        max-height: 250px
    }

    .article-news-one-and-four .section-list .article-news-1-and-4-first .article-right {
        max-width: calc(100% - 260px)
    }
}

.article-photo-album-grid-type-2 .img-hover .img-hover_inner {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    background-color: rgba(119, 119, 119, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 12;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease
}

.article-photo-album-grid-type-2 .img-hover .img-hover_inner a {
    font-size: 16px;
    padding: 5px;
    color: #bfcfde
}

.article-photo-album-grid-type-2 .img-hover a:hover {
    color: #2196f3
}

.article-photo-album-grid-type-2 .img-hover:hover .img-hover_inner {
    opacity: 1
}

.article-partner-grid .article-item {
    margin-bottom: 20px
}

.article-partner-grid .article-item .article-img {
    border: 1px solid #2196f3;
    border-radius: 25px;
    position: relative;
    overflow: hidden
}

.article-partner-grid .article-item .article-img a img {
    transform: scale(1);
    transition: 1.5s
}

.article-partner-grid .article-item .article-content a {
    text-align: center;
    display: block
}

.article-partner-grid .article-item:hover .article-img a img {
    transform: scale(1.1)
}

.article-list-type-8 .c-item_inner {
    display: flex
}

.article-list-type-8 .row {
    display: flex;
    flex-wrap: wrap
}

.article-list-type-8 .article-time {
    padding-right: 30px;
    font-size: 27px;
    text-align: center;
    display: flex;
    flex-direction: column
}

.article-list-type-8 time.article-time_top {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    background: #3E6557;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: block;
    margin: 0 auto 5px auto
}

.article-list-type-8 time.article-time_bottom {
    line-height: 26px
}

.article-list-type-8 article.article-item>.block-item_inner {
    height: 100%;
    border-bottom: 1px solid #B7B7B7
}

.article-list-type-8 .article-item {
    padding-bottom: 10px
}

.article-photo-album-detail-default {
    margin-bottom: 15px
}

.article-photo-album-detail-default h1.common-title-detail {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0
}

.detail-partnership .top-detail {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

.detail-partnership .top-detail .img-partnership {
    display: inline-block;
    width: 40px;
    margin-right: 15px;
    vertical-align: top
}

.detail-partnership .top-detail .title-partnership {
    display: inline-block;
    width: calc(100% - 60px);
    font-size: 16px;
    font-weight: 700
}

.article-news-slide-type-5 .updated-time {
    position: absolute;
    top: -38px;
    height: 35px;
    background: #428bca;
    right: 50%;
    transform: translate(50%);
    -webkit-transform: translate(50%);
    line-height: 35px;
    padding: 0 10px;
    color: white;
    z-index: 9
}

.article-news-slide-type-5 .c-slide-type5-2 .updated-time {
    top: auto;
    bottom: -38px
}

.article-news-slide-type-5 .common-content {
    padding: 10px 30px;
    min-height: 155px
}

.article-news-slide-type-5 .owl-item {
    background: #f3f3f3
}

.article-news-slide-type-5 .see-more>a {
    color: #428bca
}

.article-news-slide-type-5 .see-more>a:hover {
    color: black
}

.section-article-scroll-content-type2 .box-marquee-right .post-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.section-article-scroll-content-type2 .box-left {
    margin-bottom: 15px
}

.section-article-scroll-content-type2 .box-left .post-title a {
    line-height: 1;
    font-weight: bold;
    font-size: 20px
}

.section-article-scroll-content-type2 .box-left .time-new {
    margin-bottom: 10px;
    color: #2196f3
}

.section-article-scroll-content-type2 .box-left .post-brief {
    color: #707070
}

.section-article-scroll-content-type2 .box-left time {
    color: #707070;
    font-size: 14px
}

.section-article-scroll-content-type2 .box-marquee-right .top-bottom-right {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccd6dd
}

.section-article-scroll-content-type2 .box-marquee-right .detailType2 {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dashed #ccd6dd
}

.section-article-scroll-content-type2 .box-marquee-right .detailType2:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.section-article-scroll-content-type2 .box-marquee-right .detailType2 .post-item .new-date {
    text-align: center;
    background-repeat: no-repeat;
    height: 50px;
    min-width: 59px;
    margin-right: 10px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.section-article-scroll-content-type2 .box-marquee-right .detailType2 .post-item .new-date .new-month {
    font-size: 11px;
    padding: 4px 0;
    color: #fff;
    background-color: #2196f3;
    border-radius: 4px 4px 0 0
}

.section-article-scroll-content-type2 .box-marquee-right .detailType2 .post-item .new-date .new-day {
    font-size: 14px;
    padding: 2px 0;
    color: #212121;
    background-color: #fff
}

.section-article-scroll-content-type2 .box-marquee-right .hasViewMore a {
    border: none;
    transition: margin-left 0.2s ease-in-out
}

.section-article-scroll-content-type2 .box-marquee-right .hasViewMore a img {
    transition: margin-left 0.2s ease-in-out
}

.section-article-scroll-content-type2 .box-marquee-right .hasViewMore a:hover {
    color: #2196f3
}

.section-article-scroll-content-type2 .box-marquee-right .hasViewMore a:hover img {
    margin-left: 10px !important
}

.highLight-slide .bx-pager-container {
    padding: 0;
    background-color: transparent
}

.highLight-slide .bx-pager-container .bx-pager-inner {
    display: table
}

.highLight-slide .bx-pager-container .bx-pager-inner .bx-pager-item {
    width: 33.33%;
    display: table-cell
}

.highLight-slide .bx-pager-container .bx-pager-inner .bx-pager-item:focus {
    text-decoration: none
}

.highLight-slide .bx-pager-container .bx-pager-inner .bx-pager-item .bx-pager-item-wrap {
    margin-left: 0;
    padding: 0 10px;
    border: none;
    border-left: 1px solid #ebebeb
}

.highLight-slide .bx-pager-container .bx-pager-inner .bx-pager-item .bx-pager-item-wrap .bx-pager-title-vmark {
    color: #2196f3;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.highLight-slide .bx-pager-container .bx-pager-inner .bx-pager-item .bx-pager-item-wrap .brief-news {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.highLight-slide .bx-pager-container .bx-pager-inner .bx-pager-item.active .bx-pager-item-wrap .bx-pager-title-vmark {
    text-decoration: none;
    color: #002441
}

.highLight-slide .bx-pager-container .bx-pager-inner .bx-pager-item.active .bx-pager-item-wrap .brief-news {
    color: #333
}

.highLight-slide .bx-pager-container .bx-pager-inner .bx-pager-item:first-child .bx-pager-item-wrap {
    border-left: none;
    padding-left: 0
}

.highLight-slide .bx-pager-container .bx-pager-inner .bx-pager-item:hover .bx-pager-title-vmark {
    color: #002441
}

.highLight-slide .bx-pager-container .bx-pager-inner .bx-pager-item:hover .brief-news {
    color: #333
}

.highLight-slide .bxSlider-container .bx-has-controls-direction {
    display: none !important
}

.highLight-slide .bxSlider-container .slide-caption-vmark {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7)
}

.highLight-slide .bxSlider-container .slide-caption-vmark .slide-caption-title a {
    color: #fff;
    font-size: 16px;
    font-weight: bold
}

.highLight-slide .bxSlider-container .slide-caption-vmark .slide-caption-brief-vmark {
    display: none
}

.highLight-slide .bx-wrapper {
    margin-bottom: 20px
}

.highLight-slide .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
    left: 0
}

.highLight-slide .cont-li {
    background-color: #f7f7f7;
    overflow: hidden
}

.highLight-slide .cont-li .slide-caption-wrap {
    padding-top: 20px;
    padding-right: 10px
}

.highLight-slide .cont-li .slide-caption-wrap .slide-caption-title {
    margin-bottom: 20px
}

.highLight-slide .cont-li .slide-caption-wrap .slide-caption-title a {
    font-size: 20px;
    font-weight: 700;
    color: #2196f3;
    line-height: 26px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.highLight-slide .cont-li .slide-caption-wrap .slide-caption-title a:hover {
    color: #002441
}

.highLight-slide .cont-li .slide-caption-wrap .slide-caption-brief-vmark {
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.highLight-slide .cont-li .img-news {
    overflow: hidden
}

.highLight-slide .cont-li .img-news a img {
    transition: all 1s;
    transform: scale(1)
}

.highLight-slide .cont-li .img-news:hover a img {
    transform: scale(1.1)
}

.highLight-slide .bx-pager-display-table .bx-pager-inner {
    display: table;
    width: 100%
}

.news-lighhight-type7 .news-imge {
    overflow: hidden;
    border-radius: 7px
}

.news-lighhight-type7 .news-imge a img {
    border-radius: 7px;
    transform: scale(1);
    transition: 1.5s
}

.news-lighhight-type7 .news-imge:hover a img {
    transform: scale(1.1)
}

.news-lighhight-type7 .common-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 24px;
    min-height: 48px
}

.news-lighhight-type7 .common-title a {
    display: block
}

.news-lighhight-type7 .col-right-type7 .cont-news {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

.news-lighhight-type7 .col-right-type7 .cont-news:last-of-type {
    margin-bottom: 0;
    border-bottom: none
}

.news-lighhight-type7 .col-right-type7 .cont-news .news-imge {
    float: right;
    max-width: 90px;
    margin-left: 10px
}

.news-lighhight-type7 .col-right-type7 .cont-news .aricle-title {
    float: left;
    width: calc(100% - 100px);
    font-size: 14px;
    font-weight: normal
}

.news-lighhight-type7 .col-right-type7 .cont-news .aricle-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.news-lighhight-type7 .col-center-type7 .common-title {
    font-size: 16px;
    line-height: 22px;
    min-height: 44px
}

.news-lighhight-type7 .col-center-type7 .common-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.news-lighhight-type7 .col-left-type7 .aricle-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media (max-width: 768px) {
    .news-lighhight-type7 .cont-news {
        margin-bottom: 15px;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 15px
    }

    .news-lighhight-type7 .cont-news .news-imge {
        float: left;
        max-width: 150px;
        margin-left: unset;
        margin-right: 10px
    }

    .news-lighhight-type7 .cont-news .aricle-title {
        float: left;
        width: calc(100% - 160px)
    }

    .news-lighhight-type7 .col-left-type7 .cont-news .aricle-title {
        font-size: 16px
    }

    .news-lighhight-type7 .col-right-type7 .cont-news .common-title {
        font-weight: 700
    }
}

.highLight-slide1 .bx-wrapper {
    margin-bottom: 15px
}

.highLight-slide1 .bx-wrapper .bx-viewport {
    border: none;
    box-shadow: none;
    left: 0
}

.highLight-slide1 .slide-caption-wrap .img-new {
    overflow: hidden
}

.highLight-slide1 .slide-caption-wrap .img-new a img {
    transition: all 1s;
    transform: scale(1)
}

.highLight-slide1 .slide-caption-wrap .img-new a img:hover {
    transform: scale(1.1)
}

.highLight-slide1 .slide-caption-inner {
    margin-top: 15px
}

.highLight-slide1 .slide-caption-inner .time-news {
    margin-bottom: 10px;
    color: #707070;
    font-size: 13px
}

.highLight-slide1 .slide-caption-inner .slide-caption-title {
    margin-bottom: 10px
}

.highLight-slide1 .slide-caption-inner .slide-caption-title a {
    font-size: 18px;
    font-weight: 700;
    color: #2196f3;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.highLight-slide1 .slide-caption-inner .slide-caption-title a:hover {
    color: #002441
}

.highLight-slide1 .slide-caption-inner .slide-brief {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 10px
}



.highLight-slide1 .slide-caption-inner .ct-new a:hover {
    color: #002441
}

.highLight-slide1 a.bx-pager-item .bx-pager-item-wrap {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0
}

.highLight-slide1 a.bx-pager-item .bx-pager-item-wrap .time-news {
    font-size: 13px;
    color: #707070;
    margin-bottom: 5px
}

.highLight-slide1 a.bx-pager-item .bx-pager-item-wrap .bx-pager-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.highLight-slide1 a.bx-pager-item:last-of-type .bx-pager-item-wrap {
    margin-bottom: 0;
    border-bottom: none
}

.highLight-slide1 a.bx-pager-item.active .bx-pager-item-wrap .bx-pager-title {
    color: #2196f3
}


.highLight-slide1 .bx-wrapper .bx-controls-direction a {
    width: 26px;
    height: 26px;
    margin-top: -13px
}

@media (min-width: 1024px) {
    .highLight-slide1 .bx-wrapper .bx-controls-direction a {
        top: 30%
    }
}



.search-item-body .search-byType-item .item-desc {
    float: left;
    width: calc(100% - 135px)
}

.video-highlight-type1 .box-video-play {
    margin-bottom: 10px
}

.video-highlight-type1 .list-video-item-inner .item-video {
    padding: 7px 0
}

.video-highlight-type1 .list-video-item-inner .item-video h3.video-title {
    margin: 0;
    font-size: 14px
}



.article-faq-list-type-1 article.active>.article-title {
    background: black;
    color: white
}

.article-faq-list-type-1 article.item-block {
    margin-bottom: 10px
}

.article-faq-list-type-1 .article-title {
    padding: 10px;
    margin-bottom: 0;
    background: #e1e1e1;
    color: #1e1e1e;
    cursor: pointer
}

.article-faq-list-type-1 .content-faq {
    border: 1px solid #e1e1e1;
    border-top: 0;
    margin-bottom: 10px;
    padding: 10px 27px 0;
    display: none
}

.article-faq-list-type-1 .testimonials-list-item.active .fa-angle-down:before {
    content: "\f106"
}

@media (min-width: 769px) {

    .news-highlight-type-10 .article-item-left,
    .news-highlight-type-10 .article-item-center {
        border-right: 1px solid #ebebeb
    }
}

.news-highlight-type-10 .item_inner .img-news {
    margin-bottom: 15px;
    overflow: hidden
}

.news-highlight-type-10 .item_inner .news-info .time-new {
    font-size: 14px
}

.news-highlight-type-10 .item_inner .title-news {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.news-highlight-type-10 .item_inner .title-news.title-smail {
    font-size: 14px;
    line-height: 20px
}

.news-highlight-type-10 .item_inner .title-news a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-highlight-type-10 .item_inner .post-brief {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.news-highlight-type-10 .article-item-center .item_inner {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

.news-highlight-type-10 .article-item-center .item_inner:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.news-highlight-type-10 .article-item-center .item_inner .title-news {
    margin-bottom: 0
}

.news-highlight-type-10 .article-item-right .item_inner {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

.news-highlight-type-10 .article-item-right .item_inner:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.news-highlight-type-10 .article-item-right .item_inner .post-image {
    float: right;
    width: 100px;
    margin-left: 15px
}

.news-highlight-type-10 .article-item-right .item_inner .news-info {
    float: left;
    width: calc(100% - 117px);
    margin-bottom: 0
}

.news-highlight-type-10 .article-item-right .item_inner .news-info a {
    -webkit-line-clamp: 3
}

@media (min-width: 544px) and (max-width: 768px) {
    .news-highlight-type-10 .article-item-center {
        padding-left: 0
    }

    .news-highlight-type-10 .cont-item-right {
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px solid #ebebeb;
        display: flex;
        flex-wrap: wrap
    }

    .news-highlight-type-10 .cont-item-right .item_inner {
        width: calc(50% - 7.5px)
    }

    .news-highlight-type-10 .cont-item-right .item_inner:nth-of-type(odd) {
        margin-right: 7.5px
    }

    .news-highlight-type-10 .cont-item-right .item_inner:nth-of-type(even) {
        margin-left: 7.5px
    }

    .news-highlight-type-10 .cont-item-right .item_inner:last-of-type {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ebebeb
    }
}

@media (max-width: 544px) {
    .news-highlight-type-10 .article-item-left .item_inner {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ebebeb
    }

    .news-highlight-type-10 .article-item-center .item_inner .img-news {
        float: right;
        width: 100px;
        margin-left: 15px;
        margin-bottom: 0
    }

    .news-highlight-type-10 .article-item-center .item_inner .news-info {
        float: left;
        width: calc(100% - 117px);
        margin-bottom: 0
    }

    .news-highlight-type-10 .article-item-center .item_inner:last-of-type {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ebebeb
    }
}

@media (min-width: 769px) {
    .news-highlight-type-11 .article-item-left {
        border-right: 1px solid #ebebeb
    }
}

.news-highlight-type-11 .item_inner .img-news {
    margin-bottom: 15px;
    overflow: hidden
}

.news-highlight-type-11 .item_inner .title-news {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.news-highlight-type-11 .item_inner .title-news a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-highlight-type-11 .item_inner .post-brief {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.news-highlight-type-11 .article-item-right .item_inner {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

.news-highlight-type-11 .article-item-right .item_inner:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.news-highlight-type-11 .article-item-right .item_inner .post-image {
    overflow: hidden
}

.news-highlight-type-11 .article-item-right .item_inner .title-news {
    font-size: 14px
}

.news-highlight-type-11 .article-item-right .item_inner .title-news a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

@media (min-width: 544px) and (max-width: 768px) {
    .news-highlight-type-11 .article-item-right {
        width: 40%;
        padding-left: 0
    }

    .news-highlight-type-11 .article-item-right .col-left-news-right {
        padding-right: 0
    }

    .news-highlight-type-11 .article-item-left {
        width: 60%
    }
}

@media (max-width: 544px) {
    .news-highlight-type-11 .article-item-left .item_inner {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ebebeb
    }

    .news-highlight-type-11 .col-cont-item {
        padding-left: 0
    }

    .news-highlight-type-11 .col-cont-item .time-new {
        display: none
    }

    .news-highlight-type-11 .col-cont-item .title-news {
        margin-bottom: 0
    }
}

.news-highlight-type-12 .list-menu-top {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 544px) {
    .news-highlight-type-12 .list-menu-top {
        position: relative;
        margin-bottom: 15px;
        display: none
    }
}

.news-highlight-type-12 .list-menu-top li {
    display: inline-block
}

.news-highlight-type-12 .list-menu-top li a {
    padding: 0 7px;
    line-height: 36px;
    font-weight: 500;
    transition: all .25s ease;
    font-size: 14px;
    text-transform: uppercase;
    display: block
}

@media (max-width: 767px) {
    .news-highlight-type-12 .list-menu-top li a {
        padding: 0 10px;
        line-height: 32px
    }
}

.news-highlight-type-12 .list-menu-top li a:hover {
    color: #333;
    font-weight: 700
}

.news-highlight-type-12 .list-menu-top li a.active {
    color: #333;
    font-weight: 700
}

.news-highlight-type-12 .top-new-highlightType12 {
    position: relative;
    margin-bottom: 15px
}

.news-highlight-type-12 .top-new-highlightType12 .cont-news {
    padding: 20px 15px 10px;
    position: absolute;
    width: 100%;
    bottom: 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.65) 70%);
    color: #fff
}

@media (max-width: 768px) {
    .news-highlight-type-12 .top-new-highlightType12 .cont-news {
        padding: 10px
    }
}

.news-highlight-type-12 .top-new-highlightType12 .cont-news .title-news {
    margin-bottom: 5px
}

.news-highlight-type-12 .top-new-highlightType12 .cont-news .title-news a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-highlight-type-12 .top-new-highlightType12 .cont-news .article-date {
    font-size: 13px
}

.news-highlight-type-12 .top-new-highlightType12 .cont-news.cont-v2-brief {
    padding: 0;
    background: none;
    position: relative;
    margin-top: 15px;
    color: #333
}

.news-highlight-type-12 .top-new-highlightType12 .cont-news.cont-v2-brief .article-date {
    margin-bottom: 5px;
    font-style: inherit
}

.news-highlight-type-12 .top-new-highlightType12 .cont-news.cont-v2-brief .title-news {
    margin-bottom: 10px
}

.news-highlight-type-12 .top-new-highlightType12 .cont-news.cont-v2-brief .title-news a {
    color: #333
}

.news-highlight-type-12 .top-new-highlightType12 .cont-news.cont-v2-brief .title-news a:hover {
    color: #2196f3
}

.news-highlight-type-12 .news-highlightType12 {
    margin-bottom: 15px
}

.news-highlight-type-12 .news-highlightType12 .image-news {
    float: left;
    width: 120px;
    margin-right: 10px
}

.news-highlight-type-12 .news-highlightType12 .cont-news {
    float: left;
    width: calc(100% - 130px)
}

.news-highlight-type-12 .news-highlightType12 .cont-news .title-news {
    margin-bottom: 5px
}

.news-highlight-type-12 .news-highlightType12 .cont-news .title-news a {
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.news-highlight-type-12 .news-highlightType12 .cont-news .article-date {
    font-size: 13px;
    color: #999
}

.news-highlight-type-13 .list-menu-top {
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 544px) {
    .news-highlight-type-13 .list-menu-top {
        position: relative;
        margin-bottom: 15px;
        display: none
    }
}

.news-highlight-type-13 .list-menu-top li {
    display: inline-block
}

.news-highlight-type-13 .list-menu-top li a {
    padding: 0 7px;
    line-height: 36px;
    font-weight: 500;
    transition: all .25s ease;
    font-size: 14px;
    text-transform: uppercase;
    display: block
}

@media (max-width: 767px) {
    .news-highlight-type-13 .list-menu-top li a {
        padding: 0 10px;
        line-height: 32px
    }
}

.news-highlight-type-13 .list-menu-top li a:hover {
    color: #333;
    font-weight: 700
}

.news-highlight-type-13 .list-menu-top li a.active {
    color: #333;
    font-weight: 700
}

.news-highlight-type-13 .top-new-highlightType13 {
    position: relative;
    margin-bottom: 15px
}

.news-highlight-type-13 .top-new-highlightType13 .title-news {
    margin-bottom: 10px
}

@media (max-width: 544px) {
    .news-highlight-type-13 .top-new-highlightType13 .title-news {
        margin-top: 15px
    }
}

.news-highlight-type-13 .top-new-highlightType13 .title-news a {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-highlight-type-13 .top-new-highlightType13 .article-date {
    margin-bottom: 5px;
    color: #999
}

.news-highlight-type-13 .top-new-highlightType13 .brief-news {
    margin-bottom: 10px
}

@media (max-width: 544px) {
    .news-highlight-type-13 .top-new-highlightType13 .brief-news {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }
}

.news-highlight-type-13 .top-new-highlightType13 .ct-news a {
    display: inline-block;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 6px 18px;
    font-size: 12px;
    text-transform: uppercase
}

.news-highlight-type-13 .top-new-highlightType13 .ct-news a:hover {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff
}

.news-highlight-type-13 .news-highlightType13 {
    margin-bottom: 15px
}

.news-highlight-type-13 .news-highlightType13 .image-news {
    float: left;
    width: 120px;
    margin-right: 10px
}

.news-highlight-type-13 .news-highlightType13 .cont-news {
    float: left;
    width: calc(100% - 130px)
}

.news-highlight-type-13 .news-highlightType13 .cont-news .title-news {
    margin-bottom: 5px
}

.news-highlight-type-13 .news-highlightType13 .cont-news .title-news a {
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.news-highlight-type-13 .news-highlightType13 .cont-news .article-date {
    font-size: 13px
}

.destination-grid-type1 .cont-news-destination {
    margin-bottom: 15px;
    border: 1px solid #ebebeb;
    position: relative;
    border-radius: 5px
}

.destination-grid-type1 .cont-news-destination .entry-content {
    padding: 10px
}

.destination-grid-type1 .cont-news-destination .entry-content .title-news {
    margin-bottom: 10px;
    font-weight: 700
}

.destination-grid-type1 .cont-news-destination .entry-content .title-news a {
    color: #2196f3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px
}

.destination-grid-type1 .cont-news-destination .entry-content .address-news {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 3px 5px;
    background-color: #2196f3;
    border-radius: 2px;
    color: #fff
}

.destination-grid-type1 .cont-news-destination .action-news {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(255, 163, 52, 0.7);
    text-align: center;
    color: #fff;
    transition: all .3s;
    opacity: 0
}

.destination-grid-type1 .cont-news-destination .action-news>a {
    display: block;
    color: #fff;
    padding: 20px 10px;
    height: 100%
}

.destination-grid-type1 .cont-news-destination .action-news>a:hover {
    color: #fff
}

.destination-grid-type1 .cont-news-destination .action-news .title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.destination-grid-type1 .cont-news-destination .action-news .brief-news {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.destination-grid-type1 .cont-news-destination .action-news .ct-news {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100% - 160px);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.destination-grid-type1 .cont-news-destination .action-news .ct-news>span {
    display: inline-block;
    padding: 0 30px;
    background-color: #2196f3;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 24px
}

.destination-grid-type1 .cont-news-destination:hover .action-news {
    opacity: 1
}

.article-list-highlight-15 .article-category-title>.category-title {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 10px
}

.article-list-highlight-15 .article-highlight-top .common-info {
    position: absolute;
    padding: 10px;
    background: rgba(0, 0, 0, 0.61);
    inset: auto 0 0 0
}

.article-list-highlight-15 .article-highlight-top .article-title>a {
    color: white
}

.article-list-highlight-15 .article-highlight-top .article-title>a,
.article-list-highlight-15 .article-highlight-bottom .article-title>a {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.article-list-highlight-15 .article-highlight-bottom {
    display: flex;
    flex-wrap: wrap
}

.article-list-highlight-15 .article-highlight-bottom .artile-item {
    margin-bottom: 15px
}

.article-list-highlight-15 .article-highlight-bottom .article-title {
    font-size: 13px
}

.article-list-highlight-15 .article-highlight-bottom .article-title>a {
    -webkit-line-clamp: 3
}

.article-news-slide-type-9 .article-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px
}

.article-news-slide-type-9 .entry-title {
    margin-top: 0
}

.article-news-slide-type-9 .article-brief {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.article-news-slide-type-9:hover .owl-theme .owl-nav {
    display: block
}

.article-news-slide-type-9 .owl-theme .owl-nav {
    display: none;
    margin-top: 0
}

.article-news-slide-type-9 .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #2196f3;
    width: 40px;
    height: 35px;
    line-height: 27px
}

.article-news-slide-type-9 .owl-theme .owl-nav .owl-prev {
    left: 5px
}

.article-news-slide-type-9 .owl-theme .owl-nav .owl-next {
    right: 5px
}

.article-news-slide-type-9 .owl-theme .owl-dots .owl-dot.active span,
.article-news-slide-type-9 .owl-theme .owl-dots .owl-dot:hover span {
    background: #2196f3
}

.list-marquee-legalddocumen-default .vert .simply-scroll-list li {
    height: auto;
    width: 100%
}

.list-marquee-legalddocumen-default .vert,
.list-marquee-legalddocumen-default .vert .simply-scroll-clip {
    width: 100%
}

.list-marquee-legalddocumen-default .one-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed gray
}

.list-marquee-legalddocumen-default .title {
    margin: 2px 0;
    line-height: inherit
}

.list-marquee-legalddocumen-default .fa {
    font-size: 14px;
    color: gray
}

.list-marquee-legalddocumen-default .green {
    color: #35810E
}

.testimonial-grid-type-3>.section-grid>.row {
    display: flex;
    flex-wrap: wrap
}

.testimonial-grid-type-3 .item {
    padding: 35px;
    -webkit-box-shadow: 0 0 11px 0 rgba(6, 22, 58, 0.14);
    -moz-box-shadow: 0 0 11px 0 rgba(6, 22, 58, 0.14);
    box-shadow: 0 0 11px 0 rgba(6, 22, 58, 0.14);
    border-radius: 5px;
    outline: 1px solid #e9c46a;
    outline-offset: -15px;
    height: 100%
}

.testimonial-grid-type-3 .common-title {
    min-height: 44px;
    font-size: 20px
}

.testimonial-grid-type-3 .prof {
    color: #2a9d90
}

.testimonial-grid-type-3 .media-body>h5.author {
    margin-bottom: 0;
    font-size: 16px
}

.testimonial-grid-type-3 .brief,
.testimonial-grid-type-3 .common-title>a {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.testimonial-grid-type-3 .common-title>a {
    -webkit-line-clamp: 2
}

.testimonial-grid-type-3 .fas {
    font-size: 50px;
    color: #e9c46a;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}

.testimonial-grid-type-3 .media img {
    width: 60px;
    border-radius: 50%;
    margin-right: 10px
}

.article-highlight-grid-type-1>div {
    flex-wrap: wrap
}

.article-highlight-grid-type-1>div>div {
    margin-bottom: 15px
}

.article-highlight-grid-type-1 .item-wide .article-image {
    min-height: 440px;
    padding: 20px;
    border-radius: 5px;
    -webkit-box-shadow: 0 18px 22px -8px rgba(26, 26, 26, 0.2);
    box-shadow: 0 18px 22px -8px rgba(26, 26, 26, 0.2);
    border-bottom-right-radius: 40px;
    overflow: hidden
}

.article-highlight-grid-type-1 .item-wide a {
    color: white
}

.article-highlight-grid-type-1 .item-wide .read-more>a {
    position: absolute;
    width: 38px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 50%;
    left: 25px;
    bottom: 28px;
    z-index: 9;
    text-align: center;
    font-size: 19px;
    line-height: 36px;
    color: white;
    transition: .3s ease
}

.article-highlight-grid-type-1 .item-box .article-info {
    height: calc(100% - 180px);
    padding: 20px;
    background: white;
    display: flex;
    flex-direction: column
}

.article-highlight-grid-type-1 .item-box .article-info .read-more {
    margin-top: auto
}

.article-highlight-grid-type-1 .item-box .article-image {
    min-height: 180px;
    padding: 20px
}

.article-highlight-grid-type-1 .item-box .article-brief:after {
    content: '';
    display: block;
    width: 100%;
    height: 28px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, #fff), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0
}

.article-highlight-grid-type-1 .article-image>div {
    z-index: 9
}

.article-highlight-grid-type-1 .article-image:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(26, 26, 26, 0.4);
    z-index: 1
}

.article-highlight-grid-type-1 .item_inner-box {
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 18px 22px -8px rgba(26, 26, 26, 0.2);
    box-shadow: 0 18px 22px -8px rgba(26, 26, 26, 0.2)
}

.article-highlight-grid-type-1 .article-cate>span:not(:last-child) {
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid ghostwhite
}

.article-highlight-grid-type-1 .article-cate,
.article-highlight-grid-type-1 .item-wide .article-brief {
    color: white
}

.article-highlight-grid-type-1 .article-brief {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 17px
}

.news-highlight-type-17 .list-menu-top {
    display: flex;
    justify-content: center;
    background: #f8f8f8;
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #e7e7e7
}

.news-highlight-type-17 .list-menu-top>li:not(:last-child) {
    margin-right: 5px
}

.news-highlight-type-17 .list-menu-top>li>a {
    padding: 10px 15px;
    white-space: nowrap;
    background: #e6e6e6;
    font-weight: bold;
    color: #637281;
    border-radius: 12px
}

.news-highlight-type-17 .list-menu-top.overflow-x-scroll::-webkit-scrollbar {
    display: none
}

.news-highlight-type-17 .nav-item a.active,
.news-highlight-type-17 .nav-item a:hover {
    background-color: #11b5e6;
    color: #fff
}

.news-highlight-type-17 .image-news>a:after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0 0 auto 0;
    height: 100%;
    background: linear-gradient(to top, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.65) 35%, rgba(22, 22, 23, 0) 60%, transparent 100%)
}

.news-highlight-type-17 .cont-news {
    position: absolute;
    inset: auto 0 0 0;
    padding: 15px;
    z-index: 9;
    color: white
}

.news-highlight-type-17 .cont-news .article-title {
    color: inherit
}

.news-highlight-type-17 .article-title {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.article-grid-slide-type1 .article-info-wrapper {
    border: 1px solid #e7e7e7
}

.article-grid-slide-type1 .article-title {
    margin: 0;
    padding: 15px;
    font-size: 14px;
    min-height: 70px
}

.article-grid-slide-type1 .article-title>a {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #012d59
}

.article-grid-slide-type1 .article-brief {
    padding: 0 15px 5px
}

.article-grid-slide-type1 .article-brief>p {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.article-grid-slide-type1 .article-info {
    padding: 15px;
    border-top: 1px solid #e7e7e7
}

.article-grid-slide-type1 .article-info i {
    color: #11b5e6
}

.article-grid-slide-type1 .article-img {
    overflow: hidden
}

.article-grid-slide-type1 .article-img img {
    transition: all .45s
}

.article-grid-slide-type1 .article-img:hover img {
    transform: scale(1.2)
}

.article-news-slide-type-10 .owl-theme .owl-nav [class*=owl-] {
    position: absolute;
    inset: calc(50% - 20px) auto auto 0;
    transform: translateY(-50%);
    padding: 4px 12px;
    background: rgba(17, 181, 230, 0.4);
    margin: 0;
    opacity: 0
}

.article-news-slide-type-10 .owl-theme .owl-nav [class*=owl-]:hover {
    background: #11b5e6
}

.article-news-slide-type-10 .owl-theme .owl-nav .owl-next {
    inset: calc(50% - 20px) 0 auto auto
}

.article-news-slide-type-10:hover .owl-theme .owl-nav [class*=owl-] {
    opacity: 1
}

.news-highlight-type-18 {
    border: 1px solid green
}

.news-highlight-type-18 .nav-pills a {
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap
}

.news-highlight-type-18 .article-brief {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.news-highlight-type-18 .nav-pills li:not(:last-child) {
    border-right: 1px solid lightgray
}

.news-highlight-type-18 .nav-pills>li>a:hover {
    background: transparent;
    color: var(--link-hover-color)
}

.news-highlight-type-18 .list-news {
    padding: 10px
}

.news-highlight-type-18 .nav-pills a.active {
    color: var(--link-hover-color)
}

.news-highlight-type-18 .list-menu-top {
    display: flex;
    background: linear-gradient(180deg, rgba(0, 128, 0, 0.26), transparent)
}

.news-highlight-type-18 .list-menu-top.overflow-x-scroll::-webkit-scrollbar {
    display: none
}

.article-highligh-display-grid li.active>a {
    background: var(--brand-primary);
    color: white
}

.article-highligh-display-grid li>a {
    background: #F2F4F5;
    color: black;
    font-size: 16px
}

.article-highligh-display-grid .nav-pills>li+li {
    margin-left: 0
}

.article-highligh-display-grid>.nav-pills>li:not(:last-child) {
    margin-right: 10px
}

.article-highligh-display-grid .list-menu-top.overflow-x-scroll::-webkit-scrollbar {
    display: none
}

.article-highligh-display-grid .item {
    border-radius: 8px;
    overflow: hidden
}

.article-highligh-display-grid .article-img {
    width: 100%
}

.article-highligh-display-grid .d-flex {
    flex-wrap: wrap;
    padding-bottom: 20px
}

.article-highligh-display-grid a {
    color: white
}

.article-highligh-display-grid a.view-more {
    background: rgba(255, 255, 255, 0.2);
    padding: 12px 24px;
    border-radius: 6px;
    display: inline-block;
    margin-top: auto;
    margin-left: 20px
}

.article-highligh-display-grid .d-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px
}

.article-highligh-display-grid .article-info-wrapper {
    padding: 20px
}

.article-highligh-display-grid article.item:nth-child(1) {
    grid-area: 1/1/2 span;
    background: #F8AE1E
}

.article-highligh-display-grid article.item:nth-child(2) {
    background: #14546B
}

.article-highligh-display-grid article.item:nth-child(3) {
    grid-area: 1/3/2 span;
    background: #00B7CD
}

.article-highligh-display-grid article.item:nth-child(4) {
    background: #00756A
}

.article-highligh-display-grid article.item:nth-child(5) {
    grid-area: 2/2/2 span/2;
    background: #E16C6C
}

.article-highligh-display-grid article.item:nth-child(6) {
    background: #886EBF
}

@media (max-width: 543px) {
    .article-highligh-display-grid .d-grid {
        grid-template-columns: 1fr
    }

    .article-highligh-display-grid article.item:nth-child(1),
    .article-highligh-display-grid article.item:nth-child(3),
    .article-highligh-display-grid article.item:nth-child(5) {
        grid-area: auto
    }
}

.article-recruitment-type2 .top-recruitment-type2 {
    background: url(/Project/VHV/images/bg-recruitment.png) repeat center top;
    padding: 20px 0;
    margin-bottom: 20px
}

@media (min-width: 769px) {
    .article-recruitment-type2 .top-recruitment-type2 {
        padding: 50px 0;
        margin-bottom: 60px
    }
}

.article-recruitment-type2 .top-recruitment-type2 .cont-top-recruitment {
    text-align: center
}

.article-recruitment-type2 .top-recruitment-type2 .cont-top-recruitment .title-recruitment {
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px
}

.article-recruitment-type2 .top-recruitment-type2 .cont-top-recruitment .salary-recruitment {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase
}

.article-recruitment-type2 .top-recruitment-type2 .cont-top-recruitment .apply-now a {
    display: inline-block;
    background-color: #2196f3;
    padding: 0 30px;
    line-height: 50px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.article-recruitment-type2 .bottom-recruitment-type2 .job-overview {
    background-color: #FAFAFA;
    padding: 15px;
    margin-bottom: 10px
}

.article-recruitment-type2 .bottom-recruitment-type2 .job-overview .title-job {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #2196f3;
    text-transform: uppercase
}

.article-recruitment-type2 .bottom-recruitment-type2 .job-overview ul.list-cont li {
    margin-bottom: 30px
}

.article-recruitment-type2 .bottom-recruitment-type2 .job-overview ul.list-cont li .img-li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    width: 20px
}

.article-recruitment-type2 .bottom-recruitment-type2 .job-overview ul.list-cont li .cont-li {
    display: inline-block;
    width: calc(100% - 35px)
}

.article-recruitment-type2 .bottom-recruitment-type2 .job-overview ul.list-cont li .cont-li .title-cont {
    font-size: 14px
}

.article-recruitment-type2 .bottom-recruitment-type2 .job-overview ul.list-cont li .cont-li .cont-cont {
    font-weight: 700
}

.article-recruitment-type2 .bottom-recruitment-type2 .content-recruitment-type2 .item-block {
    margin-bottom: 50px
}

.article-recruitment-type2 .bottom-recruitment-type2 .content-recruitment-type2 .item-block .title-block {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700
}

.article-recruitment-type2 .bottom-recruitment-type2 .content-recruitment-type2 .item-block .content-block ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px
}

.article-recruitment-type2 .bottom-recruitment-type2 .content-recruitment-type2 .item-block .content-block ul li:before {
    content: "";
    background-color: #C4C4C4;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50px
}

.article-recruitment-type2 .bottom-recruitment-type2 .form-regis-recruitment {
    margin-bottom: 50px
}

.article-recruitment-type2 .bottom-recruitment-type2 .form-regis-recruitment .title-form {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700
}

.article-recruitment-type2 .bottom-recruitment-type2 .form-regis-recruitment .register-recrecruitment {
    background-color: #FAFAFA;
    border: 1px solid #E0E0E0;
    padding: 24px;
    max-width: 660px
}

.destination-grid-type2 .img-news a:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.62));
    z-index: 9
}

.destination-grid-type2 .entry-content-hover,
.destination-grid-type2 .entry-content {
    position: absolute;
    inset: auto 0 0 0;
    padding: 0 50px 40px 20px;
    color: white;
    transition: all .5s ease;
    z-index: 15
}

.destination-grid-type2 .entry-content-hover a,
.destination-grid-type2 .entry-content a {
    color: inherit
}

.destination-grid-type2 .click-arrow {
    position: absolute;
    inset: 20px 5px auto auto;
    width: 40px;
    height: 40px;
    background: #ffa801;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    border-radius: 50%
}

.destination-grid-type2 .address-news {
    color: #ffa801;
    font-size: 18px;
    font-weight: 500
}

.destination-grid-type2 .entry-content-hover {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.destination-grid-type2 .cont-news-destination {
    overflow: hidden
}

.destination-grid-type2 .cont-news-destination:hover .entry-content {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.destination-grid-type2 .cont-news-destination:hover .entry-content-hover {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.header-default-layout .menu-section-right .search {
    position: absolute;
    width: 200px;
    right: 0;
    top: 0;
    z-index: -999;
    opacity: 0;
    transition: all 0.3s
}

.header-default-layout .menu-section-right .search .input-inner {
    display: table;
    position: relative;
    width: 100%
}

.header-default-layout .menu-section-right .search .input-inner>* {
    display: table-cell;
    border: none;
    border-radius: 0
}

.header-default-layout .menu-section-right .search .input-inner .form-control {
    padding-right: 40px
}

.header-default-layout .menu-section-right .search .input-inner .show-in-pc {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    color: #2196f3
}

.header-default-layout .menu-section-right .search.active {
    opacity: 1;
    z-index: 999;
    top: 100%;
    border: 1px solid #e91b22;
    transition: all 0.3s
}

.header-default-layout .menu-section-right ul.list-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0
}

.header-default-layout .menu-section-right ul.list-menu>li {
    display: inline-block;
    margin: 0 5px
}

.header-default-layout .menu-section-right ul.list-menu>li:last-of-type {
    margin-right: 0
}

.header-default-layout .menu-section-right ul.list-menu>li.li-search {
    min-width: 22px
}

.header-default-layout .menu-section {
    border-bottom: 1px solid #ebebeb
}

@media (min-width: 769px) {
    .header-commerce .banner-top {
        display: table;
        width: 100%
    }

    .header-commerce .banner-top .logo-col,
    .header-commerce .banner-top .search-col,
    .header-commerce .banner-top .support-col {
        display: table-cell;
        vertical-align: middle;
        float: none
    }
}

@media (max-width: 768px) {

    .header-commerce .banner-top .logo-col,
    .header-commerce .banner-top .search-col,
    .header-commerce .banner-top .support-col {
        padding-left: 0;
        padding-right: 0
    }

    .header-commerce .banner-top .logo-col {
        text-align: left;
        margin-bottom: 10px
    }

    .header-commerce .banner-top .logo-col img {
        max-width: calc(100% - 150px)
    }

    .header-commerce .banner-top .support-col {
        position: absolute;
        top: calc(50% - 65px);
        right: 0
    }

    .header-commerce .banner-top .support-col div.header-support {
        display: none
    }

    .header-commerce .banner-top .support-col .cart-header {
        width: 100%
    }

    .header-commerce .banner-top .support-col .cart-header .cart {
        display: none
    }

    .header-commerce .search-form-inner .select-category {
        display: none
    }
}

.header-commerce .search-form-inner {
    background: #fff
}

@media (min-width: 769px) {
    .header-commerce .search-form-inner {
        border-radius: 3px
    }
}

.header-commerce .search-form-inner .select-category {
    width: 1%;
    white-space: nowrap
}

.header-commerce .search-form-inner .select-category .dropdown-toggle-text {
    display: inline-block;
    width: calc(100% - 15px)
}

.header-commerce .search-form-inner * {
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none
}

.header-commerce .search-form-inner .form-control,
.header-commerce .search-form-inner .btn-search,
.header-commerce .search-form-inner .dropdown-toggle {
    padding: 6px 12px
}

.header-commerce .search-form-inner .dropdown-toggle {
    width: 100%;
    display: inline-block
}

.header-commerce .search-form-inner .dropdown-toggle .dropdown-toggle-icon {
    margin-top: 2px
}

.header-commerce .search-form-inner .frm-row {
    padding: 3px
}

@media (min-width: 769px) {
    .header-commerce .search-form-inner .frm-row {
        border-left: 1px solid #ebebeb
    }
}

.header-commerce .search-form-inner .input-group-btn .btn-search {
    background: #2196f3;
    color: #fff;
    outline: none;
    height: 34px
}

.header-commerce .search-form-inner .dropdown-menu {
    border: 1px solid #ebebeb;
    background-color: #fff;
    min-width: 200px
}

.header-commerce .search-form-inner .dropdown-menu>li>a {
    padding: 5px 10px;
    display: inline-block;
    width: 100%
}

.header-commerce .search-form-inner .dropdown-menu>li:hover>a {
    background: #2196f3;
    color: #fff
}

.header-commerce .header-support {
    width: 50%;
    float: left;
    position: relative
}

@media (max-width: 1199px) {
    .header-commerce .header-support {
        text-align: center
    }

    .header-commerce .header-support .d-inline-b {
        width: 100%
    }
}

.header-commerce .header-support * {
    color: #fff
}

.header-commerce .header-support i {
    font-size: 2.6rem
}

.header-commerce .header-support .badge {
    left: 1.5rem;
    background: yellow;
    color: #262626
}

@media (min-width: 1200px) {
    .header-commerce .header-support .badge {
        position: absolute;
        top: 0
    }
}

@media (max-width: 1199px) {
    .header-commerce .header-support .badge {
        margin-top: -30px
    }
}

@media (min-width: 769px) {
    .header-commerce .header-support .cart-icon {
        margin-right: 10px
    }
}

@media (max-width: 768px) {
    .header-commerce .header-support.cart-header {
        margin-right: 15px
    }
}

.button-with-link a {
    display: inline-block;
    padding: 10px 20px;
    transition: 0.4s;
    border-color: var(--brand-primary)
}

.button-with-link a:hover {
    background: transparent;
    color: var(--brand-primary)
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -moz-transform: translateY(-100%)
    }

    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -moz-transform: translateY(0)
    }
}

.navigation-menu-default-type1.has-fix-menu-default-type1>.navbar-default,
.menu-default-type-2.fixed-menu-default-type-2>.navbar-default {
    animation: slide-down 0.7s;
    -moz-animation: slide-down 0.7s;
    -webkit-animation: slide-down 0.7s;
    -o-animation: slide-down 0.7s
}

.navigation-menu-default-type1 ::-webkit-scrollbar {
    width: 2px
}

.navigation-menu-default-type1 ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 0px
}

.navigation-menu-default-type1 ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1)
}

/* .navigation-menu-default-type1.has-fix-menu-default-type1>.navbar-default {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    border-radius: 0;
    z-index: 1010;
    transition: all 0.3s;
    border: none
} */

@media (max-width: 768px) {
    .navigation-menu-default-type1.has-fix-menu-default-type1>.navbar-default .navbar-collapse {
        position: fixed
    }

    .navigation-menu-default-type1.has-fix-menu-default-type1>.navbar-default .navbar-collapse.in {
        bottom: 0;
        overflow-y: auto !important
    }
}

.navigation-menu-default-type1 .navbar-brand {
    padding: 0 10px;
    height: auto
}

@media (max-width: 768px) {
    .navigation-menu-default-type1 .navbar-brand {
        padding: 0
    }
}

.navigation-menu-default-type1 .navbar-brand img {
    max-height: 40px
}

@media (max-width: 768px) {
    .navigation-menu-default-type1 .navbar-brand img {
        max-height: 48px
    }
}

@media (min-width: 769px) {
    .navigation-menu-default-type1 .intestine-collapse {
        display: table;
        width: 100%
    }

    .navigation-menu-default-type1 .fluid-nav {
        position: relative
    }

    .navigation-menu-default-type1 .fluid-nav-backup {
        width: 20px;
        display: table-cell;
        vertical-align: middle
    }

    .navigation-menu-default-type1 .fluid-nav-backup>a {
        color: white;
        width: 20px;
        line-height: initial !important;
        height: 100%;
        text-align: center;
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center
    }

    .navigation-menu-default-type1 .fluid-nav-backup .dropdown-menu-right {
        min-width: 200px;
        max-width: 320px;
        position: absolute;
        background-color: white;
        box-shadow: 1px 1px 2px #ccc;
        z-index: 1002;
        border: 1px solid #ccc;
        top: 100%
    }

    .navigation-menu-default-type1 .fluid-nav-backup .dropdown-menu-right li {
        display: inline-block;
        width: 100%;
        height: auto !important
    }

    .navigation-menu-default-type1 .fluid-nav-backup .dropdown-menu-right li img {
        display: none !important
    }

    .navigation-menu-default-type1 .fluid-nav-backup .dropdown-menu-right li a {
        color: #262626;
        padding: 8px 10px;
        display: inline-block;
        width: 100%;
        white-space: normal
    }

    .navigation-menu-default-type1 .fluid-nav-backup .dropdown-menu-right li a:not(.dropdown-toggle) {
        padding-right: 25px
    }

    .navigation-menu-default-type1 .fluid-nav-backup .dropdown-menu-right li ul {
        position: static;
        width: calc(100% - 10px);
        margin-left: 10px;
        border: none;
        box-shadow: none;
        margin-top: 0;
        border-left: 1px solid #2196f3;
        border-radius: 0
    }

    .navigation-menu-default-type1 .fluid-nav-backup .dropdown-menu-right li.active>a {
        background-color: white;
        color: #2196f3;
        line-height: 1.428571429
    }

    .navigation-menu-default-type1 .fluid-nav-backup .dropdown-menu-right .dropdown-toggle {
        position: absolute;
        top: 0;
        right: 0;
        width: auto
    }

    .navigation-menu-default-type1 .fluid-nav-backup .dropdown-menu-right .caret {
        display: none !important
    }

    .navigation-menu-default-type1 .navbar-default {
        border: none;
        border-radius: 0;
        background: #2196f3;
        min-height: auto;
        margin-bottom: 0
    }

    .navigation-menu-default-type1 .navbar-collapse {
        padding-left: 0px;
        padding-right: 0px
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav {
        width: calc(100% - 20px);
        float: none !important;
        display: table-cell;
        vertical-align: middle
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>li>a {
        color: white;
        padding: 10px
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>li>a:focus {
        background: none;
        outline: none
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>li>a>img {
        display: inline-block;
        vertical-align: middle
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>li>a>span {
        display: inline-block;
        vertical-align: middle
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>li .dropdown-toggle {
        display: none !important
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>li.home-page>a {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 769px) and (min-width: 769px) {
    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>li.home-page>a>.title {
        display: none !important
    }
}

@media (min-width: 769px) {
    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>li.active>a {
        color: white;
        background: #0d8aee
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>li:hover>a {
        color: white;
        background: #0c7cd5
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav li .dropdown-menu {
        background: white;
        border-radius: 0;
        min-width: 200px;
        border: 1px solid #ccc
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav li .dropdown-menu>li>a {
        padding: 10px;
        display: inline-block;
        width: 100%
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav li .dropdown-menu>li:hover>a,
    .navigation-menu-default-type1 .navbar-collapse .navbar-nav li .dropdown-menu>li.active>a {
        color: white;
        background: #0c7cd5
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav li .dropdown-menu>li.dropdown>a:not(.dropdown-toggle) {
        padding-right: 20px
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav li .dropdown-menu.has-bg {
        background-size: contain !important;
        background-position: right bottom !important;
        background-repeat: no-repeat !important
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav li .dropdown-menu.has-bg>li:hover>a {
        background: none !important
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav li:hover>a {
        color: white;
        background: #0c7cd5
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>.dropdown>.dropdown-menu {
        top: calc(100% + 50px);
        height: 0;
        padding: 0;
        opacity: 0;
        left: 0;
        right: 0;
        display: block;
        overflow: hidden;
        z-index: -99;
        width: auto
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>.dropdown>.dropdown-menu li.dropdown .caret {
        transform: rotate(-90deg);
        position: absolute;
        right: 5px;
        top: 46%
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>.dropdown>.dropdown-menu li .dropdown-menu {
        top: -1px;
        left: 50%;
        right: auto;
        height: 0;
        overflow: hidden;
        display: block;
        z-index: -99;
        opacity: 0;
        padding: 0;
        margin: 0
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>.dropdown>.dropdown-menu li:hover>.dropdown-menu {
        left: 100%;
        display: block;
        opacity: 1;
        height: auto;
        z-index: 1000;
        overflow: visible
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>.dropdown.right-item-menu .dropdown-menu {
        left: -100%;
        right: 0
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>.dropdown.right-item-menu .dropdown:hover>.dropdown-menu {
        left: -100%;
        right: 100%;
        display: block;
        opacity: 1;
        height: auto;
        z-index: 1000;
        overflow: visible
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>.dropdown.right-item-menu .dropdown .caret {
        transform: rotate(90deg) !important;
        position: absolute;
        left: -5px;
        right: auto;
        top: 46%
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>.dropdown:hover>.dropdown-menu {
        display: block;
        top: 100%;
        opacity: 1;
        left: 0;
        right: auto;
        height: auto;
        z-index: 1000;
        overflow: visible;
        transition: all 0.2s
    }

    .navigation-menu-default-type1 .has-logo {
        display: table;
        width: 100%
    }

    .navigation-menu-default-type1 .has-logo>div {
        display: table-cell !important;
        float: none;
        vertical-align: middle
    }

    .navigation-menu-default-type1 .has-logo .navbar-header {
        float: left
    }
}

.navigation-menu-default-type1 .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px
}

@media (max-width: 768px) {
    .navigation-menu-default-type1 .navbar-collapse {
        background: white;
        border-bottom: 1px solid #ccc
    }
}

.navigation-menu-default-type1 .navbar-header {
    margin-right: 0px;
    margin-left: 0px
}

.navigation-menu-default-type1 .navbar-header .navbar-brand {
    margin-left: 0
}

@media (width: 768px) {
    .navigation-menu-default-type1 .navbar-header {
        float: none !important;
        padding-left: 0px;
        padding-right: 0px
    }

    .navigation-menu-default-type1 .navbar-toggle {
        display: block
    }
}

@media (max-width: 768px) {
    .navigation-menu-default-type1 .container {
        width: 100%
    }

    .navigation-menu-default-type1 .caret {
        display: none !important
    }

    .navigation-menu-default-type1 .navbar-default {
        border: none;
        border-radius: 0;
        background: white;
        margin-bottom: 0
    }

    .navigation-menu-default-type1 .navbar-default .navbar-collapse {
        width: 100%
    }

    .navigation-menu-default-type1 .navbar-default>div>div>.search {
        display: none !important
    }

    .navigation-menu-default-type1 .navbar-header {
        border: none;
        border-radius: 0;
        background: #2196f3;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        position: relative
    }

    .navigation-menu-default-type1 .navbar-header .navbar-toggle {
        margin-right: 0;
        background: white;
        border: none;
        border-radius: 0
    }

    .navigation-menu-default-type1 .navbar-header .navbar-toggle span {
        background: #2196f3
    }

    .navigation-menu-default-type1 .navbar-nav {
        margin: 0;
        float: none
    }

    .navigation-menu-default-type1 .navbar-nav>li ul {
        margin-left: 10px
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .navigation-menu-default-type1 .navbar-nav>li .fa-home {
        display: none !important
    }
}

@media (max-width: 768px) {
    .navigation-menu-default-type1 .navbar-nav li {
        display: inline-block;
        width: 100%
    }

    .navigation-menu-default-type1 .navbar-nav li.li-back-to-top {
        display: none
    }

    .navigation-menu-default-type1 .navbar-nav li a {
        padding: 10px;
        color: #262626;
        background: none !important;
        border-top: 1px solid rgba(245, 245, 245, 0.11)
    }

    .navigation-menu-default-type1 .navbar-nav li a img {
        display: none
    }

    .navigation-menu-default-type1 .navbar-nav li a:not(.dropdown-toggle) {
        padding-right: 25px
    }

    .navigation-menu-default-type1 .navbar-nav li a:not(.dropdown-toggle) .fa {
        display: none
    }

    .navigation-menu-default-type1 .navbar-nav li.active>a,
    .navigation-menu-default-type1 .navbar-nav li.open-menu-mobile>a {
        color: #2196f3 !important
    }

    .navigation-menu-default-type1 .navbar-nav li.active>.dropdown-menu,
    .navigation-menu-default-type1 .navbar-nav li.open-menu-mobile>.dropdown-menu {
        border-left: 1px solid #2196f3 !important;
        margin-bottom: 10px;
        padding: 0
    }

    .navigation-menu-default-type1 .navbar-nav li .dropdown-toggle {
        position: absolute;
        top: 0;
        right: 0;
        padding-right: 10px;
        padding-left: 10px;
        background: none !important;
        border: none !important;
        color: #333 !important
    }

    .navigation-menu-default-type1 .navbar-nav li .dropdown-menu {
        position: static;
        border: none;
        box-shadow: none;
        padding-top: 0;
        border-radius: 0;
        border-left: 1px solid #ccc;
        margin-left: 10px;
        width: calc(100% - 10px)
    }

    .navigation-menu-default-type1 .sidebar-collapse {
        background: #0c7cd5
    }
}

.navigation-menu-default-type1 .has-link-right .navbar-brand {
    float: none
}

.navigation-menu-default-type1 .has-link-right .link-right {
    position: relative
}

.navigation-menu-default-type1 .has-link-right .link-right a {
    text-decoration: none
}

@media (min-width: 769px) {
    .navigation-menu-default-type1 .has-link-right {
        display: table;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .navigation-menu-default-type1 .has-link-right .navbar-collapse {
        display: table-cell !important;
        vertical-align: middle;
        padding: 0
    }

    .navigation-menu-default-type1 .has-link-right .link-right {
        display: table-cell !important;
        vertical-align: middle;
        width: 1%
    }

    .navigation-menu-default-type1 .has-link-right .link-right.mobile {
        display: none !important
    }

    .navigation-menu-default-type1 .has-link-right .link-right>a {
        color: white;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap
    }

    .navigation-menu-default-type1 .has-link-right .link-right.desktop>a {
        padding: 10px
    }
}

@media (max-width: 768px) {
    .navigation-menu-default-type1 .has-link-right {
        position: relative
    }

    .navigation-menu-default-type1 .has-link-right .link-right.desktop {
        display: none !important
    }

    .navigation-menu-default-type1 .has-link-right .link-right.link-right-header {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        vertical-align: middle;
        left: 10px;
        max-width: calc(100% - 75px)
    }

    .navigation-menu-default-type1 .has-link-right .link-right.link-right-header>a {
        color: white;
        display: inline-block;
        vertical-align: middle
    }
}

@media (min-width: 769px) {
    .navigation-menu-default-type1 .search {
        position: absolute;
        width: 200px;
        right: 0;
        top: 0;
        z-index: -999;
        opacity: 0;
        transition: all 0.3s
    }
}

@media (max-width: 768px) {
    .navigation-menu-default-type1 .search {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        border: 1px solid #2196f3
    }
}

.navigation-menu-default-type1 .search form .input-inner {
    display: table;
    position: relative;
    width: 100%
}

.navigation-menu-default-type1 .search form .input-inner>* {
    display: table-cell;
    border: none;
    border-radius: 0
}

.navigation-menu-default-type1 .search form .input-inner .form-control {
    padding-right: 40px
}

.navigation-menu-default-type1 .search form .input-inner .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    color: #2196f3
}

.navigation-menu-default-type1 .search.active {
    opacity: 1;
    z-index: 999;
    top: 100%;
    border: 1px solid #2196f3;
    transition: all 0.3s
}

.navigation-menu-default-type1 .dropdown-menu.dropdown-menu-right>li>a {
    padding: 5px 10px;
    line-height: 1.428571429;
    display: inline-block;
    width: 100%
}

@media (min-width: 769px) {
    .navigation-menu-default-type1 .navbar-default>div>div {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center
    }

    .navigation-menu-default-type1 .navbar-default>div>div .navbar-collapse {
        flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        max-width: 100%;
        display: block !important
    }

    .navigation-menu-default-type1 .navbar-default>div>div .navbar-collapse .navbar-nav {
        width: 100%
    }

    .navigation-menu-default-type1 .navbar-default>div>div .navbar-collapse .intestine-collapse {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        width: auto;
        max-width: 100%
    }

    .navigation-menu-default-type1 .navbar-default>div>div .navbar-collapse .intestine-collapse .fluid-nav-positive {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        white-space: nowrap
    }

    .navigation-menu-default-type1 .navbar-default>div>div .link-right.desktop {
        display: block !important;
        width: auto
    }

    .navigation-menu-default-type1 .fluid-nav-backup {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        -ms-flex-align: center
    }
}

@media (min-width: 992px) {
    .navigation-menu-center .navbar-default:not(.lowItems) .navbar-collapse.collapse {
        display: -webkit-flex !important;
        display: -ms-flex !important;
        display: flex !important;
        flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        width: auto;
        max-width: 100%
    }

    .navigation-menu-center .navbar-default:not(.lowItems) .navbar-nav {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        white-space: nowrap
    }
}

.navigation-menu-center .navbar-default {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: #2196f3;
    min-height: auto
}

@media (min-width: 1024px) {
    .navigation-menu-center .navbar-default {
        text-align: center
    }
}

.navigation-menu-center .navbar-default .navbar-nav .dropdown-menu .caret {
    float: right;
    transform: rotate(-90deg);
    margin-top: 7px
}

@media (min-width: 992px) {
    .navigation-menu-center .navbar-default .navbar-nav {
        width: 100%;
        float: none;
        text-align: center;
        background: #2196f3
    }
}

.navigation-menu-center .navbar-default .navbar-nav>li {
    background: linear-gradient(to right, #2196f3 50%, rgba(97, 96, 94, 0.1) 100%);
    vertical-align: middle;
    float: left
}

@media (min-width: 992px) {
    .navigation-menu-center .navbar-default .navbar-nav>li .dropdown-menu {
        padding: 0;
        border-radius: 10px !important;
        border: none;
        background: #2196f3
    }

    .navigation-menu-center .navbar-default .navbar-nav>li .dropdown-menu>li>a {
        background: #2196f3;
        color: white;
        text-transform: uppercase;
        padding: 10px;
        font-weight: bold;
        border-bottom: 1px dashed #FFEBB0
    }

    .navigation-menu-center .navbar-default .navbar-nav>li .dropdown-menu>li:last-of-type>a {
        border-bottom: none
    }

    .navigation-menu-center .navbar-default .navbar-nav>li .dropdown-menu>li:hover>a,
    .navigation-menu-center .navbar-default .navbar-nav>li .dropdown-menu>li.active>a {
        color: white;
        background: rgba(233, 30, 99, 0.3);
        padding-left: 12px
    }
}

.navigation-menu-center .navbar-default .navbar-nav>li>a {
    font-weight: bold;
    color: white
}

@media (min-width: 992px) {
    .navigation-menu-center .navbar-default .navbar-nav>li>a {
        padding: 10px
    }
}

.navigation-menu-center .navbar-default .navbar-nav>li>a>.caret {
    display: none
}

@media (max-width: 1199px) and (min-width: 992px) {
    .navigation-menu-center .navbar-default .navbar-nav>li>a {
        padding: 10px
    }
}

@media (max-width: 991px) {
    .navigation-menu-center .navbar-default .navbar-nav>li.dropdown .caret {
        display: none
    }

    .navigation-menu-center .navbar-default .navbar-nav>li.dropdown .open-sub-menu {
        display: inline-block;
        position: absolute;
        top: 1px;
        right: 0;
        background: none !important;
        border: none !important
    }
}

@media (min-width: 992px) {
    .navigation-menu-center .navbar-default .navbar-nav>li.dropdown .open-sub-menu {
        display: none !important
    }

    .navigation-menu-center .navbar-default .navbar-nav>li.dropdown:hover>.dropdown-menu {
        display: block
    }

    .navigation-menu-center .navbar-default .navbar-nav>li.dropdown .dropdown-menu .dropdown-menu {
        left: 100%;
        top: 0;
        right: auto
    }

    .navigation-menu-center .navbar-default .navbar-nav>li.dropdown .dropdown-menu>.dropdown:hover>.dropdown-menu {
        display: block
    }
}

.navigation-menu-center .navbar-default .navbar-nav>li.logo {
    width: 165px
}

.navigation-menu-center .navbar-default .navbar-nav>li.logo>a {
    padding: 0 5px
}

.navigation-menu-center .navbar-default .navbar-nav>li.logo>a>img {
    margin-top: -22px;
    width: 157px;
    height: 100px
}

.navigation-menu-center .navbar-default .navbar-nav>li.logo:hover>a {
    background: none
}

@media (max-width: 991px) {
    .navigation-menu-center .navbar-default .navbar-nav>li.logo {
        display: none !important
    }
}

.navigation-menu-center .navbar-default .navbar-nav>li:not(.logo).active>a,
.navigation-menu-center .navbar-default .navbar-nav>li:not(.logo):hover>a {
    background: rgba(233, 30, 99, 0.3)
}

@media (max-width: 991px) {
    .navigation-menu-center .navbar-default .navbar-header {
        float: none;
        background: #2196f3
    }

    .navigation-menu-center .navbar-default .navbar-header .navbar-toggle {
        display: block
    }

    .navigation-menu-center .navbar-default .navbar-header .navbar-brand {
        transition: all 0.3s
    }

    .navigation-menu-center .navbar-default .navbar-header .navbar-brand img {
        height: 50px
    }

    .navigation-menu-center .navbar-default .navbar-collapse.collapse .navbar-nav {
        background: #2196f3
    }

    .navigation-menu-center .navbar-default .navbar-collapse.collapse .navbar-nav>li:not(.logo, .sign-in-mobile) {
        width: 100%;
        background: #2196f3;
        float: none !important
    }

    .navigation-menu-center .navbar-default .navbar-collapse.collapse .navbar-nav>li:not(.logo, .sign-in-mobile)>.dropdown-menu {
        right: 0 !important;
        left: auto !important
    }
}

@media (min-width: 992px) {
    .navigation-menu-center .navbar-default .navbar-brand {
        display: none
    }
}

.navigation-menu-center.active {
    top: 0px;
    transition: all 0.3s
}

@media (max-width: 991px) {
    .navigation-menu-center.active {
        margin-top: 0
    }
}

.navigation-menu-center .navbar-toggle {
    background: white;
    border: none
}

.navigation-menu-center .navbar-toggle .icon-bar {
    background: #2196f3
}

.navigation-menu-center .navbar-toggle:focus {
    background: white
}

@media (width: 768px) {
    .navigation-menu-center .navbar-header {
        float: none !important;
        padding-left: 0px;
        padding-right: 0px
    }

    .navigation-menu-center .navbar-toggle {
        display: block
    }
}

@media (max-width: 768px) {
    .navigation-menu-center .container {
        width: 100%
    }

    .navigation-menu-center .caret {
        display: none !important
    }

    .navigation-menu-center .navbar-default {
        border: none;
        border-radius: 0;
        background: white;
        margin-bottom: 0
    }

    .navigation-menu-center .navbar-default>div>div>.search {
        display: none !important
    }

    .navigation-menu-center .navbar-header {
        border: none;
        border-radius: 0;
        background: #2196f3;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        position: relative
    }

    .navigation-menu-center .navbar-header .navbar-toggle {
        margin-right: 0;
        background: white;
        border: none;
        border-radius: 0
    }

    .navigation-menu-center .navbar-header .navbar-toggle span {
        background: #2196f3
    }

    .navigation-menu-center .navbar-nav {
        margin: 0;
        float: none
    }

    .navigation-menu-center .navbar-nav>li ul {
        margin-left: 10px
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .navigation-menu-center .navbar-nav>li .fa-home {
        display: none !important
    }
}

@media (max-width: 768px) {
    .navigation-menu-center .navbar-nav li {
        display: inline-block;
        width: 100%
    }

    .navigation-menu-center .navbar-nav li.li-back-to-top {
        display: none
    }

    .navigation-menu-center .navbar-nav li a {
        padding: 10px;
        color: #262626;
        background: none !important;
        border-top: 1px solid rgba(245, 245, 245, 0.11)
    }

    .navigation-menu-center .navbar-nav li a img {
        display: none
    }

    .navigation-menu-center .navbar-nav li a:not(.dropdown-toggle) {
        padding-right: 25px
    }

    .navigation-menu-center .navbar-nav li.active>.dropdown-menu,
    .navigation-menu-center .navbar-nav li.open-menu-mobile>.dropdown-menu {
        border-left: 1px solid #2196f3 !important;
        margin-bottom: 10px;
        padding: 0
    }

    .navigation-menu-center .navbar-nav li .dropdown-toggle {
        position: absolute;
        top: 0;
        right: 0;
        padding-right: 10px;
        padding-left: 10px;
        background: none !important;
        border: none !important;
        color: #333 !important
    }

    .navigation-menu-center .navbar-nav li .dropdown-menu {
        position: static;
        border: none;
        box-shadow: none;
        padding-top: 0;
        border-radius: 0;
        border-left: 1px solid #ccc;
        margin-left: 10px;
        width: calc(100% - 10px)
    }

    .navigation-menu-center .sidebar-collapse {
        background: #0c7cd5
    }

    /* .navigation-menu-center .navbar-collapse {
        position: fixed;
        z-index: 10000000001 !important;
        top: 0 !important;
        border: none;
        display: block;
        left: -280px;
        width: 280px;
        bottom: 0;
        height: 100%;
        padding-top: 20px;
        transition: all 0.3s
    } */

    .navigation-menu-center .navbar-collapse.open-sidebar {
        left: 0;
        transition: all 0.3s
    }
}

body.overhidden {
    position: relative
}

body.overhidden:before {
    content: "";
    display: inline-block;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    position: absolute
}

.navigation-menu-center .fluid-nav-backup {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    width: 75px
}

.navigation-menu-center .fluid-nav-backup>a {
    color: #fff
}

@media (min-width: 769px) {
    .navigation-menu-center .fluid-nav-backup .dropdown-menu-right {
        min-width: 200px;
        max-width: 320px;
        position: absolute;
        background-color: white;
        box-shadow: 1px 1px 2px #ccc;
        z-index: 1002;
        border: 1px solid #ccc;
        top: 100%
    }

    .navigation-menu-center .fluid-nav-backup .dropdown-menu-right li {
        display: inline-block;
        width: 100%;
        height: auto !important;
        text-align: left
    }

    .navigation-menu-center .fluid-nav-backup .dropdown-menu-right li a {
        color: #262626;
        padding: 8px 10px;
        display: inline-block;
        width: 100%;
        white-space: normal
    }
}

.navigation-menu-center .navbar-default.lowItems .navbar-nav>li {
    float: none;
    display: inline-block
}

.navigation-menu-center .navbar-default.lowItems .navbar-nav>li.logo {
    padding: 15px 5px
}

/* .menu-default-type-2.fixed-menu-default-type-2>.navbar-default {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
    left: 0
} */

.menu-default-type-2 .dropdown-menu>li>a {
    padding: 10px 20px
}

.menu-default-type-2 .navbar-default {
    border: 0;
    border-radius: 0
}

.menu-default-type-2 .navbar-collapse .navbar-nav>.dropdown>.dropdown-menu li.dropdown .caret {
    transform: rotate(-90deg);
    position: absolute;
    right: 5px;
    top: 46%
}

.menu-default-type-2 .fluid-nav-backup,
.menu-default-type-2 .search-and-account {
    position: static;
    align-items: center;
    margin-left: auto;
    flex-wrap: wrap;
    display: flex
}

.menu-default-type-2 .fluid-nav-backup .search-form-child_inner,
.menu-default-type-2 .search-and-account .search-form-child_inner {
    position: absolute;
    top: 100%;
    min-width: 250px;
    right: 10px;
    display: none;
    z-index: 9999
}

.menu-default-type-2 .fluid-nav-backup .d-table,
.menu-default-type-2 .search-and-account .d-table {
    position: relative;
    display: flex
}

.menu-default-type-2 .fluid-nav-backup button.btn.btn-search-child,
.menu-default-type-2 .search-and-account button.btn.btn-search-child {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0
}

.menu-default-type-2 .fluid-nav-backup input.input-group-field.form-control,
.menu-default-type-2 .search-and-account input.input-group-field.form-control {
    border-radius: 0;
    padding-right: 40px
}

.menu-default-type-2 .wrapper,
.menu-default-type-2 .fluid-nav-backup {
    display: flex;
    position: relative
}

.menu-default-type-2 .account-icon,
.menu-default-type-2 .open-search-form,
.menu-default-type-2 .fluid-nav-backup .fluid-nav-toggle {
    color: white;
    padding: 10px;
    display: inline-block;
    cursor: pointer
}

.menu-default-type-2 .navbar-collapse .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0
}

.menu-default-type-2 .dropdown-menu-right {
    min-width: 200px;
    max-width: 320px;
    position: absolute;
    background-color: white;
    z-index: 1002;
    border: 1px solid #ccc;
    top: 100%
}

.menu-default-type-2 .dropdown-menu-right>li>a {
    padding: 10px;
    display: block
}

.menu-default-type-2 .nav>li>a.dropdown-menu-child,
.menu-default-type-2 .fluid-nav-negative>li>a.dropdown-menu-child,
.menu-default-type-2 .dropdown-menu>li>a.dropdown-menu-child {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    background: transparent;
    border: 0;
    padding: 10px
}

.menu-default-type-2 .fluid-nav-backup .fluid-nav-negative li ul {
    position: static;
    width: calc(100% - 10px);
    margin-left: 10px;
    border: none;
    box-shadow: none;
    margin-top: 0;
    border-left: 1px solid #33496d;
    border-radius: 0
}

.menu-default-type-2 .fluid-nav-backup .fluid-nav-negative li a {
    white-space: normal
}

@media (min-width: 769px) {
    .menu-default-type-2 .navbar-collapse .navbar-nav>.dropdown:hover>.dropdown-menu {
        display: block
    }

    .menu-default-type-2 .fluid-nav-backup {
        width: 20px
    }

    .menu-default-type-2 .navbar-collapse .navbar-nav>.dropdown>.dropdown-menu li:hover>.dropdown-menu {
        left: 100%;
        display: block;
        opacity: 1;
        height: auto;
        z-index: 1000;
        overflow: visible;
        top: -1px
    }

    .menu-default-type-2 .navbar-collapse {
        display: flex !important
    }

    .menu-default-type-2 .fluid-nav-backup>ul.fluid-nav-negative span.caret {
        display: none
    }

    .menu-default-type-2 .navbar-collapse .navbar-nav>li .dropdown-menu-child {
        display: none !important
    }
}

@media (min-width: 768px) {
    .menu-default-type-2 .navbar-collapse {
        padding: 0
    }
}

@media (width: 768px) {
    .menu-default-type-2 .wrapper {
        width: 100%;
        padding: 0 19px
    }

    .menu-default-type-2 .navbar-collapse.collapse {
        display: none !important
    }
}

@media (max-width: 768px) {
    /* .menu-default-type-2 .navbar-collapse {
        position: fixed;
        width: 280px;
        height: 100%;
        left: 0;
        top: 0;
        background: #2196f3;
        z-index: 9999;
        display: none;
        margin: 0;
        padding: 0
    } */

    .menu-default-type-2 .navbar-collapse .dropdown-menu {
        width: 100%;
        position: relative;
        box-shadow: none;
        border: 0
    }

    .menu-default-type-2 .navbar-header,
    .menu-default-type-2 .navbar-nav {
        margin: 0
    }

    .menu-default-type-2 .navbar-nav>li {
        width: 100%
    }

    .menu-default-type-2 .navbar-toggle {
        display: block
    }

    .menu-default-type-2 .dropdown-menu-child {
        display: block !important
    }

    .menu-default-type-2 ul>li {
        overflow: hidden
    }

    .menu-default-type-2 ul>li>a {
        white-space: normal
    }

    .menu-default-type-2 .btn-view-more a.click-show-category {
        padding: 15px;
        color: white
    }

    .menu-default-type-2 span.caret {
        display: none
    }
}

.category-type3 .left-cate {
    float: left;
    padding-right: 20px;
    width: 50%
}

@media (max-width: 768px) {
    .category-type3 .left-cate {
        padding-right: 0
    }
}

.category-type3 .left-cate .block-image img {
    border-radius: 60px
}

.category-type3 .right-cate {
    float: left;
    padding-left: 20px;
    width: 50%
}

.category-type3 .right-cate .faq-default {
    margin-bottom: 10px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.category-type3 .right-cate .faq-default>.panel-heading {
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    padding: 0
}

.category-type3 .right-cate .faq-default>.panel-heading h4.panel-title>a {
    display: block;
    padding: 5px 30px;
    background-color: #2196f3;
    border-radius: 100px;
    font-size: 20px;
    color: #fff;
    line-height: 30px
}

@media (max-width: 768px) {
    .category-type3 .right-cate .faq-default>.panel-heading h4.panel-title>a {
        padding: 5px 20px;
        font-size: 16px
    }
}

.category-type3 .right-cate .faq-default>.panel-heading h4.panel-title>a:before {
    content: "\f107";
    display: inline-block;
    font: normal normal 900 26px/1 "Font Awesome 5 Free", sans-serif;
    margin-top: 2px;
    float: right
}

@media (max-width: 768px) {
    .category-type3 .right-cate .faq-default>.panel-heading h4.panel-title>a:before {
        font: normal normal 900 20px/1 "Font Awesome 5 Free", sans-serif;
        margin-top: 6px
    }
}

.category-type3 .right-cate .description-cate ul {
    margin-left: 15px;
    margin-bottom: 15px
}

.category-type3 .right-cate .description-cate ul li {
    padding-left: 25px;
    position: relative;
    display: block;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .category-type3 .right-cate .description-cate ul li {
        margin-bottom: 5px;
        padding-left: 15px
    }
}

.category-type3 .right-cate .description-cate ul li:before {
    content: "";
    background-color: #2196f3;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0
}

@media (max-width: 768px) {
    .category-type3 .right-cate .description-cate ul li:before {
        width: 5px;
        height: 5px;
        top: 6px
    }
}

.category-type3 .right-cate .description-cate a {
    color: #2196f3
}

.category-type3 .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none
}

@media (max-width: 768px) {
    .category-type3 .panel-default>.panel-heading+.panel-collapse>.panel-body {
        padding: 15px 0 0 0
    }
}

.category-type3 .right-cate .faq-default>.panel-heading.active h4.panel-title>a:before {
    content: "\f106"
}

.category-left-right figcaption>h4.category-title {
    font-weight: 600
}

@media (min-width: 768px) {
    .category-left-right>.flex-row {
        display: flex;
        flex-wrap: wrap
    }

    .category-left-right .item-left>.item_inner-caption {
        order: 1
    }

    .category-left-right .item-left>.item_inner-image {
        order: 0
    }

    .category-left-right .item_inner-caption {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .category-left-right figcaption>h4.category-title {
        font-size: 20px
    }

    .category-left-right figcaption>h4.category-title:before {
        content: "";
        position: absolute;
        background-color: #0DA8A6;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        top: -5px;
        z-index: 1
    }

    .category-left-right .item-left figcaption>h4.category-title:before {
        left: -35px
    }

    .category-left-right .item-right figcaption>h4.category-title:before {
        right: -35px
    }

    .category-left-right .item_inner-image {
        margin-top: -40px
    }

    .category-left-right .flex-row:first-child .item_inner-image {
        margin-top: 0
    }

    .category-left-right .item-right {
        text-align: right
    }
}

@media (max-width: 768px) {
    .navigation-menu-default-type1.navigation-menu-type3 .navbar-default {
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px 0px, rgba(0, 0, 0, 0.14) 0px 0px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px
    }

    .register-form .site-title {
        display: block !important
    }

    .navigation-menu-default-type1.navigation-menu-type3 .navbar-header .navbar-toggle {
        float: none;
        display: unset;
        margin: 0
    }

    .navigation-menu-default-type1.navigation-menu-type3 .navbar-header {
        background: #fff;
        min-height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center
    }

    .table-qc-home .widget-space {
        height: 10px !important
    }

    .navigation-menu-default-type1.navigation-menu-type3 .navbar-brand {
        float: unset
    }

    .navigation-menu-default-type1.navigation-menu-type3 .right-mobile {
        text-align: right;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        height: 30px;
        line-height: 30px
    }

    .navigation-menu-default-type1.navigation-menu-type3 .right-mobile a.btn-open-search {
        position: relative;
        width: 25px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        float: left;
        margin-right: 10px
    }

    .navigation-menu-default-type1.navigation-menu-type3 .right-mobile a.btn-open-search i {
        font-size: 18px
    }

    .navigation-menu-default-type1.navigation-menu-type3 .right-mobile a.cart-header {
        position: relative;
        width: 25px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        float: right;
        padding-top: 10px
    }

    .navigation-menu-default-type1.navigation-menu-type3 .right-mobile a.cart-header svg {
        width: 25px
    }

    .navigation-menu-default-type1.navigation-menu-type3 .right-mobile a.cart-header .cart-total-items {
        width: 18px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        position: absolute;
        top: -5px;
        right: -10px;
        background: #a7252f;
        color: #fff;
        font-size: 9px;
        border-radius: 50%;
        padding: 0
    }

    .navigation-menu-default-type1.navigation-menu-type3 .left-mobile {
        top: 50%;
        transform: translateY(-50%);
        left: 10px;
        position: absolute
    }

    .navigation-menu-default-type1.navigation-menu-type3 .left-mobile a.local-map>i {
        font-size: 18px
    }

    .navigation-menu-default-type1.navigation-menu-type3 ul.link-right.mobile {
        padding-left: 0 !important
    }

    .navigation-menu-default-type1.navigation-menu-type3 ul.link-right.mobile>li {
        color: #fff
    }

    .navigation-menu-default-type1.navigation-menu-type3 ul.link-right.mobile>li>a {
        color: #fff
    }

    .navigation-menu-default-type1.navigation-menu-type3 .search {
        margin-top: 0;
        position: absolute;
        right: 10px;
        top: 0;
        left: 10px;
        z-index: -999;
        opacity: 0;
        transition: all 0.3s;
        width: calc(100% - 20px)
    }

    .navigation-menu-default-type1.navigation-menu-type3 .search.active {
        opacity: 1;
        z-index: 999;
        top: 100%;
        border: 1px solid #ebebeb;
        transition: all 0.3s
    }

    .body-menu-action.overflow-hidden .navigation-menu-default-type1.navigation-menu-type3 .navbar-default {
        background: none;
        border-bottom: none !important
    }
}

.menu-tuyensinh-home ul.categoryType2>li>a {
    padding: 10px 0 10px 20px;
    font-size: 16px;
    font-weight: 500;
    display: block
}

.menu-tuyensinh-home ul.categoryType2 ul.level_2 {
    margin-left: 20px;
    padding-top: 10px
}

.menu-tuyensinh-home ul.categoryType2 ul.level_2>li>a {
    font-size: 14px;
    padding: 5px 0;
    display: block;
    white-space: normal
}

.menu-tuyensinh-home ul.categoryType2 .panel-default>.panel-heading {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0
}

.menu-tuyensinh-home ul.categoryType2 .panel-default>.panel-heading h4.panel-title {
    border-bottom: 1px solid #eaeaea
}

.menu-tuyensinh-home ul.categoryType2 .panel-default>.panel-heading h4.panel-title a.item-lv1 {
    padding: 14px 0 14px 20px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: calc(100% - 47px)
}

.menu-tuyensinh-home ul.categoryType2 .panel-default>.panel-heading h4.panel-title a.item-lv1:hover {
    color: #2196f3
}

.menu-tuyensinh-home ul.categoryType2 .panel-body-content {
    padding: 0
}

.menu-tuyensinh-home ul.level_3 {
    margin-left: 10px
}

.menu-tuyensinh-home ul.level_3 li a {
    display: block;
    white-space: normal;
    padding: 5px 0 5px 8px;
    position: relative;
    font-size: 13px
}

.menu-tuyensinh-home ul.level_3 li a:before {
    content: "-";
    position: absolute;
    top: 4px;
    left: 0;
    width: 2px;
    height: 1px
}

.menu-tuyensinh-home ul.level_3 li.active a {
    color: #2196f3
}

.categoryType2 .panel-heading-title a.button {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center
}

.categoryType2 .panel-heading-title a.button:before {
    margin: 0;
    background: none;
    content: "\f107";
    display: inline-block;
    font: normal normal 900 18px/1 "Font Awesome 5 Free", sans-serif;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.categoryType2 .panel-heading-title.active a.button:before {
    content: "\f106"
}

.menu-tuyensinh-home ul.categoryType2 li.active .panel-default>.panel-heading h4.panel-title>a {
    color: #2196f3
}

@media (min-width: 1200px) {
    .menu-tree-type3 {
        height: 411px
    }
}

.menu-tree-type3 ul.list-lv1>li {
    padding: 0
}

.menu-tree-type3 ul.list-lv1>li>a.item-lv1 {
    display: flex;
    align-items: center;
    font-size: 15px;
    position: relative;
    padding: 8px 10px
}

.menu-tree-type3 ul.list-lv1>li>a.item-lv1 .icon {
    width: 24px;
    height: 24px;
    background-position: bottom left;
    filter: grayscale(100%) brightness(70%);
    -webkit-transition: all, .3s;
    -o-transition: all, .3s;
    transition: all, .3s
}

.menu-tree-type3 ul.list-lv1>li>a.item-lv1 .title-lv1 {
    padding-left: 5px
}

.menu-tree-type3 ul.list-lv1>li>.cont-lv2 {
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1)
}

@media (min-width: 1200px) {
    .menu-tree-type3 ul.list-lv1>li>.cont-lv2 {
        width: 878px;
        height: 411px;
        padding: 15px 15px 15px 5px
    }
}

@media (width: 1024px) {
    .menu-tree-type3 ul.list-lv1>li>.cont-lv2 {
        height: 411px;
        padding: 15px 15px 15px 5px;
        width: 730px
    }
}

.menu-tree-type3 ul.list-lv1>li:hover {
    background-color: #f2f2f2
}

.menu-tree-type3 ul.list-lv1>li:hover>.cont-lv2 {
    display: block !important
}

.menu-tree-type3 ul.list-lv1>li:hover a .icon {
    background-position: 0 -24px;
    filter: grayscale(0) brightness(100%)
}

.menu-tree-type3 ul.list-lv1>li.item-lv2>a.item-lv1::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid transparent;
    border-color: #d9d9d9 transparent transparent #d9d9d9;
    -webkit-transform: rotateZ(-45deg);
    -khtml-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    background: #fff;
    position: absolute;
    top: 11px;
    right: -8px;
    opacity: 0
}

.menu-tree-type3 ul.list-lv1>li.item-lv2:hover a.item-lv1::after {
    opacity: 1
}

@media (min-width: 1024px) {
    .menu-tree-type3 ul.list-lv2>li {
        float: left;
        width: 25%;
        padding: 0 10px
    }
}

.menu-tree-type3 ul.list-lv2>li>a.li-lv2 {
    font-weight: 700;
    font-size: 15px
}

.menu-tree-type3 ul.list-lv2>li a {
    line-height: 26px
}

.menu-tree-type3 ul.list-lv3>li>a {
    display: block;
    padding: 3px 0;
    position: relative;
    border-bottom: 1px dashed #ebebeb
}

.menu-tree-type3 ul.list-lv3>li>a:before {
    content: "\f101";
    display: inline-block;
    font: normal normal 900 1rem/1 "Font Awesome 5 Free", sans-serif;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    vertical-align: middle
}

.menu-tree-type3 ul.list-lv3>li>a:hover {
    padding-left: 10px;
    transition: all 0.3s
}

.category-default-type-2 .categoryParentTitle>h4 {
    border-bottom: 1px solid lightgray;
    padding-bottom: 15px;
    display: block;
    margin-top: 0;
    padding-left: 15px
}

.category-default-type-2 ul.dropdown-menu {
    position: relative;
    width: 100%;
    box-shadow: none;
    border: 0;
    padding: 0 0 0 10px;
    background: transparent
}

.category-default-type-2 ul li a.dropdown-icon {
    position: absolute;
    right: 0;
    top: 0
}

.category-default-type-2 ul>li {
    overflow: hidden
}

.category-default-type-2 ul li a img {
    max-width: 22px
}

.category-default-type-2 .nav-pills>li {
    border-bottom: 1px solid #d6dde0
}

.category-default-type-2 .nav-pills>li>a {
    text-transform: uppercase;
    border-radius: 0
}

.category-default-type-2 .dropdown-menu>li>a,
.category-default-type-2 ul li a,
.category-default-type-2 .btn-click-view-more {
    font-size: 14px;
    padding: 5px 15px;
    white-space: normal;
    line-height: 30px
}

.category-default-type-2 .nav-pills>li.active>a,
.category-default-type-2 .nav-pills>li.active>a:hover,
.category-default-type-2 .nav-pills>li.active>a:focus,
.category-default-type-2 .dropdown-menu>.active>a,
.category-default-type-2 .dropdown-menu>.active>a:hover,
.category-default-type-2 .dropdown-menu>.active>a:focus,
.category-default-type-2 .nav .open>a,
.category-default-type-2 .nav .open>a:hover,
.category-default-type-2 .nav .open>a:focus,
.category-default-type-2 .btn-click-view-more:hover,
.category-default-type-2 .dropdown-menu>li>a:hover,
.category-default-type-2 .dropdown-menu>li>a:focus,
.category-default-type-2 .nav>li>a:hover,
.category-default-type-2 .nav>li>a:focus {
    background: transparent;
    border-radius: 0;
    color: #2196f3
}

.category-default-type-2 li.dropdown.parent-active.open>a {
    background: transparent
}

.category-category-image-type-22>div {
    display: flex;
    flex-wrap: wrap
}

.category-category-image-type-22 .category-item {
    margin-bottom: 15px
}

.category-category-image-type-22 .item {
    border: 1px solid lightgray;
    height: 100%
}

.category-category-image-type-22 h2.article-title {
    margin: 0;
    padding: 15px 0;
    text-align: center;
    font-size: 24px
}

.category-category-image-type-22 .box-text {
    padding: 10px
}

body::-webkit-scrollbar {
    width: 6px
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

body::-webkit-scrollbar-thumb {
    background-color: #2196f3;
    outline: 1px solid slategrey
}

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    background-repeat: no-repeat;
    background-color: #fff
}

a {
    transition: all 150ms ease-in-out
}

a:hover {
    text-decoration: none
}

.highLight-slide1 .bx-wrapper .bx-controls-direction a {
    z-index: 9
}

.table-menu-footer {
    background-color: #002441;
    border-bottom: 1px solid #00325b;
    padding: 10px 0
}



@media (min-width: 992px) {
    .table-html-footer {
        padding: 30px 0
    }
}

.category-default {
    margin-bottom: 20px
}

@media (min-width: 1025px) {
    .category-default ul.list-menu {
        display: flex;
        justify-content: flex-end
    }
}

.category-default ul.list-menu li {
    float: left
}

.category-default ul.list-menu li a {
    padding: 0 15px;
    display: block;
    color: #fff;
    line-height: 20px;
    position: relative
}

.category-default ul.list-menu li a:before {
    content: "";
    background-color: #fff;
    width: 1.5px;
    height: 11px;
    position: absolute;
    top: 6px;
    right: 0
}

.category-default ul.list-menu li a:hover {
    text-decoration: underline
}

.category-default ul.list-menu li:first-child a {
    padding-left: 0
}

.category-default ul.list-menu li:last-of-type a:before {
    display: none
}

.category-default ul.list-menu li.active a {
    text-decoration: underline
}

.category-default ul.list-menu li:last-child a {
    padding-right: 0
}

.article-content {
    text-align: justify
}

.new-detail-layout-type-2 .previews-iframe {
    text-align: initial
}

.link-default>ul {
    text-align: center
}

.link-default>ul.clearfix>li>a {
    color: #fff !important;
    display: block;
    text-transform: uppercase;
    padding: 0 30px !important
}

.article-photo-album-default .aritcle-photo .article-brief.common-brief {
    display: none
}

.html-footer .title-footer {
    color: #fff;
    font-size: 18px
}

.html-footer .content-footer {
    color: #fff;
    opacity: .8
}

.html-footer .content-footer a {
    color: #fff;
    opacity: .8
}

@media (max-width: 544px) {
    .html-footer .content-footer span.fax-home {
        display: block
    }

    .html-footer .content-footer .hidden-mobile {
        display: none
    }
}

.html-footer p {
    margin-bottom: 5px
}

.table-bottom-footer {
    background-color: #041D33;
    padding: 5px 0;
    text-align: center
}

.table-bottom-footer .footer-copyright-social {
    color: #fff;
    opacity: .5
}

.menu-tuyensinh-home {
    background-color: #2196f3;
    padding: 15px 0;
    margin-bottom: 15px
}

.menu-tuyensinh-home ul.categoryType2>li>.childsites-default>.panel-heading-title {
    padding: 0 15px
}

.menu-tuyensinh-home .panel-collapse {
    background: #0c7cd5
}

.menu-tuyensinh-home ul.categoryType2 .panel-default>.panel-heading h4.panel-title a.item-lv1 {
    padding-left: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    width: calc(100% - 33px)
}

.menu-tuyensinh-home ul.categoryType2 .panel-default>.panel-heading h4.panel-title a.item-lv1:hover {
    text-decoration: underline;
    color: #fff
}

.menu-tuyensinh-home ul.categoryType2 .panel-default>.panel-heading h4.panel-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

.menu-tuyensinh-home ul.categoryType2 .panel-default>.panel-heading.active h4.panel-title,
.menu-tuyensinh-home ul.categoryType2>li:last-of-type .panel-default>.panel-heading h4.panel-title {
    border-bottom: none
}

.categoryType2 .panel-heading-title a.button {
    text-align: right;
    width: 30px;
    color: #fff
}

.menu-tuyensinh-home ul.categoryType2 ul.level_2 {
    margin-left: 15px;
    margin-right: 15px
}

.menu-tuyensinh-home ul.categoryType2 ul.level_2>li>a {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff
}

.menu-tuyensinh-home ul.categoryType2 ul.level_2>li>a:hover {
    color: #fff;
    text-decoration: underline
}

.menu-tuyensinh-home ul.categoryType2 ul.level_2>li:last-of-type>a {
    border-bottom: none
}

.menu-tuyensinh-home ul.categoryType2 li.active .panel-default>.panel-heading h4.panel-title>a {
    color: #fff;
    text-decoration: underline
}

.frame-tintuc {
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 15px 15px 0 15px;
    margin-bottom: 15px
}

.frame-tintuc>.panel-heading {
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    padding: 0
}

.frame-tintuc>.panel-heading>.panel-title {
    font-weight: 700;
    text-transform: uppercase;
    color: #2196f3
}

.frame-tintuc>.panel-body {
    padding: 15px 0 0 0
}

.intro-html-leader {
    background: #cc0a05;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 6px
}

.intro-html-leader>a {
    display: inline-flex;
    align-items: center
}

@media (max-width: 543px) {
    .intro-html-leader>a {
        width: 100%
    }

    .intro-html-leader>a .cont-intro-leader {
        flex: 1
    }
}

.intro-html-leader>a .img-leader {
    display: inline-block;
    margin-right: 10px;
    max-width: 128px
}

@media (min-width: 1200px) and (max-width: 1365px) {
    .intro-html-leader>a .img-leader {
        max-width: 118px
    }
}

.intro-html-leader>a .cont-intro-leader {
    color: #fff
}

.intro-html-leader>a .cont-intro-leader .positon-leader,
.intro-html-leader>a .cont-intro-leader .positonSecond-leader {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center
}

@media (max-width: 1365px) and (min-width: 1200px) {

    .intro-html-leader>a .cont-intro-leader .positon-leader,
    .intro-html-leader>a .cont-intro-leader .positonSecond-leader {
        font-size: 14px;
        margin-bottom: 0
    }
}

.intro-html-leader>a .cont-intro-leader .positonSecond-leader {
    margin-bottom: 20px
}

.intro-html-leader>a .cont-intro-leader .fullName-leader {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

@media (max-width: 1366px) and (min-width: 1200px) {
    .intro-html-leader>a .cont-intro-leader .fullName-leader {
        font-size: 14px
    }
}

.new-detail-layout-type-2 h1.article-title {
    font-size: 20px;
    margin-top: 10px;
    color: #C81D31
}

.new-detail-layout-type-2 .common-brief {
    font-weight: 700
}

.new-detail-layout-type-2 .block-core-a5,
.new-detail-layout-type-2 .block-core-a3 {
    text-align: justify
}

.new-detail-layout-type-2 .block-core-a5>.source-news {
    color: #2196f3
}

.new-detail-layout-type-2 .block-core-a3 .social-connect .pull-left {
    display: flex;
    align-items: center
}

.new-detail-layout-type-2 .block-core-a3 .social-connect .pull-left .list-file {
    margin-right: 5px;
    display: flex;
    align-self: center
}

.new-detail-layout-type-2 .block-core-a3 .social-connect .pull-left .list-file li {
    margin-right: 5px
}

.new-detail-layout-type-2 .block-core-a3 .social-connect .pull-left .list-file li:last-child {
    margin-right: 0
}

.new-detail-layout-type-2 .block-core-a3 .social-connect .pull-left .mt-5 {
    margin-top: 0 !important
}

@media (min-width: 769px) {
    .article-news-default .article-img {
        min-width: 250px
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>a {
        padding: 5px 10px
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>nav {
        margin: 0;
        min-height: auto;
        display: flex;
        align-items: center
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>nav .navbar-nav {
        font-size: 1.4rem
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>nav .navbar-nav>.nav-item>.nav-link {
        display: flex !important;
        margin-bottom: 0;
        align-items: center
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>nav .navbar-nav .nav-link {
        padding: 0;
        margin-bottom: 20px;
        transition: all 1000ms ease-out 0s
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>nav .navbar-nav .nav-link:hover {
        text-decoration: none;
        color: #2196f3
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>nav .navbar-nav li {
        transition: all 2000ms ease
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>nav .navbar-nav li:hover a.nav-link {
        background: transparent;
        color: #FFF
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>nav .navbar-nav li:hover .dropdown-menu {
        display: block !important;
        -webkit-animation: bottomUp .5s;
        -o-animation: bottomUp .5s;
        animation: bottomUp .5s;
        opacity: 0;
        animation-fill-mode: both
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>nav .navbar-nav .dropdown-menu {
        min-width: 120px !important
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>nav .navbar-nav .dropdown-menu .dropdown-item {
        font-size: 1.4rem;
        background: #FAFAFA;
        transition: all 500ms ease-out 0s;
        display: flex;
        align-items: center
    }

    .navigation-menu-default-type1 .has-link-right>.link-right.desktop>nav .navbar-nav .dropdown-menu .dropdown-item:hover {
        color: #FFF;
        background: #2196f3
    }

    .navigation-menu-default-type1.navigation-menu-type3 .intestine-collapse .search-type-2 {
        display: none
    }
}

.article-news-title .article-title {
    font-weight: normal
}

@media (max-width: 768px) and (min-width: 544px) {
    .article-news-default .article-img {
        width: 200px
    }
}

@media (max-width: 768px) and (min-width: 544px) {
    .article-news-default .article-right {
        padding-left: 10px
    }
}

.article-news-default .article-right .upcoming,
.article-news-default .article-right .happenning,
.article-news-default .article-right .finished {
    padding: 6px;
    display: inline-block;
    border-radius: 16px;
    border: 1px solid;
    margin-top: 10px;
    color: #FFF
}

.article-news-default .article-right .upcoming {
    border-color: #f7c400;
    background: #f7c400
}

.article-news-default .article-right .happenning {
    border-color: #2196f3;
    background: #2196f3
}

.article-news-default .article-right .finished {
    border-color: #da2625;
    background: #da2625
}

.article-news-default .border-image {
    text-align: center;
    border: 1px solid #ebebeb;
    padding: 5px
}

.form-action.form-reflect-people {
    border: none;
    padding: 0
}

.frame-cottrai {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.frame-cottrai>.panel-heading {
    background-color: transparent;
    padding: 0;
    border-radius: 0
}

.frame-cottrai>.panel-heading>.panel-title {
    display: inline-block;
    padding: 10px 0;
    border-bottom: 2px solid #2196f3;
    font-weight: 700;
    text-transform: uppercase;
    color: #2196f3;
    position: relative
}

.frame-cottrai>.panel-body {
    padding: 15px 0 0 0
}

.article-news-titleType1 {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0
}

.article-news-titleType1 .article-info {
    font-size: 13px;
    color: #707070;
    margin-bottom: 5px
}

.article-news-titleType1 .article-title {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0
}

.article-news-titleType1 .article-title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.article-news-titleType1:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.article-news-titleType1 .article-title.common-title {
    font-weight: 700;
    font-size: 15px
}

.category-categoryImageType13 .category-item-box {
    background: #2196f3;
    border-radius: 6px;
    padding: 10px !important
}

.category-categoryImageType13 .category-item-box>a {
    display: block
}

.category-categoryImageType13 .category-item-box figure {
    display: inherit
}

.category-categoryImageType13 .category-item-box .content-cate {
    flex: 7 !important
}

.category-categoryImageType13 .category-item-box .content-cate h4 {
    line-height: 22px;
    text-align: left;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase
}

.category-categoryImageType13 .category-item-box:hover {
    background: #2196f3 !important
}

.category-categoryImageType13 .category-item-box:hover .content-cate a {
    color: #fff !important
}

.frame-cotphai {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.frame-cotphai>.panel-heading {
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    padding: 0
}

.frame-cotphai>.panel-heading>.panel-title {
    font-weight: 700;
    text-transform: uppercase;
    color: #2968bb
}

@media (width: 1024px) {
    .frame-cotphai>.panel-heading>.panel-title {
        font-size: 14px
    }

    .frame-cotphai>.panel-heading>.panel-title img.icon-frame {
        display: none
    }
}

.frame-cotphai>.panel-body {
    padding: 15px 0 0 0
}

.frame-kq {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    border: none
}

.frame-kq>.panel-heading {
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    text-align: center;
    padding: 0
}

.frame-kq>.panel-heading>.panel-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 24px
}

.frame-kq>.panel-body {
    padding: 5px 0 0 0
}


@media (min-width: 769px) {
    .table-thongke-home .frame-kq {
        margin-bottom: 0
    }
}

.tab-direct-operator {
    margin-bottom: 15px
}

.tab-direct-operator .nav-tabs {
    border-bottom: none;
    background-color: #2196f3;
    border-radius: 2px
}

.tab-direct-operator .nav-tabs>li>a {
    border-radius: 0;
    margin-right: 0;
    line-height: 36px;
    padding: 0 12px;
    color: #fff;
    opacity: .5;
    text-transform: uppercase;
    border: none;
    font-weight: 700
}

.tab-direct-operator .nav-tabs>li.active>a,
.tab-direct-operator .nav-tabs>li.active>a:hover,
.tab-direct-operator .nav-tabs>li.active>a:focus {
    background-color: transparent;
    color: #fff;
    opacity: 1;
    border: none
}

.tab-direct-operator .nav-tabs>li>a:hover {
    background-color: transparent;
    color: #fff;
    opacity: 1;
    border: none
}

.tab-direct-operator .container-fluid {
    padding: 15px 0 0 0
}

@media (max-width: 768px) {
    .fancybox-skin {
        padding: 10px !important
    }

    .fancybox-close {
        background-image: url(/3rdparty/jQuery/fancybox/fancybox_sprite.png) !important;
        background-size: unset !important
    }

    .fancybox-nav.fancybox-next span {
        background-image: url(/3rdparty/jQuery/fancybox/fancybox_sprite.png) !important;
        background-position: 0 -70px !important;
        background-size: unset !important;
        visibility: inherit;
        right: 0 !important
    }

    .fancybox-nav.fancybox-prev span {
        background-image: url(/3rdparty/jQuery/fancybox/fancybox_sprite.png) !important;
        background-position: 0 -35px !important;
        background-size: unset !important;
        visibility: inherit;
        left: 0 !important
    }

    .tab-direct-operator.table-news-home .container-fluid {
        padding: 15px
    }

    .slide-video-type1 .owl-theme .owl-nav {
        display: block !important;
        top: 50% !important;
        margin-top: -10px !important;
        left: 0;
        right: 0 !important
    }

    .slide-video-type1 .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        left: 5px
    }

    .slide-video-type1 .owl-carousel .owl-nav .owl-next {
        position: absolute;
        right: 5px
    }

    .overhidden.overflow-hidden.body-menu-action .navigation-menu-default-type1.has-fix-menu-default-type1>.navbar-default {
        position: relative
    }
}

@media (max-width: 768px) and (min-width: 544px) {
    .highLight-slide1-photo .list-items {
        display: block !important
    }

    .highLight-slide1-photo .list-items .bx-pager-container {
        max-height: 330px;
        overflow: scroll
    }
}

@media (min-width: 992px) {
    .article-news-listType5 .post-image {
        width: 50% !important
    }

    .article-news-listType5 .post-image:hover {
        opacity: .7
    }
}

@media (min-width: 992px) {
    .article-news-listType5 .artilce-info {
        float: left;
        width: calc(50% - 15px)
    }
}

.article-news-listType5 .time-news {
    font-size: 13px;
    margin-bottom: 5px;
    color: #707070
}

.table-news-home .tab-content {
    background-color: #fff;
    padding: 0 15px 15px 15px
}

@media (min-width: 992px) {
    .article-news-listType5 .artilce-info {
        width: 50%
    }

    .article-news-listType5 .article-brief {
        -webkit-line-clamp: 4 !important
    }

    .highLight-slide1 .slide-caption-wrap .img-new a img {
        height: 290px !important
    }
}

.article-news-listType5 .article-title:hover {
    text-decoration: none !important;
    color: #2196f3 !important
}

.article-news-listType5.article-news-2 .common-title {
    display: block;
    position: relative;
    padding-left: 12px;
    text-align: justify
}

.article-news-listType5.article-news-2 .common-title:before {
    content: "";
    background-color: #2968bb;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 8px;
    left: 0
}

.article-news-listType5.article-news-2 .article-title .title-news {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 20px;
    height: 40px
}

.table-chinhtri-home {
    padding-bottom: 20px
}

.table-chinhtri-home .article-news-listType55 .artilce-info h4 {
    margin-bottom: 0
}

.table-chinhtri-home .article-news-listType55 .artilce-info .article-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 0;
    text-align: justify
}

@media (max-width: 375px) {
    .table-chinhtri-home .article-news-listType55 .artilce-info .article-title {
        -webkit-line-clamp: 3
    }
}

.category-icon-box.iconType1>.category-icon-box-inner {
    display: flex;
    flex-wrap: wrap
}

.category-icon-box.iconType1 .category-item-box .bg-overlay {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important
}

.category-icon-box.iconType1 .category-item-box .bg-overlay span.ml-20 {
    display: none
}

.article-news-listType5.article-news-2:not(:nth-last-of-type(1)) {
    border-bottom: 1px dashed #e0e0e0 !important
}

.category-image-type-bd {
    background-color: #2196f3;
    padding: 15px;
    border-radius: 6px
}

@media (max-width: 1024px) {
    .category-image-type-bd {
        padding: 10px
    }
}

.category-image-type-bd .item-category>a {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.category-image-type-bd .item-category .img-cate {
    display: inline-block;
    width: 20px;
    margin-right: 10px
}

@media (width: 1024px) {
    .category-image-type-bd .item-category .img-cate {
        width: 20px
    }
}

.category-image-type-bd .item-category .article-info {
    display: inline-block;
    width: calc(100% - 47px);
    text-align: justify;
    border-bottom: 1px solid #fff;
    padding-top: 0;
    padding-bottom: 8px;
    color: #fff
}

@media (width: 1024px) {
    .category-image-type-bd .item-category .article-info {
        width: calc(100% - 35px)
    }
}

.category-image-type-bd .item-category:last-of-type {
    margin-bottom: 0
}

.category-image-type-bd .item-category:last-of-type>a {
    margin-bottom: 0
}

.category-image-type-bd .item-category:last-of-type .article-info {
    border-bottom: none
}

.frame-chuyendoiso {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 15px
}

.frame-chuyendoiso>.panel-heading {
    display: none
}

.frame-chuyendoiso>.panel-body {
    padding: 0
}

.frame-chuyendoiso>.panel-body .category-image-type-bd .item-category>a {
    margin-bottom: 10px
}

.frame-chuyendoiso>.panel-body .category-image-type-bd .item-category .img-cate {
    width: 20px
}

.frame-chuyendoiso>.panel-body .category-image-type-bd .item-category .article-info {
    padding-bottom: 9px
}

.frame-chuyendoiso>.panel-body .category-image-type-bd .item-category:last-of-type>a {
    margin-bottom: 0
}

.wrapper-change-title-phone {
    display: block !important;
    background-color: #fc0100;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    border: none !important;
    margin-top: 0 !important;
    color: #fff
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .wrapper-change-title-phone {
        padding: 10px !important;
        text-align: center
    }
}

@media (max-width: 991px) {
    .wrapper-change-title-phone {
        text-align: center
    }
}

.wrapper-change-title-phone .title-phone {
    text-transform: uppercase;
    font-style: italic
}

.wrapper-change-title-phone i.fas {
    color: #fff !important
}

.wrapper-change-title-phone a.contact-phone {
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .wrapper-change-title-phone a.contact-phone {
        display: block !important
    }
}

.wrapper-change-title-phone a.contact-phone:hover {
    color: #fff
}

.video-highlight-type1 .box-video-play .playlist-none video {
    width: 100% !important;
    height: 100% !important
}

.video-highlight-type1 .list-video-item-inner .item-video h3.video-title a {
    padding-left: 15px
}

.thongke-dtu-home body {
    margin: 0 !important
}

.category-list-tree ul li {
    padding: 5px 0 !important
}


.category-list-tree>div>.list-item li .item-link {
    font-size: 14px !important
}

.frame-chung {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative
}

.frame-chung>.panel-heading {
    background-color: transparent;
    border-bottom: none;
    padding: 0;
    line-height: 38px;
    display: block
}

.frame-chung>.panel-heading>.panel-title a {
    display: inline-block;
    background-color: #2968bb;
    line-height: 38px;
    padding-right: 20px;
    padding-left: 15px;
    border-radius: 0 50px 50px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

@media (min-width: 1200px) {
    .frame-chung>.panel-heading>.panel-title a {
        min-width: 270px
    }
}

@media (max-width: 1199px) {
    .frame-chung>.panel-heading>.panel-title a {
        width: 100%
    }
}

@media (width: 1024px) {
    .frame-chung>.panel-heading>.panel-title a {
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.frame-chung>.panel-body {
    padding: 15px 0 0 0
}

.frame-chung>.panel-body .send-qa {
    position: absolute;
    top: 0;
    right: 12px
}

.frame-chung>.panel-body .send-qa a {
    display: block;
    line-height: 36px;
    color: #fff
}

.frame-chung>.panel-body .send-qa a:hover {
    text-decoration: underline
}

.frame-tinlquan {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative
}

.frame-tinlquan>.panel-heading {
    background-color: transparent;
    border-bottom: none;
    padding: 0;
    line-height: 38px;
    display: block
}

.frame-tinlquan>.panel-heading>.panel-title {
    display: inline-block;
    background-color: #2968bb;
    line-height: 38px;
    padding-right: 20px;
    padding-left: 15px;
    border-radius: 0 50px 50px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.frame-tinlquan>.panel-body {
    padding: 15px 0 0 0
}

.article-news-slide-default .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -42px;
    right: 0
}

@media (max-width: 991px) {
    .article-news-slide-default .owl-theme .owl-nav {
        top: -45px;
        right: 20px
    }
}

.article-news-slide-default .owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #f2f6fb;
    border: 1px solid #e5e5e5;
    border-radius: 5.5px;
    color: #b4b8bc
}

.article-news-slide-default .owl-theme .owl-nav [class*=owl-]:hover {
    border-color: #2968bb;
    color: #2968bb;
    background-color: #f2f6fb
}

.article-news-slide-default .owl-carousel .owl-nav .owl-next {
    margin-left: 7px
}

.article-news-slide-default .article-news-slide img.post-image {
    border-radius: 6px
}

.article-news-slide-default .article-news-slide .article-title {
    -webkit-line-clamp: 3 !important;
    font-weight: normal;
    text-align: justify
}

.tab-live-home.tab-direct-operator {
    position: relative
}

.tab-live-home.tab-direct-operator .send-qa {
    position: absolute;
    top: 0;
    right: 12px
}

.tab-live-home.tab-direct-operator .send-qa a {
    display: block;
    line-height: 36px;
    color: #fff
}

.tab-live-home.tab-direct-operator .send-qa a:hover {
    text-decoration: underline
}

@media (max-width: 544px) {
    .tab-live-home.tab-direct-operator .send-qa {
        position: relative;
        top: unset;
        right: unset
    }

    .tab-live-home.tab-direct-operator .send-qa a {
        background-color: #2196f3;
        padding: 0 10px;
        line-height: 26px;
        border-radius: 3px;
        display: inline-block
    }
}

.slide-video-type1 {
    position: relative
}

.slide-video-type1 .owl-theme .owl-nav [class*=owl-] {
    background-color: #fff;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
    border-radius: 50%;
    color: #2196f3
}

.slide-video-type1 .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #fff;
    color: #2196f3
}

.slide-video-type1 .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -43px;
    right: 10px
}

.slide-video-type1 .owl-carousel .owl-nav .owl-prev {
    margin-right: 5px
}

.list-qa-type1 .item-block {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e0e0e0
}

.list-qa-type1 .item-block .article-title {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal
}


.slide-ablum-type2 .owl-theme .owl-nav [class*=owl-] {
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    font-size: 13px !important;
    color: #2196f3 !important
}

.slide-ablum-type2 .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #fff !important
}

.article-album-type2 .img-hover .img-hover_inner a {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 14px !important
}

.category-list-categoryType {
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 6px
}

@media (min-width: 992px) {
    .category-list-categoryType {
        padding: 20px
    }
}

@media (min-width: 545px) {
    .category-list-categoryType ul.navi-list {
        display: inline-flex;
        flex-wrap: wrap
    }
}

.category-list-categoryType ul.navi-list>li {
    margin-bottom: 10px
}

@media (min-width: 545px) {
    .category-list-categoryType ul.navi-list>li {
        width: 33.3333333333%
    }
}


.frame-chung.frame-tthc>.panel-heading {
    border-radius: 2px 2px 0 0
}

@media (max-width: 544px) {
    .frame-chung.frame-tthc>.panel-heading {
        background: #2968bb;
        border-radius: 0 50px 50px 0
    }

    .frame-chung.frame-tthc>.panel-heading>.panel-title {
        display: block
    }
}

.frame-chung.frame-tthc .panel-heading .panel-collapse {
    color: #Fff !important;
    margin-right: 20px !important
}

.frame-chung.frame-tthc>.panel-body {
    padding: 15px 0 0 0
}

@media (min-width: 1200px) {
    .container {
        width: 1200px
    }
}

@media (min-width: 1366px) {
    .container {
        width: 1320px
    }
}

.frame-chung.frame-tthc.frame-website>.panel-body {
    padding: 0
}

.tab-website-link .nav-tabs>li>a {
    border: none;
    margin-right: 0;
    padding: 10px 0;
    position: relative;
    color: #2196f3
}

.tab-website-link .nav-tabs>li>a:before {
    content: "";
    background: #2196f3;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 3px;
    opacity: 0
}

.tab-website-link .nav-tabs>li {
    margin: 0 10px
}

.tab-website-link .nav-tabs>li.active>a,
.tab-website-link .nav-tabs>li.active>a:hover,
.tab-website-link .nav-tabs>li.active>a:focus {
    font-weight: 700;
    border: none;
    color: #2196f3
}

.tab-website-link .nav-tabs>li.active>a:before,
.tab-website-link .nav-tabs>li.active>a:hover:before,
.tab-website-link .nav-tabs>li.active>a:focus:before {
    opacity: 1
}

.tab-website-link .nav>li>a:hover,
.tab-website-link .nav>li>a:focus {
    background-color: transparent;
    font-weight: 700
}

.tab-website-link .nav>li>a:hover:before,
.tab-website-link .nav>li>a:focus:before {
    opacity: 1
}

.tab-website-link .container-fluid {
    padding: 15px 10px
}

.tab-website-link .category-list-categoryType ul.navi-list>li:nth-of-type(even) {
    padding-left: 0
}

.tab-website-link .frame-chung.frame-tthc {
    border: none
}

.tab-website-link .frame-chung.frame-tthc>.panel-heading {
    display: none
}

.tab-website-link .frame-chung.frame-tthc>.panel-body {
    padding: 0
}

.hotline-support-home {
    padding: 20px 15px;
    border: 1px solid #e0e0e0;
    text-align: center;
    margin-bottom: 10px
}

.hotline-support-home .hotline {
    margin-bottom: 5px;
    font-weight: 700
}

.hotline-support-home .hotline .title-hotline {
    margin-right: 7px;
    text-transform: uppercase;
    color: #0e62ff
}

.hotline-support-home .hotline .sdt {
    color: #F00
}

.frame-chung.frame-thongke {
    border: 1px solid #e0e0e0;
    border-radius: 2px
}

.frame-chung.frame-thongke>.panel-heading {
    border-radius: 2px 2px 0 0
}

.frame-chung.frame-thongke>.panel-body {
    padding: 15px
}

.table-trangtrong {
    background-color: #fff;
    padding: 15px
}

.pathway-category ol.breadcrumb {
    margin-bottom: 15px
}

@media (width: 1024px) {
    .frame-thongtintracuu>.panel-heading {
        padding: 10px 9px
    }

    .tab-direct-operator .nav-tabs>li>a {
        text-transform: none;
        padding: 0 8px
    }

    .frame-chung>.panel-heading>.panel-title img.icon-frame {
        display: none
    }

    .table-chidao-home .frame-chung>.panel-heading>.panel-title {
        font-size: 13px
    }

    .frame-thongtintracuu>.panel-heading>.panel-title {
        font-size: 13px
    }

    .frame-thongtintracuu>.panel-heading>.panel-title img.icon-frame {
        display: none
    }

    .lis-news-tab-type1 {
        max-height: 300px;
        overflow-y: scroll
    }

    .article-news-listType55 .img-news {
        width: calc(40% - 15px) !important
    }

    .article-news-listType55 .artilce-info {
        width: 60% !important
    }
}

.input-title-news>.input-group {
    width: 100%
}

.tab-direct-operator.table-mobile .nav-tabs {
    background: #2196f3 !important
}

.tab-direct-operator.table-mobile .nav-tabs li.active a {
    background: none !important;
    color: #fff !important
}

.tab-direct-operator.table-mobile .nav-tabs li a {
    text-transform: uppercase;
    border-right: none !important
}

.tab-direct-operator.table-mobile .tab-content {
    padding: 0 !important
}

.tab-website-link.table-mobile .nav-tabs {
    background: none !important
}

.tab-website-link.table-mobile .nav-tabs li.active a {
    color: #2196f3 !important
}

.frame-qa {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0
}

.frame-qa>.panel-heading {
    background-color: transparent;
    border-bottom: none;
    border-radius: 0;
    padding: 0
}

.frame-qa>.panel-heading>.panel-title {
    display: inline-block;
    padding: 10px 0;
    margin-left: 15px;
    border-bottom: 2px solid #2196f3;
    text-transform: uppercase
}

.menu-db-web-home ul.categoryType2>li>a {
    padding: 10px 0 10px 20px;
    font-size: 16px;
    font-weight: 500;
    display: block
}

.menu-db-web-home ul.categoryType2 ul.level_2 {
    margin-left: 10px;
    padding-top: 5px
}

@media (min-width: 992px) {
    .menu-db-web-home ul.categoryType2 ul.level_2 {
        display: flex;
        flex-wrap: wrap
    }

    .menu-db-web-home ul.categoryType2 ul.level_2>li {
        width: 50%
    }
}



.menu-db-web-home ul.categoryType2 .panel-default>.panel-heading {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    display: block
}

.menu-db-web-home ul.categoryType2 .panel-default>.panel-heading h4.panel-title {
    font-size: 14px;
    font-weight: normal
}


.menu-db-web-home ul.categoryType2 .panel-default>.panel-heading h4.panel-title a.item-lv1:hover {
    color: #333
}

.menu-db-web-home ul.categoryType2 .panel-body-content {
    padding: 0
}

.menu-db-web-home ul.level_3 {
    margin-left: 10px
}

.menu-db-web-home ul.level_3 li a {
    display: block;
    white-space: normal;
    padding: 5px 0 5px 8px;
    position: relative;
    font-size: 13px
}

.menu-db-web-home ul.level_3 li a:before {
    content: "-";
    position: absolute;
    top: 4px;
    left: 0;
    width: 2px;
    height: 1px
}

.menu-db-web-home ul.level_3 li.active a {
    color: #2196f3
}

.menu-db-web-home .categoryType2 .panel-heading-title a.button {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #333
}

.menu-db-web-home .categoryType2 .panel-heading-title a.button:before {
    margin: 0;
    background: none;
    content: "\f107";
    display: inline-block;
    font: normal normal 900 16px/1 "Font Awesome 5 Free", sans-serif;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0
}

.categoryType2 .panel-heading-title.active a.button:before {
    content: "\f106"
}

.menu-db-web-home ul.categoryType2 li.active .panel-default>.panel-heading h4.panel-title>a {
    color: #2196f3
}


.header-commerce-type7 .banner-top .logo img {
    max-width: 500px
}

@media (max-width: 1199px) {
    .header-commerce-type7 .banner-top .logo img {
        max-width: 450px
    }
}

@media (max-width: 1199px) and (max-width: 991px) {
    .header-commerce-type7 .banner-top .logo img {
        max-width: 350px
    }
}

.langue-bd select {
    border: none;
    background: none;
    height: 30px;
    color: #fff;
    outline: none
}

.langue-bd select option {
    color: #333;
    height: 24px
}

.table-marquee-news {
    background-color: #f2f6fb
}

.table-home {
    padding-top: 20px;
    padding-bottom: 20px
}

.table-home .slide-default {
    border-radius: 6px;
    overflow: hidden
}

.table-home .slide-default .wowslider-dodgy:hover .ws_fullscreen {
    display: none
}

.table-home .slide-default .wowslider-dodgy .ws_images .ws_bullets,
.table-home .slide-default .wowslider-dodgy .ws_playpause {
    display: none
}

.table-home>.col-right .frame-thongtintracuu>.panel-body {
    padding-bottom: 10px;
    padding-top: 12px
}

.article-news-slide-type-4 {
    overflow: hidden
}

.article-news-slide-type-4 .article-news-slide.article-item figure.post-image {
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 15px
}

.article-news-slide-type-4 .article-news-slide.article-item .entry-content .time-new {
    font-size: 12px;
    color: #a1a1a1
}

.article-news-slide-type-4 .article-news-slide.article-item .entry-content .title-news a {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.article-news-slide-type-4 .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-16px)
}

.article-news-slide-type-4 .owl-theme .owl-nav [class*=owl-] {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: 32px;
    height: 32px;
    position: absolute;
    left: -16px;
    top: 50%;
    display: inline-block;
    transition: all 0.4s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    visibility: hidden;
    opacity: 0
}

.article-news-slide-type-4 .owl-theme .owl-nav [class*=owl-]>span {
    color: #000;
    font-size: 20px
}

.article-news-slide-type-4 .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent
}

.article-news-slide-type-4 .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -16px
}

.article-news-slide-type-4 .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -16px;
    left: auto
}

.article-news-slide-type-4:hover .owl-carousel .owl-nav div {
    opacity: 1;
    visibility: visible;
    left: 10px
}

.article-news-slide-type-4:hover .owl-carousel .owl-nav div.owl-next {
    right: 10px;
    opacity: 1;
    left: auto
}

.tab-news-hot-home .nav-tabs {
    background-color: #2968bb;
    padding-top: 7px;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 7px 7px 0 0;
    border-bottom: none;
    display: flex;
    flex-wrap: wrap
}

.tab-news-hot-home .nav-tabs>li {
    margin-bottom: 0;
    width: 50%;
    padding: 0 2px
}

.tab-news-hot-home .nav-tabs>li>a {
    padding: 0 5px 0 22px;
    line-height: 32px;
    display: block;
    border: none;
    color: #fff;
    opacity: .7;
    font-size: 15px;
    text-transform: uppercase;
    margin-right: 0
}





.tab-news-hot-home .nav-tabs>li.active>a,
.tab-news-hot-home .nav-tabs>li.active>a:hover,
.tab-news-hot-home .nav-tabs>li.active>a:focus {
    border: none;
    color: #2968bb;
    font-weight: 700;
    background-color: #fff !important;
    opacity: 1
}



.tab-news-hot-home .container-fluid {
    padding: 15px 0
}

.tab-news-hot-home .lis-news-tab-type1 .article-title a {
    color: #004D8C
}

.tab-news-hot-home .lis-news-tab-type1 .article-title a:hover {
    color: #C81D31
}

.tab-news-hot-home.table-mobile .nav-tabs {
    background-color: #2968bb !important;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px
}



.tab-news-hot-home.table-mobile .tab-content {
    padding: 0 !important
}

.item-news-mobi .cont-news .common-title .time-news {
    display: none
}

@media (min-width: 769px) {
    .article-news.article-news-scroll .col-left {
        width: 275px;
        padding-right: 0
    }

    .article-news.article-news-scroll .col-right {
        width: calc(100% - 275px)
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav li .dropdown-menu>li>a {
        border-bottom: 1px dashed #ebebeb
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav li .dropdown-menu>li:last-of-type>a {
        border-bottom: none
    }

    .navigation-menu-default-type1 .navbar-default {
        background: #2968bb
    }

    .navigation-menu-default-type1 .navbar-collapse .navbar-nav>li>a {
        text-transform: uppercase;
        font-size: 15px;
        padding: 14px 15px
    }

    .tabe-news-home .intro-html-leader {
        display: none
    }

    .slide-ablum-type2 .owl-carousel .owl-nav .owl-prev {
        right: 25px;
        left: unset !important
    }

    .slide-ablum-type2 .owl-carousel .owl-nav .owl-next {
        right: 0 !important
    }

    .slide-ablum-type2 .owl-theme .owl-nav {
        top: -40px !important;
        left: unset !important;
        right: 10px !important;
        margin-top: 0 !important
    }

    .article-news-default .article-img {
        overflow: hidden;
        padding-right: 0 !important
    }

    .article-news-default .article-img img {
        transition: all 500ms
    }

    .article-news-default .article-img img:hover {
        transform: scale(1.1)
    }

    .article-news-default .article-right {
        padding-left: 10px
    }

    .navigation-menu-default-type1 .navbar-default>div>div .link-right.desktop {
        display: flex !important;
        height: 30px
    }
}

@media (min-width: 545px) {
    .frame-tthc>.panel-heading>.panel-collapse>i {
        display: none
    }
}

@media (max-width: 768px) {
    .header-commerce-type7 {
        display: none
    }

    .navigation-menu-default-type1.navigation-menu-type3 {
        padding: 15px 0
    }

    .navigation-menu-default-type1.navigation-menu-type3 .has-link-right .navbar-header .right-mobile .btn-open-search {
        color: #2196f3
    }

    .navigation-menu-default-type1.navigation-menu-type3 .has-link-right .navbar-header .right-mobile .search-mobile .search-type-2 .search-input-group input {
        box-shadow: 0px 0px 3px 0px #9d9d9d8a
    }

    .navigation-menu-default-type1.navigation-menu-type3 .has-link-right .navbar-header .right-mobile .search-mobile .search-type-2 .input-group-btn {
        overflow: initial
    }

    .navigation-menu-default-type1.navigation-menu-type3 .intestine-collapse .link-right.mobile {
        padding-left: 10px !important
    }

    .navigation-menu-default-type1.navigation-menu-type3 .intestine-collapse .search-type-2 {
        padding-left: 10px
    }

    .navigation-menu-default-type1.navigation-menu-type3 .intestine-collapse .search-type-2 .block-core-a5 .search-form .search-input-group .input-group input {
        width: 230px
    }

    .navigation-menu-default-type1.navigation-menu-type3 .navbar-default {
        background: none;
        box-shadow: none
    }

    .navigation-menu-default-type1.navigation-menu-type3 .navbar-header {
        background: none !important
    }

    .navigation-menu-default-type1.navigation-menu-type3 .has-link-right {
        margin: 0
    }

    .navigation-menu-default-type1.navigation-menu-type3 .navbar-brand img {
        max-height: 70px
    }

    .navigation-menu-default-type1.navigation-menu-type3 .right-mobile a.cart-header {
        display: none
    }

    .navigation-menu-default-type1.navigation-menu-type3 .right-mobile a.btn-open-search {
        margin-right: 0;
        color: #fff
    }

    .navigation-menu-default-type1.navigation-menu-type3.has-fix-menu-default-type1 .navbar-default {
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px 0px, rgba(0, 0, 0, 0.14) 0px 0px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px
    }

    .navigation-menu-default-type1.navigation-menu-type3.has-fix-menu-default-type1 .right-mobile a.btn-open-search {
        color: #2196f3
    }

    .tabe-news-home .intro-html-leader {
        display: block
    }

    .menu-tuyensinh-home,
    .frame-cottrai {
        display: none
    }

    .table-home>.col-left .intro-html-leader {
        display: none
    }

    .highLight-slide1 .bx-wrapper .bx-controls-direction a {
        top: 27%
    }

    .slide-ablum-type2 .owl-theme .owl-nav {
        margin-top: -10px !important;
        display: block !important
    }

    .link-default>ul.clearfix>li>a {
        padding: 0 15px !important
    }
}

.postQAList ul.qaListItem h4.postTitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.postQAList ul.qaListItem h4.postTitle a {
    color: #333
}

.postQAList ul.qaListItem h4.postTitle a:hover {
    color: #2196f3
}

.postQAList ul.qaListItem .content-column .reply {
    color: #0000ff;
    font-weight: 600
}

.postQAList .box-search .col-md-4 {
    padding-left: 0
}

.postQAList .box-search .col-md-4 .combobox {
    width: 100%
}

.postQAList .box-search .col-md-8 {
    padding-right: 0
}

.video-album-row .section-grid>.row {
    display: flex;
    flex-wrap: wrap
}

.aritcle-source .status-link {
    display: none
}

@media (max-width: 767px) {
    .link-default>ul.clearfix>li>a span.title-link {
        display: unset !important
    }
}

@media (min-width: 544px) and (max-width: 768px) {
    .table-home>.col-right {
        width: 100%
    }

    .table-home>.col-left {
        width: 100%
    }

    .article-news-default .article-title {
        margin-top: 0
    }

    .highLight-slide1 .bx-pager-container {
        max-height: 400px;
        overflow-y: auto
    }

    .article-news-default .show-left {
        float: left
    }

    .article-news-default .article-img img {
        max-width: 200px
    }

    .article-news-default .article-right {
        max-width: calc(100% - 210px);
        float: left
    }

    .intro-html-leader>a .img-leader {
        min-width: 60px
    }

    .category-list-categoryImageType13 .category-inner-item {
        width: 50%;
        margin-bottom: 20px !important
    }

    .category-categoryImageType13 .category-item-box {
        min-height: 88px
    }

    .article-news-listType5 .post-image {
        width: 40% !important
    }
}

.article-news-listType7 .article-title {
    -webkit-line-clamp: 3 !important;
    text-align: justify
}

.page-cms-wrappe #whole-page {
    min-height: initial
}

@media (min-width: 545px) {
    .frame-db-website {
        display: none
    }
}

@media (max-width: 544px) {

    .new-detail-layout-type-2 .block-core-a5 .previews-iframe,
    .new-detail-layout-type-2 .block-core-a5 embed,
    .new-detail-layout-type-2 .block-core-a5>div.mb-10.text-bold[style="color: #555;"] {
        display: none
    }

    .frame-thongtintracuu {
        margin-bottom: 10px
    }

    .frame-thongtintracuu .icon-frame {
        max-width: 24px
    }

    .frame-thongtintracuu>.panel-body {
        padding-top: 15px !important
    }

    .frame-ds-website {
        display: none
    }

    .category-icon-box.iconType1 {
        display: flex;
        flex-wrap: wrap
    }

    .category-icon-box.iconType1 .category-icon-box-inner {
        margin: 0 -5px
    }

    .category-icon-box.iconType1 .category-item-box {
        margin-bottom: 10px !important
    }

    .category-icon-box.iconType1 .category-inner-item {
        width: 50%;
        padding: 0 5px
    }

    .category-icon-box.iconType1 .category-item-box .bg-overlay {
        min-height: unset !important
    }

    .article-news-slide-type-4 .article-news-slide.article-item .entry-content .title-news a {
        display: block;
        margin-bottom: 10px
    }

    #whole-page.container {
        padding: 0 10px
    }

    .row {
        margin: 0 -10px
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12,
    .container {
        padding: 0 10px
    }

    .navigation-menu-default-type1.navigation-menu-type3 .right-mobile {
        right: 10px
    }

    .form-reflect-people h2.title-form {
        font-size: 20px
    }

    .form-reflect-people .control-label {
        text-align: left !important
    }

    .govform-dn h2.title-form {
        font-size: 20px
    }

    .govform-dn .control-label {
        text-align: left !important
    }

    .table-trangtrong {
        padding: 10px
    }

    .article-news-listType5 .post-image {
        width: 100% !important;
        margin-bottom: 15px
    }

    .html-footer {
        text-align: left !important
    }

    .navigation-menu-default-type1.navigation-menu-type3 .has-link-right {
        margin: 0 -10px
    }

    .frame-chung.frame-tthc.frame-website.frame-destop-website {
        display: none
    }

    .frame-chung.frame-tthc {
        margin-bottom: 10px
    }

    .link-default>ul.clearfix>li>a {
        padding: 0 5px !important
    }

    .category-default ul.list-menu li a {
        padding: 0 10px
    }

    #backToTop {
        bottom: 70px
    }
}

@media (max-width: 480px) {
    .navigation-menu-default-type1.navigation-menu-type3 .navbar-header .left-mobile button.navbar-toggle {
        background: transparent
    }

    .navigation-menu-default-type1.navigation-menu-type3 .navbar-brand img {
        max-height: 55px
    }
}

@media (max-width: 375px) {
    .navigation-menu-default-type1.navigation-menu-type3 .navbar-brand img {
        max-height: 48px
    }

    .default-pagination a,
    .default-pagination span {
        min-width: 25px;
        height: 25px;
        font-size: 12px;
        margin: 0 2px;
        padding: 1px 5px
    }

    .new-detail-layout-type-2 .social-connect .article-network-share {
        height: unset !important
    }

    .bt-read-news,
    .btn-luu {
        margin-top: 15px !important
    }
}

@media (width: 375px) {
    .article-network-share .facebook {
        margin-right: 0 !important
    }

    .article-network-share .bt-read-news,
    .article-network-share .btn-luu {
        margin-top: -10px !important
    }
}

.detail-template {
    background: #fff;
    padding: 15px;
    margin-top: 0
}

.detail-template .top-right-mau {
    padding: 0 !important;
    margin-bottom: 15px
}

.detail-template .bottom-right-mau {
    margin-bottom: 15px
}

.detail-template .bottom-right-mau .comment {
    display: none
}

.detail-template .bottom-right-mau .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.detail-template .bottom-right-mau.relateWebsite .title {
    text-transform: uppercase
}

.detail-template .bottom-right-mau.relateWebsite .relateItems {
    padding: 0 !important
}

.menu-tuyensinh-home ul.level_3 li a {
    color: #fff
}

.frame-person {
    background-color: transparent;
    border-radius: 0 !important;
    box-shadow: none;
    border: none;
    margin-bottom: 15px !important
}

.frame-person .panel-heading {
    background-color: transparent;
    border-bottom: none;
    padding: 0;
    border-radius: 0
}

.frame-person .panel-heading>.panel-title {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 2px solid #2196f3;
    font-size: 18px;
    text-transform: uppercase;
    color: #2196f3;
    outline: none
}

.frame-person .panel-heading>.panel-title a:focus {
    outline: none;
    text-decoration: none
}

.frame-person .panel-body {
    padding: 15px 0 0 0
}

.article-person-detail-type2 h1.title-person {
    font-size: 22px;
    font-weight: 700;
    margin-top: 0
}

.article-person-detail-type2 .nav-tabs {
    border-bottom: 1px solid #2196f3
}

.article-person-detail-type2 .nav-tabs>li>a {
    font-size: 16px;
    padding: 10px 15px;
    margin-right: 5px;
    border-radius: 7px 7px 0 0;
    color: #2196f3;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    border: none
}

.article-person-detail-type2 .nav-tabs>li.active>a,
.article-person-detail-type2 .nav-tabs>li.active>a:hover,
.article-person-detail-type2 .nav-tabs>li.active>a:focus {
    border: none;
    background-color: #2196f3;
    color: #fff
}

.article-person-detail-type2 .nav>li>a:hover,
.article-person-detail-type2 .nav>li>a:focus {
    background-color: #2196f3;
    color: #fff
}

.article-person-detail-type2 .tab-product-detail .tab-pane {
    padding-top: 15px
}

.item-person.person-type1 {
    margin-bottom: 15px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important
}

.item-person.person-type1 .view-profile {
    display: none
}

.person-type1 .person-jobTitle {
    color: #333 !important;
    font-style: unset !important
}

.person-type1 .img-person img {
    border-radius: 0 !important;
    box-shadow: none !important
}

.person-type1 .article-title {
    font-size: 16px !important
}

.list-cate-person .list-item-lv2 {
    padding-top: 15px;
    border-top: 1px dashed #ebebeb
}

.list-cate-person .list-item-lv2 .title-cate-lv2 {
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
    padding-left: 10px
}

.list-cate-person .list-item-lv2 .title-cate-lv2:before {
    content: "";
    background-color: #333;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0
}

.list-cate-person .item-block {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ebebeb
}

.list-cate-person .item-block:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.list-cate-person .item-block .cont-cate .row.leaderBD-list {
    justify-content: center
}

.list-cate-person .item-block .cont-cate .row.row-leaderBD {
    justify-content: space-between
}

.list-cate-person .title-cate-person-lv1 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.brief-address-cate {
    padding: 15px;
    border: 1px dashed #2196f3;
    border-radius: 10px;
    text-align: center
}

.category-image-type-4 .item-category {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ebebeb;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.category-image-type-4 .item-category:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.category-image-type-4 .item-category .img-cate {
    float: left;
    width: 100px;
    margin-right: 15px
}

.category-image-type-4 .item-category .article-info {
    float: left;
    width: calc(100% - 115px)
}

.category-image-type-4 .item-category .article-info h4.category-title {
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.category-image-type-4 .item-category .article-info .brief-cate {
    font-size: 13px
}

.category-image-type-4 .item-category .article-info .brief-cate>p {
    margin-bottom: 5px
}

.table-list-new-account {
    background-color: #fff
}

.my-account-section {
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    margin-bottom: 15px
}

@media (min-width: 544px) {
    .my-account-section {
        padding: 0 30px 20px;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05)
    }
}

.my-account-section .my-account-section__header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #efefef;
    padding: 22px 0;
    height: 80px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.my-account-section .my-account-section__header-title {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem;
    color: #333;
    text-transform: capitalize
}

.my-account-section .my-account-section__header-subtitle {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #555;
    margin-top: 3px
}

.my-account-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 30px
}

.my-account-profile .my-account-profile__left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 50px
}

.my-account-profile .my-account-profile__right {
    width: 28rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-left: 1px solid #efefef
}

.my-account-profile .form-group__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.my-account-profile .form-group__wrapper .form-group__label {
    width: 20%;
    text-align: right;
    color: rgba(85, 85, 85, 0.8);
    text-transform: capitalize;
    overflow: hidden
}

.my-account-profile .form-group__wrapper .form-group__content {
    width: 80%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2rem
}

.my-account-profile .avatar-upload {
    width: 140px;
    color: #333;
    border-color: #979797
}

.wrapper-online-exchange-detail .fc-comment form {
    margin-bottom: 20px
}

.wrapper-online-exchange-detail .tab-content {
    padding: 0 !important
}

.wrapper-online-exchange-detail .wrapper-list-aq {
    padding: 10px;
    background-color: #fafac8
}

.wrapper-online-exchange-detail .wrapper-list-aq:nth-child(odd) {
    background-color: #fafafa
}

.wrapper-online-exchange-detail .wrapper-list-aq:nth-child(odd) .list-aq {
    background-color: #fafafa !important
}

.wrapper-online-exchange-detail .wrapper-list-aq .list-aq {
    border: none !important;
    background-color: #fafac8 !important
}

.wrapper-online-exchange-detail .wrapper-list-aq .list-aq .author-date .author {
    background: #2196f3 !important;
    color: #FFF
}

.wrapper-online-exchange-detail .wrapper-list-aq .list-aq .question {
    font-weight: 600
}

.wrapper-online-exchange-detail .wrapper-list-aq .answer {
    background: transparent !important;
    box-shadow: rgba(78, 76, 76, 0.32) 0px 0px 3px 1px;
    border: none !important
}

.wrapper-online-exchange-detail .wrapper-list-aq .answer .cmt-form-content {
    background: #FFF
}

.wrapper-online-exchange-detail .wrapper-list-aq .answer .cmt-form-content .error {
    margin-bottom: 0
}

.wrapper-online-exchange-detail .wrapper-list-aq .part-answer {
    background: transparent !important
}

@media (max-width: 375px) {
    .wrapper-online-exchange-detail .online-exchage .content .tab-content .list-aq .author-date {
        flex-direction: column;
        align-items: flex-start !important;
        margin-bottom: 0 !important
    }

    .wrapper-online-exchange-detail .online-exchage .content .tab-content .list-aq .author-date .author {
        margin-bottom: 10px
    }

    .wrapper-online-exchange-detail .online-exchage .title .logo img {
        max-width: 250px !important
    }
}

@media (max-width: 543px) {
    .wrapper-online-exchange-detail .wrapper-list-aq .list-aq .part-answer .contain-part-answer .avatar {
        min-width: 40px;
        max-width: 40px
    }
}

@media (max-width: 767px) {

    .article-legaldocument-detail-default .table-responsive>.table>thead>tr>th,
    .article-legaldocument-detail-default .table-responsive>.table>thead>tr>td,
    .article-legaldocument-detail-default .table-responsive>.table>tbody>tr>th,
    .article-legaldocument-detail-default .table-responsive>.table>tbody>tr>td,
    .article-legaldocument-detail-default .table-responsive>.table>tfoot>tr>th,
    .article-legaldocument-detail-default .table-responsive>.table>tfoot>tr>td {
        white-space: normal
    }
}

.article-legaldocument-detail-default .frame-ct-vb {
    margin-bottom: 15px
}

.article-legaldocument-detail-default .frame-ct-vb .panel-body {
    padding: 0 !important;
    padding-top: 15px !important
}

.article-legaldocument-detail-default .frame-ct-vb .panel-heading {
    background: none !important;
    border-radius: 0;
    border-bottom: none;
    padding: 0 !important;
    color: #333 !important
}

.article-legaldocument-detail-default .frame-ct-vb .panel-heading .panel-title {
    display: inline-block;
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700
}

.detail-drafttext-default .title.text-bold.h4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}

.frame-thongtintracuu {
    background-color: transparent;
    box-shadow: none;
    border-radius: 6px;
    border: none
}



@media (min-width: 1200px) and (max-width: 1366px) {
    .frame-thongtintracuu>.panel-heading {
        padding: 10px
    }
}

.frame-thongtintracuu>.panel-heading>.panel-title {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.frame-thongtintracuu>.panel-heading>.panel-title .icon-frame {
    width: 20px
}

@media (max-width: 1024px) {
    .frame-thongtintracuu>.panel-heading>.panel-title {
        font-size: 14px
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .frame-thongtintracuu>.panel-heading>.panel-title {
        font-size: 14px
    }
}

.frame-thongtintracuu>.panel-body {
    border: 1px solid #eee;
    border-radius: 0 0 6px 6px;
    border-top: none
}

@media (max-width: 1024px) {
    .frame-thongtintracuu>.panel-body {
        padding: 10px
    }
}

.frame-thongtintracuu .category-image-type-bd {
    background-color: transparent;
    padding: 0;
    border-radius: 0
}

.frame-thongtintracuu .category-image-type-bd .article-info {
    border-bottom: 1px solid #eee;
    color: #333
}

.frame-thongtintracuu .category-image-type-bd .article-info:hover {
    color: #2196f3
}

@media (min-width: 769px) {
    .table-chidao-home .article-news-listType55 .img-news {
        float: none !important;
        width: 100% !important;
        margin-right: 0;
        margin-bottom: 15px
    }

    .table-chidao-home .article-news-listType55 .artilce-info {
        float: none !important;
        width: 100% !important;
        text-align: justify;
        margin-bottom: 0
    }
}

.table-chidao-home .article-news-listType55 .artilce-info h4 {
    margin-bottom: 0
}

.highLightVideoType1 .embed-responsive-4by3 {
    padding-bottom: 57%
}

.highLight-slide1-photo {
    background-color: #FFF;
    border-radius: 6px;
    overflow: hidden
}

.highLight-slide1-photo .bxSlider-container {
    display: flex
}

.highLight-slide1-photo .bx-wrapper .bx-viewport {
    border: none;
    box-shadow: none;
    left: 0
}

.highLight-slide1-photo .bx-wrapper {
    margin-bottom: 0
}

.highLight-slide1-photo .slide-caption-wrap {
    position: relative;
    overflow: hidden
}

.highLight-slide1-photo .slide-caption-wrap .img-new a {
    display: block;
    overflow: hidden;
    position: relative
}

.highLight-slide1-photo .slide-caption-wrap .img-new a:after {
    content: "";
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
    width: 100%;
    height: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.highLight-slide1-photo .slide-caption-wrap .slide-caption-inner {
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9
}

.highLight-slide1-photo .slide-caption-wrap .slide-caption-inner .slide-caption-title a {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.highLight-slide1-photo .bx-wrapper .bx-controls-direction a {
    width: 26px;
    height: 26px;
    margin-top: -13px
}

@media (min-width: 768px) {
    .highLight-slide1-photo .slide-news {
        padding-right: 5px
    }

    .highLight-slide1-photo .list-items {
        padding-left: 5px;
        overflow: hidden
    }
}

.highLight-slide1-photo .bx-pager-container {
    height: 100%
}

.highLight-slide1-photo .bx-pager-container .bx-pager-inner {
    display: flex;
    flex-direction: column
}

.highLight-slide1-photo .bx-pager-container .bx-pager-inner>a {
    flex: 1
}

.highLight-slide1-photo .bx-pager-container .bx-pager-item-wrap {
    margin-bottom: 10px
}

.highLight-slide1-photo .bx-pager-container .bx-pager-item-wrap .bx-pager-img {
    overflow: hidden;
    opacity: .6
}

.highLight-slide1-photo .bx-pager-item.active .bx-pager-item-wrap .bx-pager-img {
    opacity: 1
}

.highLight-slide1-photo .bx-pager-item:last-of-type .bx-pager-item-wrap {
    margin-bottom: 0
}

.highLight-slide1-photo .bx-pager-container::-webkit-scrollbar {
    width: 3px
}

.highLight-slide1-photo .bx-pager-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.highLight-slide1-photo .bx-pager-container::-webkit-scrollbar-thumb {
    background-color: #2196f3;
    outline: 1px solid slategrey
}



.category-categoryType-tree2 {
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 6px
}

@media (min-width: 1025px) {
    .category-categoryType-tree2 {
        padding: 20px
    }
}

.category-categoryType-tree2 h4.category-title {
    margin-top: 0;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

@media (width: 1024px) {
    .category-categoryType-tree2 h4.category-title {
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .category-categoryType-tree2 h4.category-title {
        margin-bottom: 20px
    }
}

.category-categoryType-tree2 ul.navi-list li {
    margin-bottom: 10px
}



.category-categoryType-tree2 .btn-viewMore {
    text-align: right
}



.list-links {
    margin-bottom: 16px !important
}

.list-links:last-child {
    margin-bottom: 0 !important
}

.list-links .item-img {
    margin-bottom: 10px
}

.list-links .item-img>a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 40px;
    font-size: 15px
}

.list-links .item-img>a span.number-link {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #2196f3;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    margin-right: 10px
}

.list-links .item-img>a span.title-links {
    display: inline-block;
    width: calc(100% - 43px);
    border-bottom: 1px solid #eee
}

.statistic .statistic-info .statistic-content .statistic-left>div {
    padding: 8px 0 !important;
    border-bottom: none !important
}

.list-table-event-jobschedule table tbody tr td {
    vertical-align: middle
}

.list-table-event-jobschedule .botton-calender .source {
    display: flex;
    justify-content: space-between
}

@media (max-width: 543px) {
    .list-table-event-jobschedule .botton-calender .source {
        flex-direction: column
    }

    .list-table-event-jobschedule .botton-calender .source .source-second {
        margin-top: 20px
    }

    .list-table-event-jobschedule .botton-calender .source .source-first a {
        word-break: break-all
    }
}

.list-table-event-jobschedule .botton-calender .source .source-second>a {
    padding: 4px 7px 4px 7px;
    border: 1px solid #459300;
    background: #76b700;
    background: linear-gradient(180deg, #76b700 0%, #459300 100%);
    color: #FFF;
    margin-right: 10px
}

.list-table-event-jobschedule-print .table-responsive,
.list-table-event-jobschedule-print table,
.list-table-event-jobschedule-print tr,
.list-table-event-jobschedule-print td,
.list-table-event-jobschedule-print thead,
.list-table-event-jobschedule-print tbody,
.list-table-event-jobschedule-print th {
    border-color: #000 !important;
    border-width: 1px !important
}

@media screen {

    .header-print,
    .footer-print {
        display: none
    }
}

@media print {

    a[title="Giữ để di chuyển module, nhấn để cấu hình"],
    .region-top,
    .region-bottom {
        display: none
    }

    .list-table-event-jobschedule-print {
        font-family: serif;
        margin-top: 30px
    }

    .list-table-event-jobschedule-print * {
        color: #000 !important;
        font-size: 12.5pt !important
    }

    .list-table-event-jobschedule-print .source-second>a {
        padding: 4px 7px 4px 7px;
        border: 1px solid #459300;
        background: #76b700;
        background: linear-gradient(180deg, #76b700 0%, #459300 100%);
        color: #FFF !important;
        margin-right: 10px
    }

    .list-table-event-jobschedule-print .td-session,
    .list-table-event-jobschedule-print .time-lct {
        font-weight: 600
    }

    .list-table-event-jobschedule-print .title-cate {
        margin: 15px 0
    }

    .list-table-event-jobschedule-print tbody {
        vertical-align: middle
    }

    .list-table-event-jobschedule-print table,
    .list-table-event-jobschedule-print tr,
    .list-table-event-jobschedule-print td,
    .list-table-event-jobschedule-print th,
    .list-table-event-jobschedule-print thead,
    .list-table-event-jobschedule-print tbody {
        border-color: #000 !important
    }

    .list-table-event-jobschedule-print table {
        page-break-after: avoid
    }

    .list-table-event-jobschedule-print tr,
    .list-table-event-jobschedule-print td {
        page-break-after: always;
        page-break-before: always;
        page-break-inside: avoid
    }

    .list-table-event-jobschedule-print .footer-print {
        text-align: right;
        font-size: 13pt;
        margin-right: 10%;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 17px
    }

    .list-table-event-jobschedule-print .header-print {
        display: initial
    }

    .list-table-event-jobschedule-print .header-print .header-left,
    .list-table-event-jobschedule-print .header-print .header-right {
        text-align: center;
        font-size: 12.5pt;
        float: left;
        min-width: 20%;
        margin-top: 0px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.25
    }

    .list-table-event-jobschedule-print .header-print .header-left hr,
    .list-table-event-jobschedule-print .header-print .header-right hr {
        border-color: #000
    }

    .list-table-event-jobschedule-print .header-print .header-right {
        text-align: center;
        font-size: 12.5pt;
        width: 68%;
        float: right;
        margin-top: 0px
    }

    .list-table-event-jobschedule-print>.container-fluid1 {
        clear: both
    }

    thead {
        display: table-row-group
    }

    .section-to-print,
    #backToTop,
    .navigation-menu-default-type1,
    .table-marquee-news {
        visibility: hidden
    }

    @page {
        margin-top: 20px;
        size: landscape A4
    }

    .yhy-append-wrap {
        display: none
    }
}

@media (min-width: 992px) {

    .table-chidao-home .section-list .article-news-listType5 .article-title,
    .table-chidao-home .section-list .article-news-listType55 .article-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 22px;
        height: 44px
    }
}

@media (max-width: 768px) {
    .article-news-slide-type-4 .article-news-slide.article-item .entry-content .title-news a {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 1024px) {
    .category-icon-box.iconType1 .category-item-box .bg-overlay img.img-icon {
        max-width: 100% !important
    }

    .table-contact-binhdinh>.col-left {
        display: none
    }

    .table-contact-binhdinh>.col-right {
        width: 100%
    }

    .category-default ul.list-menu {
        text-align: center
    }

    .category-default ul.list-menu li {
        float: none;
        display: inline-block
    }

    .html-footer {
        text-align: center
    }
}

@media (min-width: 544px) and (max-width: 768px) {
    .article-news-scroll .col-left {
        width: 280px;
        padding-right: 0
    }

    .article-news-scroll .col-right {
        width: calc(100% - 280px)
    }

    .table-marquee-news {
        background-color: #2196f3
    }

    .table-marquee-news .time-news {
        color: #fff !important
    }

    .table-marquee-news .time-news .clock {
        color: #fff !important
    }

    .table-marquee-news .article-news-scroll a.title-news,
    .table-marquee-news .article-news-scroll a.title-news i.fa-star {
        color: #fff !important
    }

    .frame-map-home {
        display: none
    }

    .table-chinhtri-home>div {
        width: 100%
    }

    .article-news-listType55 .img-news {
        width: calc(30% - 15px) !important
    }

    .article-news-listType55 .artilce-info {
        width: 70% !important
    }
}

.artile-edit-layout .box-edit-layout .cmt-form-content label.error {
    top: 0 !important
}

.poll-box {
    background: #2196f3;
    padding: 15px;
    border-radius: 6px
}

.poll-box .title-poll {
    color: #FFF;
    font-weight: 600
}

.poll-box label.w-auto {
    font-weight: 400;
    color: #FFF
}

.poll-box .style-radio:focus {
    outline: none
}

.poll-box .button-poll a[title="Kết quả bình chọn"] {
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    padding: 5px 10px;
    display: inline-block
}

.poll-box .button-poll a {
    background: #FFF;
    color: #2196f3;
    border: 1px solid #FFF;
    transition: all 500ms
}

.poll-box .button-poll a:hover {
    color: #FFF;
    background: #2196f3
}

.sitemap .treeMenu .fa-rss-square {
    display: none
}

.sitemap .treeMenu>li {
    color: #df0000;
    font-weight: 700
}

.sitemap .treeMenu>li>a {
    color: #df0000;
    font-weight: 700
}

.sitemap .treeMenu>li ul {
    margin-left: 30px
}

.sitemap .treeMenu>li ul li {
    border: none
}

.sitemap .treeMenu>li ul li a {
    color: #2196f3
}

.vjs-poster {
    background-size: cover !important
}

.wrapper-library {
    margin-bottom: 20px
}

.wrapper-library .nav-tabs {
    background-color: #2968bb;
    padding-top: 7px;
    padding-left: 15px;
    border-radius: 7px 7px 0 0;
    border-bottom: none
}

.wrapper-library .nav-tabs>li {
    margin-bottom: 0;
    flex: initial !important
}


.wrapper-library .nav-tabs>li>a {
    padding: 0 15px 0 30px;
    line-height: 32px;
    display: block;
    border: none;
    color: #fff;
    opacity: .7;
    font-size: 15px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    margin-right: 5px
}

.wrapper-library .nav-tabs>li>a:hover {
    color: #2968bb;
    font-weight: 700;
    opacity: 1
}

.wrapper-library .nav-tabs>li.active>a,
.wrapper-library .nav-tabs>li.active>a:hover,
.wrapper-library .nav-tabs>li.active>a:focus {
    border: none;
    color: #2968bb;
    font-weight: 700;
    background-color: #fff !important;
    opacity: 1
}

.wrapper-library .tab-content .container-fluid {
    padding: 15px;
    background-color: #F2F6FB
}

.wrapper-library.table-mobile .nav-tabs {
    background-color: #2968bb !important;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px
}



.wrapper-library.table-mobile .nav-tabs li a {
    border-right: none !important
}

.wrapper-library.table-mobile .tab-content {
    padding: 0 !important
}

.wrapper-library-image {
    display: none
}

.section-video-highLight-vmark {
    background: #FFF;
    border-radius: 6px;
    overflow: hidden;
    display: flex
}

.section-video-highLight-vmark .left-video-home {
    padding: 0
}

.section-video-highLight-vmark .left-video-home .video-js.vjs-16-9 {
    padding-top: 66%;
    height: 100%
}

@media (max-width: 543px) {
    .section-video-highLight-vmark .left-video-home {
        padding-right: 0
    }
}

.section-video-highLight-vmark .list-title-video {
    padding: 0;
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .section-video-highLight-vmark .list-title-video {
        max-height: 430px;
        overflow: scroll
    }
}

.section-video-highLight-vmark .list-title-video .title-video {
    overflow: hidden;
    margin: 0;
    flex: 1
}

.section-video-highLight-vmark .list-title-video .title-video a {
    padding-left: 0;
    background: none
}

.article-news-scroll .simply-scroll-container .simply-scroll-list i.fa-star {
    color: #ffff00
}

@media (max-width: 1199px) and (min-width: 544px) {
    .category-categoryType-tree2 .category-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 20px;
        height: 40px
    }

    .category-categoryType-tree2 .category-list .navi-list li a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 20px;
        height: 40px
    }

    .frame-responive .panel-heading {
        background-size: cover
    }

    .frame-responive .panel-heading .panel-title {
        display: flex;
        align-items: center;
        line-height: 1.5
    }

    .frame-responive .panel-heading .panel-title img {
        margin-right: 10px !important
    }
}

@media (max-width: 991px) and (min-width: 769px) {

    .table-home>.col-left,
    .table-home>.col-right {
        width: 100%
    }

    .table-home>.col-left .lis-news-tab-type1,
    .table-home>.col-right .lis-news-tab-type1 {
        max-height: 320px;
        overflow: scroll
    }

    .section-list .article-news-listType55 .artilce-info {
        margin-top: 10px
    }

    .section-list .article-news-listType55 .img-news,
    .section-list .article-news-listType55 .artilce-info {
        width: 100%
    }

    .table-chidao-home>div[class*="col-"] {
        width: 100%
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .intro-html-leader {
        padding: 5px
    }

    .intro-html-leader>a .img-leader {
        max-width: 70px
    }

    .intro-html-leader>a .cont-intro-leader .positon-leader,
    .intro-html-leader>a .cont-intro-leader .positonSecond-leader {
        font-size: 14px
    }

    .intro-html-leader>a .cont-intro-leader .positonSecond-leader {
        margin-bottom: 5px
    }

    .intro-html-leader>a .cont-intro-leader .fullName-leader {
        font-size: 14px
    }

    .category-categoryImageType13 .category-item-box {
        padding: 6px !important;
        font-size: 14px
    }

    .category-categoryImageType13 .full-width {
        width: 20px;
        height: 20px
    }

    .img-map * {
        max-height: 200px
    }

    .article-news-slide-default .owl-theme .owl-nav {
        top: -44px;
        right: 10px
    }

    .category-categoryImageType13 .category-item-box .content-cate h4 {
        text-transform: none
    }
}

.wrapper-search-administrative-procedure .enter-code {
    border-radius: 4px
}

.wrapper-search-administrative-procedure .search-advanced {
    border-radius: 4px
}

.destination-grid-type3 .article-item .content-destination {
    padding: 0 10px;
    border: none
}

@media (max-width: 543px) {
    .destination-grid-type3 .article-item .content-destination {
        padding: 10px 10px 0
    }
}

.destination-grid-type3 .article-item .content-destination .title {
    min-height: initial;
    color: #2b2b2b;
    font-size: 14px;
    line-height: initial;
    margin-bottom: 10px
}

.destination-grid-type3 .article-item .content-destination .title:hover {
    color: #23527c
}

.destination-grid-type3 .article-item .content-destination .article-time {
    font-style: italic
}

.frame-chung-type1>.panel-heading>.panel-title,
.frame-db-website>.panel-heading>.panel-title {
    display: inline-block;
    background-color: #2968bb;
    line-height: 38px;
    padding-right: 20px;
    padding-left: 15px;
    border-radius: 0 50px 50px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.wrapper-pathway {
    margin-top: 20px
}

.article-news-list-Type7-wrapper {
    margin-bottom: 20px
}

.article-news-list-Type7-wrapper .news-title {
    text-align: justify
}

.intro-type1 * {
    text-align: justify
}

.article-draft-type2 .total-comment {
    font-size: 12px;
    margin-top: 5px
}

.destination-grid-type1 .cont-news-destination .entry-content .title-news a {
    text-align: center
}

.article-new-list-title-type01 .article-news-title .article-title a {
    color: #004D8C;
    transition: all 500ms;
    padding-left: 15px
}

.article-new-list-title-type01 .article-news-title .article-title a:hover {
    color: #C81D31
}

.article-new-list-title-type01 .article-news-title .article-title a:before {
    Content: '\f0da';
    color: #cc0a05;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'Font Awesome 5 Free', sans-serif;
    position: absolute;
    left: 0;
    background: none;
    top: 0;
    border-radius: 0
}

.application-home .title-app {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase
}

@media (max-width: 544px) {
    .application-home .title-app {
        text-align: center
    }
}

@media (max-width: 544px) {
    .application-home .cont-appli {
        text-align: center;
        display: flex;
        justify-content: center
    }
}

.application-home .cont-appli ul.list-app {
    float: left;
    padding-right: 10px;
    max-width: 205px
}

.application-home .cont-appli ul.list-app>li {
    margin-bottom: 10px
}

.application-home .cont-appli .qr-code-app {
    float: left;
    max-width: calc(100% - 208px);
    padding-top: 12px
}

.frame-workCalender {
    border: none;
    box-shadow: none;
    margin: 0;
    font-family: serif;
    padding: 0 30px
}

.frame-workCalender .panel-heading {
    background: transparent;
    border: none;
    padding-top: 30px;
    padding-bottom: 0
}

.frame-workCalender .panel-heading .panel-title,
.frame-workCalender .panel-heading .sub-title {
    text-align: center;
    font-size: 34pt;
    color: red;
    text-transform: uppercase;
    font-weight: 600
}

.frame-workCalender .panel-body {
    padding: 0;
    border: none
}

.frame-workCalender .list-table-event-jobschedule-type3 td {
    font-size: 32px;
    color: #0000ff;
    word-break: break-word
}

@media (max-width: 1440px) {
    .frame-workCalender .list-table-event-jobschedule-type3 td {
        font-size: 25px
    }
}

.frame-workCalender .list-table-event-jobschedule-type3 th {
    font-size: 32px;
    color: #0000ff;
    word-break: break-word
}

@media (max-width: 1440px) {
    .frame-workCalender .list-table-event-jobschedule-type3 th {
        font-size: 24px
    }
}

.frame-workCalender .list-table-event-jobschedule-type3 .container-fluid1 {
    margin-bottom: 0 !important
}

.frame-workCalender .list-table-event-jobschedule-type3 .table-title-workCalendar tr th {
    border: none;
    vertical-align: middle
}

.frame-workCalender .list-table-event-jobschedule-type3 .table-data tr td {
    border-color: #0000FF;
    vertical-align: middle
}

.frame-workCalender .list-table-event-jobschedule-type3 .time-center .title-cate {
    display: none
}

.frame-workCalender .list-table-event-jobschedule-type3 .time-center .time-lct {
    font-size: 2.4rem;
    color: red;
    font-weight: 600;
    margin-bottom: 0
}

.intro-type4 .intro-content .post-content {
    text-align: justify
}

.intro-type4 .share-social {
    display: none
}

.slide4 .panel-heading,
.slide5 .panel-heading,
.slide6 .panel-heading,
.slide7 .panel-heading,
.slide8 .panel-heading {
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 0 200px
}

.slide4 .panel-heading .panel-title,
.slide5 .panel-heading .panel-title,
.slide6 .panel-heading .panel-title,
.slide7 .panel-heading .panel-title,
.slide8 .panel-heading .panel-title {
    line-height: 1.4
}

.wrapper-list-onlineEx .article-news-default .article-right {
    text-align: justify
}

.destination-detail-default .cont-destination {
    text-align: justify
}

@keyframes bottomUp {
    from {
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0px)
    }
}

.boun-media img {
    border-radius: 6px
}

.frame-thongtintracuu .article-news-listType7 .img-news {
    width: 90px !important
}

.navigation-menu-default-type1 .langue-bd ul.drop-language>li>a {
    text-transform: none
}

@media (max-width: 544px) {
    .frame-mb-mobi {
        margin-bottom: 0
    }
}

body {
    color: #000
}

.intro-type1 h2.entry-title {
    font-size: 20px;
    margin-top: 10px;
    color: #C81D31;
    font-weight: 700
}

.yhy-append-wrap {
    position: fixed !important;
    bottom: 10px;
    left: 10px
}

.wrapper-search-administrative-procedure .enter-code {
    border-radius: 4px
}

.wrapper-search-administrative-procedure .search-advanced {
    border-radius: 4px
}

.boun-media img {
    border-radius: 6px
}

.frame-chung-type1>.panel-heading>.panel-title {
    display: inline-block;
    background-color: #2968bb;
    line-height: 38px;
    padding-right: 20px;
    padding-left: 15px;
    border-radius: 0 50px 50px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.wrapper-pathway {
    margin-top: 20px
}

.article-news-slide-type-4 .owl-theme .owl-nav [class*=owl-]>span {
    color: #FFF
}

.table-home .tab-news-hot-home .lis-news-tab-type1 .article-news-titleType1 .article-item {
    display: flex
}

.table-home .tab-news-hot-home .lis-news-tab-type1 .article-news-titleType1 .article-item .article-title {
    padding-left: 10px
}

.table-home .tab-news-hot-home .lis-news-tab-type1 .article-news-titleType1 .article-item:before {
    Content: '\f0da';
    color: #cc0a05;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'Font Awesome 5 Free'
}

.frame-thongtintracuu>.panel-heading {
    background: #2968bb
}

.page-login-home .login-form .remember-me {
    margin-bottom: 24px
}

.table-chinhtri-home {
    padding-bottom: 0
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .table-html-footer .table-contact-binhdinh>.col-right {
        width: 70%
    }

    .table-html-footer .table-contact-binhdinh>.col-right .category-default ul.list-menu {
        justify-content: center
    }

    .table-html-footer .table-contact-binhdinh>.col-left {
        width: 30%
    }

    .category-categoryImageType13 .category-item-box .content-cate h4 {
        font-size: 14px
    }
}

.highLight-slide1-photo .bx-pager-container {
    padding: 0
}

.highLight-slide1-photo .bx-pager-container .bx-pager-item-wrap .bx-pager-img {
    border: none;
    border-radius: 0
}

@media (min-width: 1200px) {
    .highLight-slide1-photo .bx-pager-container .bx-pager-item-wrap .bx-pager-img img {
        height: 121px !important
    }
}

.section-video-highLight-vmark .list-title-video {
    padding: 0
}

.section-video-highLight-vmark .list-title-video .title-video {
    border: none;
    border-radius: 0
}

.wrapper-library .tab-content .container-fluid {
    padding: 5px
}

.highLight-slide1-photo,
.section-video-highLight-vmark {
    border-radius: 0
}

.table-home .category-icon-box img {
    border-radius: 6px
}

.new-detail-layout-type-2 .block-core-a5 .article-content table {
    width: 100%
}

.new-detail-layout-type-2 .block-core-a5 .article-content img {
    width: 100%;
    height: 100%
}

.img-poster-qc.img-map {
    border-radius: 7px;
    margin-bottom: 15px
}

.img-poster-qc.img-map * {
    max-height: 335px
}

@media (min-width: 992px) {
    .img-poster-qc img {
        max-height: 335px
    }
}

@media (min-width: 544px) and (max-width: 768px) {
    .article-news-scroll .col-left {
        width: 330px;
        padding-right: 0
    }

    .article-news-scroll .col-right {
        width: calc(100% - 330px)
    }

    .langage-mobile>ul>li>a {
        color: #fff
    }
}

.table-lket-home .frame-thongtintracuu .panel-body {
    min-height: 215px
}

.table-lket-home .frame-thongtintracuu .panel-heading {
    min-height: 44px
}

.table-lket-home .frame-thongtintracuu .category-image-type-bd .item-category>a {
    margin-bottom: 15px
}

.table-lket-home .col-right .panel-heading h3.panel-title {
    line-height: 24px
}

.video-default .video-container {
    padding-top: 0;
    min-height: 340px
}

.table-contact-binhdinh {
    position: relative
}

@media (min-width: 1024px) {
    .table-contact-binhdinh>.col-right {
        position: unset
    }
}

@media (min-width: 1024px) {
    .trust-web-home {
        position: absolute;
        top: 0;
        left: 10px;
        margin-top: 0 !important
    }
}

@media (max-width: 544px) {
    .article-news-listType5.article-news-2 .article-title .title-news {
        -webkit-line-clamp: unset;
        height: auto
    }
}

.share-social audio {
    height: 24px;
    margin-right: 5px
}

.speech-section-wrap {
    display: flex;
    align-items: center
}

@media (max-width: 768px) {
    .new-detail-layout-type-01 .share-social {
        display: block
    }
}

@media (min-width: 768px) {
    .share-social audio {
        margin-bottom: -8px
    }
}

@media (max-width: 425px) {
    .share-social audio {
        margin: 5px 0
    }
}

@media (max-width: 320px) {
    .new-detail-layout-type-01 .social {
        float: inherit !important
    }
}

@media (min-width: 768px) and (max-width: 820px) {
    .category-image-type-bd .item-category .img-cate {
        width: 15px;
        margin-right: 7px
    }

    .frame-thongtintracuu .category-image-type-bd .article-info {
        width: calc(100% - 26px)
    }
}
/* 
 * 	Core Owl Carousel CSS
 *	v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(../images/icons/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/*
* 	Owl Carousel Owl Theme 
*/

.owl-theme .owl-controls{
	text-align: center;
}

/* Styling Next and Prev buttons */

.touch-slider .owl-controls .owl-buttons div{
	position: absolute;
	top: 50%;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	zoom: 1;
	padding: 0 1px;
	*display: inline;/*IE7 life-saver */
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
	background: #444;
	filter: Alpha(Opacity=60);/*IE7 fix*/
	opacity: 0.6;
	margin-top: -30px;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.touch-slider:hover .owl-controls .owl-buttons div{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

.touch-slider .owl-controls .owl-buttons div.owl-prev{
	left: 0;
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
}

.touch-slider .owl-controls .owl-buttons div.owl-next{
	right: 0;
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
}

.touch-slider .owl-controls .owl-buttons div i{
	font-size: 1.8em;
	color: #fff;
}


.touch-carousel .owl-controls .owl-buttons {
	position: absolute;
	top: -32px;
	right: 2px;
}

.touch-carousel.projects-carousel .owl-controls .owl-buttons {
	right: 12px;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons {
	position: relative;
	top: 0;
	right: 0;
}

.touch-carousel.navigation-2.clients-carousel .owl-controls .owl-buttons {
	top: -8px;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div{
	background-color: #f2f2f2;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div i, .touch-carousel.navigation-3 .owl-controls .owl-buttons div i{
	color: #666;
}

.touch-carousel.navigation-3 {
	padding-top: 45px;
}

.touch-carousel.navigation-3.clients-carousel {
	padding-top: 25px;
}

.touch-carousel.navigation-3 .owl-controls .owl-buttons {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div {
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}

.touch-carousel.navigation-3.projects-carousel .owl-controls .owl-buttons {
	right: 9px;
}

.touch-carousel .owl-controls .owl-buttons div, .testimonials-carousel .owl-controls .owl-buttons div {
	height: 22px;
	width: 22px;
	line-height: 22px;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	margin-left: 4px;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    border: 1px solid #ccc;
}

.touch-carousel .owl-controls .owl-buttons div i, .testimonials-carousel .owl-controls .owl-buttons div i {
	font-size: 1.2em;
	color: #ccc;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.testimonials-carousel .owl-controls .owl-buttons div i {
	color: #fff;
}

.touch-carousel .owl-controls.clickable .owl-buttons div:hover i {
	color: #fff;
}

.testimonials-carousel .owl-controls.clickable .owl-buttons div:hover {
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
}


/* Styling Pagination*/

.owl-pagination {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 5px;
}

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 16px;
	height: 16px;
	margin: 2px 4px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 3px solid #444;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.touch-slider:hover .owl-controls .owl-page span {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	border-color: #0A95D8;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}

#bar{
	width: 0%;
	max-width: 100%;
	height: 4px;
	background: #444;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
#progressBar{
	position: absolute;
	top: 0;
	z-index: 99;
	width: 100%;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(../images/icons/ajaxloader.gif) no-repeat center center
}