body {
    margin: 0;
    /*font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;*/
    font-family: "Playfair Display", serif;
    background: var(--color-background);
    color: var(--color-text-main);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
}

div[class^=NavigationPrimary_navigationPrimaryLanguages] {
    display: none !important
}

div[class^=NavigationPrimary_navigationPrimaryRight]:before {
    content: unset !important
}

li, p, ul {
    margin: 0;
    padding: 0
}

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

ul {
    list-style: none
}

button {
    margin: 0
}

a {
    color: inherit;
    text-decoration: none
}

.title {
    font-weight: 600;
    font-size: 1rem
}

.title, p {
    line-height: 1.5
}

.boxItem a:hover {
    text-decoration: underline
}

#Content img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-responsive {
    height: auto;
    max-width: 100%;
    text-align: center
}

p {
    font-weight: 400;
    font-size: 1rem
}
/*! CSS Used from: Embedded */ /*! CSS Used from: Embedded */ /*! CSS Used from: Embedded */ /*! CSS Used from: Embedded */ /*! CSS Used from: Embedded */

* {
    scroll-margin-top: 100px
}
/*! CSS Used keyframes */

@-webkit-keyframes NavigationSecondary_fadein__OU1S9 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes NavigationSecondary_fadein__OU1S9 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
/*! CSS Used fontfaces */

*, ::after, ::before {
    box-sizing: border-box
}

ul {
    padding-left: 2rem
}

ul {
    margin-top: 0;
    margin-bottom: 1rem
}

a {
    color: #212529;
    text-decoration: none
}

    a:hover {
        color: #212529;
        text-decoration: underline
    }

img {
    vertical-align: middle
}

@media (min-width:768px) {
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#footer .col-md-12 {
    padding: 0
}

.social-pc {
    margin-right: 15px;
    position: relative
}

    .social-pc .b-social .btn-social {
        display: flex;
        align-items: center;
        box-shadow: 2px 4px 12px rgba(0,0,0,.08);
        border-radius: 4px;
        cursor: pointer
    }

        .social-pc .b-social .btn-social > a > img {
            display: block;
            width: 24px;
            height: auto;
            margin: 0 3.5px
        }


/*! CSS Used from: Embedded */

@media all {
    a {
        background-color: transparent
    }

        a:active, a:hover {
            outline-width: 0
        }

    *, :after, :before {
        box-sizing: border-box
    }

    a {
        touch-action: manipulation
    }

        a:focus:not(:focus-visible) {
            outline: 0
        }

    ul {
        list-style: disc
    }

    ul {
        margin-top: 0;
        padding: 0
    }

    li {
        margin-bottom: 0
    }

    ul {
        margin-bottom: 1.3em
    }
}
/*! CSS Used from: Embedded */

@media all {
    a {
        background-color: transparent
    }

        a:active, a:hover {
            outline-width: 0
        }

    *, :after, :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    a {
        -ms-touch-action: manipulation;
        touch-action: manipulation
    }



    ul {
        list-style: disc
    }

    ul {
        margin-top: 0;
        padding: 0
    }

    li {
        margin-bottom: 0
    }

    ul {
        margin-bottom: 1.3em
    }
}

@media all {
    .fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    ul {
        margin-left: 30px;
        margin-bottom: 20px
    }

    #footer a {
        color: #fff
    }

    .animated.infinite {
        animation-iteration-count: infinite
    }

    .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .float-icon-hotline {
        position: fixed;
        bottom: 70px;
        z-index: 999
    }

        .float-icon-hotline ul {
            padding-left: 0;
            margin-bottom: 0;
            margin: 0;
            list-style: none
        }

            .float-icon-hotline ul li {
                position: relative
            }

                .float-icon-hotline ul li a {
                    text-decoration: none;
                    display: block
                }

                    .float-icon-hotline ul li a:hover {
                        color: #fff !important
                    }

    @media only screen and (min-width:960px) {
        .float-icon-hotline {
            right: 20px;
            width: auto;
            display: inline-block
        }

            .float-icon-hotline ul li:not(.hot-phone):not(.icon-email):hover span {
                width: 200px;
                padding-left: 30px;
                padding-right: 10px;
                opacity: 1
            }

            .float-icon-hotline ul li {
                display: block;
                width: 45px;
                height: 45px;
                margin-bottom: 10px;
                padding: 0
            }

                .float-icon-hotline ul li .fa {
                    background-color: #549a04;
                    display: block;
                    width: 45px;
                    height: 45px;
                    text-align: center;
                    line-height: 36px;
                    -moz-box-shadow: 0 0 5px #888;
                    -webkit-box-shadow: 0 0 5px#888;
                    box-shadow: 0 0 5px #888;
                    color: #fff;
                    font-weight: 700;
                    border-radius: 50%;
                    position: relative;
                    z-index: 2;
                    border: 2px solid #fff;
                    font-size: 20px
                }

                .float-icon-hotline ul li span {
                    display: inline-block;
                    padding: 0;
                    background-color: #ff6a00;
                    color: #fff;
                    border: 2px solid #fff;
                    border-radius: 20px;
                    height: 40px;
                    line-height: 36px;
                    position: absolute;
                    top: 3px;
                    left: 15px;
                    z-index: 0;
                    width: 0;
                    overflow: hidden;
                    -webkit-transition: all 1s;
                    transition: all 1s;
                    background-color: #ff6a00;
                    -moz-box-shadow: 0 0 5px #888;
                    -webkit-box-shadow: 0 0 5px #888;
                    box-shadow: 0 0 5px #888;
                    font-weight: 400;
                    white-space: nowrap;
                    opacity: 0;
                    display: none
                }

            .float-icon-hotline ul.show-phone .hot-phone span {
                width: 150px;
                padding-left: 30px;
                padding-right: 10px;
                opacity: 1;
                text-align: right
            }
    }

    @media only screen and (max-width:959px) {
        .float-icon-hotline {
            bottom: 0 !important;
            left: 0 !important;
            width: 100%;
            display: block
        }

            .float-icon-hotline ul {
                width: 100%;
                -js-display: flex;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap
            }

                .float-icon-hotline ul li {
                    max-width: 33.333%;
                    -ms-flex-preferred-size: 100%;
                    flex-basis: 100%;
                    margin-bottom: 0;
                    background: #bb2327
                }

                    .float-icon-hotline ul li a {
                        display: block;
                        width: 100%;
                        text-align: center;
                        padding: 10px 5px;
                        position: relative
                    }

                        .float-icon-hotline ul li a span {
                            display: block
                        }

                    .float-icon-hotline ul li ~ li a:before {
                        content: "";
                        width: 1px;
                        height: 60%;
                        background: #fff;
                        position: absolute;
                        left: 0;
                        top: 0;
                        bottom: 0;
                        margin: auto 0
                    }

                    .float-icon-hotline ul li a .fa {
                        font-size: 20px
                    }

                        .float-icon-hotline ul li a .fa:before {
                            font-family: FontAwesome
                        }

                    .float-icon-hotline ul li a .fa-hotline:before {
                        content: "\f095"
                    }

                    .float-icon-hotline ul li a .fa-messenger:before {
                        content: "\f082"
                    }

                    .float-icon-hotline ul li a .fa-zalo:before {
                        content: "\f0e6"
                    }
    }

    ::-webkit-scrollbar {
        width: 5px;
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    }

    ::-webkit-scrollbar-thumb {
        background-color: #9C5A1A;
    }
}


/*! CSS Used from: Embedded ; media=all */

@media all {
    .fa {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1
    }

    .fa {
        font-family: "Font Awesome 5 Free"
    }

    .fa {
        font-weight: 900
    }
}
/*! CSS Used keyframes */

@keyframes tada {
    0% {
        transform: scale3d(1,1,1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        transform: scale3d(1,1,1)
    }
}
/*! CSS Used fontfaces */

@font-face {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 10px 15px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd
        }