@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;0,700;1,400;1,500;1,600&display=swap');
/*body, a, p, i, h1, h2, h3, h4, h5, h6, span,i{
    font-family: 'Montserrat', sans-serif !important;
}*/
.single-post a,.single-post p,.single-post i,.single-post h1,.single-post h2,.single-post h3,
.single-post h4,.single-post h5,.single-post h6,.single-post span,.single-post i{
    font-family: 'Montserrat', sans-serif !important;
}
.single-post p{
    font-size: 14px;
}
.site-header{
    background: #000;
        padding: 20px;

}
#rmp_menu_trigger-732 .responsive-menu-pro-inner, #rmp_menu_trigger-732 .responsive-menu-pro-inner::before, #rmp_menu_trigger-732 .responsive-menu-pro-inner::after{
    color: #fff !important;
}
div#rmp-container-732 {
    background: #000 !important;
}
.main-header {
   
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
        z-index: 9999;

}
.main-header .main-navigation a {
   font-family: 'Montserrat', sans-serif !important;
    text-decoration: none;
    color: #fff;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 12.75px;
}
.menu-main-menu-container {
    padding: 20px 0;
}
img.custom-logo {
    width: 270px !important;
}
.main-header .main-navigation ul ul{
    background: #000;
    display: flex;
    flex-direction: column;
    font-weight: 100;
    font-size: 14px;
}
.main-header .logo-main{
    z-index: 9999;
    
}
.main-header #site-navigation{
     z-index: 9999;
}
.main-header button.menu-toggle {
    background: #0000;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 10px;
}
@media screen and (max-width: 768px){
    .main-header{
        display: flex;
    flex-direction: row;
  z-index: 9999;
    }
    .main-header .logo-main {
    z-index: 9999;
   
}

}

.single-post header#wrapper-navbar a,.category-blog header#wrapper-navbar a,.page-id-183 header#wrapper-navbar a,.page-id-168 header#wrapper-navbar a {
    color: #fff !important;
}
.single-post #wrapper-navbar .bg-primary,.category-blog #wrapper-navbar .bg-primary,
.page-id-183 #wrapper-navbar .bg-primary,.page-id-168 #wrapper-navbar .bg-primary ,
.page-id-91 #wrapper-navbar{
    background-color: black !important;
        position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}
input#gform_submit_button_1 {
    border: 2px solid #000;
    padding: 5px 20px;
    border-radius: 5px;
}
p{
    font-size: 14px !important;
}
#siteWrapper{
        position: absolute;
    top: 0;
}
#wrapper-navbar .bg-primary {
   
    z-index: 99;
}
.home-1 .gallery{
    margin-bottom: 0;
}
.section-2 .sqs-block-content {
    color: #fff;
}
.section-5 .sqs-block-button-element--medium,.section-4 .sqs-block-button-element--medium,
.section-2 .sqs-block-button-element--medium{
    color: #fff;
}
.section-2 .sqs-block-button-container {
    border: 2px solid #fff;
    border-radius: 5px;
}
.section-2 .sqs-block-button-container:hover{
    background: #fff;
    color: #000;
}
.section-5 .sqs-block-button-element--medium,.section-4 .sqs-block-button-element--medium, 
.section-8 .sqs-block-button-element--small,.section-9 .sqs-block-button-element--small,
.section-10 .sqs-block-button-element--medium,.section-11 .sqs-block-button-element--medium{
    border: 2px solid #fff !important;
    border-radius: 5px !important;
    color: #fff;
}
.section-5 .sqs-block-button-element--medium:hover,.section-4 .sqs-block-button-element--medium:hover,
.section-8 .sqs-block-button-element--small:hover, .section-9 .sqs-block-button-element--small:hover,
.section-10 .sqs-block-button-element--medium:hover,.section-111 .sqs-block-button-element--medium:hover{
    background: #fff;
    color: #000;
}
.section-5 .sqs-html-content, .section-5 .sqs-html-content em{
    color: #fff;
}
.section-7,.section-7 .sqs-html-content h1, .section-7 .sqs-html-content h4 {
    color: #000 ;
}
.section-2, .section-2 h1, .section-2 h3, .section-2 .sqs-html-content p{
    color: #fff;    
}
/*sản phẩm*/
.sanpham-section1{
    padding-top: 120px !important;
}
.section1-about2, .background-ft{
       padding-top: 10.3vmax !important;
    
    padding-bottom: 10.3vmax !important;
}
@media only screen and (max-width: 640px){
    .section-1{
        display: block !important;
    }
}
@media screen and (min-width: 769px){
    .container.logo-menu {
    display: flex;
    flex-direction: column !important;
    }
    .logo-main {
    width: 255px;
}
}
.container.logo-menu a.nav-link:hover, .container.logo-menu .navbar-dark .navbar-nav .active>.nav-link{
    color: #fff;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
    color: #fff !important;
}
.container.logo-menu a.nav-link{
    color: #fff;
    font-size: 13px;
    padding-left: 1.7vw;
    padding-right: 1.7vw;
}
#wrapper-navbar .bg-primary {
    background-color: transparent !important;
}
a.sqs-block-button-element--medium,a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element {
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
}
.section-7 .sqs-block-button-element--small{
    border: 2px solid #000;
    color: #000;
    text-decoration: none;
}
.section-3 p{
    color: #fff;
}

/*About us*/
.fluid-engine.fe-6314a2f8bf2ae46e5523f4a3 {
    margin-top: 120px;
}
.fluid-engine.fe-6314a2f8bf2ae46e5523f4a3 h3 {
    font-size: 35px;
    font-weight: 600;
}

/*News*/



.c-newsArchive_listLink,.c-reportIndex {
    display: -webkit-box;
    display: -ms-flexbox
}

li.c-newsArchive_listNode {
    list-style: none;
}
a.c-newsArchive_listLink:hover {
    text-decoration: none;
}
.topSection_title {
    text-align: center;
    color: #242E52;
        margin-bottom: 60px;
    font-size: 30px;
}
@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
  
   

    .c-newsArchive_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 40px 1.24261vw
    }
}

.c-newsArchive_list {
    margin: auto
}

.c-newsArchive_listLink {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-newsArchive_listImg {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-newsArchive_listNode+.c-newsArchive_listNode {
        margin-top:20px
    }

    .c-newsArchive_listImg {
        width: 32vw
    }
}

.c-newsArchive_listImg_cover {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.c-hScroll_listImg img,.c-newsArchive_listImg_inner img {
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    -o-object-fit: cover;
    -o-object-position: center
}

.c-newsArchive_listImg_cover svg {
    width: 20px;
    height: 20px;
    fill: #fff
}

@media (hover: hover) {
    .c-reportLink:hover {
        background-position:100%
    }

    .c-reportLink:hover span {
        color: #fff
    }

    .c-newsArchive_listLink:hover .c-newsArchive_listImg_cover {
        opacity: 1
    }
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-newsArchive_listImg_cover {
        display:none
    }
}

.c-newsArchive_listImg_inner {
    background-color: #EAE6DC;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.c-newsArchive_listImg_inner.is-loaded img {
    opacity: 1
}

.c-newsArchive_listImg_inner img {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    position: absolute;
    height: 100%;
    margin: auto;
    object-fit: cover;
    object-position: center
}

.c-newsArchive_listInfo {
    width: 100%;
    padding-left: 16px;
    color: #242E52;
    line-height: 1;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (hover: hover) {
    .c-newsArchive_listLink:hover .c-newsArchive_listInfo {
        opacity:.5
    }
}

.c-newsArchive_listDate {
    font-weight: 700;
    line-height: 1.4
}

.c-newsArchive_listDate svg {
    width: 14px;
    height: 14px;
    margin-left: 6px;
    fill: #242E52
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .c-newsArchive_listDate {
        font-size:1vw
    }

    .c-newsArchive_listDate svg {
        display: none
    }
}

.c-newsArchive_listTitle {
    margin-top: 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
            color: #242E52;
}


@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-newsArchive_listTitle {
        font-size:16px
    }

    .c-hScroll+.c-hScroll {
        margin-top: 48px
    }
}

@media screen and (min-width: 1024px){
    .c-newsArchive_listNode {
        width:20%;
    }

    .c-newsArchive_listImg {
        width: 7.32064vw
    }

    .c-newsArchive_listDate {
        font-size: .87848vw
    }

    .c-newsArchive_listTitle {
        font-size: 1vw
    }

    .c-hScroll+.c-hScroll {
        margin-top: 64px
    }
}





@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .joinus .topSection_title {
        text-align:left
    }

    .joinusImg {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 63.25037vw;
        height: 35.57833vw
    }
}

.joinusImg_inner {
    z-index: 1
}

.joinusMore_link span,.marketMore_link span,.newsList_moreLink span {
    font-family: "Century Condensed",sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    z-index: 3
}

.joinusCaption,.joinusImg_inner video {
    width: 100%
}

ul.pagination {
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.page-item.active .page-link {
    z-index: 3;
    color: #000 !important;
    background-color: #fff !important;
    border-color: #53f !important;
}


.news {
    width: 100%;
            margin-bottom: 100px;
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    
}

@media print, screen and (min-width: 1024px) and (orientation: landscape), screen and (min-width: 1025px) {
   

    .newsInner {
        max-width: 79.35578vw;
        width: 100%;
        margin: auto
    }
}

.newsList_moreLink {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-transition: background .6s ease;
    -o-transition: background .6s ease;
    transition: background .6s ease;
    border: 1px solid #02499D;
    background-image: -webkit-linear-gradient(45deg,#02499D 50%,transparent 50%);
    background-image: -o-linear-gradient(45deg,#02499D 50%,transparent 50%);
    background-image: linear-gradient(45deg,#02499D 50%,transparent 50%);
    background-position: 100%
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .newsInner {
        padding:0 20px
    }

    .newsList_more {
        margin-top: 40px;
        text-align: center
    }

    .newsList_moreLink {
        font-size: 18px;
        width: 120px;
        height: 88px
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .newsList_moreLink {
        width:10.2489vw;
        height: 7.32064vw;
        font-size: 1.46413vw
    }
}

.newsList_moreLink span {
    position: relative;
    color: #02499D
}

[lang=vi] .newsList_moreLink span {
    padding-top: 4px
}

.newsList_moreLink.is-inview {
    background-position: 0
}

.newsList_moreLink.is-inview span {
    color: #fff
}

@media (hover: hover) {
    .newsList_moreLink:hover {
        background-position:100%
    }

    .newsList_moreLink:hover span {
        color: #02499D
    }
}

/*Single*/


.c-gridInfo {
    padding: 32px;
    margin: auto;
    border: 1px solid #242E52
}

.c-gridInfo_item {
    display: -ms-grid;
    display: grid;
    gap: 0 0
}

.c-gridInfo_img {
    grid-area: gridImg
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-gridInfo_item {
        -ms-grid-columns:90px 24px 1fr;
        grid-template-columns: 90px 1fr;
        -ms-grid-rows: auto 0 1fr;
        grid-template-rows: auto 1fr;
        gap: 0 24px;
        grid-template-areas: "gridImg gridName" "gridInfo gridInfo"
    }

    .c-gridInfo_item+.c-gridInfo_item {
        margin-top: 24px
    }

    .c-gridInfo_img {
        width: 90px
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .c-gridInfo {
        max-width:65.73939vw
    }

    .c-gridInfo_item {
        -ms-grid-columns: 14.27526vw 32px auto;
        grid-template-columns: 14.27526vw auto;
        -ms-grid-rows: auto 0 1fr;
        grid-template-rows: auto 1fr;
        gap: 0 32px;
        grid-template-areas: "gridImg gridName" "gridImg gridInfo"
    }

    .c-gridInfo_item+.c-gridInfo_item {
        margin-top: 32px
    }

    .c-gridInfo_img {
        width: 100%
    }
}

.c-gridInfo_imgInner {
    background-color: #EAE6DC;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.c-gridInfo_imgInner.is-loaded img {
    opacity: 1
}

.c-gridInfo_imgInner img {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    height: 100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.c-gridInfo_name {
    grid-area: gridName
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-gridInfo_img {
        -ms-grid-row:1;
        -ms-grid-column: 1
    }

    .c-gridInfo_name {
        margin: auto 0;
        font-size: 18px;
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .c-gridInfo_text {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }
}

.c-gridInfo_text {
    grid-area: gridInfo;
    margin-top: 10px
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .c-gridInfo_name br {
        display:none
    }

    .c-gridInfo_img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    .c-gridInfo_name {
        font-size: 1.46413vw;
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .c-gridInfo_text {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }
}

.c-gridInfo_link {
    position: relative;
    display: inline-block;
    letter-spacing: 0;
    line-height: 1
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-gridInfo_text p {
        font-size:14px
    }

    .c-gridInfo_link {
        margin-top: 16px
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .c-gridInfo_text p {
        font-size:1.1713vw
    }

    .c-gridInfo_link {
        padding-bottom: 4px;
        margin-top: 22px;
        font-size: 1.1713vw
    }
}

.c-gridInfo_link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #242E52
}

.c-gridInfo_link:hover::after {
    content: none
}

.c-ytButton::before,.c-ytCover::before {
    content: ""
}

.c-yt {
    position: relative;
    margin: auto
}

.c-ytCover,.c-ytCover::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-ytCover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.c-newsArchive_listLink,.c-ytButton {
    display: -webkit-box;
    display: -ms-flexbox
}

.c-ytCover::before {
    background-color: rgba(0,0,0,.3)
}

.c-ytButton {
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-ytButton {
        width:50px;
        height: 50px
    }

    .c-ytButton_text {
        padding-top: 4px;
        font-size: 12px
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .c-ytButton {
        width:100px;
        height: 100px
    }
}

.c-ytButton::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0) scale(1);
    transform: translate3d(-50%,-50%,0) scale(1);
    width: 110%;
    height: 110%;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: .3;
    -webkit-animation: videoButtonAnim 2s ease-in-out infinite;
    animation: videoButtonAnim 2s ease-in-out infinite
}

.c-relatedNews,.c-relatedShop,.relatedNews {
    border-top: 1px solid #242E52
}

.c-relatedNews,.newsBack_link,.relatedNews {
    border-bottom: 1px solid #242E52
}

.c-ytButton_text {
    line-height: 1
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .c-ytButton_text {
        padding-top:7px;
        font-size: 20px
    }
}

.c-ytContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden
}

.c-ytContainer iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%!important;
    width: 100%!important
}

@-webkit-keyframes videoButtonAnim {
    0%,100% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1)
    }

    50% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.1);
        transform: translate3d(-50%,-50%,0) scale(1.1)
    }
}

@keyframes videoButtonAnim {
    0%,100% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1);
        transform: translate3d(-50%,-50%,0) scale(1)
    }

    50% {
        -webkit-transform: translate3d(-50%,-50%,0) scale(1.1);
        transform: translate3d(-50%,-50%,0) scale(1.1)
    }
}

.c-relatedShop {
    padding-top: 25px;
    color: #242E52
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-relatedShop {
        font-size:12px
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .c-relatedShop {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: .87848vw
    }
}

.c-relatedShop_head {
    padding-right: 8px
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-relatedShop .comma {
        display:none
    }

    .c-relatedShop span {
        display: block;
        margin-bottom: 8px
    }

    .c-relatedShop a {
        border-bottom: 1px solid #242E52
    }

    .c-relatedShop_head {
        display: block;
        margin-bottom: 6px
    }
}

.c-newsArchive_list {
    margin: auto
}

@media screen and (min-width: 1024px){
    .c-newsArchive_list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 40px 1vw;
             justify-content: space-between;
    }

    .c-newsArchive_listDate {
        font-size: 1vw
    }
}
a.newsBack_link:hover {
    text-decoration: none;
    color: #000;
}

.c-newsArchive_listLink {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-newsArchive_listImg {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-newsArchive_listNode+.c-newsArchive_listNode {
        margin-top:20px
    }

    .c-newsArchive_listImg {
        width: 32vw
    }
}

.c-newsArchive_listImg_cover {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.c-relatedNews,.newsFv,.relatedNews,.relatedNews_listImg_inner {
    background-color: #EAE6DC
}

.c-newsArchive_listImg_inner img,.newsFv img {
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -o-object-fit: cover;
    -o-object-position: center;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%
}

.c-newsArchive_listImg_cover svg {
    width: 20px;
    height: 20px;
    fill: #fff
}

@media (hover: hover) {
    .c-newsArchive_listLink:hover .c-newsArchive_listImg_cover {
        opacity:1
    }
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-newsArchive_listImg_cover {
        display:none
    }

    .c-newsArchive_listTitle {
        font-size: 16px
    }
}

.c-newsArchive_listImg_inner {
    background-color: #EAE6DC;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.c-newsArchive_listImg_inner.is-loaded img {
    opacity: 1
}

.c-newsArchive_listImg_inner img {
    opacity: 0;
    transition: opacity .2s ease;
    position: absolute;
    height: 100%;
    margin: auto;
    object-fit: cover;
    object-position: center
}

.c-newsArchive_listInfo {
    width: 100%;
    padding-left: 16px;
    color: #242E52;
    line-height: 1;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (hover: hover) {
    .c-newsArchive_listLink:hover .c-newsArchive_listInfo {
        opacity:.5
    }
}

.c-newsArchive_listDate {
    font-weight: 700;
    line-height: 1.4
}

.c-newsArchive_listDate svg {
    width: 14px;
    height: 14px;
    margin-left: 6px;
    fill: #242E52
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .c-newsArchive_listDate svg {
        display:none
    }
}

.c-newsArchive_listTitle {
    margin-top: 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif !important;
}
h1.newsTitle {
    color: #242E52;
    font-weight: 700;
}
@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .c-newsArchive_listTitle {
        font-size:1vw
    }

   
}

.c-relatedNews {
    width: 100%
}

.c-relatedNews_title {
    margin-bottom: 45px;
    letter-spacing: -.02em;
    line-height: 1;
    text-align: center;
    color: #242E52;
        margin-top: 100px;
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-relatedNews {
        padding:40px 20px 56px;
        margin-top: 48px
    }

    .c-relatedNews_title {
        font-size: 48px
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .c-relatedNews {
        padding:96px 20px 120px;
        margin-top: 120px
    }

    .c-relatedNews_title {
        font-size: 4.39239vw
    }
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .c-relatedShop {
        padding:24px 20px;
        margin: 24px -20px;
        border-bottom: 1px solid #242E52
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .c-relatedShop {
        margin-top:32px
    }
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .wrapper {
        margin-top:60px
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .wrapper {
        margin-top:100px
    }

    .newsContent {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        gap: 0 0;
        grid-template-areas: "info fv" "info main";
        max-width: 79.35578vw
    }
}

.newsContent {
    margin: auto
}

.newsInfo {
    color: #242E52
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .newsInfo {
        grid-area:info;
        width: 32.65007vw
    }

    .newsDate {
        font-size: 1.02489vw
    }
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .newsInfo {
        padding:0 20px;
        margin-top: 24px
    }

    .newsTitle {
        margin-top: 16px;
        font-size: 24px
    }
}

.newsFv {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.newsFv.is-loaded img {
    opacity: 1
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .newsTitle {
        margin-top:32px;
        font-size: 2vw
    }

    .newsFv {
        grid-area: fv;
        margin-top: 60px
    }

    .newsMain {
        font-size: 1.31772vw
    }
}

.newsFv img {
    opacity: 0;
    transition: opacity .2s ease;
    position: absolute;
    height: 100%;
    margin: auto;
    object-fit: cover;
    object-position: center
}

.newsMain {
    line-height: 1.4;
    color: #242E52
}

.newsBack_link,.relatedNews_title {
    font-family: "Century Condensed",sans-serif;
    line-height: 1;
    color: #242E52
}

.newsMain h2 {
    margin-bottom: 32px
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .newsMain h2 {
        font-size:24px
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .newsMain h2 {
        font-size:2.34261vw
    }
}

.newsMain pre {
    white-space: normal
}

.newsMain figure {
    width: 100%!important
}

.newsMain img {
    width: 100%;
    height: auto
}

.newsMain img+figcaption {
    margin-top: 12px
}

.newsMain>*+* {
    margin-top: 40px
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .newsMain img+figcaption {
        font-size:13px
    }

    .newsMain {
        padding: 0 20px;
        margin-top: 36px
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .newsMain img+figcaption {
        font-size:1.1713vw
    }

    .newsFv,.newsInfo {
        -ms-grid-row: 1
    }

    .newsInfo {
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    .newsFv,.newsMain {
        -ms-grid-column: 3
    }

    .newsMain {
        grid-area: main;
        width: 39.8243vw;
        margin-top: 4.39239vw;
        -ms-grid-row: 3
    }

    .newsFv+.newsInfo+.newsMain {
        margin-top: 4.39239vw
    }
}

.relatedNews_title {
    letter-spacing: -.02em;
    text-align: center
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .relatedNews {
        padding:40px 0 56px;
        margin-top: 48px
    }

    .relatedNews_title {
        margin-bottom: 44px;
        font-size: 48px
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .relatedNews {
        padding:96px 0 120px;
        margin-top: 120px
    }

    .relatedNews_title {
        margin-bottom: 64px;
        font-size: 4.39239vw
    }

    .relatedNews_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 0 2.952%
    }
}

.relatedNews_list {
    max-width: 1124px;
    padding: 0 20px;
    margin: auto
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .relatedNews_listNode {
        width:calc(33.33% - (2.952% * 2)/ 3)
    }
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .relatedNews_listNode+.relatedNews_listNode {
        margin-top:20px
    }
}

.relatedNews_listLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.relatedNews_listImg {
    width: 122px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.relatedNews_listInfo {
    margin-left: 1.1713vw;
    color: #242E52
}

.relatedNews_listTitle {
    margin-top: 12px;
    font-size: 1.1713vw
}

.relatedNews_listImg_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%
}

.relatedNews_listImg_inner.is-loaded img {
    opacity: 1
}

.relatedNews_listImg_inner img {
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    height: 100%;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.newsBack {
    text-align: center
}

@media print,screen and (max-width: 1023px),screen and (min-width:1024px) and (max-width:1024px) and (orientation:portrait) {
    .newsBack {
        margin:32px 0 36px
    }

    .newsBack_link {
        font-size: 18px
    }
}

@media print,screen and (min-width: 1024px) and (orientation:landscape),screen and (min-width:1025px) {
    .newsBack {
        margin:64px 0
    }

    .newsBack_link {
        font-size: 1.46413vw
    }
}
.slider-aboutus {
    display: flex !important;
    flex-direction: row;
    /* width: 100% !important; */
}
.slider-hinh {
    max-width: 50%;
    aspect-ratio: 4/3;
    width: 100%;
    padding-right: 15px;
}
.slider-content {
    max-width: 50%;
    padding-left: 10px;
}
.slider-title {
    color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4em;
    -webkit-text-stroke-color: #000;
    stroke: #000;
}
.slider-noidung{
    color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
}
.slider-button a {
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    background-color: #61CE7000 !important;
    border-style: solid;
    border-width: 2px 2px 2px 2px !important;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
    color: #fff !important;
    padding: 10px 15px !important;
    
}
.slider-noidung {
    padding-bottom: 15px;
}
@media screen and (max-width: 768px){
    .slider-aboutus {
    display: flex !important;
    flex-direction: column;
    /* width: 100% !important; */
}
.slider-hinh {
    max-width: 100%;
    aspect-ratio: 4/3;
    width: 100%;
    
}
.slider-content {
    max-width: 100%;
   
}
.slider-button {
    margin-bottom: 20px;
}
.slider-button a {
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    background-color: #61CE7000 !important;
    border-style: solid;
    border-width: 2px 2px 2px 2px !important;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
    color: #fff !important;
    padding: 10px 15px;
    
}
.news-1{
    display: block;
    
}
.new-item {
    width: 100%;
    /* display: flex; */
}
}

.news-1 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    /* justify-content: space-around; */
    gap: 30px;
}
.new-item {
    width: 20%;
    /* display: flex; */
}
.new-item a {
    display: flex;
    gap: 10px;
    text-decoration: none;
}
.news-img {
    max-width: 200px;
    
    width: 45%;
}
.news-img img {
    width: 150px;
    height: 100px;
    object-fit: cover;
}
.news-date {
    font-weight: 700;
    color: #242E52;
    font-size: 14px;
}
.news-title {
    margin-top: 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif !important;
    color: #242E52;
    text-decoration: none;
    font-size: 15px;
}
.news-content {
    width: 60%;
}
.tinmoi {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 10px 0;
}
.hinhtin img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 7px !important;
}
.hinhtin {
    width: 50%;
    max-height: 100px;
    padding-right: 10px;
}
.item-tin {
    width: 50%;
    padding-left: 10px;
}
.item-title a {
    color: #242E52 !important;
}
.content-post {
    padding: 20px;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    border-radius: 5px;
}
.wg-tinmoi {
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
    border-radius: 5px;
    padding: 10px;
}
.single-post div#single-wrapper {
    margin-bottom: 50px;
}
.item-title a{
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif !important;
    color: #242E52;
    text-decoration: none;
    font-size: 15px;
    text-decoration: none;
}
.baimoi {
    font-size: 22px;
    font-weight: 500;
}
.content-post img {
    width: 100%;
}
.chitiet {
    text-align: justify;
    padding: 20px 0;
        font-family: 'Montserrat';
}
.chitiet a,.chitieta:visited {
    color: #393983 !important;
}
.chitiet div, .chitiet p, .chitiet a{
    font-size: 14px !important;
}
.content-post h1 {
    margin: 0 0 10px 0;
}
@media screen and (max-width: 768px){
  .gtranslate-menu-item .gtranslate_wrapper a {
    padding: 10px;
}
.news-1{
    display: block;
       
}
.new-item {
    width: 100%;
     padding: 10px;
    /* display: flex; */
}
}
@media screen and (max-width: 991px){
	.main-header .main-navigation a{
		padding:10px;
	}
	
}
@media screen and (min-width: 600px)and (max-width: 767px){
	.main-header .main-navigation a{
		padding:10px;
	}
	nav#site-navigation {
    display: none;
}
/* 	nav#site-navigation {
    display: none;
} */
	
}