@import url('fonts.css');
body {
    font-family: 'Roboto', sans-serif;
}
.uk-container {
    max-width: 1156px;
}
*{
    box-sizing: border-box;
    outline: none;
}
#section1 {
    position: relative;
    /*height: 100vh;*/
    background: url(../images/section1-bg.jpg) no-repeat center center/cover;
}

#videoBG {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section1-content {
    position: absolute;
    z-index: 222;
    bottom: 24%;
    right: 13%;
}

.logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 333;
}
.user-static {
    position: absolute;
    z-index: 222;
    width: 225px;
    top: 55px;
    left: 268px;
}
.user-static .uk-progress{
    height: 20px;
    margin: 0;
}
.user-static h2{
    text-transform: uppercase;
    position: relative;
    color: #fae5ac;
    letter-spacing: -0.005em;
    font-size: 20px;
    margin-bottom: 8px;
    margin-left: 30px;
    display: flex;
    align-items: center;
    font-family: 'Barlow';
    font-weight: 600;
    margin-top: 0;
}
.user-static h2:after{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url(../images/dot_static.png) no-repeat center center/contain;
    margin-left: 9px;
}
.user-static h3{
    margin: 6px 0 0 30px;
    font-size: 17.3px;
    color: #fae5ac;
    letter-spacing: -0.001em;
    font-weight: 500;
    font-family: 'Barlow';
}
.user-static .uk-progress::-webkit-progress-value {
    background: rgb(178,226,97);
    background: linear-gradient(125deg, rgba(178,226,97,1) 9%, rgba(0,209,20,1) 100%);
}
.uk-progress{
    background-color: #6a67656b;
}
.uk-progress:indeterminate {
  color: transparent;
}
.user-static .uk-progress::-webkit-progress-bar {
  background: rgb(106 103 101 / 10%);
}
.uk-progress::-moz-progress-bar {
  background-color: #6a6765;
}

progress#baodanh-progressbar {
    height: 6px;
    background-color: #cdae61;
    border: 0.5px solid #e5e1d652;
    box-shadow: 1px 0px 4px 0px #fff;
    margin-bottom: 0;
}
progress#baodanh-progressbar.uk-progress::-webkit-progress-bar {
  background: #303236;
}
progress#baodanh-progressbar.uk-progress::-webkit-progress-value{
    background: rgb(205,174,97);
background: linear-gradient(125deg, rgba(205,174,97,1) 81%, rgba(114,102,74,1) 100%);
}
/*.uk-progress:indeterminate::-moz-progress-bar {
  width: 0;
}

.uk-progress::-ms-fill {
  background-color: #6a6765;
  transition: width 0.6s ease;
  border: 0;
}*/

img.avt_decor {
    position: absolute;
    top: 1px;
    left: -54px;
}


.hf1{
    transition: all .2s ease;
}
.hf1:hover{
    filter: brightness(120%);
}
.event01-slider-item a{
    transition: all .2s ease;
}
.event01-slider-item a:hover{
    filter: brightness(120%);
}
.btnscroll {
    position: absolute;
    left: 50%;
    bottom: 70px;
    top: auto;
    margin-left: -67px;
    transform: translate(0, -50%);
    animation: ic-arrow 3s 0ms infinite ease-in-out;
}

@keyframes ic-arrow {
    50% {
        transform: translateY(7px);
    }
}


@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
@keyframes sweep {
    0% {
        background-position: 0 0;
    }
  
    100% {
        background-position: 100% 100%;
    }
}
a.banner-btn-download {
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
a.banner-btn-download:before {
    top: 0;
    bottom: 5px;
    left: 58px;
    background: #1110 -webkit-linear-gradient(left, #1110, #ffffff52) no-repeat 0 0 / 30px;
    background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, .3);
    animation: sweep 2.5s ease infinite;
    content: "";
    position: absolute;
    right: 60px;
}
a.banner-btn-download:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
#site-main{
    background: url(../images/bg-section2.jpg) no-repeat center top;
    margin-top: 0px;
    overflow: visible;
    z-index: 2;
    position: relative;
    padding-top: 131px;
    padding-bottom: 15px;
}
section#event01 {
    position: relative;
    z-index: 222;
}
.baodanh-subtitle h2{
    font-family: 'SVN-Arial 3';
    font-weight: bold;
    font-size: 29.21px;
    line-height: 50px;
    color: #0c1e55;
    width: 637px;
    height: 56px;
    margin: auto;
    background: url(../images/bg_count.png) no-repeat center center/contain;
}
.baodanh-subtitle h2 span{
    color: #a66212;
}
.baodanh-list {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
/*    margin-top: -39px;*/
}
.baodanh-item{
    position: relative;
}
.item-normal{
    display: none;
}
.item-active{
    display: inline-block;
}
.baodanh-item.active ~ .baodanh-item .item-active{
    display: none;
}
.baodanh-item.active ~ .baodanh-item .item-normal{
    display: inline-block;
}
.baodanh-item-qua{
    position: absolute;
    top: 66px;
    left: 50%;
     -webkit-transform: translateX(-50%);    
     -ms-transform: translateX(-50%);    
     transform: translateX(-50%);
    -webkit-animation-name:              shake;    
        -webkit-animation-duration:          1s;
        -webkit-animation-iteration-count:   infinite;
        -webkit-animation-timing-function:   linear;
        -webkit-transform-origin:            50% 100%;
}
@-webkit-keyframes shake {
  0%  { -webkit-transform:     translateX(-50%) rotate(0deg); }
 /* 10% { -webkit-transform:     translate(-50%, -2px) rotate(-2deg); }
  20% { -webkit-transform:     translate(-50%, 0px) rotate(3deg); }
  30% { -webkit-transform:     translate(-50%, 2px) rotate(0deg); }
  40% { -webkit-transform:     translate(-50%, -1px) rotate(1deg); }*/
  50% { -webkit-transform:     translateX(-50%) rotate(-1deg); }
  /*60% { -webkit-transform:     translate(-50%, 1px) rotate(0deg); }
  70% { -webkit-transform:     translate(-50%, 1px) rotate(-2deg); }
  80% { -webkit-transform:     translate(-50%, -1px) rotate(4deg); }
  90% { -webkit-transform:     translate(-50%, 2px) rotate(0deg); }*/
  100%{ -webkit-transform:     translateX(-50%) rotate(0deg); }
}

/*.event01-inner{
    padding: 0 30px;
}*/
.event01-slider-item{
    outline: none;
    display: flex !important;
    justify-content: space-between;
}
.event01-slider-item img{
    display: inline-block;
    margin: auto;
}
ul.slick-dots li {
    display: inline-block;
    margin: 0 70px;
}
ul.slick-dots li button{
    font-size: 0;
    outline: none;
    width: 32px;
    height: 32px;
    background: url('../images/dot.png') no-repeat center center/contain;
    border: none;
    cursor: pointer;
}
ul.slick-dots li.slick-active button{
    width: 47px;
    height: 47px;
    background: url('../images/dot_hover.png') no-repeat center center/contain;
}
ul.slick-dots {
    text-align: center;
    padding-left: 0;
    margin: 40px 0px 0px;
    z-index: 99999;
    position: relative;
}
.slick-arrow{
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    width: 33px;
    height: 45px;
    font-size: 0;
    outline: none;
    border: none;
    cursor: pointer;
    z-index: 999;
    background: url(../images/arrow_left.png) no-repeat center center/contain;
}
button.slick-next.slick-arrow{
    left: auto;
    right: -30px;
    background: url(../images/arrow_right.png) no-repeat center center/contain;
}
#DacSac .slick-arrow{
    left: -50px;
}
#DacSac button.slick-next.slick-arrow{
    left: auto;
    right: -50px;
}
.DacSac-slider-item{
    text-align: center;
}
.DacSac-content {
    height: 603px;
    background: url(../images/BG.png) no-repeat center center/contain;
    width: 100%;
    max-width: 1132px;
    margin: 0 auto 20px;
}
img.DacSac-content-char {
    position: absolute;
    top: -67px;
    left: -396px;
    animation: ic-arrow 3s 0ms infinite ease-in-out;
    z-index: 333;
}
.DacSac-content-ribon1 {
    position: absolute;
    top: 7px;
    left: -68px;
}
.DacSac-content-ribon2 {
    position: absolute;
    bottom: 18px;
    right: -29px;
}
.DacSac-slider-item-inner {
    max-width: 672px;
    margin-left: auto;
    text-align: center;
    height: 100%;
    padding: 58px 42px;
}
.DacSac-slider-item-title{
    margin-bottom: 30px;
}
.DacSac-slider-item-title img {
    margin: 0 auto;
}
.DacSac-slider-item-desc {
    text-align: left;
}
.DacSac-slider-item-desc>*{
    font-family: 'Barlow';
    font-weight: 600;
    color: #867b5b;
    font-size: 23.17px;
    line-height: 1.23;
    margin-bottom: 20px;
    margin-top: 0;
    letter-spacing: -0.02em;
}
.DacSac-slider {
    height: 100%;
}
@keyframes moveLittle{
    0%{
        transform: translateY(80px);
    }
    100%{
        transform: translateY(0px);
    }
}
h2.DacSac-slider-item-title,.DacSac-slider-item-desc {
    /*transform: translateY(-80px);
    transition: all .5s ease;*/
}

.slick-active h2.DacSac-slider-item-title, .slick-active .DacSac-slider-item-desc{
/*    transform: translateY(0px);*/
    animation: moveLittle .5s 0ms 1 ease-in-out;
}
.DacSac-slider-nav-row-1{
    margin-bottom: 18px;
}
img.acti {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.DacSac-slider-nav-item.active .norm {
    opacity: 0;
    visibility: hidden;
    display: none;
}
.DacSac-slider-nav-item img{
    transition: all .2s ease;
}
.DacSac-slider-nav-item:hover img.norm{
    opacity: 0;
    visibility: hidden;
    display: none;
}
.DacSac-slider-nav-item.active img.acti,.DacSac-slider-nav-item:hover img.acti{
    display: inline-block;
    opacity: 1;
    visibility: visible;
}

.DacSac-slider-nav-item {
    cursor: pointer;
}
.audio-icon {
    position: absolute;
    right: 34px;
    top: 15px;
    z-index: 222;
}
#newUpdate{
    padding-top: 216px;
}
.newUpdate-title{
    margin-bottom: 81px;
}
.newUpdate-content .uk-flex{
    gap: 50px 0;
}
.newUpdate-ctas{
    margin-top: 10px;
}
.newUpdate-ctas a{
    display: block;
    margin: 0 19px;
}
#F6{
    padding: 200px 0 210px;
}
.f6-item{
    margin: 0 19px;
}
.inline-block {
    display: inline-block;
}

.relative {
    position: relative;
}

#footer {
    background: #0d0d0d;
    padding: 71px 0;
}

.footer-inner p {
    margin: 0;
    font-size: 23px;
    line-height: ;
    font-family: 'Roboto Condensed', sans-serif;
    color: #b6b6b6;
    line-height: 1.2;
}
#fixed-nav {
    width: 249px;
    height: 477px;
    background: url(../images/nav-fixed.png) no-repeat center center/contain;
    position: fixed;
    top: 45%;
    transform: translateY(-50%);
    right: 0;
    padding-top: 230px;
    padding-left: 80px;
    padding-right: 28px;
    box-sizing: border-box;
    z-index: 999;
}
#fixed-nav a {
    padding: 0;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    height: 50px;
    margin-bottom: 5px;
}
#fixed-nav .fixed-nav-two{
    flex-wrap: wrap;
    width: 100%;
}
#fixed-nav .fixed-nav-two a {
    width: 50%;
    margin-bottom: 0;
}
.modal-thele .uk-modal-dialog{
    width: 1224px;
    height: 748px;
    background: url(../images/Pop-up.png) no-repeat center center/contain;
}
.modal-thele-content {
    max-height: 650px;
    overflow-y: auto;
}
.modal-thele-content img{
    max-width: 98%;
    height: auto;
}
.uk-modal-body{
    color: #FFF;
}
.modal-thele-content .modal-thele-title{
    color: #FFF;
    font-family: 'Cobe Extra';
    font-weight: bold;
}
.modal-thele-content::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    background-color: #333;
}

.modal-thele-content::-webkit-scrollbar
{
    width: 3px;
    background-color: #333;
}

.modal-thele-content::-webkit-scrollbar-thumb
{
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
    background-color: #f8e471;
}
.show_mb{
    display: none;
}
@media (max-width:  1470px){
    .SYNSTOP-content{
        right: 0;
    }
}
@media (max-width:  1000px){
    img.DacSac-content-char{
        display: none;
    }
    .logo,.section1-content{
        display: none;
    }
    .main-header-mobile {
        display: flex !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
        padding: 15px 25px;
        box-sizing: border-box;
        background: #000c20;
        height: 104px;
    }
    a.ic_home {
        position: absolute;
        top: 0px;
    }
    #fixed-nav{
        display: none !important;
    }
    .menu-main {
        position: fixed;
        top: 104px;
        width: 100%;
        background: rgb(25 33 54 / 95%);
        text-align: center;
        padding: 50px 0;
        z-index: 999999;
    }
    ul#menu-main-mobile {
        list-style: none;
        padding-left: 0;
    }
    li.menu-item{
        font-family: 'Barlow';
        font-weight: 600;
        padding: 10px 0;
        font-size: 20px;
    }
    li.menu-item a{
        color: #FFF;
    }
    .ic_register{
        margin-left: 25px;
        margin-right: 70px;
    }
    .user-static {
        top: 158px;
        left: 75px;
    }
    html,body{
        overflow-x: hidden;
    }
    .menu-humburgur-icon-active{
        display: none;
    }
    span.menu-humburgur-icon.open .menu-humburgur-icon-n{
        display: none;
    }
    span.menu-humburgur-icon.open .menu-humburgur-icon-active{
        display: inline-block;
    }
}
@media (max-width:  768px){
    .main-header-mobile{
        height: 13.281vw;
    }
    .menu-main{
        top: 13.281vw; 
    }
    a.ic_register img,a.ic_download{
        max-width: 24.479vw;
    }
    .ic_home{
        max-width: 23.307vw;
    }
    .ic_register{
        margin-left: 3.255vw;
        margin-right: 9.115vw;
    }
    .main-header-mobile-right {
        padding-right: 1.302vw;
    }
    .menu-humburgur-icon img{
        max-width: 6.641vw;
    }
    .main-header-mobile{
        padding: 0 1.867vw;
    }
    .user-static h2{
        font-size: 2.667vw;
        margin-bottom: 1.067vw;
        margin-left: 6.667vw;
    }
    .user-static .uk-progress{
        height: 2.667vw;
    }
    .user-static{
        width: 38.933vw;
    }
    .user-static h3{
        margin: 6px 0 0 6.667vw;
        font-size: 2.307vw;
    }
    img.avt_decor{
        left: -7.2vw;
        max-width: 13.333vw;
    }
    .user-static h2:after{
        width: 1.067vw;
        height: 1.067vw;
        margin-left: 1.067vw;
    }
    .user-static {
        top: 20.573vw;
        left: 9.766vw;
    }
    .hide_mb{
        display: none !important;
    }
    .show_mb{
        display: inline-block;
    }
    .intro img {
        max-width: 92.839vw;
    }
    .intro{
        margin-bottom: 13.411vw !important;
    }
    .baodanh-title{
        margin-bottom: 5.208vw !important;
    }
    .baodanh-title img {
        max-width: 100vw;
    }
    .baodanh-subtitle h2{
        font-size: 4.447vw;
        margin-bottom: 0;
        width: 82.943vw;
        height: 7.292vw;
        line-height: 1.4;
    }
    /*.baodanh-subtitle h2 span {
        font-size: 5.645vw;
    }*/
    .baodanh-item img{
        max-width: 14.8vw;
    }
    .baodanh-content.show_mb{
        display: block !important;
        padding-left: 0;
        padding-right: 0;
    }
    .baodanh-content-part1 {
        /*margin-left: 4.4vw;*/
    }
    .baodanh-content-part2 {
        /*margin-right: 20.800vw;*/
    }
    
    .baodanh-list{
        justify-content: center;
        padding: 0;
        overflow-x: auto;
    }
    .baodanh-item{
        padding: 0 4vw;
    }
    .baodanh-item img {
        max-width: 25.313vw;
    }
    .baodanh-item img.baodanh-item-qua {
        max-width: 11.974vw;
        top: 8.854vw;
    }
    img.baodanh-item-qua {
        max-width: 12.4vw;
    }
    .baodanh-item-qua{
        top: 12.267vw;
    }
    .baodanh-subtitle{
        margin-bottom: 5.208vw !important;
    }
    .baodanh-cta{
        margin-top: 0 !important;
    }
    .baodanh-cta a img{
        max-width: 40.365vw;
    }
    
    section#event01{
        padding-top: 10.417vw !important;
    }
    .event01-inner{
        padding: 0;
    }
    .event01-head{
        margin-bottom: 6.510vw !important;
    }
    .event01-slider-item{
        flex-wrap: wrap;
    }
    .event01-slider-item a {
        width: 50%;
        margin-bottom: 3.906vw;
    }
    .event01-slider-item a img{
        max-width: 30.208vw;
    }
    .slick-arrow{
        left: -1.302vw;
        width: 4.297vw;
        height: 5.859vw;
        background: url(../images/arrow_left_mb.png) no-repeat center center/contain;
    }
    button.slick-next.slick-arrow{
        right: -1.302vw;
        background: url(../images/arrow_right_mb.png) no-repeat center center/contain;
    }
    .modal-thele .uk-modal-body {
        padding: 15px;
        border: 3px solid #ffeac0;
    }
    .modal-thele .uk-modal-dialog {
        width: 100%;
        height: 444px;
        background: #23272b;
        background-size: 100% 100%;
    }
    .modal-thele.uk-modal.uk-open{
        display: flex !important;
            align-items: center;
    }
    .modal-thele-content {
        max-height: 400px;
        overflow-y: auto;
    }
    .event01-button {
        margin-top: 11.067vw !important;
    }
    .event01-button img{
        max-width: 35.067vw;

    }
    #hnx2022{
        margin-top: 0 !important;
    }
    #DacSac{
        margin-top: 14.974vw !important;
    }
    #DacSac .uk-container{
        padding: 0;
    }
    .DacSac-head img:first-child{
        max-width: 94.133vw;
        margin-bottom: 3.333vw !important;
    }
    .DacSac-head{
        margin-bottom: 3.906vw !important;
    }
    .DacSac-content{
        height: 78.516vw;
        background-image: url(../images/BG_mb.png);
        margin: 0 auto 1.302vw;
    }
    .DacSac-content-ribon1,.DacSac-content-ribon2{
        display: none;
    }
    .DacSac-slider-item-inner {
        padding: 9.245vw 10.417vw;
    }
    h2.DacSac-slider-item-title img {
        max-height: 18.88vw;
    }
    .DacSac-slider-item-desc>*{
        font-size: 3.3vw;
        line-height: 1.23;
        margin-bottom: 2vw;
    }
    .DacSac-slider-item-title {
        margin-bottom: 3.255vw;
    }
    #DacSac .slick-arrow {
        left: 1.302vw;
    }
    #DacSac button.slick-next.slick-arrow {
        left: auto;
        right: 1.302vw;
    }
    .DacSac-slider-nav-row {
        flex-wrap: wrap;
        max-width: 78.125vw;
        margin: auto;
    }
    .DacSac-slider-nav-row-1 {
        margin-bottom: 0;
    }
    .DacSac-slider-nav-item {
        width: 50%;
        margin-bottom: 2.604vw;
    }
    .DacSac-slider-nav-item img{
        max-width: 34.896vw;
    }
    ul.slick-dots{
        margin: 5.859vw 0px 0px;
    }
    ul.slick-dots li{
        margin: 0 8.854vw;
    }
    ul.slick-dots li button{
        width: 4.297vw;
        height: 4.297vw;
    }
    ul.slick-dots li.slick-active button {
        width: 6.120vw;
        height: 6.120vw;
    }
    #newUpdate {
        padding-top: 35.547vw;
    }
    #newUpdate .uk-container{
        padding: 0;
    }
    .newUpdate-content img {
        max-width: 28.133vw;
        margin-bottom: 2vw;
    }
    .newUpdate-title {
        margin-bottom: 15.625vw;
    }
    .newUpdate-content .uk-flex {
        gap: 4.133vw 0;
    }
    .newUpdate-title img{
        max-width: 100vw;
    }
    
    #videoBG{
        display: none;
    }
    #section1{
        background-image: url(../images/section1-bg_mb.jpg);
        background-size: 100% 100%;
    }
    #site-main{
        padding-bottom: 0;
        background-image: url(../images/bg-section2_mb.png);
        background-size: 100% 100%;
        padding-top: 10.156vw;
/*        margin-top: -7.3vw;*/
    }
    #footer {
        padding: 6.510vw 0;
    }
    #footer p{
        font-size: 2.995vw;
    }
    #footer p:first-child{
        margin-bottom: 2.604vw;
    }
    #F6 {
        padding: 10.026vw 0;
    }
    .f6-item {
        margin: 0 2.604vw;
    }
    
    
}
@media (max-width:  414px){
    
    .user-static h2{
        font-size: 3.667vw;
    }
    .user-static h3{
        font-size: 3.307vw;
    }
}

#modal-baodanh{
    padding-top: 20px;
    z-index: 99999999;
}
#modal-baodanh .uk-close {
    top: 35px;
    right: 35px;
}
#modal-baodanh .uk-modal-dialog {
    width: 100%;
    max-width: 1224px !important;
    background: url(../images/BG.png) no-repeat center center;
    background-size: 100% 100%;
}
#modal-baodanh .uk-modal-body{
    padding: 75px 30px 160px;
}
.modal-baodanh-content h2{
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 47px;
    color: #b6b6b6;
    margin-bottom: 50px;
}
.modal-baodanh-content p{
    font-family: 'Roboto Condensed', sans-serif;
    color: #b6b6b6;
    font-size: 30px;
    margin-bottom: 50px;
}
#frm-baodanh{
    width: 100%;
    max-width: 654px;
    margin: auto;
}
#frm-baodanh select{
    width: 100%;
    height: 56px;
    background: url(../images/select-arrow.png) no-repeat center right 10px rgb(196 170 128 / 34%);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    letter-spacing: -0.001em;
    outline: none;
    border: none;
    text-align: center;
    color: #aca9a3;
    margin-bottom: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
    display: none;
}
#frm-baodanh select:before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #000;
}
#frm-baodanh option {
    background: rgb(196 170 128 / 34%);
}
#frm-baodanh input{
    width: 100%;
    height: 56px;
    background: rgb(196 170 128 / 34%);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    letter-spacing: -0.001em;
    outline: none;
    border: none;
    color: #aca9a3;
    text-align: center;
    margin-bottom: 91px;
    box-sizing: border-box;
}
#frm-baodanh button{
    outline: none;
    background: none;
    border: none;
    cursor: pointer;
}
@media (max-width:  768px){
    #modal-baodanh .uk-modal-dialog{
        max-width: 93.333vw;
        background: url(../images/BG_mb.png) no-repeat center center;
        background-size: 100% 100%;
    }
    #modal-baodanh .uk-modal-body {
        padding: 12vw 3.333vw 29.733vw;
    }
    .modal-baodanh-content p{
        font-size: 4vw;
        margin-bottom: 6.667vw;
    }
    .modal-baodanh-content h2{
        font-size: 6.267vw;
        margin-bottom: 6.667vw;
    }
    .modal-baodanh-content p br{
        display: none;
    }
    #frm-baodanh input{
        margin-bottom: 8.667vw;
        height: 40px;
        font-size: 18px;
    }
    #frm-baodanh select{
        height: 40px;
        font-size: 18px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(../images/select-arrow-mb.png) no-repeat center right 5px rgb(196 170 128 / 34%);
    }
    #frm-baodanh button img{
        max-width: 35.067vw;
    }
    #modal-baodanh .uk-close {
        top: 10px;
        right: 10px;
    }

    .F6-content .uk-flex{
        flex-wrap: wrap;
    }
    .f6-item {
        margin: 0 2.604vw;
        max-width: 26vw;
        margin-bottom: 2vw;
    }
}
span.reponse-msg {
    color: #757575;
    background-color: #dcd5ca;
    /* width: 90%; */
    padding: 38px 5px;
    border: 1px solid #8d5038;
    border-radius: 8px;
    font-size: 20px;
    font-family: 'Roboto Condensed';
    /* margin-top: 20px; */
}