html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

b, strong {
    font-weight: bold;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{
    text-decoration: none;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pull-right{
    margin-top: 15px;
}
.logo_ht{
    position: absolute;
    top: 0;
}
img{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    max-width: 111%;
}
body {
    min-width: 320px;
}
.grid{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.grid:before,.grid::after{
    width: 100%;
}
.clear,.clr {
    clear:both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clr {
    content: '';
    display: block;
    clear: both;
}
#page{
    overflow: hidden;
    position: relative;
    font-family: "UTM Avo", Roboto, sans-serif;
}

.container{
    width: 100%;
    max-width: 1255px;
    margin: 0 auto;
}

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

.alert-danger strong{
    font-weight: bold;
}

.alert-danger{
    line-height: 1.6;
}
#banner-landing{
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: -1px;
    z-index: 99999;
}

.banner-mobile{
    display: none;
}

@media only screen and (max-width : 2023px) {

}

@media only screen and (max-width : 1350px) {
    #page{

    }
}

@media only screen and (max-width : 1024px) {

}



@media only screen and (max-width : 812px) {

}

@media only screen and (max-width : 767px) {

}

@media only screen and (max-width : 441px) {

}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

b, strong {
    font-weight: bold;
}

i {
    font-style: italic;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{
    text-decoration: none;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    max-width: 100%;
}
body {
    min-width: 320px;
    font-family: 'Roboto'
}
.container{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
a:hover,a:focus,a:visited{
    text-decoration: none;
}
#page{
    overflow: hidden
}
/* >>>>> Xử lý ảnh <<<<< */
    .lib-image-responsive {
        display: block;
        width: 100%;
        height: 100%;
    }
    .lib-image-responsive img {
        display: block;
        width: 100%;
        height: auto;
    }
    .lib-image-fit {
        display: block;
        position: relative;
        text-align: center
    }
    .lib-image-fit  img {
        display: block;
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
    .img-cover,
    .img-fit-fill,
    .img-contain,
    .img-scaledown,
    .img-cover img,
    .img-fit-fill img,
    .img-contain img,
    .img-scaledown img {
        display: block;
        width: 100%;
        height: 100%
    }
    .img-cover img {object-fit: cover}
    .img-fit-fill img {object-fit: fill}
    .img-contain img {object-fit: contain}
    .img-scaledown img {object-fit: scale-down}
/* >>>>> Xử lý ảnh <<<<< */

/* >>>>> UIKIT <<<<< */
    .uk-list{
        list-style: none;
        margin: 0;
        padding: 0
    }
    .uk-flex {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .uk-flex-inline {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex
    }

    .uk-flex-inline>*,
    .uk-flex>* {
        -ms-flex-negative: 1
    }

    .uk-flex-top {
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .uk-flex-middle {
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .uk-flex-bottom {
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end
    }

    .uk-flex-center {
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .uk-flex-right {
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .uk-flex-space-between {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .uk-flex-space-around {
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

    .uk-flex-row-reverse {
        -ms-flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .uk-flex-column {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .uk-flex-column-reverse {
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .uk-flex-nowrap {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .uk-flex-wrap {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .uk-flex-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .uk-flex-wrap-top {
        -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
        align-content: flex-start
    }

    .uk-flex-wrap-middle {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center
    }

    .uk-flex-wrap-bottom {
        -ms-flex-line-pack: end;
        -webkit-align-content: flex-end;
        align-content: flex-end
    }

    .uk-flex-wrap-space-between {
        -ms-flex-line-pack: justify;
        -webkit-align-content: space-between;
        align-content: space-between
    }

    .uk-flex-wrap-space-around {
        -ms-flex-line-pack: distribute;
        -webkit-align-content: space-around;
        align-content: space-around
    }

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

    .uk-flex-order-last {
        -ms-flex-order: 99;
        -webkit-order: 99;
        order: 99
    }
    @media (min-width:480px) {
        .uk-flex-order-first-small {
            -ms-flex-order: -1;
            -webkit-order: -1;
            order: -1
        }
        .uk-flex-order-last-small {
            -ms-flex-order: 99;
            -webkit-order: 99;
            order: 99
        }
    }

    @media (min-width:768px) {
        .uk-heading-large {
            font-size: 52px;
            line-height: 64px
        }
        .uk-flex-order-first-medium {
            -ms-flex-order: -1;
            -webkit-order: -1;
            order: -1
        }
        .uk-flex-order-last-medium {
            -ms-flex-order: 99;
            -webkit-order: 99;
            order: 99
        }
    }

    @media (min-width:960px) {
        .uk-flex-order-first-large {
            -ms-flex-order: -1;
            -webkit-order: -1;
            order: -1
        }
        .uk-flex-order-last-large {
            -ms-flex-order: 99;
            -webkit-order: 99;
            order: 99
        }
    }

    @media (min-width:1220px) {
        .uk-flex-order-first-xlarge {
            -ms-flex-order: -1;
            -webkit-order: -1;
            order: -1
        }
        .uk-flex-order-last-xlarge {
            -ms-flex-order: 99;
            -webkit-order: 99;
            order: 99
        }
    }

    .uk-flex-item-none {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none
    }

    .uk-flex-item-auto {
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
        -ms-flex-negative: 1
    }
/* >>>>> UIKIT <<<<< */



[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
}


[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
    transition-timing-function: ease;
}

[data-aos^="fade"][data-aos^="fade"] {
    opacity: 0;
    transition-property: opacity, transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
[data-aos="fade-up"] {
    transform: translate3d(0, 100px, 0);
}

[data-aos="fade-right"] {
    transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
    transform: translate3d(100px, 0, 0);
}


@media only screen and (max-width : 2023px) {

}

@media only screen and (max-width : 1350px) {
    #page{

    }
}

@media only screen and (max-width : 1024px) {

}
@media only screen and (max-width : 812px) {

}

@media only screen and (max-width : 767px) {

}

@media only screen and (max-width : 441px) {

}