@import url(../../../css/formatcss.css);


/**
* 1. Common style
* -------------------------------------------------------------------
*/
h1, h2 {
    font-family: 'Times-Bold';
    font-weight: bold;
}

h3, h4 {
    font-family: 'UTM HelvetIns', sans-serif;
}

.cursor-pointer.audio-player:hover #box_list_voice {
    display: block !important;
}

.font-sanpro,
.font-primary {
    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.font-weight-normal {
    font-weight: 400;
}

.font-sanpro-semibold,
.font-weight-semibold {
    font-weight: 600;
}

.font-sanpro-bold,
.font-weight-bold {
    font-weight: 700;
}

.font-sandisplay {
    font-family: "sandisplaypro", "arial";
}

    *:not([class*="padding-"]),
    *:before:not([class*="padding-"]),
    *:after:not([class*="padding-"]) {
        padding: 0;
    }

html {
    -webkit-text-size-adjust: 100%;
}

html {
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 20px;
    scroll-behavior: smooth;
}

body {
    color: #000;
    width: 100vw;
    background: rgb(254 249 244 / 50%);
    opacity: 1 !important;
}

.main-page-news__post .font-mt {
    font-family: 'Roboto', sans-serif !important;
}

.main-page-news__post p{
	margin-bottom: 1rem;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none;
}

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

.img-fit,
.object-image-fit {
    object-fit: revert;
    object-position: top;
    width: 100%;
    height: 100%;
}

.img-fit1,
.object-image-fit {
    object-fit: revert;
    object-position: top;
    width: 100%;
    height: auto;
}

.img-fit--center,
.object-image-fit--center {
    object-position: center;
}

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

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

.display-inline-block {
    display: inline-block;
}

.display-table {
    display: table;
}

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

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

.display-flex {
    display: flex;
}

.display-grid {
    display: grid;
}

.display-inline-grid {
    display: inline-grid;
}

.display-flex-center {
    display: flex;
    align-items: center;
}

.display-flex-space-around {
    display: flex;
    justify-content: space-around;
}

.display-flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.display-flex-center-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.flex-direction-row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.flex-auto {
    flex: auto;
}

.display-flex-column {
    display: flex;
    flex-direction: column;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-start {
    justify-content: flex-start;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: flex-end;
}

.content-end {
    justify-content: flex-end;
}

.align-items-end {
    align-items: flex-end;
}

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

.flex-column {
    flex-direction: column;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-text-bottom {
    vertical-align: text-bottom;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

.border-none {
    border: none;
}

.border-main {
    border: 1px solid #e1e7ed;
}

.border-0 {
    border: 0;
}

.border-rd-2 {
    border-radius: 2px;
}

.border-rd-4 {
    border-radius: 4px;
}

.border-rd-5 {
    border-radius: 5px;
}

.border-rd-6 {
    border-radius: 6px;
}

.border-rd-8 {
    border-radius: 8px;
}

.border-rd-8-0 {
    border-radius: 8px 8px 0 0;
}

.border-rd-10 {
    border-radius: 10px;
}

.border-rd-12 {
    border-radius: 12px;
}

.border-rd-50 {
    border-radius: 50%;
}

.border-bottom-rd-6 {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.border-rd-top {
    border-radius: 6px 6px 0 0;
}

.border-rd-top-12 {
    border-radius: 12px 12px 0 0;
}

.border-rd-bottom {
    border-radius: 0 0 6px 6px;
}

.border-rd-bottom-12 {
    border-radius: 0 0 12px 12px;
}

.border-rd-12r {
    border-radius: 0.6rem;
}

.max-width {
    width: max-content;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.error {
    color: #de4943;
}

.text-normal {
    text-transform: none;
}

.bg-fixed {
    background-attachment: fixed;
}


.margin-20-negative {
    margin: 0 -20px;
}

.margin-center {
    margin: 0 auto;
}

.margin-auto {
    margin: auto;
}

.margin-l-auto {
    margin-left: auto;
}

.margin-0-8 {
    margin: 0 0.4rem;
}

.margin-10-0 {
    margin: 0.5rem 0;
}

.margin-16-0 {
    margin: 0.8rem 0;
}

.margin-left-8 {
    margin-left: 0.4rem;
}

.margin-top-8 {
    margin-top: 0.4rem;
}

.margin-left-12 {
    margin-left: 0.6rem;
}

.margin-left-16 {
    margin-left: 0.8rem;
}

.margin-left-24 {
    margin-left: 1.2rem;
}

.margin-top-16 {
    margin-top: 0.8rem;
}

.margin-top-24 {
    margin-top: 1.2rem;
}

.margin-top-32 {
    margin-top: 1.6rem;
}

.margin-top-40 {
    margin-top: 35px;
}

.margin-top-80 {
    margin-top: 80px;
}


.margin-top-90 {
    margin-top: 45px;
}

.margin-top-40V1 {
    margin-top: 4rem;
}

.margin-top-23 {
    margin-top: 3rem;
}

.margin-16 {
    margin: 0.8rem;
}

.mr-8 {
    margin-right: 0.4rem;
}

.mr-12 {
    margin-right: 0.6rem;
}

.mr-15 {
    margin-right: 0.75rem;
}

.mr-17 {
    margin-right: 0.85rem;
}

.margin-top-12 {
    margin-top: 0.6rem;
}

.margin-bottom-12 {
    margin-bottom: 0.6rem;
}

.margin-bottom-24 {
    margin-bottom: 1.2rem;
}

.m-b-36 {
    margin-bottom: 1.8rem;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.list-style-none {
    list-style: none;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-no-drop {
    cursor: no-drop;
}

.cursor-text {
    cursor: text;
}

.table {
    width: 100%;
    text-align: center;
}

    .table tr th,
    .table tr:not(:last-child) td {
        border-bottom: 1px solid #ebeef5;
    }

.table-img__user {
    width: 32px;
    height: 32px;
    margin: 0.4rem 1rem;
}

.table-img__cover {
    width: 48px;
    height: 48px;
}

.height-48 {
    height: 48px;
}

.line-height-16 {
    line-height: 16px;
}

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

.table-img__user img {
    border-radius: 50%;
}

.center-x {
    position: absolute;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.center-y {
    position: absolute;
    top: 48%;
    bottom: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.center-xy {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
}

.excerpt-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.position-rel {
    position: relative;
}

.position-abs {
    position: absolute;
}

.position-fix {
    position: fixed;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.full-width-80 {
    width: 80%;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

.max-width-30 {
    max-width: 30%;
}

.max-width-85 {
    max-width: 85%;
}

.full-box {
    width: 100%;
    height: 100%;
}

.effect-hide-hover {
    visibility: hidden;
    opacity: 0;
}

.effect-show-hover {
    visibility: visible;
    opacity: 1;
}

.fw-bold {
    font-weight: bold !important;
}

.fw-400 {
    font-weight: 400;
}

.fw-700 {
    font-weight: 700;
}

.fw-900 {
    font-weight: 900 !important;
}

.page-class-main {
    line-height: 1.5;
    background-color: #fef9f4;
}

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

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

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

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

.text-center-imp {
    text-align: center !important;
}

.clear {
    clear: both;
}

.word-excerpt {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.word-space-pre-line {
    white-space: pre-line;
}

.word-excerpt-line {
    display: block;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
}

.word-excerpt-line--2 {
    -webkit-line-clamp: 2;
}

.word-excerpt-line--3 {
    -webkit-line-clamp: 3;
}

.word-excerpt-line--4 {
    -webkit-line-clamp: 4;
}

.word-excerpt-line--5 {
    -webkit-line-clamp: 5;
}

iframe {
    width: 100%;
}

.margin-0, figure {
    margin: 0;
}

.padding-0, figure {
    padding: 0;
}

figure {
    text-align: left;
    background: #e9e9e9;
    display: inline-block;
    margin-bottom: 24px;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
}

    figure img {
        vertical-align: middle;
    }

    figure figcaption {
        display: flex;
        padding: 5px 8px;
    }

        figure figcaption > div {
            flex-grow: 1;
            width: 0;
        }



*.disabled,
*[disabled="true"],
*[disabled="disabled"] {
    pointer-events: none;
}

.opacity-disabled {
    opacity: 0.8;
}

.opacity-0 {
    opacity: 0;
}

.only-mobile {
    display: block;
}

.only-mobile-tablet {
    display: block;
}

/*!
 * Bootstrap Grid v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

.container {
    width: 1378px;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.mg-r-0 {
    margin-right: 0 !important;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.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,
.col-sm,
.col-sm-auto,
.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,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.row-cols-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.row-cols-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-sm-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-sm-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-sm-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }

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

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

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

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

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

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

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

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 769px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-md-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-md-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-md-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-md-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-md-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-md-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }

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

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

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

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

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

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

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

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-lg-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-lg-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-lg-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-lg-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-lg-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-lg-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-xl-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xl-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xl-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-xl-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xl-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xl-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.m-0 {
    margin: 0 !important;
}

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

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

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

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

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

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

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

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

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

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
    padding: 0;
    letter-spacing: 0;
}

.list-style-none {
    list-style-type: none;
}

/*font site text*/
.font-size-normal {
    font-size: 16px;
}

.l-height-0 {
    line-height: 0;
}

h3 {
    font-size: 1.3rem;
}

.font-size-6 {
    font-size: 6px;
}

.font-size-7 {
    font-size: 7px;
}

.font-size-8 {
    font-size: 8px;
}

.font-size-9 {
    font-size: 9px;
}

.font-size-10 {
    font-size: 10px;
}

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

.font-size-12 {
    font-size: 13px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-14 {
    font-size: 15px;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-21 {
    font-size: 21px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-26 {
    font-size: 26px;
}

.font-size-27 {
    font-size: 27px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-32 {
    font-size: 32px;
}

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

.font-size-36 {
    font-size: 36px;
}

.font-size-38 {
    font-size: 38px;
}

.font-size-40 {
    font-size: 2rem;
}

.font-size-41 {
    font-size: 2.05rem;
}

.font-size-42 {
    font-size: 2.1rem;
}

.font-size-46 {
    font-size: 2.3rem;
}

.font-size-48 {
    font-size: 2.4rem;
}

.font-size-54 {
    font-size: 2.7rem;
}

.font-size-56 {
    font-size: 56px;
}

.font-size-60 {
    font-size: 3rem;
}

.font-size-65 {
    font-size: 3.25rem !important;
}

.font-size-72 {
    font-size: 3.6rem;
}

.font-size-80 {
    font-size: 4rem;
}

.font-size-90 {
    font-size: 4.5rem;
}

.font-size-107 {
    font-size: 5.35rem;
}

.font-size-108 {
    font-size: 5.4rem;
}

button,
textarea,
select,
input {
    font-size: 1rem !important;
}

textarea {
    resize: vertical;
}

.font-weight-bold-9 {
    font-weight: 900;
}

.font-weight-bold-8 {
    font-weight: 800;
}

.font-weight-bold {
    font-weight: bold !important;
}

.font-weight-medium {
    font-weight: 500;
}

.font-weight-normal {
    font-weight: normal;
}

.font-weight-light {
    font-weight: 300;
}

.font-italic {
    font-style: italic;
}

.font-underline {
    font-style: underline;
}

.line-height-normal {
    line-height: 1;
}

.line-height-primary {
    line-height: 1.25;
}

html {
    scroll-behavior: smooth;
}

.primary-color {
    color: #3366cc;
}

.bg-primary-color {
    background: #3366cc;
}

.bd-primary-color {
    border-color: #3366cc;
}

.color-err {
    color: #8e0801;
}

.secondary-color {
    color: #bebebe;
}

.bg-secondary-color {
    background: #bebebe;
}

.bd-secondary-color {
    border-color: #bebebe;
}

.third-color {
    color: #ff812d;
}

.bg-third-color {
    background: #ff812d;
}

.bd-third-color {
    border-color: #ff812d;
}

.color-red {
    color: #8e0801;
}

.bg-color-red {
    background: #8e0801;
}

.bd-color-red {
    border-color: #8e0801;
}

.color-background {
    color: #fef9f4;
}

.color-light {
    color: #ffffff;
}

.bg-color-light {
    background: #ffffff;
}

.bg-color-cyan {
    background: #fe7950;
}

.hv-bg-color-light-gray:hover {
    background: #e6ecf9;
}

.hv-primary-color:hover {
    color: #3366cc;
}

.bg-green {
    background: #64c8bc;
}

.bg-none {
    background: none;
}

.bg-light-blue {
    background: #e6ecf9;
}

.bg-color-background {
    background: #fef9f4;
}

.bg-color-gray {
    background: #838383;
}

.color-green {
    color: #64c8bc;
}

.color-light-gray {
    color: #e1e7ed;
}

.bg-color-light-gray {
    background: #e1e7ed;
}

.color-cyan {
    color: #fe7950;
}

.color-dark {
    color: #000;
}

.bg-color-dark {
    background: #000;
}

.primary-color-txt {
    color: #40505e;
}

.secondary-color-txt {
    color: #959595;
}

.bg-secondary-color-txt {
    background: #959595;
}

.bg-light {
    background: #ffffff;
}

.color-blue {
    color: #e6ecf9;
}

.bg-color-blue {
    background: #e6ecf9;
}

.hover-bg-color-blue-light:hover {
    background: #e6ecf9;
}

.bg-color-green-2 {
    background: #c1e9e4;
}

.bg-primary-color-txt {
    background: #40505e;
}

.color-gray {
    color: #838383;
}

.bg-color-gray-opacity {
    background: #85a3e0;
}

.color-green-gray {
    color: #5fc4b5;
}

.bg-color-green-light {
    background: #ecf8f7;
}

.bg-color-red-light {
    background: #fee9e9;
}

.bg-color-org-light {
    background: #fff5eb;
}

.highlight {
    background: #ffcb9b;
    padding: 0 2px;
}

.color-green-txt {
    color: #007279;
}

.effect-transition-slow {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.effect-transition-fast {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.effect-hide-hover {
    visibility: hidden;
    opacity: 0;
}

.effect-show-hover {
    visibility: visible;
    opacity: 1;
}

/* fade */
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
    opacity: 0;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
    transition: all .5s;
}

.fade-transform-enter {
    opacity: 0;
    transform: translateX(-30px);
}

.fade-transform-leave-to {
    opacity: 0;
    transform: translateX(30px);
}

.fade-transform-y-leave-active,
.fade-transform-y-enter-active {
    transition: all .5s;
}

.fade-transform-y-enter {
    opacity: 0;
    transform: translateY(-30px);
}

.fade-transform-y-leave-to {
    opacity: 0;
    transform: translateY(30px);
}

/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
    transition: all .5s;
}

.breadcrumb-enter,
.breadcrumb-leave-active {
    opacity: 0;
    transform: translateX(20px);
}

.breadcrumb-move {
    transition: all .5s;
}

.breadcrumb-leave-active {
    position: absolute;
}

a:visited {
    color: #000;
}

/**
* 2. Blocks (Shortcode/Widget)
* -------------------------------------------------------------------
*/
/**
* 3. partials style
* -------------------------------------------------------------------
*/
/* 
Header -------------------------------------------------------------------
*/
.header__banner {
    height: 130px;
}

    .header__banner .img-logo {
        left: 47%
    }

    .header__banner .img-star {
        left: 52.2%
    }

    .header__banner .img-logo, .header__banner .img-star {
        height: 6.75rem;
    }

        .header__banner .img-logo img, .header__banner .img-star img {
            object-fit: contain
        }

    .header__banner .title {
        color: #9e2900;
    }
	
.header__banner .title span {
    background: transparent !important;
	box-shadow: none !important;
}

.header__banner__center {
    z-index: 3;
}

.header__banner__logo {
    margin-left: 0.5%;
}

.header__banner__star {
    margin-right: 0.5%;
}

.header__menu {
    height: 2.3rem;
    padding: 0.6rem;
    box-shadow: 0px 0px 7px 0px #0000003b;
}

    .header__menu .home {
        color: #ae7f01;
    }

.header__menu .people {
    color: #afa58b;
    margin-right: 1.5rem;
    padding-top: 0px;
}

    .header__menu .bar {
        color: #ee6000;
        margin-right: 2rem;
    }
	
.header__menu .bar i {
    transform: translateY(1px);
}	

    .header__menu .showsidebar {
        display: none;
        color: #ae7f01;
        padding-right: 1rem;
    }

    .header__menu .list-menu {
        padding: 0;
    }

        .header__menu .list-menu .item {
            padding-right: 1.8rem;
            height: 100%;
            display: flex;
            align-items: center;
            border-right: 1px solid #bbb;
        }

            .header__menu .list-menu .item:not(:first-child) {
                padding-left: 2.3rem;
            }

            .header__menu .list-menu .item:first-child {
                padding-left: 1.8rem;
            }

.header__menu .list-menu .item a {
    width: max-content;
    color: #7c000d;
    text-transform: uppercase;
    /* font-family: 'UTM Helve',sans-serif !important; */
	font-family: 'Roboto',sans-serif !important;
    font-weight: 600;
}

            .header__menu .list-menu .item:hover a {
                color: #FE3C00;
            }



        .header__menu .list-menu .item .list-child, .dropdown .list-child {
            opacity: 0;
            visibility: hidden;
            box-shadow: 0 8px 15px #8b8787;
            top: 24.5px;
            background: #f7f5f5;
            padding: 0.5rem;
            z-index: 300;
            width: max-content;
            left: 0;
            border-radius: 5px;
        }

            .header__menu .list-menu .item .list-child li, .dropdown .list-child li {
                padding: 0.5rem;
                font-weight: 400;
                font-size: 0.8rem;
            }

                .header__menu .list-menu .item .list-child li a, .dropdown .list-child li a {
                    color: #000;
                    text-transform: inherit;
                    cursor: pointer;
                }

                .header__menu .list-menu .item .list-child li:hover a, .dropdown .list-child li:hover a {
                    color: #FF6905;
                }

                .header__menu .list-menu .item .list-child a:visited, .dropdown .list-child li:not(.dropdown-item) a:visited {
                    color: #000;
                }

        .header__menu .list-menu .item:hover .list-child, .dropdown:hover .list-child {
            opacity: 1;
            visibility: visible;
        }

    .header__menu .language {
        padding-left: 2.3rem;
        margin-right: 1rem;
        padding-right: 2.3rem;
    }

.header__menu .language a {
    color: #7c000d;
    font-weight: 600;
    /* font-family: 'UTM Helve',sans-serif !important; */
    font-family: 'Roboto',sans-serif !important;
    line-height: 26px;
}

.header__new {
    background: #ffecd0;
    padding: 5px 0;
}

.header__new .text {
	margin-left: 3.75rem;
}

.header__new .wrap-search {
	margin-right: 1.2rem;
	width: 22.16%;
	display: flex;
	justify-content: center;
	margin: auto;
	padding: 0 20px;
}

.header__new marquee {
	width: 77.84%;
	height: 20px;
}

.header__new .wrap-search input {
    font-size: 15px !important;
    border: 1px solid #dad7d6;
    border-radius: 7px;
    font-style: italic;
    width: 100%;
    padding-left: 15px !important;
}

.header__new .wrap-search .icon-search {
    position: absolute;
    right: 30px;
    color: #090908;
    font-size: 18px;
}

.fix-header {
    background: #fef9f4;
    z-index: 200;
}

.sticky .fix-header {
    background: #ffffff;
    z-index: 200;
    position: fixed;
    top: 0;
    width: 100vw;
}

.sticky + .container {
    padding-top: 60px;
}

.popup-menu {
    z-index: 200;
    left: 0;
    top: 100%;
    background: #f7f5f5;
    padding: 1.5rem 10%;
    opacity: 0;
    visibility: hidden;
}

    .popup-menu .menu {
        min-width: max-content;
    }

        .popup-menu .menu .chung-muc {
            margin-right: 2rem;
            min-width: max-content;
        }

            .popup-menu .menu .chung-muc a {
                color: #ff6905;
            }

        .popup-menu .menu .list-info {
            margin-right: 2rem;
        }

            .popup-menu .menu .list-info li {
                margin-bottom: 0.5rem;
            }

                .popup-menu .menu .list-info li a {
                    color: #000;
                }

                .popup-menu .menu .list-info li:hover a {
                    color: #ff6905;
                }

    .popup-menu .contact {
        padding-left: 2rem;
        border-left: 1px solid #ddd;
    }

        .popup-menu .contact .title-footer {
            color: #ff6905;
            margin-bottom: 0.5rem;
        }

.popup-menu--active {
    opacity: 1;
    visibility: visible;
}

.overlay-menu {
    position: absolute;
    top: 0;
    left: -150px;
    width: 170vw;
    height: 100%;
    background-color: rgba(64, 80, 94, 0.5);
    opacity: .5;
    z-index: 199;
    display: none;
}

.show-menu-mb {
    transform: translate(0) !important;
}

.header__menu .margin-l-auto.display-flex {
    align-items: center;
}

.menu-mb {
    background: #fef9f4;
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100vh;
    overflow: auto;
    z-index: 1000;
    transform: translate(-120%);
    transition: transform .3s;
    transition-duration: .3s;
    padding-bottom: 2rem;
}

    .menu-mb .header-mb {
        height: 60px;
    }

.menu-mb .header-mb .img-logo {
    width: 60px;
}

.menu-mb .list-menu {
    margin-top: 20px;
}

        .menu-mb .list-menu .item {
            width: 100%;
            padding-left: 20px;
            overflow: hidden;
        }

            .menu-mb .list-menu .item:hover a {
                color: #FE3C00;
            }

            .menu-mb .list-menu .item a {
                width: 100%;
                display: block;
                line-height: 35px;
                border-bottom: 1px solid #DDDDDD;
                position: relative;
                color: #7c000d;
                font-size: 0.8rem;
                text-transform: uppercase;
            }

            .menu-mb .list-menu .item .list-child-mobile {
                padding-left: 1.5rem;
            }

                .menu-mb .list-menu .item .list-child-mobile li a {
                    height: auto;
                    line-height: 36px;
                    text-transform: initial;
                    color: #000;
                }

                .menu-mb .list-menu .item .list-child-mobile li:hover a {
                    color: #FF6905;
                }

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(64, 80, 94, 0.5);
    opacity: .5;
    z-index: 999;
    display: none;
}

.box-action {
    width: 175px;
    position: fixed;
    bottom: 100px;
    right: 10px;
    z-index: 100;
}

    .box-action .box-parent {
        margin-bottom: 10px;
        height: 55px;
    }

        .box-action .box-parent:hover .item-action {
            display: block;
            transition: transform 1.8s;
            transition-duration: 1.8s;
        }

        .box-action .box-parent .item-action {
            display: none;
            width: 175px;
            transition: transform .3s;
            transition-duration: .3s;
            border-radius: 4px;
            border: 1px solid #ebebeb;
            padding: 18px 0 18px 40px;
            color: #2300d6;
        }

        .box-action .box-parent .box-icon {
            cursor: pointer;
            width: 55px;
            height: 55px;
            border-radius: 50%;
            background: #f8971e;
            top: 0;
            left: -20px;
        }

    .box-action .item-action-arrow {
        cursor: pointer;
    }

        .box-action .item-action-arrow .box-icon {
            width: 55px;
            height: 55px;
            border-radius: 50%;
            border: 1px solid #dfa88a;
            background: #fdfbf9;
            top: 0;
            left: -20px;
        }


/*
Home -------------------------------------------------------------------
*/
.main-home {
    width: 75%;
}

.main-home .hot-new {
	border: 1px solid #e7e7e7;
	background: #f7f5f5;
	height: 475px;
	border-top: 0;
	border-right: 0;
}

.main-home .hot-new ::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	margin-top: 10px;
}

.main-home .hot-new ::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 8px;
}

.main-home .hot-new ::-webkit-scrollbar-thumb {
	background: #DBDEE1;
	border-radius: 8px;
}

	.main-home .hot-new ::-webkit-scrollbar-thumb:hover {
		background: #555;
	}

.main-home .hot-new .title {
	height: 40px;
	margin-left: -1px;
}

.main-home .hot-new .title img.img-fit {
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: left center;
	opacity: 0.92;
}

.main-home .hot-new .content {
	height: calc(100% - 2.4rem);
	/* direction: rtl; */
	overflow: auto;
	scrollbar-width: thin;
}

.main-home .hot-new .list-new .item {
    padding: 15px 0 28px;
    margin: 0 20px 0 15px;
}

.main-home .hot-new .list-new .item:not(:last-child) {
	border-bottom: 1px solid #d9d8d8;
}

.main-home .hot-new .list-new .item__date {
    color: #9d9d9d;
    font-style: italic;
    margin-top: 5px;
    text-align: left;
    font-size: 13px;
	direction: ltr;
}

.main-home .hot-new .list-new .item__title {
    color: #000;
    text-align: left;
    font-size: 15px;
}

	.main-home .hot-new .list-new .item__title:hover {
		color: #ff6905;
	}

.main-home .hot-new .list-new .item--active .item__title {
	color: #ff6905;
	font-weight: 600;
}

.main-home .hot-new .list-new .slide-highlight .item__title {
	color: #ff6905;
}

.main-home .hot-new .see-more {
	color: #fe3c00;
	margin-bottom: 0.6rem;
	margin-top: 0.5rem;
	/* display: flex; */
	align-items: flex-end;
	font-weight: bold;
	font-family: 'UTM Helve',sans-serif;
}

    .main-home .slide-home {
        /* width: calc(100% - 29.2%);*/
    }

    .main-home .slide-home .mySlides {
        height: 100%;
        position: relative;
    }

    .main-home .slide-home .mySlides .text {
        /* background: #a69275; */
		background-image: linear-gradient(to bottom, rgba(64, 80, 94, 0), #40505e);
        bottom: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

.main-home .slide-home .mySlides img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-home .news-container {
	margin-top: 45px;
	background: #f7f5f5;
}

        .main-home .news-container .new-nav {
            width: 30%;
        }

.main-home .news-container .new-nav--border {
	border-right: 1px solid #dfdddd;
	position: relative;
}
		
.main-home .news-container .new-nav--border:before {
    content: "";
    top: 0;
    bottom: 0;
    right: 1px;
    width: 1px;
    background: #eeecec;
    position: absolute;
}
		
.main-home .news-container .new-nav--border:after {
    content: "";
    top: 0;
    bottom: 0;
    right: 0px;
    width: 1px;
    background: #e9e7e7;
    position: absolute;
}

.main-home .news-container .new-nav__title {
    height: 46px;
    margin-bottom: 20px;
}

.main-home .news-container .new-nav__title .box-title {
    top: calc(50% + 4px);
    transform: translateY(-50%);
}

.main-home .news-container .new-nav__content {
    padding: 0 38px;
}

.main-home .news-container .new-nav__content a p {
    font-family: UTM AvoBold;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

            .main-home .news-container .new-nav__content #titlegoc11 {
                font-weight: 600;
            }

            .main-home .news-container .new-nav__content .font-size-14 {
                font-weight: 600;
            }

.main-home .news-container .new-nav__content .see-more {
    display: flex;
    justify-content: end;
    font-size: 13px;
    font-weight: 500 !important;
    font-family: 'Roboto', sans-serif !important;
}

.main-home .news-container .new-nav__content p {
    text-align: initial !important;
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0;
    font-size: 13px;
}

.main-home .news-container .list-new {
    padding-left: 12px;
    width: 70%;
}

.main-home .news-container .list-new .item {
    padding-left: 20px;
    padding-bottom: 15px;
    margin-top: 13px;
}

                .main-home .news-container .list-new .item:not(:last-child) {
                    border-bottom: 1px solid #d9d8d8;
                }

            .main-home .news-container .list-new .item__img {
                width: 19.25%;
                margin-right: 1rem;
            }

.main-home .news-container .list-new .item__content {
    width: 76%;
    padding-top: 10px;
    font-size: 15px;
    letter-spacing: 0;
}

            .main-home .news-container .list-new .item .text:hover {
                color: #ff812d;
                font-weight: bold;
            }

            .main-home .news-container .list-new .item--active .text {
                color: #ff812d;
                font-weight: 600;
            }

.main-home .news-container .list-general {
    width: 70%;
    min-height: 410px;
}

            .main-home .news-container .list-general ::-webkit-scrollbar {
                display: none;
            }

            .main-home .news-container .list-general .line {
                height: 100%;
            }

.main-home .news-container .list-general .list {
	overflow: auto;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none;
	height: 100%;
	left: -5px;
	z-index: 5;
	padding-bottom: 30px;
	padding-top: 15px;
	min-height: 420px;
}

.main-home .news-container .list-general .list .item {
	margin-top: 25px;
}

                .main-home .news-container .list-general .list .item__dot {
                    width: 12px;
                    height: 12px;
                }

.main-home .news-container .list-general .list .item__text {
    margin-left: 1.3rem;
    font-size: 15px;
}

                    .main-home .news-container .list-general .list .item__text:hover {
                        color: #ff812d;
                        font-weight: bold;
                    }

                .main-home .news-container .list-general .list .item .style-date {
                    margin-top: 0.2rem;
                }

                .main-home .news-container .list-general .list .item--active .item__text {
                    color: #ff6905;
                    font-weight: 600;
                }

    .main-home .main-task {
        background: #f7f5f5;
        /* padding: 0 0.7rem 1rem 0.7rem;  */
        border: 1px solid #b7b7b7;
    }
	
.main-home .main-task .main-task__title {
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
}	
	
.main-task__title .title-main {
    text-shadow: none;
}


    .main-home .main-task .list {
        margin-right: 0 !important;
        padding: 0 0.7rem 0 0.7rem;
    }

        .main-home .main-task .list .text:hover {
            color: #ff6905;
        }

        .main-home .main-task .list li {
            padding-right: 0;
            margin-bottom: 1rem;
        }
		
.main-home .main-task .list li a {
    font-size: 15px;
    letter-spacing: 0;
}		

.main-home .main-task .list li .style-date {
    font-size: 13px !important;
}

            .main-home .main-task .list li img {
                height: 135px;
                object-fit: cover;
            }

    .main-home .news-media {
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to top, #de8e17, rgba(0, 0, 0, 0)) 1 100%;
        margin-top: 35px;
    }

    .main-home .news-media__title {
        width: 280px;
    }

        .main-home .news-media__title .title {
            width: max-content;
        }

.main-home .news-media__list {
    margin: 0;
    margin-top: 25px !important;
    padding: 0 30px;
}

        .main-home .news-media__list .content:hover {
            color: #ff6905;
        }

.main-home .news-media__list li {
    margin-bottom: 1rem;
    padding: 0 10px;
}

.main-home .news-media__list li > a {
    margin-top: 0 !important;
}

.main-home .news-media__list li .img {
    margin-bottom: 0.5rem;
    position: relative;
}

.main-home .news-media__list li img {
	height: 170px;
	object-fit: cover;
}

    .main-home .regulations {
        margin-top: 35px;
    }

    .main-home .regulations__title img {
        min-height: 70px;
        max-height: 120px;
    }

    .main-home .regulations__list {
        border: 1px solid #ddd;
        background: #f7f5f5;
        /* margin-top: -22px; */
        padding: 0 0.5rem;
        min-height: calc(100% - 2.3rem);
		position: relative;
    }

        .main-home .regulations__list .item {
			padding: 10px 0 10px 12px;
			padding-left: 20px;
			position: relative;
			height: auto !important;
		}

            .main-home .regulations__list .item:not(:last-of-type) {
                border-bottom: 1px solid #ddd;
            }

            .main-home .regulations__list .item::before {
                content: "";
                padding: 3.5px;
                position: absolute;
                background: #000;
                left: 5px;
				top: 15px;
                transform: rotate(-45deg);
            }

            .main-home .regulations__list .item:hover a {
                color: #ff6905;
            }

            .main-home .regulations__list .item:hover::before {
                background: #ff6905;
            }
			
.main-home .regulations__list .item > a {
    line-height: 1.5;
   /* max-height: 105px;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;*/
    letter-spacing: 0;
    font-weight: 500 !important;
    font-size: 15px;
}
	
.main-home .regulations__list .item > a .font-weight-semibold {
    font-family: 'Roboto', sans-serif;
}	
	
	.main-home .regulations__list .item .style-date {
		color: #696969;
	}

    .main-home .feedback {
        margin-top: 2.5rem;
        border: 1px solid #ddd;
        background: #ffffff;
    }

    .main-home .feedback__title img {
        height: 46px;
    }

    .main-home .feedback__list {
        padding-left: 0.6rem;
    }

        .main-home .feedback__list .item {
            display: flex;
        }

            .main-home .feedback__list .item:not(:last-child) {
                border-bottom: 1px solid #ddd;
            }

        .main-home .feedback__list .item__comment {
            width: 83.52%;
            position: relative;
            padding: 0.7rem 1rem;
        }

            .main-home .feedback__list .item__comment .question {
                padding-bottom: 1rem;
            }
			
.main-home .feedback__list .item__comment .question p.content {
    font-size: 15px;
}			

                .main-home .feedback__list .item__comment .question::before {
                    content: "";
                    padding: 3.5px;
                    position: absolute;
                    background: #ffa507;
                    left: 2px;
                    top: 19px;
                    transform: rotate(-45deg);
                }

.main-home .feedback__list .item__comment .question .icon {
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 13px;
}

                    .main-home .feedback__list .item__comment .question .icon img {
                        width: 18px;
                        margin-right: 0.5rem;
                    }

            .main-home .feedback__list .item__comment .answer {
                display: none;
                color: #bebebe;
                border-top: 1px dashed #ddd;
            }

                .main-home .feedback__list .item__comment .answer .item {
                    margin-top: 1rem;
                    padding-bottom: 1rem;
                }

                .main-home .feedback__list .item__comment .answer .icon {
                    margin-right: 0.5rem;
                    margin-top: 4px;
                    width: 40px;
                }

                .main-home .feedback__list .item__comment .answer .name {
                    margin-right: 0.4rem;
                }

        .main-home .feedback__list .item__send {
            width: calc(100% - 83.52%);
            background: #f8f8f8;
        }

.main-home .feedback__list .item__send .button {
    color: #9d9d9d;
    padding: 8px 18px;
    border: 1px solid #959595;
    border-radius: 6px;
    width: 127px;
    text-align: center;
    z-index: 9;
    font-size: 15px;
}

        .main-home .feedback__list .item--active .item__comment .content {
            color: #fe8c46;
            font-weight: 600;
        }

        .main-home .feedback__list .item--active .item__comment .answer {
            display: block;
        }

        .main-home .feedback__list .item--active .item__send .button {
            background: #f8971e;
            color: #ffffff;
			border-color: #f8971e;
        }

    .main-home .reply .reply{
        margin-top: 30px;
    }

.main-home .reply .reply-reflect .title {
    height: 46px;
    border: 1px solid #ddd;
    border-bottom: 0;
}

.main-home .reply .reply-reflect .title .bg {
    top: calc(50% + 2px);
    transform: translateY(-50%);
}

.main-home .reply .reply-reflect .list {
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 0 10px;
    border-top: 0;
}

            .main-home .reply .reply-reflect .list .item span, .main-home .reply .reply-reflect .list .item p, .main-home .reply .reply-reflect .list .item div {
                /* font-size: 0.8rem !important; */
            }

            .main-home .reply .reply-reflect .list .item {
				padding: 15px 12px;
				min-height: 80px;
				width: 100% !important;
				margin: 0 !important;
			}

                .main-home .reply .reply-reflect .list .item:not(:last-child) {
                    border-bottom: 1px solid #ddd;
                }

            .main-home .reply .reply-reflect .list .item__question {
				cursor: pointer;
				font-size: 0.8rem;
				display: block;
				padding-left: 35px;
				position: relative;
			}
			
			.main-home .reply .reply-reflect .list .item__question > img {
				width: 25px;
				position: absolute;
				left: 5px;
				height: auto;
				margin-top: 1px;
			}

                .main-home .reply .reply-reflect .list .item__question .icon-qs {
                    display: none;
                }

                .main-home .reply .reply-reflect .list .item__question .icon-arrow {
					width: 15px;
					height: 9px;
					left: auto;
					right: 0;
					top: 5px;
					display: none;
				}
				
				.main-home .reply .reply-reflect .list .item--active .item__question {
					padding-right: 30px;
				}

.main-home .reply .reply-reflect .list .item__question .text {
    font-weight: 600;
    font-size: 15px;
}

            .main-home .reply .reply-reflect .list .item__answer {
				color: #9e9e9e;
				display: none;
				border-top: 1px dashed #ddd;
				padding: 15px 0 0 8px;
				padding-bottom: 0;
				font-size: 0.8rem;
				margin-top: 22px;
			}

.main-home .reply .reply-reflect .list .item__answer .text {
    color: #9e9e9e;
    font-size: 13px;
	text-align: justify
}

                .main-home .reply .reply-reflect .list .item__answer span {
                    /* font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif !important; */
                    color: #9e9e9e !important;
                }

            .main-home .reply .reply-reflect .list .item--active .item__question .text {
                color: #ff6905;
            }

            .main-home .reply .reply-reflect .list .item--active .item__question .icon-qs {
                display: block;
            }

            .main-home .reply .reply-reflect .list .item--active .item__question .icon-qs-gray {
                display: none;
            }

            .main-home .reply .reply-reflect .list .item--active .item__answer {
                display: block;
            }

            .main-home .reply .reply-reflect .list .item--active .icon-arrow {
                display: block;
            }

    .main-home .check {
        margin-top: 25px;
    }

    .main-home .check__title .img {
        height: 45px;
    }
	
.main-home .check__content .box .list .item .style-date {
    margin-top: 20px;
}	

    .main-home .check__content {
        margin-top: -5px;
    }

        .main-home .check__content .box {
            width: 50%;
            background: #ffffff;
            border: 1px solid #e3e3e3;
        }
		
.main-home .check__content .box + .box {
    border-left: 0;
}

            .main-home .check__content .box:first-child {
                border-right: 1px solid #b7b7b7;
            }

            .main-home .check__content .box .title {
                height: 43px;
                background: #e5e5e5;
            }

                .main-home .check__content .box .title h4 {
                    font-size: 0.75rem !important;
                }

            .main-home .check__content .box .list .item {
                padding: 1rem 1rem 0;
                padding-left: 2rem;
                position: relative;
                min-height: 5rem;
            }
			
.main-home .check__content .box .list .item p {
    font-size: 15px;
}			

                .main-home .check__content .box .list .item::before {
                    content: "";
                    padding: 3.5px;
                    position: absolute;
                    background: #8c1801;
                    left: 10px;
                    top: 1.3rem;
                    transform: rotate(-45deg);
                }

                .main-home .check__content .box .list .item .text:hover {
                    color: #ff6905;
                }

            .main-home .check__content .box .list .item--active .text {
                color: #ff6905;
            }

.main-home .topic {
    margin-top: 32px;
    border: 1px solid #e8e7e6;
    background: #ffffff;
    padding: 23px 28px 7px;
}

.main-home .topic .item {
    height: 50px;
    margin-bottom: 12px;
}

.main-home .topic .item > a {
    display: block;
    position: relative;
	height: 50px;
}

.main-home .topic .item .text {
    padding: 0 15px 0 80px;
    text-align: left;
    font-size: 16px;
	text-shadow: 1px 1px 3px #444;
}

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

#DeltaPlaceHolderMain > .page-portal {
    margin-top: 20px;
    padding-left: 14px;
    padding-top: 25px;
	position: relative;
}

#DeltaPlaceHolderMain > .page-portal:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 1000000px;
    background: #fff;
    z-index: -1;
}

#DeltaPlaceHolderMain > .page-portal > .pb-4 {
    padding-bottom: 15px !important;
}

.page-portal .list-page {
    margin-top: 30px;
    padding-left: 12px;
}

.page-portal .list-page + .list-page {
    margin-top: 65px;
}

.page-portal .list-page .item {
    padding-right: 0;
    font-family: 'UTM Helve', sans-serif;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
}

        .page-portal .list-page .item__img {
            /* width: 62px; */
            margin-right: 8px;
        }

    .page-portal .swiper-container {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .page-portal .list-portal {
        margin-top: 1rem;
        margin-bottom: 2rem;
    }

        .page-portal .list-portal .item {
            padding-right: 0;
            margin-bottom: 5px;
            display: flex;
            min-height: 3.2rem;
        }

        .page-portal .list-portal .item__bg {
            width: 34px;
            background: #f99a22;
        }

            .page-portal .list-portal .item__bg a {
                display: flex;
                height: 100%;
            }

            .page-portal .list-portal .item__bg .img {
                padding: 2px;
                padding-top: 5px;
                margin: auto;
            }

            .page-portal .list-portal .item__bg .count {
                left: 2px;
                top: 1.9rem;
                font-weight: bolder;
                font-size: 15px;
            }

        .page-portal .list-portal .item__content {
            border: 1px solid #ddd;
            padding: 0 5px;
            width: calc(100% - 34px - 10px);
        }

            .page-portal .list-portal .item__content p {
                font-size: 0.7rem;
            }

.wrap-slide {
    /* Slideshow container */
    /* Caption text */
    /* The dots/bullets/indicators */
    /* Fading animation */
    /* Next & previous buttons */
}

    .wrap-slide .mySlides {
        display: none;
        height: 100%;
    }

    .wrap-slide img {
        vertical-align: middle;
    }

    .wrap-slide .slideshow-container {
        position: relative;
        height: 100%;
    }

.wrap-slide .text {
    color: #000;
    padding: 10px 12px;
    width: 100%;
}

.wrap-slide .mySlides1 .text {
    padding: 0px 12px;
}

.wrap-slide .text__title {
    margin-bottom: 0;
    color: #000;
    text-transform: uppercase;
    font-family: 'UTM Helve', sans-serif;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.main-home .slide-home .mySlides .text__title {
    color: #fff;
}

.wrap-slide .text p {
    color: #ffffff;
    font-size: 13px;
}

    .wrap-slide .list-dot {
        margin-top: 3px;
        position: absolute;
    }

    .wrap-slide .dot {
        height: 8px;
        width: 8px;
        margin: 0 2px;
        background-color: #ff812d;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }

    .wrap-slide .active {
        background-color: #8e0801;
    }

    .wrap-slide .fade {
        animation-name: fade;
        animation-duration: 1.5s;
    }

@keyframes fade {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

.wrap-slide .prev, .wrap-slide .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #9e9e9e;
    font-weight: bold;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

.wrap-slide .prev {
    left: 5%;
}

.wrap-slide .next {
    right: 5%;
    border-radius: 3px 0 0 3px;
}

.wrap-slide .mySlides1 {
    position: relative;
    /* height: 455px; */
    width: 80%;
    margin: auto;
}

.wrap-slide .mySlides1 .overlay-slide {
	background-image: linear-gradient(to bottom, rgba(64, 80, 94, 0), #40505e);
	bottom: 0;
	height: 100px;
	width: 100%;
	display: none;
}


.style-date {
    color: #9d9d9d;
    font-style: italic;
    margin-top: 0.5rem;
    font-size: 0.6rem;
}

.style-new {
    margin-left: 5px;
    color: #ffffff;
    background: #d10000;
    padding: 0.15rem 0.3rem;
    font-size: 0.5rem;
}

.navbar {
    width: 22.16%;
}

    .navbar .minister .title-main {
        cursor: pointer;
    }


    .navbar .minister .title {
        margin-top: -5px;
    }

        .navbar .minister .title img {
            height: 2.2rem;
        }

    .navbar .minister .bg img {
        height: 40px;
    }

    .navbar .minister .list {
        margin-top: -5px;
        padding: 0 0.6rem;
        border: 1px solid #ddd;
        background: #ffffff;
    }

        .navbar .minister .list .item {
            padding: 0.6rem 0;
            padding-left: 12px;
            border-bottom: 1px solid #ddd;
            position: relative;
        }

            .navbar .minister .list .item a {
                color: #812700;
                white-space: nowrap;
            }

                .navbar .minister .list .item a:hover {
                    color: #f99a22;
                }

            .navbar .minister .list .item::before {
                content: "";
                padding: 2.5px;
                position: absolute;
                background: #fe1300;
                left: 0px;
                top: 0.7rem;
                border-radius: 50px;
                border: 2px solid #ebebeb;
            }

    .navbar .noti {
        margin-top: 0.6rem;
        background: #ffffff;
    }

        .navbar .noti .title a {
            color: #ffffff !important;
        }

.fix-header {
    background: #ffffff;
}

.navbar .noti .title {
    height: 2.4rem;
}

.navbar .noti .list {
    margin-top: -5px;
    padding: 0 0.6rem;
    border: 1px solid #ddd;
}

    .navbar .noti .list .item {
        padding: 0.6rem 0;
        padding-left: 12px;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

.navbar .noti .list .item a {
    color: #000;
    font-size: 15px !important;
    letter-spacing: 0;
}

            .navbar .noti .list .item a:hover {
                color: #f99a22;
            }

        .navbar .noti .list .item:hover::before {
            background: #f99a22;
        }

.navbar .noti .list .item::before {
    content: "";
    padding: 3.5px;
    position: absolute;
    background: #000;
    left: 0px;
    top: 19px;
    transform: rotate(45deg);
}

.navbar .info-access {
    margin-top: 0.8rem;
    /* box-shadow: 0px 0px 7px 0px #ecedee; */
    margin-bottom: 0.8rem;
    border: 1px solid #ecedee;
    background: #ffffff;
}

    .navbar .info-access .list .item {
        height: 44px;
        background: linear-gradient(180deg, #f6f7f9 0%, #ffff 100%);
        border: 1px solid #ebebeb;
        border-radius: 3px;
        margin-bottom: 0.3rem;
        box-shadow: 0px 1px 3px 0px #0000003b
    }

        .navbar .info-access .list .item a {
            color: #ff9f08;
            /* font-weight: 600; */
            font-family: 'UTM HelvetIns', sans-serif;
        }

        .navbar .info-access .list .item:hover {
            background: #e3e3e3;
        }

            .navbar .info-access .list .item:hover a {
                color: #7d1800;
            }

.navbar .banner {
    margin-top: 1rem;
}

    .navbar .banner .item .text-1 {
        color: #fff454;
        right: 0.8rem;
    }

.navbar .parindex {
    /*margin-top: 1rem;*/
    /* border: 1px solid #ddd; */
    border-radius: 4px;
    margin-bottom: 5px;
}

    .navbar .parindex .title {
        height: 40px;
        background: #f69d16;
        border-radius: 5px 5px 0px 0px;
    }

    .navbar .parindex .type .item {
        background: #e1e1e1;
        height: 35px;
        width: 50%;
        border-radius: 0 5px 5px 0;
    }

        .navbar .parindex .type .item:hover {
            color: #7d1800;
            background: #ffe0ab;
        }

    .navbar .parindex .type .item--active {
        color: #7d1800;
        background: #ffe0ab;
        border-radius: 5px 0 0 5px;
    }

    .navbar .parindex .chart {
        background: #f7f5f5;
        padding: 1rem;
        border-radius: 0px 0px 5px 5px;
        border: 1px solid #ddd;
        border-bottom: 5px solid #f69d16;
        /* height:550px; */
    }

.navbar .sipas {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    /* border: 1px solid #ddd; */
    /* border-radius: 4px;  */
}

    .navbar .sipas .title {
        height: 40px;
        background: #f69d16;
        border-radius: 4px;
    }

    .navbar .sipas .chart {
        background: #f7f5f5;
        padding: 1rem;
        border: 1px solid #ddd;
        border-radius: 0px 0px 5px 5px;
    }

.navbar .statistical {
    bottom: 0;
}

.navbar .statistical__content {
    padding: 30px 37px;
}

    .navbar .statistical__content .box {
        padding: 12px;
        background: #ffffff;
        width: 11rem;
        height: 2.5rem;
        border: 1px solid #ebebeb;
        min-width: max-content;
    }

.statistical__content .box img {
    margin-right: 5px;
}

.navbar .statistical__content .box p {
    color: #9d9d9d;
}

/*
*
* video
*/
.box-video .box-video .vjs-poster {
    background: url(/Publishing_Resources/web/media/images/i-play-video-b.png) no-repeat !important;
    width: 52px;
    height: 52px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-page-media__list .list-content .item a, .main-page-media__read-more .list-read-more .item a {
    display: flex;
    position: relative;
}

    .main-page-media__list .list-content .item a:first-child::before, .list-video .item a:first-child::before {
        content: "";
        position: absolute;
        background: url("../images/noi-vu/i-play-video-b.png") no-repeat !important;
        width: 28px;
        height: 28px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }



/*
Main noi vu trang tin -------------------------------------------------------------------
*/
.main-page-news {
    width: 75.33%;
}

.main-page-news__breadcrumb {
    margin-bottom: 10px;
}

    .main-page-news__breadcrumb li {
        display: inline-block;
        list-style: none;
    }

        .main-page-news__breadcrumb li a {
            color: #9e9e9e;
            text-transform: uppercase;
            font-size: 10px;
            font-family: 'UTM Helve', sans-serif;
        }

        .main-page-news__breadcrumb li:not(:last-child):after {
            content: ">";
            color: #9e9e9e;
            font-size: 0.7rem;
            margin-left: 0.25rem;
        }

        .main-page-news__breadcrumb li:last-child a {
            /* cursor: default; */
        }

#Chitietbaiviet .title-post {
    font-size: 16px;
    margin: 15px 0 10px;
}

.main-page-news__post .title-post {
    margin-bottom: 5px;
    /* font-weight: 600; */
    font-family: 'UTM HelvetIns', sans-serif !important;
}

.main-page-news__post .date-post {
    margin: 12px 0;
}

    .main-page-news__post .date-post .post-view li {
        font-weight: bold;
        padding-left: 5px;
        font-size: 0.8rem;
    }

        .main-page-news__post .date-post .post-view li:not(.dropdown-item) a {
            color: #000;
        }

        .main-page-news__post .date-post .post-view li i {
            margin-right: 5px;
        }

    .main-page-news__post .date-post .voice-news {
        margin: 5px 0;
        width: 60%;
    }

.main-page-news__post .content-post {
    margin-top: 30px;
    /* margin-bottom: 50px;*/
}

.main-page-news__post .content-post--text {
    /*margin-top: 50px;*/
    text-align: justify;
}

.main-page-news__read-more {
    margin-top: 2rem;
}

    .main-page-news__read-more .read-more-head::before {
        content: "";
        position: absolute;
        right: 0;
        height: 2px;
        width: calc(100% - 4.25rem);
        background-image: linear-gradient(to right, #ff9f08, #ff9f08);
        bottom: 0px;
    }

    .main-page-news__read-more .read-more-head__title {
        color: #ff9f08;
        font-size: 15px;
        /* font-weight: 600; */
        font-size: 15px;
    }

    .main-page-news__read-more .list-read-more {
        margin-top: 1rem;
        background: #ffff;
    }

        .main-page-news__read-more .list-read-more .item-read-more {
            padding: 15px 10px 25px 10px;
            margin-bottom: 1rem;
        }

            .main-page-news__read-more .list-read-more .item-read-more:not(:last-child) {
                border-bottom: 1px solid #b7b7b7;
            }

            .main-page-news__read-more .list-read-more .item-read-more .text-content-news {
                position: relative;
                padding-left: 30px;
            }

                .main-page-news__read-more .list-read-more .item-read-more .text-content-news::before {
                    content: "";
                    padding: 3.5px;
                    position: absolute;
                    background: #ff9f08;
                    left: 4px;
                    top: 4px;
                    transform: rotate(-45deg);
                }

            .main-page-news__read-more .list-read-more .item-read-more:hover .text-content-news {
                color: #ff9f08;
            }

.color-date {
    color: #9d9d9d;
}

.style-new {
    color: #ffffff;
    background: #d10000;
    padding: 3px 6px;
    font-size: 10px;
}

.statistical__content {
    padding: 30px 37px;
}

    .statistical__content .box {
        padding: 12px;
        background: #ffffff;
        width: 11rem;
        height: 2.5rem;
        border: 1px solid #ebebeb;
    }

.audio-player {
    height: 45px;
    width: calc(100% - 300px);
    font-family: arial;
    color: #007279;
    font-size: 0.75em;
    overflow: hidden;
    display: grid;
    grid-template-rows: 6px auto;
    background: #e7e7e7;
    padding: 6px 9px;
}

    .audio-player .controls {
        padding: 2px 8px;
    }

        .audio-player .controls .play-container {
            width: 40px;
        }

        .audio-player .controls .toggle-play {
            margin-right: 5px;
        }

            .audio-player .controls .toggle-play.play {
                cursor: pointer;
                position: relative;
                left: 0;
                height: 0;
                width: 0;
                border: 7px solid #e7e7e7;
                /* border-left: 13px solid #f69d16; */
                height: 25px;
            }

            /* .audio-player .controls .toggle-play.play:hover { */
            /* transform: scale(1.1); */
            /* } */

            .audio-player .controls .toggle-play.pause {
                height: 15px;
                width: 20px;
                cursor: pointer;
                position: relative;
            }

                .audio-player .controls .toggle-play.pause:before {
                    position: absolute;
                    top: 0;
                    left: 0px;
                    background: #f69d16;
                    content: "";
                    height: 15px;
                    width: 3px;
                }

                .audio-player .controls .toggle-play.pause:after {
                    position: absolute;
                    top: 0;
                    right: 2px;
                    background: #f69d16;
                    content: "";
                    height: 15px;
                    width: 3px;
                }

                .audio-player .controls .toggle-play.pause:hover {
                    transform: scale(1.1);
                }

        .audio-player .controls .timeline {
            margin-left: 5px;
            background: #ffffff;
            width: calc(100% - 200px);
            height: 4px;
            position: relative;
            cursor: pointer;
            box-shadow: 0 2px 10px 0 #0008;
        }

            .audio-player .controls .timeline .progress-audio {
                background: #f69d16;
                width: 0%;
                height: 4px;
                transition: 0.25s;
            }

        .audio-player .controls .pull-down {
            width: 120px;
        }

        .audio-player .controls .pull-down__content {
            padding: 2px 3px;
        }

            .audio-player .controls .pull-down__content:hover .pull-down__box-list {
                display: block;
            }

        .audio-player .controls .pull-down__active {
            padding: 2px 5px;
        }

        .audio-player .controls .pull-down__box-list {
            left: 0;
            top: 105%;
            padding: 7px;
            width: max-content;
            border-radius: 5px;
            box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
        }

            .audio-player .controls .pull-down__box-list li a {
                color: #000 !important;
                display: flex;
                padding: 5px 0;
            }

            .audio-player .controls .pull-down__box-list li:hover a {
                color: #f69d16 !important;
            }

/*
Main noi vu gioi thieu -------------------------------------------------------------------
*/
.main-page-introduce {
    width: 75.33%;
}

    .main-page-introduce .list-boss {
        margin-top: 45px;
        border-top-width: 0px !important;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to bottom, #de8e17, rgba(0, 0, 0, 0)) 1 100%;
    }

        .main-page-introduce .list-boss .title {
            height: 45px;
        }

        .main-page-introduce .list-boss .list .item {
            margin-top: 2rem;
            cursor: pointer;
        }

            .main-page-introduce .list-boss .list .item .name, .main-page-introduce .list-boss .list .item .position {
                margin-top: 0.5rem;
            }

    .main-page-introduce .organizational {
        margin-top: 40px;
        border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(to bottom, #de8e17, rgba(0, 0, 0, 0)) 1 48%;
    }

        .main-page-introduce .organizational .title {
            height: 45px;
        }

        .main-page-introduce .organizational .content .unit {
            margin-top: 2rem;
            border: 1px solid #ddd;
            width: 95%;
            margin: auto;
            margin-top: 2rem;
        }

            .main-page-introduce .organizational .content .unit .title {
                height: 48px;
                background: #fff1de;
            }

                .main-page-introduce .organizational .content .unit .title .box {
                    margin-top: -16px;
                }

            .main-page-introduce .organizational .content .unit .list .left {
                border-right: 1px solid #c8c8c8;
                padding-right: 0;
            }

            .main-page-introduce .organizational .content .unit .list .right {
                padding-left: 0;
            }

            .main-page-introduce .organizational .content .unit .list .item {
                height: 100%;
                padding: 0.5rem 1.1rem 0.5rem 1.1rem;
                background: #f2f2f2;
                border-bottom: 1px solid #fff;
            }

                .main-page-introduce .organizational .content .unit .list .item a {
                    color: #000;
                    /*font-size: 0.85rem;*/
                }

                .main-page-introduce .organizational .content .unit .list .item:hover a {
                    color: #ff6905;
                }

.color-date {
    color: #9d9d9d;
}

.style-new {
    color: #ffffff;
    background: #d10000;
    padding: 3px 6px;
    font-size: 10px;
}

.statistical__content {
    padding: 30px 37px;
}

    .statistical__content .box {
        padding: 12px;
        background: #ffffff;
        width: 11rem;
        height: 2.5rem;
        border: 1px solid #ebebeb;
    }

.modal-qc .modal {
    padding: 0.7rem;
    background: #ffffff;
}

    .modal-qc .modal .icon-close {
        position: absolute;
        right: 27px;
    }

    .modal-qc .modal .button-click {
        position: absolute;
        top: 64%;
        left: 47%;
        background: #ffffff;
        border-radius: 5px;
        padding: 0.5rem 2rem;
    }

        .modal-qc .modal .button-click a {
            color: #9e9e9e !important;
            font-style: italic;
        }

.modal-intro {
    display: none;
}

.modal-backdrop {
    z-index: 1001;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(64, 80, 94, 0.5);
    transition: opacity .5s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal {
    z-index: 1002;
	max-width: 1000px;
    width: 90%;
    position: fixed !important;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    background: #ffffff;
    display: flex;
    flex-direction: column;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.modal__head {
    height: 2.25rem;
}

    .modal__head .close-modal {
        font-size: 1.5rem !important;
        color: #a2744e;
        right: 10px;
    }

.modal ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    margin-top: 10px;
}

.modal ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
}

.modal ::-webkit-scrollbar-thumb {
    background: #DBDEE1;
    border-radius: 8px;
}

    .modal ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.modal__main {
    max-height: 85vh;
    overflow: auto;
    background: #ffffff;
    scrollbar-width: thin;
}

    .modal__main .person-info .box-avatar {
        width: 113.4px;
        max-height: 12.5rem;
        border: 1px solid #ffc740;
        padding: 0.4rem;
        height: 115.2px;
        margin: 10px;
    }

    .modal__main .person-info .box-introduce {
        width: 100%;
    }

        .modal__main .person-info .box-introduce li {
            margin-bottom: 5px;
        }

    .modal__main .content {
        margin-top: 2rem;
        background: #fffcf5;
    }



/*
Home trang thu vien -------------------------------------------------------------------
*/
.main-library-news {
    width: 75.33%;
    display: inline-block;
    /* margin-top: 40px; */
}

    .main-library-news .head-lib-new {
        height: 1.5rem;
    }

        .main-library-news .head-lib-new .head-lib-new__title {
            background: #fef9f4;
            position: absolute;
            padding-right: 1rem;
        }

        .main-library-news .head-lib-new:not(.head-lib-news-chuyen-trang)::before {
            border-right: 1px solid;
            content: "";
            position: absolute;
            right: 0;
            height: 1px;
            width: calc(100% - 8rem);
            background: #b7b7b7;
            bottom: 6px;
        }

.main-library-news__list-news .item-new {
    align-items: initial;
    padding: 20px 10px;
}

    .main-library-news__list-news .item-new:not(:last-child) {
        border-bottom: 1px solid #b7b7b7;
    }

    .main-library-news__list-news .item-new .item-image {
        width: calc(100% - 50% - 30px);
    }

        .main-library-news__list-news .item-new .item-image img {
            object-position: center;
        }

    .main-library-news__list-news .item-new .news-content {
        width: 70%;
        margin-left: 30px;
        position: relative;
    }

    .main-library-news__list-news .item-new .news-content--text {
        margin-bottom: 20px;
    }

        .main-library-news__list-news .item-new .news-content--text a {
            font-size: 16px;
        }

        .main-library-news__list-news .item-new .news-content--text p {
            margin-top: 5px;
            font-size: 15px;
        }
		
.main-library-news__list-news .item-new .news-content--text p.font-size-10 {
    font-size: 13px;
}

.head-lib-news-chuyen-trang .main-library-news__list-news .item-new .news-content--text a {
    font-size: 13px;
}

.main-library-news__pagination {
    margin-top: 30px;
}

    .main-library-news__pagination li {
        padding: 5px;
    }

        .main-library-news__pagination li .item-pagination {
            color: #000;
            font-family: 'UTM Helve';
        }

        .main-library-news__pagination li .previous, .main-library-news__pagination li .nexts, .main-library-news__pagination li .item-pagination-active {
            color: #fe3c00 !important;
        }

        .main-library-news__pagination li .previous, .main-library-news__pagination li .nexts {
            display: flex;
            width: 15px;
            height: 13px;
            background-size: cover;
        }

        .main-library-news__pagination li .nexts {
            position: initial;
        }

        .main-library-news__pagination li .previous {
            background-image: url("../images/noi-vu/icon-prev.png");
        }

        .main-library-news__pagination li .nexts {
            background-image: url("../images/noi-vu/icon-next.png");
        }

.main-library-news .boxhotmedia .topmedia {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
}

    .main-library-news .boxhotmedia .topmedia .top3-media .f1 {
        height: 55%;
        margin-bottom: 2rem;
    }

        .main-library-news .boxhotmedia .topmedia .top3-media .f1 img {
            height: 170px;
            object-fit: cover;
        }

.main-library-news .boxhotmedia .top3-media .f2 ul {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.main-library-news .boxhotmedia .top3-media .f2 img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}

.main-library-news .boxhotmedia .top1-media a, .main-library-news .boxhotmedia .top3-media .f1 a {
    /*height: 82%;*/
    display: flex;
    position: relative;
}

    .main-library-news .boxhotmedia .top1-media a:first-child::before, .main-library-news .boxhotmedia .top3-media .f1 a:first-child::before {
        content: "";
        position: absolute;
        background: url("../images/noi-vu/i-play-video-b.png") no-repeat !important;
        width: 28px;
        height: 28px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.main-library-news .boxhotmedia .top1-media h1 a::before, .main-library-news .boxhotmedia .top3-media .f1 h2 a::before {
    content: none !important;
}

.color-date {
    color: #9d9d9d;
}

.statistical__content {
    padding: 30px 37px;
}

    .statistical__content .box {
        padding: 12px;
        background: #ffffff;
        width: 11rem;
        height: 2.5rem;
        border: 1px solid #ebebeb;
    }



/*
Footer -------------------------------------------------------------------
*/
.footer {
    background-image: url("../images/noi-vu/bg-footer.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    font-family: 'UTM HelvetIns', sans-serif;
}

.footer .title-footer {
    margin-bottom: 20px;
    font-size: 21px;
}

table.table-footer td {
    vertical-align: top;
    width: 58%;
}

table.table-footer td + td {
    width: 42%;
    padding: 0 15px;
}

table.table-footer td + td p {
    margin-bottom: 12px;
}

table.table-footer td + td p span img {
    margin-right: 7px;
    transform: translateY(2px);
}

.footer p {
    font-family: 'UTM Helve', sans-serif !important;
    letter-spacing: 0;
    font-family: 'Roboto', sans-serif !important;
}

.footer__content {
    padding: 34px 12px 18px !important;
}

.footer__left .footer-info {
    width: 55%;
}

    .footer__left .footer-info .text-content {
        margin-bottom: 10px;
    }

    .footer__left .footer-info .text-content-last {
        margin-top: 33px;
    }

.footer__left .footer-address {
    width: 35%;
}

    .footer__left .footer-address .mg-b-10 {
        margin-bottom: 10px;
    }

    .footer__left .footer-address span {
        margin-left: 8px;
    }

.footer__right .box-search {
    width: 100%;
    min-width: auto !important;
    margin-bottom: 13px;
    max-width: 225px;
}

    .footer__right .box-search .wrap-input {
        margin-bottom: 20px;
    }

        .footer__right .box-search .wrap-input select, .footer__right .box-search .wrap-input button {
            width: 100%;
            height: 38px;
            font-size: 13px !important;
            border: 1px solid #dad7d6;
            color: #959595;
            border-radius: 4px;
            padding: 5px 10px;
            margin-left: 0;
            background-color: #fdfdfd;
        }

        .footer__right .box-search .wrap-input select {
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
            border-radius: 5px;
        }

        .footer__right .box-search .wrap-input .icon-search {
            right: 5px;
        }

.footer .list-network li {
    padding: 0 0 0 16px;
}


/*# sourceMappingURL=style-noivu.css.map */


/*
Hinh anh video -------------------------------------------------------------------
*/
.box-video .video {
    max-height: 100vh;
    height: calc(100vw vw /1.777778);
}

.box-video .box-title {
    min-height: 5rem;
    bottom: 0;
    background: #9b876c;
    width: 100%;
    opacity: 0.9;
}

    .box-video .box-title .title {
        border-left: 2px solid;
        padding: 0.5rem 0;
        padding-left: 1rem;
        margin-left: 4rem;
    }


.main-page-media {
    width: 75.33%;
    margin-top: 30px;
}

.main-page-media__list .list-content {
    padding: 0 0 0 1.5rem;
}

    .main-page-media__list .list-content .item {
        margin-bottom: 1.5rem;
    }

        .main-page-media__list .list-content .item .title {
            margin-top: 0.5rem;
        }

        .main-page-media__list .list-content .item .style-date {
            margin-top: 4px;
            font-style: normal;
        }

        .main-page-media__list .list-content .item:hover .title {
            color: #ff6905;
        }

.main-page-media__list .pagination li {
    padding: 5px;
}

    .main-page-media__list .pagination li .item-pagination {
        color: #000;
    }

    .main-page-media__list .pagination li .previous, .main-page-media__list .pagination li .nexts, .main-page-media__list .pagination li .item-pagination-active {
        color: #ff9f08 !important;
    }

.main-page-media__list li .previous, .main-page-media__list li .nexts {
    display: flex;
    width: 15px;
    height: 13px;
    background-size: cover;
}

.main-page-media__list li .nexts {
    position: initial;
}

.main-page-media__list li .previous {
    background-image: url("../images/noi-vu/icon-prev.png");
}

.main-page-media__list li .nexts {
    background-image: url("../images/noi-vu/icon-next.png");
}

.main-page-media__read-more {
    margin-top: 2rem;
}

    .main-page-media__read-more .read-more-head::before {
        content: "";
        position: absolute;
        right: 0;
        height: 2px;
        width: calc(100% - 10.25rem);
        background-image: linear-gradient(to right, #ff9f08, #ff9f08);
        bottom: 6px;
        );
        bottom: 6px;
    }

    .main-page-media__read-more .read-more-head__title {
        color: #ff9f08;
        font-weight: 600;
    }

    .main-page-media__read-more .list-read-more {
        margin-top: 2rem;
        margin-left: 1rem;
    }

        .main-page-media__read-more .list-read-more .item {
            margin-bottom: 1.5rem;
        }

            .main-page-media__read-more .list-read-more .item img {
                height: 170px;
            }

.fix_height_video {
    height: 143px
}

.main-page-media__read-more .list-read-more .item .title {
    margin-top: 0.5rem;
}

.main-page-media__read-more .list-read-more .item .style-date {
    margin-top: 4px;
    font-style: normal;
}

.main-page-media__read-more .list-read-more .item:hover .title {
    color: #ff6905;
}

/* Slideshow container */
.slideshow-container-post {
    margin-top: 20px !important;
    position: relative;
    margin: auto;
}

    .slideshow-container-post .mySlides1 {
        display: none;
        height: 500px;
    }

    .slideshow-container-post .text {
        margin: 0 2rem;
        color: #ffffff;
        padding: 8px 25px;
        position: absolute;
        bottom: 0.5rem;
    }

    .slideshow-container-post .text__title {
        margin-bottom: 0.5rem;
    }

    .slideshow-container-post .overlay-post {
        background-image: linear-gradient(to bottom, rgba(64, 80, 94, 0), #40505e);
        bottom: 0;
        height: 115px;
        width: 100%;
    }

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #45bfc7;
    font-weight: bold;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.main-multimedia-news {
    background: #fefdf4;
    padding-top: 30px;
}

.main-multimedia-news__breadcrumb {
    margin-bottom: 10px;
}

    .main-multimedia-news__breadcrumb li {
        display: inline-block;
        list-style: none;
    }

        .main-multimedia-news__breadcrumb li a {
            color: #9e9e9e;
        }

        .main-multimedia-news__breadcrumb li:not(:last-child):after {
            content: ">";
            color: #9e9e9e;
            font-size: 0.7rem;
            margin-left: 0.25rem;
        }

        .main-multimedia-news__breadcrumb li:last-child a {
            cursor: default;
        }

.main-multimedia-news__post .title-post {
    margin-bottom: 5px;
    font-weight: 600;
}

.main-multimedia-news__post .date-post {
    margin-top: 10px;
}

    .main-multimedia-news__post .date-post .post-view li {
        font-weight: bold;
        padding-left: 5px;
        font-size: 0.8rem;
    }

        .main-multimedia-news__post .date-post .post-view li a {
            color: #000;
        }

        .main-multimedia-news__post .date-post .post-view li i {
            margin-right: 5px;
        }

.main-multimedia-news__post .fotorama {
    margin-top: 20px;
}

.main-multimedia-news__post .fotorama__caption__wrap {
    width: 100%;
    background: none;
    font-size: 0.9rem;
    color: #ffffff;
    background-image: linear-gradient(to bottom, rgba(64, 80, 94, 0), #40505e);
    padding: 1rem 2rem;
}

.main-multimedia-news__post .fotorama__wrap {
    width: 100% !important;
}

    .main-multimedia-news__post .fotorama__wrap .fotorama__stage {
        max-height: 662px;
        min-height: 500px;
        width: 100% !important;
    }

.main-multimedia-news__post .fotorama__img {
    top: 0 !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.main-multimedia-news__post .fotorama .fotorama__arr {
    background: url("../images/noi-vu/icon-next-slide.png");
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    width: 45px;
    height: 62px;
}

.main-multimedia-news__post .fotorama .fotorama__arr--prev {
    transform: rotate(180deg) !important;
}

.main-multimedia-news__post .list-post-relate {
    margin: 1.2rem 0;
}

    .main-multimedia-news__post .list-post-relate .item-relate {
        width: 18.9%;
    }

.main-multimedia-news__post .post-share {
    font-weight: bold;
    padding-left: 5px;
    font-size: 0.8rem;
    margin-right: 10px;
}

    .main-multimedia-news__post .post-share a {
        color: #000;
    }

    .main-multimedia-news__post .post-share i {
        margin-right: 5px;
    }

.main-multimedia-news__read-more {
    margin-top: 20px;
}

    .main-multimedia-news__read-more .read-more-head::before {
        content: "";
        position: absolute;
        right: 0;
        height: 2px;
        width: calc(100% - 6.25rem);
        background-image: linear-gradient(to right, #ff9f08, #e3f8f2);
        bottom: 6px;
    }

    .main-multimedia-news__read-more .read-more-head__title {
        color: #ff9f08;
        font-weight: 600;
    }

    .main-multimedia-news__read-more .list-read-more {
        margin-top: 1rem;
    }

        .main-multimedia-news__read-more .list-read-more .item-read-more {
            margin-bottom: 1rem;
        }

            .main-multimedia-news__read-more .list-read-more .item-read-more img {
                object-fit: cover;
                width: 100%;
                height: 170px;
            }

.main-multimedia-news__pagination {
    margin-top: 30px;
}

    .main-multimedia-news__pagination li {
        padding: 5px;
    }

        .main-multimedia-news__pagination li .item-pagination {
            color: #000;
        }

        .main-multimedia-news__pagination li .previous, .main-multimedia-news__pagination li .next-paginate, .main-multimedia-news__pagination li .item-pagination-active {
            color: #ff9f08 !important;
        }

        .main-multimedia-news__pagination li .previous, .main-multimedia-news__pagination li .nexts {
            display: flex;
            width: 15px;
            height: 13px;
            background-size: cover;
        }

        .main-multimedia-news__pagination li .nexts {
            position: initial;
        }

        .main-multimedia-news__pagination li .previous {
            background-image: url("../images/noi-vu/icon-prev.png");
        }

        .main-multimedia-news__pagination li .nexts {
            background-image: url("../images/noi-vu/icon-next.png");
        }

.main-multimedia-news .new-nav-newfeed {
    width: 65%;
}

.main-multimedia-news .new-nav-newfeed__title {
    margin-right: 1.85rem;
}

.main-multimedia-news .new-nav-newfeed-other {
    width: 65%;
}

.main-multimedia-news .new-nav-newfeed-other__title {
    margin-right: 1.85rem;
    height: 55px;
    position: relative;
}

    .main-multimedia-news .new-nav-newfeed-other__title .content {
        top: -12px;
    }

.main-multimedia-news .wrap-search {
    background: #fdfed5;
    width: 35%;
}

    .main-multimedia-news .wrap-search input {
        font-size: 15px !important;
        background: #fefdf4;
        border: none;
        border-radius: 4px;
        padding: 5px;
        width: 100%;
    }

    .main-multimedia-news .wrap-search .icon-search {
        right: 5px;
        color: #d0d0bb;
    }

.main-multimedia-news .list-newfeed {
    background: #f9f9f9;
    padding: 0 5px;
    margin-bottom: 16px;
}

    .main-multimedia-news .list-newfeed .item-newfeed {
        padding: 1rem 0.5rem 0.8rem 0.5rem;
    }

        .main-multimedia-news .list-newfeed .item-newfeed:not(:last-child) {
            border-bottom: 1px solid #b7b7b7;
        }

        .main-multimedia-news .list-newfeed .item-newfeed:hover .item-text-newfeed {
            color: #007279;
        }

        .main-multimedia-news .list-newfeed .item-newfeed .item-text-newfeed {
            position: relative;
            padding-left: 30px;
        }

            .main-multimedia-news .list-newfeed .item-newfeed .item-text-newfeed::before {
                content: "";
                padding: 3.5px;
                position: absolute;
                background: #007279;
                left: 5px;
                top: 5px;
                transform: rotate(-45deg);
            }

.main-multimedia-news .other-sources {
    background: #f9f9f9;
}

.main-multimedia-news .other-sources__first {
    width: 72.5%;
    margin: 0 auto;
    padding-bottom: 20px;
}

    .main-multimedia-news .other-sources__first .item-content {
        margin-top: 16px;
    }

.main-multimedia-news .other-sources__list-item {
    border-top: 1px solid #b7b7b7;
    padding: 18px 5px;
}

    .main-multimedia-news .other-sources__list-item .item-newfeed {
        padding: 1rem 0.5rem 0.8rem 0.5rem;
    }

        .main-multimedia-news .other-sources__list-item .item-newfeed:hover .item-text-newfeed {
            color: #007279;
        }

        .main-multimedia-news .other-sources__list-item .item-newfeed .item-text-newfeed {
            position: relative;
            padding-left: 30px;
        }

            .main-multimedia-news .other-sources__list-item .item-newfeed .item-text-newfeed::before {
                content: "";
                padding: 3.5px;
                position: absolute;
                background: #007279;
                left: 5px;
                top: 5px;
                transform: rotate(-45deg);
            }

.main-multimedia-news .statistical__content {
    padding: 30px 37px;
}

    .main-multimedia-news .statistical__content .box {
        padding: 12px;
        background: #ffffff;
        width: 11rem;
        height: 2.5rem;
        border: 1px solid #ebebeb;
    }

.style-date {
    color: #9d9d9d;
    font-style: italic;
    margin-top: 0.5rem;
    font-size: 13px;
}

.style-new {
    color: #ffffff;
    background: #d10000;
    padding: 0.15rem 0.3rem;
    font-size: 0.43rem;
}

.news-content .see-more {
    color: #fe3c00;
    position: absolute;
    width: 50%;
    bottom: 0px;
    font-size: 13px;
    font-weight: 600;
}

.main-home .see-more {
    color: #fe3c00 !important;
    padding-bottom: 0.6rem;
    margin-top: 0.5rem;
}

.card #chat-content, .card #chat-form {
    border: 1px solid rgba(0,0,0,.125);
}

.card #chat-content {
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}

.card #chat-form {
    border-radius: 0 0 4px 4px;
    border-top: none;
}

.card .border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.125);
}


.card .submit, #QuickChatInfo .submit, #QuickShare .submit {
    padding-top: 5px;
    padding-bottom: 5px;
    list-style: none;
    width: 100%;
    display: flex;
}

.card #btnChat, #QuickChatInfo #btnSendChatInfo, #QuickShare #btnShare {
    background: #f8971e;
    color: #ffffff; /* float: right; */
    padding: 7px 10px;
    border-radius: 5px;
    text-align: center;
    width: 115px;
    margin-left: auto;
    cursor: pointer;
}

#QuickChat input {
    border-radius: 4px 4px;
}

#QuickChat .captcha1 {
    line-height: 13px !important;
}

.chat-messages {
    display: flex;
    flex-direction: column;
    height: 400px;
    overflow-y: scroll
}

    .chat-messages * {
        float: unset !important;
    }

    .chat-messages video {
        max-width: 100% !important;
    }

.chat-message-left {
    margin-right: auto;
    max-width: 60%;
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto;
    max-width: 60%;
}

    .chat-message-right .chat-wraper .chat-content {
        background-color: #05728f !important;
        color: white !important;
    }

        .chat-message-right .chat-wraper .chat-content figcaption div {
            color: #000 !important;
        }


.chat-message-left .chat-time-warpper, chat-message-right .chat-time-warpper {
    width: 100%;
    display: flex;
}

    .chat-message-left .chat-time-warpper small {
        margin-left: auto;
    }

.chat-message-right .chat-time-warpper small {
    margin-left: auto;
}


.flex-grow-0 {
    flex-grow: 0 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}


.form-comment-news1, .form-chat-info {
    width: 98%;
    margin: 0px auto;
    padding: 0;
}

    .form-comment-news1 li, .form-chat-info li {
        display: inline-block;
        clear: both;
        width: 100%;
        padding: 5px 0px;
    }

        .form-comment-news1 li span.label, .form-chat-info li span.label {
            width: 20%;
            float: left;
            display: block;
            color: #333;
            font: 100 13px/31px Roboto,Arial,Tahoma;
            padding-left: 20px;
        }

        .form-comment-news1 li input[type=text].txt, .form-chat-info li input[type=text].txt {
            border: 1px solid #ccc;
            font: 13px Roboto,Arial,Tahoma;
            width: 70% !important;
            height: 25px;
            border-radius: 4px 4px;
        }

        .form-comment-news1 li textarea.textarea, .form-chat-info li textarea.textarea {
            border: 1px solid #ccc;
            font: 13px Roboto,Arial,Tahoma;
            width: 70.7% !important;
            height: 100px !important;
        }

    .form-comment-news1 .captcha1 {
        float: left;
        margin-right: 5px;
        margin-top: 0px;
        border: 1px solid #ccc;
        font: 13px Roboto,Arial,Tahoma;
        padding: 3px;
        width: 100px !important;
        height: 30px;
    }

#CaptchaImage {
    border: 1px solid #CCCCCC;
    float: left;
    margin-right: 4px;
    height: 35px;
}

.form-comment-news1 .star, .form-chat-info .star {
    color: #f00;
}

#btnComment {
    float: right;
    background: #408dca;
    padding: 5px;
    color: #ffffff;
}

li.submit {
    cursor: pointer;
}

*.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    margin-right: 35px;
}
/*.error {color: #ae2b31;}*/
.ui-button-icon-primary.ui-icon.ui-icon-closethick {
    top: 0;
    left: 0;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {
    outline: 0px;
    z-index: 1002;
    top: 50% !important;
    left: 50% !important;
}

*button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
    min-width: 2em;
}

*.ui-button-icon-only .ui-icon {
    left: 12%;
    top: 0;
}

.contains {
    width: 100%;
    margin: 0px auto;
}

#scrollbox {
    width: 100%;
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
    font-size: 13px;
    font-family: Roboto,Arial,Tahoma;
}

.contains > p {
    background: #eee;
    color: #666;
    font: 100 13px/18px Roboto,Arial,Tahoma;
    padding: 5px;
    margin: 0;
    text-align: right;
}

.comment-br {
    border-bottom: 1px dashed #DDDDDD;
    float: left;
    margin: 0 10px;
    margin-left: 40px;
    min-height: 70px;
    padding: 5px 0;
    width: 97%;
}

    .comment-br:last-child {
        border-bottom: none;
    }

    .comment-br.prt {
        margin-left: 0;
    }

    .comment-br .title {
        line-height: 1.6;
    }

    .comment-br .contentcomment {
        float: left;
        line-height: 1.8;
        text-align: justify;
        width: 100%;
    }


        .comment-br .contentcomment .commentdetail video, .comment-br .contentcomment .commentdetail img {
            max-width: calc(100% - 60px);
            float: unset;
        }

.time {
    font-style: italic;
    color: #666;
}

.title-icon {
    border-bottom: 1px solid #CCCCCC;
    color: #AE2221;
    font: 700 18px Roboto,Arial,Tahoma;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.collapse:not(.show) {
    display: none;
}

#multi1 {
    top: 50%;
}

.shareVanBan {
    list-style: none;
}

    .shareVanBan li a {
        cursor: pointer;
    }

.main-home .feedback__list .item--active .item__send {
    display: flex;
    align-items: flex-start !important;
    padding-top: 10px;
}

.right-mid {
    width: 100%;
    margin: auto;
    margin-top: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.item__answer a {
    text-decoration: revert !important;
    color: #fe3c00 !important;
}

.box-search-news {
    overflow: auto;
}

    .box-search-news .title {
        font: 700 16px/35px Roboto,Arial,Tahoma;
        color: #666;
    }

    .box-search-news title {
        font: 700 15px/18px Roboto,Arial,Tahoma;
    }

.gridSearchNew {
}

    .gridSearchNew .row {
        width: 100%;
        min-height: 45px;
        margin-right: 0px;
        margin-left: 0px;
    }

        .gridSearchNew .row .f1 {
            width: calc(50% - 10px) !important;
            float: left;
            padding-right: 10px;
            border: none;
            min-height: auto;
        }

        .gridSearchNew .row .f2 {
            width: calc(50% - 10px);
            float: left;
            padding-right: 10px;
        }

            .gridSearchNew .row .f1 input, .gridSearchNew .row .f2 input {
                font: 13px Roboto,Arial,Tahoma;
                width: 100%;
                height: 25px;
                border-radius: 4px 4px;
            }

            .gridSearchNew .row .f1 select,
            .gridSearchNew .row .f2 select {
                font: 13px Roboto,Arial,Tahoma;
                width: 100%;
                border-radius: 5px 5px;
                height: 25px;
            }

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}

.btnsearchnew {
    background-color: #f8971e !important;
    color: #ffffff;
    font-weight: bold;
    font: font: 13px Roboto,Arial,Tahoma;
    padding: 1px 13px;
    text-transform: uppercase;
    height: 30px;
    margin-left: auto;
    margin-right: 30px;
}

    .btnsearchnew:hover {
        color: #ffffff;
    }

.select2-selection__rendered, .li.select2-selection__choice {
    font-size: 13px !important;
}

::placeholder {
    font-size: 13px;
    font-family: 'UTM Helve';
}

.text-owl {
    display: flex;
    align-items: center;
}

.text-show {
    font-family: 'Times-Bold';
}

.w-100 {
    width: 100%;
}

.congThanhPhan {
    font-family: 'UTM HelvetIns' !important;
    font-weight: normal !important;
}

@font-face {
    font-family: Trajan_Bold;
    src: url(/Publishing_Resources/BoNoiVu/assets/font-bnv/Trajan_Bold.ttf);
}

/*
@font-face {
    font-family: UTM Avo;
    src: url('/Publishing_Resources/BoNoiVu/assets/font-bnv/UTM Avo.ttf');
}*/

@font-face {
    font-family: 'UTM Avo';
    src: url('../font-bnv/utm/UTMAvo.eot');
    src: url('../font-bnv/utm/UTMAvo.eot?#iefix') format('embedded-opentype'),
        url('../font-bnv/utm/UTMAvo.woff2') format('woff2'),
        url('../font-bnv/utm/UTMAvo.woff') format('woff'),
        url('../font-bnv/utm/UTMAvo.ttf') format('truetype'),
        url('../font-bnv/utm/UTMAvo.svg#UTMAvo') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UTM AvoBold';
    src: url('../font-bnv/utm/UTMAvoBold.eot');
    src: url('../font-bnv/utm/UTMAvoBold.eot?#iefix') format('embedded-opentype'),
        url('../font-bnv/utm/UTMAvoBold.woff2') format('woff2'),
        url('../font-bnv/utm/UTMAvoBold.woff') format('woff'),
        url('../font-bnv/utm/UTMAvoBold.ttf') format('truetype'),
        url('../font-bnv/utm/UTMAvoBold.svg#UTMAvoBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UTM Helve';
    src: url('../font-bnv/utm/UTMHelve.eot');
    src: url('../font-bnv/utm/UTMHelve.eot?#iefix') format('embedded-opentype'),
        url('../font-bnv/utm/UTMHelve.woff2') format('woff2'),
        url('../font-bnv/utm/UTMHelve.woff') format('woff'),
        url('../font-bnv/utm/UTMHelve.ttf') format('truetype'),
        url('../font-bnv/utm/UTMHelve.svg#UTMHelve') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UTM HelveBold';
    src: url('../font-bnv/utm/UTMHelveBold.eot');
    src: url('../font-bnv/utm/UTMHelveBold.eot?#iefix') format('embedded-opentype'),
        url('../font-bnv/utm/UTMHelveBold.woff2') format('woff2'),
        url('../font-bnv/utm/UTMHelveBold.woff') format('woff'),
        url('../font-bnv/utm/UTMHelveBold.ttf') format('truetype'),
        url('UTMHelveBold.svg#UTMHelveBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UTM HelvetIns';
    src: url('../font-bnv/utm/UTMHelvetIns.eot');
    src: url('../font-bnv/utm/UTMHelvetIns.eot?#iefix') format('embedded-opentype'),
        url('../font-bnv/utm/UTMHelvetIns.woff2') format('woff2'),
        url('../font-bnv/utm/UTMHelvetIns.woff') format('woff'),
        url('../font-bnv/utm/UTMHelvetIns.ttf') format('truetype'),
        url('../font-bnv/utm/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Times-Bold;
    src: url('/Publishing_Resources/BoNoiVu/assets/font-bnv/timr65w.ttf');
}

.main-home .hot-new .content {
    height: 395px;
}

@media only screen and (max-width : 1024px) {


    .main-home .hot-new {
        height: 340px;
        width: 100%;
        /*margin-top: 25px;*/
    }

        .main-home .hot-new .content {
            height: 270px;
        }

    .main-home .slide-home {
        width: 100%;
    }
}

@media only screen and (max-width : 480px) {
    .hot-new-mobile {
        display: flex;
        flex-direction: column-reverse;
    }

    .font-size-16 {
        font-size: 0.8rem;
    }

    .main-home .hot-new {
        height: 340px;
        width: 100%;
        margin-top: 25px;
    }

        .main-home .hot-new .content {
            height: 270px;
        }

    .main-home .slide-home {
        width: 100%;
    }
}

.title-main {
    /*font-family: 'UTM HelveBold';
    font-weight: normal;*/
    text-shadow: 0px 5px 6px #f69306, 0px -5px 6px #f69306, 5px 0px 6px #f69306, -5px 0px 6px #f69306;
    font-family: 'Roboto',sans-serif;
    font-weight: 600;
}

.check__title .title-main {
    text-shadow: none;
}

.language {
    font-family: 'UTM Helve', sans-serif;
    border-right: 1px solid #bbb;
}

.font-avo {
    font-family: 'UTM AvoBold', sans-serif;
}

.owl-carousel .owl-item img {
    width: unset;
}

.item__answer div {
    font-family: 'UTM Avo', sans-serif !important;
    font-size: 10px !important;
}

ul li i {
    padding-right: 5px;
}

@media only screen and (max-width : 768px) {
    #li-mobile {
        display: none;
    }
}

#slLienKet {
    font-family: 'UTM Avo', sans-serif !important;
}

.folder a {
    font-weight: bold;
    font-size: 15px;
}

.box-video {
    width: 90%;
    margin: auto;
}

.check .box h4 {
    font-family: "UTM Helve", sans-serif !important;
}

.item__comment .style-date {
    font-size: 11px !important;
}

ul .item .style-date {
    font-size: 13px !important;
    margin-top: 5px;
}

.navbar .sipas .title h3 {
    font-size: 24px !important;
}

.main-task .style-date {
    font-size: 10px !important;
}

#ngaygoc11 {
    font-family: "UTM Avo", sans-serif !important;
}

.minister .title-main {
    font-family: 'UTM HelvetIns', sans-serif !important;
    font-weight: normal !important;
}

.hot-new .title-main {
    font-family: 'UTM HelvetIns', sans-serif !important;
    font-weight: normal !important;
}

.box-thidua {
    margin: 10px 0px;
}

    .box-thidua li {
        list-style: none;
    }

    .box-thidua ul {
        padding: 0;
    }

    .box-thidua a {
        color: #152133;
    }

    .box-thidua .news-top-1 {
        min-height: 190px;
    }

        .box-thidua .news-top-1 .left-name {
            width: 560px;
            float: left;
        }

        .box-thidua .news-top-1 .right-img {
            width: 250px;
            float: right;
        }

        .box-thidua .news-top-1 .name {
            font-weight: bold;
            font-size: 1.1em;
            margin-bottom: 6px;
        }

        .box-thidua .news-top-1 .img img {
            padding: 5px;
        }

        .box-thidua .news-top-1 .des {
            min-height: 140px;
            text-align: justify;
        }

    .box-thidua .box-border .list-item li {
        float: none !important;
        width: auto !important;
        height: auto !important;
        padding-left: 10px;
        margin-bottom: 6px;
        background: url("/Publishing_Resources/BoNoiVu/assets/images/arrow7.gif") no-repeat scroll left center transparent;
    }

        .box-thidua .box-border .list-item li a {
            font-weight: bold;
        }

.tab {
    height: 38px;
    float: left;
    z-index: 999;
}

    .tab ul {
        height: 28px;
        background: #dabc9e;
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        border-top-right-radius: 8px;
        line-height: 1.4;
    }

        .tab ul li {
            float: left;
        }

            .tab ul li a {
                white-space: nowrap;
                display: block;
                color: WHITE;
                text-transform: uppercase;
                padding: 5px 10px;
                font-weight: bold;
                -webkit-border-top-right-radius: 8px;
                -moz-border-radius-topright: 8px;
                border-top-right-radius: 8px;
                border-right: 1px solid WHITE;
            }

            .tab ul li.active a, .tab ul li:hover a {
                -webkit-border-top-left-radius: 8px;
                -moz-border-radius-topleft: 8px;
                border-top-left-radius: 8px;
                -webkit-border-top-right-radius: 8px;
                -moz-border-radius-topright: 8px;
                border-top-right-radius: 8px;
                background: #a24123;
                border-right: none;
            }

.box-border {
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
    background: #f9f2e9;
    margin-top: -10px;
    padding: 15px 15px 25px 15px;
    border: 1px solid #cccccc;
}

#box_thongbao {
    padding-bottom: 10px;
}

    #box_thongbao ul {
        padding: 0;
    }

        #box_thongbao ul.list-item li a {
            color: #152133;
        }

        #box_thongbao ul.list-item li span {
            color: #999999;
        }

        #box_thongbao ul.list-item li, #box_report ul.list-item li {
            list-style: none;
            background: url(/Publishing_Resources/BoNoiVu/assets/images/right-list.png) no-repeat 0px 6px;
            padding-left: 15px;
            margin-bottom: 10px;
        }

            #box_thongbao ul.list-item li a:hover, #box_report ul.list-item li a:hover {
                color: #cc0000;
            }


.box-right {
    margin: 15px 0px;
    position: relative;
}

    .box-right #box_search {
        margin-bottom: 5px;
    }

    .box-right p.title {
        font-size: 0.9em;
        background: url(/Publishing_Resources/BoNoiVu/assets/images/box-right-title.jpg) repeat-x top left;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: WHITE;
        text-transform: uppercase;
        font-weight: bold;
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        border-top-right-radius: 8px;
    }

    .box-right .box-content {
        background: #f9f9fa;
        border: 1px solid #cccccc;
        padding: 10px;
    }

    .box-right p.title a {
        font-size: 0.9em;
        background: url(/Publishing_Resources/BoNoiVu/assets/images/box-right-title.jpg) repeat-x top left;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: WHITE;
        text-transform: uppercase;
        font-weight: bold;
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        border-top-left-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -moz-border-radius-topright: 8px;
        border-top-right-radius: 8px;
    }

    .box-right .no-padding {
        padding: 0px;
    }




    .box-right .list-item li img {
        max-width: 85px;
        width: 85px;
        height: auto;
    }

    .box-right ul {
        padding: 0;
    }

    .box-right .list-item li {
        list-style: none;
    }

        .box-right .list-item li a {
            color: #152133;
        }

#ctl00_g_7afaf6ea_b3be_45bd_8c1e_fc2701c656bd {
    display: none;
}

.regulations .box div:not(.regulations-title, .regulations__title) {
    height: 100%;
    display: block;
}

.regulations-title {
    height: 46px !important;
    background: #fff4e3;
}

.regulations__title {
    top: calc(50% + 1px) !important;
    transform: translateY(-50%);
    height: 79px;
}

.right-pane .regulations__title {
    height: 100%;
    top: 0 !important;
    transform: translateY(0) !important;
}

.main-library-news h1.title {
    font-size: 13px !important;
    font-weight: bold;
    color: #a74325 !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #a74325 !important;
    padding-bottom: 20px !important;
    border-radius: 0px !important;
    height: 10px !important;
    line-height: 0px !important;
    padding-left: 0px !important;
    cursor: default;
    overflow: inherit !important;
    padding-top: 33px;
}

.box-main-content h1.title {
    font-size: 13px !important;
    font-weight: bold;
    color: #a74325 !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #a74325 !important;
    padding-bottom: 5px !important;
    margin-bottom: 15px !important;
    border-radius: 0px !important;
    height: 10px !important;
    line-height: 0px !important;
    padding-left: 0px !important;
    cursor: default;
    overflow: inherit !important;
    padding: 0;
}

    .box-main-content h1.title a {
        font-size: 13px !important;
        font-weight: bold !important;
        color: #a74325 !important;
        text-transform: uppercase !important
    }

.treeview ul {
    margin-top: 0 !important;
}

.collapsable ul li ul li:not(:last-child) {
    margin-bottom: 5px;
}

#motagoc {
    display: -webkit-box !important;
}

.header__new marquee a {
    color: #000 !important;
    display: inline-block;
    height: 25px;
	font-size: 15px !important;
}

#Chitietbaiviet .title-post {
    font-size: 15px;
}

#box_thongbao_webHCM .list-item ul li a img {
    float: left;
}

.iconplay {
    width: 45px;
    height: 45px;
    position: absolute !important;
    left: 0;
    bottom: 0px;
    background: url(/Publishing_Resources/images/i-play-video.png) no-repeat;
    float: left;
}

.iconplayslide {
    width: 30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    border: 2px solid #fff;
    border-radius: 50%;
	box-shadow: inset 0px 0px 5px 0px #000, 0px 0px 5px 0px #000;
	cursor: pointer;
}

.iconplayslide i {
    color: #fff;
    font-size: 17px;
    position: absolute;
    left: calc(50% - 5px);
    top: calc(50% - 8px);
    padding: 0;
    text-shadow: 0px 0px 3px #000;
}

.slide_videohome .iconplayslide {
    width: 92px;
    height: 92px;
    top: calc(50% - 46px);
    left: calc(50% - 46px);
	border-width: 6px;
}

.slide_videohome .iconplayslide i {
    font-size: 52px;
    left: calc(50% - 15px);
    top: calc(50% - 26px);
}

.iconplayaudio {
    width: 45px;
    height: 45px;
    position: absolute !important;
    left: 0;
    bottom: 0px;
    background: url(/Publishing_Resources/images/i-play-audio.png) no-repeat;
    float: left;
}

.iconAlb {
    width: 45px;
    height: 45px;
    position: absolute !important;
    left: 0;
    bottom: 0px;
    background: url(/Publishing_Resources/images/viewAlb.png) no-repeat;
    float: left;
}

.tabFormSearch {
    background: #fafafa;
    padding: 15px !important;
    border: 1px solid #eee;
    border-radius: 5px;
    border-collapse: unset;
    margin-bottom: 5px;
}

    .tabFormSearch td {
        padding: 0;
    }

    .tabFormSearch .note {
        padding-top: 20px;
    }

    .tabFormSearch input[type="text"] {
        width: 100%;
        padding: 5px 8px;
        /*font-size: 10pt;*/
        line-height: 1.5rem;
        border-radius: 5px;
    }

#btnSearchF {
    background: #f8971e;
    color: #FFF;
    font-weight: 600;
    padding: 8px 30px;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
}

#searchSubmit {
    background: #f8971e;
    border-radius: 5px;
}

.searchResults {
    background: #fafafa;
    padding-left: 15px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    border-radius: 5px;
}

    .searchResults p {
        padding: 5px;
        margin: 0;
    }

#DanhBaDT thead {
    background-color: #fbb22e;
}

#DanhBaDT tbody a {
    color: blue;
}

.form-control {
    padding: 5px !important;
}

.vanbanduthaoitem {
    text-align: left !important;
}

@media (max-width: 767px) {
    .list-news .new-item .new-entry {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.list-news .new-item .new-entry .new-name {
    font-size: 15px;
    color: #153352;
    font-weight: 600;
}

    .list-news .new-item .new-entry .new-name span {
        font-weight: 400;
        font-size: 13px;
        font-style: italic;
        color: #bcbec0;
    }

.list-news .new-item .new-entry .new-des {
    margin-top: 5px;
    /*font-size: 15px;*/
    margin-bottom: 0;
    /*color: #58595b;*/
}

.list-news .new-item {
    margin-bottom: 20px;
}

#DanhBaDT .filetree span.folder {
    background: url("/Publishing_Resources/BoNoiVu/assets/images/icon_office.png") 0 3px no-repeat !important;
    height: 20px;
}

.search_paging {
    margin-top: 30px;
}

    .search_paging li {
        padding: 5px;
    }

        .search_paging li .item-pagination {
            color: #000;
            font-family: 'UTM Helve';
        }

        .search_paging .previous, .search_paging li .nexts, .search_paging li .item-pagination-active {
            color: #fe3c00 !important;
        }

        .search_paging li .previous, .search_paging li .nexts {
            display: flex;
            width: 15px;
            height: 13px;
            background-size: cover;
        }

        .search_paging li .nexts {
            position: initial;
        }

        .search_paging li .previous {
            background-image: url("../images/noi-vu/icon-prev.png");
        }

        .search_paging li .nexts {
            background-image: url("../images/noi-vu/icon-next.png");
        }

#box_thongbao_webHCM .list-item ul li a img {
    float: left;
}

.form-control {
    display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: auto;
}

.main-library-news__list-news .news-thumb {
    object-fit: revert;
    object-position: top;
    width: 100%;
    height: 200px;
    align-self: start;
}

#DanhBaDT tbody tr td {
    vertical-align: middle;
}

.form-group {
    margin-bottom: 1rem;
}

.set_img {
    height: 110px !important;
}

.hidden {
    display: none;
}

.popup_bottom_view {
    padding: 0.5rem;
    background: #ffffff;
}

#popup_bottom {
    display: block;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 110;
    width: 280px;
}

#close_bottom {
    color: #fff;
    font: bold 22px arial;
    float: left;
    background: #f8971e;
    padding: 0px 3px;
}

.feedback__title .title-main {
    text-shadow: none;
}

div#cacVu .item__img1 {
    width: 100%;
    margin-right: 33px;
    height: auto;
}

.highcharts-container {
    width: 100% !important;
}

.header__banner__center h3.text-show {
    text-shadow: 0px 2px 10px #fff, 0px -2px 10px #fff, 2px 0px 10px #fff, -2px 0px 10px #fff;
    background: transparent !important;
    box-shadow: none !important;
	width: 100%;
    text-align: center;	
}

.main-home .hot-new .title-main {
    text-align: left !important;
    padding-left: 95px;
}

.box-title h3.title-main {
    padding-left: 40px !important;
}

.regulations__title .title-main {
    margin-top: 0;
    text-shadow: 0px 3px 3px #f69306, 0px -3px 3px #f69306, 3px 0px 3px #f69306, -3px 0px 3px #f69306;
    top: 50%;
    font-weight: 600;
    line-height: 16px;
}

.page-portal .list-page .item .item__img {
    margin: 0 10px 0 0;
}

.page-portal #logoCTR .item > a {
    align-items: center;
    height: 75px;
}

.table-bieumaudientu th {
    background-color: #11a05d !important;
    color: white;
    padding: 12px;
    border: 1px solid #eee !important;
}

.table-bieumaudientu td {
    padding: 12px;
    border: 1px solid #eee !important;
}

.table-bieumaudientu {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.popup-bieumaudientu ul li {
    padding: 5px 5px;
}

.popup-bieumaudientu .modal__main .content {
    padding: 15px 0 25px;
    margin-top: 0;
}
/*Layout Dark*/
.layout_dark ,
.layout_dark .main-home .hot-new,
.layout_dark .navbar .noti,
.layout_dark .main-home .news-container,
.layout_dark .main-home .news-container .new-nav,
.layout_dark .main-home .news-container .list-general,
.layout_dark .main-home .regulations__list,
.layout_dark .main-home .main-task,
.layout_dark .main-home .feedback,
.layout_dark .main-home .feedback__list .item__send,
.layout_dark .main-home .reply .reply-reflect .list,
.layout_dark .main-home .check__content .box,
.layout_dark #DeltaPlaceHolderMain > .page-portal:before,
.layout_dark .main-home .topic,
.layout_dark .main-page-news__read-more .list-read-more,
.layout_dark .header__menu{
    background-color: #000 !important;
}

.layout_dark figure {
    background: #333;
}

.layout_dark .main-page-news__post .date-post .post-view li:not(.dropdown-item) a {
    color: #fff;
}

.layout_dark .footer{
	border-top: 1px solid #fff;
    background: #000 !important;
}

.layout_dark .main-home .check__content .box .title {
    background: #444;
}

.layout_dark * {
    color: #fff;
}

.box-action .box-parent .item-action a, .box-action .box-parent .item-action p {
    color: #0072c6;
}

.layout_dark .main-home .slide-home .mySlides .text {
    background-color: #000;
}

.layout_dark .header__banner__center {
    background: transparent !important;
}

.layout_dark .header__banner__center h1.title span {
    background: transparent !important;
    box-shadow: none !important;
}

.layout_dark .header__banner__center > div {
    background: transparent !important;
}

.layout_dark .img-logo, .layout_dark .img-star {
    background: transparent !important;
}

.layout_dark .header__menu {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.layout_dark .header__menu a {
    color: #fff !important;
}

.header__menu .list-menu .item a:hover{
	color: #FE3C00 !important;
}

.layout_dark .header__menu div {
    background: transparent !important;
}

.layout_dark .navbar .noti .list .item a {
    color: #fff;
}

.layout_dark .navbar .noti .list .item a:hover{
	color: #f99a22;
}

/*END Layout Dark*/


.main-home .left-pane .regulations__list {
    border: 1px solid #ddd;
    background: #fff;
    padding: 5px 20px;
}
.main-home .left-pane .regulations__list .item {
    padding: 15px 0 0px 30px;
    position: relative;
}
.main-home .left-pane .regulations__list .item:before {
    top: 23px;
    left: 15px;
}
.main-home .left-pane .regulations__list .item p {
    font-size: 13px;
    color: #9e9e9e;
    margin-top: 5px;
}
.main-home .left-pane .regulations__list .item p.see-more a {
    color: #9e0707 !important;
    font-size: 11px;
}
.main-home .left-pane .regulations__list .item p.see-more {
    margin-top: 5px;
    padding-bottom: 20px;
}
.main-home .right-pane .regulations__list {
	border: 1px solid #ddd;
	background: #f7f5f5;
	/* margin-top: -22px; */
	padding: 0 0.5rem;
	min-height: calc(100% - 2.3rem);
	position: relative;
}
.main-home .right-pane .regulations__list .item {
	padding: 10px 0 10px 12px;
	padding-left: 20px;
	position: relative;
	height: auto !important;
}
		
.main-home .regulations__list .item.item-img {
    padding: 16px 0 13px;
}
.main-home .regulations__list .item.item-img > img {
    width: 33.33%;
    float: left;
}
.main-home .regulations__list .item.item-img .item__content {
    width: 66.67%;
    float: right;
    padding-left: 10px;
    font-size: 15px;
}
.main-home .regulations__list .item.item-img:before {
    display: none;
}
.main-home .regulations__list .item.item-img:after {
    content: "";
    display: table;
    clear: both;
}

/*CSS Audio*/

.audio-player {
    height: 25px;
    width: calc(100% - 300px);
    font-family: arial;
    color: #007279;
    font-size: 0.75em;
    overflow: inherit;
    display: grid;
    grid-template-rows: 12px auto;
    background: #e7e7e7;
    padding: 6px 9px;
}

.audio-player .controls .play-container {
    width: 17px;
}

        .audio-player .timeline {
            background: white;
            width: 100%;
            position: relative;
            cursor: pointer;
            box-shadow: 0 2px 10px 0 #0008;
        }

.audio-player .timeline .progress {
    background: #007279;
    width: 0%;
    height: 100%;
    transition: 0.25s;
}

        .audio-player .controls {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0;
        }

            .audio-player .controls > * {
                display: flex;
                align-items: center;
            }

.audio-player .controls .toggle-play.play {
    cursor: pointer;
    position: relative;
    left: 0;
    height: 0;
    width: 0;
    border: 6px solid #0000;
    border-left: 12px solid #007279;
}

                .audio-player .controls .toggle-play.play:hover {
                    transform: scale(1.1);
                }

            .audio-player .controls .toggle-play.pause {
                height: 12px;
                width: 20px;
                cursor: pointer;
                position: relative;
            }

.audio-player .controls .toggle-play.pause:before {
    position: absolute;
    top: 0;
    left: 2px;
    background: #007279;
    content: "";
    height: 12px;
    width: 3px;
}

.audio-player .controls .toggle-play.pause:after {
    position: absolute;
    top: 0;
    right: 2px;
    background: #007279;
    content: "";
    height: 12px;
    width: 3px;
}

                .audio-player .controls .toggle-play.pause:hover {
                    transform: scale(1.1);
                }

            .audio-player .controls .time {
                display: flex;
            }

.audio-player .controls .time > * {
    padding: 2px 1px 0;
    font-size: 10px;
    color: #010100;
    font-style: normal;
}

            .audio-player .controls .volume-container {
                cursor: pointer;
                position: relative;
                z-index: 2;
            }

                .audio-player .controls .volume-container .volume-button {
                    height: 26px;
                    display: flex;
                    align-items: center;
                }

.audio-player .controls .volume-container .volume-button .volume {
    transform: scale(0.7);
    color: #007279;
    margin: 0 0 0 5px;
}

.audio-player .controls .volume-container .volume-slider {
	position: absolute;
    left: -35px;
	top: 15px;
	z-index: -1;
	width: 120px;
	height: 15px;
	background: white;
	box-shadow: 0 0 20px #000a;
	transition: 0.25s;
    transform: rotate(-90deg);
	opacity: 0;
	visibility: hidden;
}

                    .audio-player .controls .volume-container .volume-slider .volume-percentage {
                        background: coral;
                        height: 100%;
                        width: 75%;
                    }

.audio-player .controls .volume-container:hover .volume-slider {
	opacity: 1;
	visibility: visible;
}

.audio-player .controls .name {
    position: relative;
}

.audio-player .controls .name > span {
    position: relative;
    height: 18px;
    padding: 0px 13px 0px 6px;
    background: #fff;
    font-size: 9px;
    color: #000000;
    font-family: 'UTM HelveBold';
    line-height: 18px;
	display: block;
    text-wrap: nowrap;
}

.audio-player .controls .name > span:after {
    content: "";
    border: 3px solid #0000;
    border-top: 4px solid #000;
    width: 0;
    height: 0;
    position: absolute;
    right: 4px;
    top: 8px;
	cursor: pointer;
}

.audio-player .controls .timeline {
    margin: 0 12px 0 5px;
    background: #ffffff;
    width: calc(100% - 200px);
    height: 4px;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 4px 0 #0008;
}

.audio-player .controls .name:hover .pull-down__box-list {
    display: block !important;
}

.audio-player .controls .pull-down__box-list {
    position: absolute;
    background: #fff;
}


.title_CTCBN {
    text-align: center;
    height: 42px;
    border: 1px solid #e6d9d1;
    border-radius: 4px;
    margin-bottom: 5px;
    font-size: 17px;
    color: #9e0707;
    padding: 8px;
    box-shadow: inset -2px -2px 10px 0px #ccc, inset 0px 0px 4px 0px #ddd;
	font-weight: 600;
}


.main-home .regulations__title img{
	min-height: auto;
    max-height: none;
}

.title_CTCBN {
    text-align: center;
    height: 42px;
    border: 1px solid #e6d9d1;
    border-radius: 4px;
    margin-bottom: 5px;
    font-size: 17px;
    color: #9e0707;
    font-family: 'UTM CenturBold';
    padding: 8px;
    box-shadow: inset -2px -2px 10px 0px #ccc, inset 0px 0px 4px 0px #ddd;
}

.box-list2 {
    display: flex;
	background: #f7f5f5;
    padding: 10px;
}
.box-list2 .box {
    width: 50%;
    padding: 0 0 0 10px;
}
.box-list2 .box:first-child {
    border-right: 1px solid #b7b7b7;
    padding: 0 10px 0 0;
}
.box-list2 .box ul li {
    padding: 10px 0 15px 30px;
    position: relative;
    border-bottom: 1px dashed #e1e1e1;
}
.box-list2 .box ul li:before {
    content: "";
    padding: 3.5px;
    position: absolute;
    background: #ffa507;
    left: 10px;
    top: 16px;
    transform: rotate(-45deg);
}
.box-list2 .box ul li p {
    font-size: 15px;
}
.box-list2 .box ul li p.style-date {
    font-size: 13px !important;
    text-align: left;
}
.box-list2 .box ul li:last-of-type {
    border: 0;
}

.footer__content i {
    color: #fff;
}

.box-title h3.title-main {
    text-shadow: none;
}

.mySlides h4 {
    margin: 0 2rem;
    border-left: 3px solid #fff;
    display: flex;
    padding: 8px 20px;
    font-size: 18px;
}

.table.table-responsive {
    overflow-x: auto;
}

.table.table-responsive > .table {
    min-width: 800px;
}

#DanhBaDT_wrapper .col-sm-12 {
    overflow-x: auto;
}

#DanhBaDT_wrapper .col-sm-12 table {
    min-width: 800px;
}

.main-library-news__list-news {
    /* text-align: center; */
	margin-top: 30px !important;
}

.main-library-news__list-news .set_img {
    height: 110px !important;
    display: inline-block;
}

.video-home-title .news-media__title {
    float: left;
    z-index: 1;
}

.video-home-title .news-media__title + .news-media__title {
    margin-left: -36px;
    z-index: 0;
}

.video-home-title:after {
    content: "";
    display: table;
    clear: both;
}
.video-home-title {
    position: relative;
}
.video-home-title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 16px;
    bottom: 17px;
    background: #ede8e4;
}
.main-library-news__list-news.infograp .item-image {
    padding-top: 120%;
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid rgb(0 0 0 / 10%);
}
.main-library-news__list-news.infograp .item-image img.img-fit {
    position: absolute;
    top: 0;
    left: 0;
    object-position: center;
    object-fit: contain;
}
.chartjs{
	text-align:center;
}