@import url(../css/select2.min.css);
@import url(../css/select2-bootstrap4.min.css);
@import url(../css/animate.min.css);
@import url(../fancybox/jquery.fancybox.css?v=1.2.5);
@import url(../slick/slick.css?v=1.2.5);
@import url(../slick/slick-theme.css?v=1.2.5);
@import url(../mCustomScrollbar/jquery.mCustomScrollbar.min.css?v=1.2.5);
@import url(../css/floating-labels.css);
@import url(../fonts/fontawesome/css/all.min.css);
@import url(../fonts/HelveticaVn/stylesheet.css);
#loader {
    width: 80px;
    height: 80px;
    background-image: url("../images/logo.png");
    background-size:75% auto;
    background-repeat: no-repeat;
    background-position: center 50%;
    background-color: #ffffff;
    border-radius: 50rem;
    box-shadow: 0px 1px 20px 0px rgba(112, 112, 112, 0.25);
    position: fixed;
    z-index: 99993;
    width: 80px;
    height: 80px;
    line-height: 80px;
    left: 50% !important;
    top: 50% !important;
    margin: -40px 0 0 -40px;
    vertical-align: top;
}
#loader .spinner-border {
    vertical-align: top;
    width: 100%;
    height: 100%;
    margin-top: 0;
    color:#00569c;
    border-width: 2px;
    margin-top: 0;
    animation-duration: 1s !important;
}

html, body, #page {
    width: 100vw;
    overflow-x: hidden!important;
    color: rgb(0, 0, 0);
    font-weight:normal;
    font-style: normal;
}
body{
    font-family: Arial, sans-serif;
}
body.device-apple{
    font-family: 'Helvetica Vn', sans-serif;
}
html,body {
    overflow-x: hidden;
}
*,::before,::after{
    background-repeat:no-repeat;
}
img {
    user-select: none;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    user-select: none;
}

a,[onclick],.btn,button{
    cursor: pointer;
    text-decoration: none;
    outline: none;
    transition: all 0.2s;
}
a{
    color:inherit;
}
a:hover{
    text-decoration:none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
}
span[style] {
    font-family: inherit !important;
    /*font-size: inherit !important;*/
}
strong{
    font-weight:bold;
}
@media (min-width: 992px) {
    /*width:1920px = font-size:20px*/
    html, body {
        /*font-size:1.041666666666667vw;*/
        font-size:20px;
    }
    body{
        /*padding-top:5.5rem;*/
        padding-top:3.5rem;
        background-image:url("../images/body.jpg");
        background-size:auto;
        background-position:center;
        background-repeat:no-repeat;
        background-attachment: fixed;
        background-color:#ffffff;
    }
    body.set_padding_body{
        padding-top:3.5rem;
    }
    .pc {
        display: block !important;
    }

    .mb {
        display: none !important;
    }

    .container {
        width:55rem;
        max-width:55rem;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
    html, body {
        font-size:18.18181818181818px;
    }
}
@media (min-width:1900px) {
    body{
        background-position:left center;
    }
}
@media (max-width: 991px) {
    html{
        font-size:4.266666666666667vw;/*14px*/
        /*font-size:3.466666666666667vw;!*13px*!*/
    }
    body{
        min-height:100vh;
        padding-top:3.125rem;
        /*padding-top:6.125rem;*/
    }
    body.set_padding_body{
        padding-top:3.125rem;
    }
    .pc {
        display: none !important;
    }
    .mb {
        display: block !important;
    }
    .container {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }
}