@font-face {
    font-family: 'Roboto-Thin';
    src: url("../fonts/Roboto-Thin.ttf");
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url("../fonts/Roboto-Medium.ttf");
}

@font-face {
    font-family: 'Roboto-LightItalic';
    src: url("../fonts/Roboto-LightItalic.ttf");
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url("../fonts/Roboto-Thin.ttf");
}

@font-face {
    font-family: 'Roboto-Light';
    src: url("../fonts/Roboto-Light.ttf");
}

@font-face {
    font-family: 'VNF-Oswald-Regular';
    src: url("../fonts/VNF-Oswald-Regular.ttf");
}

@font-face {
    font-family: 'MONTSERRAT-MEDIUM';
    src: url("../fonts/MONTSERRAT-MEDIUM.TTF");
}

@font-face {
    font-family: 'MONTSERRAT-SEMIBOLD';
    src: url("../fonts/MONTSERRAT-SEMIBOLD.TTF");
}

@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url("../fonts/RobotoCondensed-Bold.ttf");
}

.social-header {
    margin: 0;
    padding: 0;
    float: left;
}

    .social-header li a {
        color: #ffffff;
        padding: 0 10px;
    }

        .social-header li a i {
            color: #ffffff;
        }

.hotline {
    float: left;
    padding-left: 35px;
}

    .hotline p {
        float: left;
        color: #ffffff;
        padding: 0 5px;
        margin-bottom: 0;
        font-family: 'Roboto-Light';
        font-size: 14px;
        font-weight: bold;
    }

.email p {
    color: #ffffff;
    margin-bottom: 0;
    font-family: 'Roboto-Light';
    font-size: 14px;
    font-weight: bold;
}

.h-top-set {
    float: right;
    padding-top: 15px;
    padding-right: 3px;
}

    .h-top-set ul li {
        float: left;
        padding-left: 5px;
    }

        .h-top-set ul li img {
            width: 30px;
            height: 20px;
            border: 1px solid;
        }

        .h-top-set ul li a {
            padding: 0 !important;
        }

.form-inline {
    float: right;
    padding-top: 10px;
    width: 65%;
    padding-left: 15px;
}

.h-top-set ul > li:hover a {
    background: unset !important;
    border-radius: unset !important;
}

.block-search .form {
    margin-bottom: 0;
    border: 0;
    float: left;
    position: relative;
    width: 100%;
}

#txt_search {
    /* background-color: #fff; */
    border-color: #e6e6e6;
    margin-bottom: 5px;
    padding: 7px 15px 7px 15px;
    color: #000000;
    border: 1px solid #e0e1e1;
    /* background-color: #fbfcfc; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9 !important;
}

.block-search .form .input {
    background: none;
    border: 0;
    color: #ffffff;
    line-height: 46px;
    height: 35px;
    width: 100%;
    margin: 0;
    outline: none;
    border: 1px solid #ffffff;
    /* border-radius: 20px; */
    padding-left: 10px;
    padding-right: 5px;
}

.block-search .form .button {
    background: none;
    border: 0;
    color: #a4a4a4;
    outline: none;
    height: 28px;
    font-size: 20px;
    line-height: 26px;
    padding: 0 15px;
    /* position: relative; */
    box-shadow: unset;
}

    .block-search .form .button i {
        position: absolute;
        top: 0;
        right: 0;
        height: 16px;
        width: 16px;
        margin-top: -8px;
        background-position: 0 center;
        background-repeat: no-repeat;
        color: #ffffff !important;
    }

.input-group-btn.group-btn-search {
    position: absolute;
    top: 16px;
    z-index: 99999;
    right: 8%;
}

nav.fixed-top ul > li a {
    color: #000000 !important;
}

#txt_search::placeholder {
    color: #ffffff;
}

#txt_search1::placeholder {
    color: #ffffff;
}

.home-page a i {
    font-size: 28px;
}

nav.fixed-top .lang-news {
    padding-top: 10px;
}

nav.fixed-top #txt_search::placeholder {
    color: #000000;
}

nav.fixed-top .block-search .form .button i {
    color: #000000 !important;
}

.swiper-slide .desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
    height: 100px;
    text-align: center;
}

    .swiper-slide .desc h3 {
        font-family: 'VNF-Oswald-Regular';
        color: #ffffff;
        font-size: 49px;
        text-transform: uppercase;
    }

    .swiper-slide .desc p {
        font-family: 'Roboto-Regular';
        color: #0c7844;
        font-size: 20px;
        text-transform: uppercase;
        overflow: hidden;
        margin-bottom: 45px;
    }

    .swiper-slide .desc a {
        font-family: 'Roboto-Light';
        color: #ffffff;
        font-size: 19px;
        padding: 10px 15px;
        border: 1px solid #ffffff;
        /* margin-top: 20px; */
        overflow: hidden;
    }

        .swiper-slide .desc a:hover {
            text-decoration: none;
        }

.line {
    text-align: center;
    margin-bottom: 30px;
}

.card .card-body h2 a {
    color: #000000;
    font-family: 'Roboto-Regular';
    font-size: 18px;
}

    .card .card-body h2 a:hover {
        color: #0c7844;
    }

.price-info {
    position: relative;
    /* margin-top: -12px; */
    text-align: center;
}

    .price-info:before {
        content: "";
        width: 100%;
        height: 1px;
        /* border: 1px dashed #969696; */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.product-hot {
    background: url(../images/backgroundsp.jpg) no-repeat;
    background-size: cover;
    /* padding: 30px 0; */
    padding-bottom: 45px;
    padding-top: 35px;
}

.line1 {
    text-align: center;
}

.product-hot .text-primary {
    color: #ffffff !important;
}

.product-hot .des {
    font-family: 'Roboto-Light';
    font-size: 16px;
    color: #ffffff;
}

.featured-promotions .feature-section:hover .feature-details {
    opacity: 1;
    display: block !important;
}

.blog-list {
    background: url(../images/backgroundnew.jpg) no-repeat;
    background-size: cover;
    /* padding: 30px 0; */
    padding-bottom: 45px;
    padding-top: 35px;
}

.home-news-slide {
    margin-top: 35px;
}

.article-item-title a {
    font-family: 'MONTSERRAT-SEMIBOLD';
    font-size: 16px;
    color: #ffffff;
    /* line-height: 5px; */
}

    .article-item-title a:hover {
        text-decoration: none;
    }

.article-item-title {
    height: 44px;
    margin-top: 10px;
    line-height: 18px;
}

.time-news {
    font-family: 'MONTSERRAT-MEDIUM';
    font-size: 12px;
    color: #ffffff;
    margin-bottom: 5px;
}

    .time-news i {
        margin-right: 5px;
    }

.article-item-summary {
    font-family: 'MONTSERRAT-MEDIUM';
    font-size: 13px;
    color: #ffffff;
}

h3.ten-company {
    font-family: 'VNF-Oswald-Regular';
    color: #ffffff;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
}

.company {
    text-align: center;
    margin: 10px 0;
}

.footer-menu h2 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 32px;
    color: #fefefe;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px;
    /* font-family: 'Roboto-Medium'; */
    font-family: 'RobotoCondensed-Bold';
    padding-bottom: 10px;
}

    .footer-menu h2:before {
        content: "";
        position: absolute;
        width: 64px;
        height: 4px;
        background: url(../images/lineft.png) no-repeat;
        top: 100%;
        left: 0;
        z-index: 2;
    }

.contentBox li p {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Roboto-Regular';
    position: relative;
    /* padding-left: 19px; */
}

.contentBox li {
    list-style-type: none;
}

.contentBox ul {
    padding: 0;
}

#menu-footer_wd1 {
    padding: 0;
    padding-left: 14px;
}

    #menu-footer_wd1 li {
        color: #ffffff;
    }

    #menu-footer_wd1 > li a:hover {
        color: #ffffff !important;
    }

    #menu-footer_wd1 > li a {
        font-family: 'Roboto-Regular';
        font-size: 16px;
        color: #eeeeee;
        display: block;
        line-height: 1.6;
        padding: 0 10px 0 0;
        margin-bottom: 4px;
        position: relative;
    }

.footer-social {
    /* margin-top: 25px; */
    /* overflow: hidden; */
    float: left;
    padding: 0;
}

    .footer-social li {
        float: left;
        overflow: hidden;
        position: relative;
        list-style-type: none;
    }

        .footer-social li a {
            height: 30px;
            width: 30px;
            padding: 0;
            margin-right: 10px;
            line-height: 35px;
            text-align: center;
            border: 1px solid #ffffff;
            /* border-radius: 5px; */
            display: block;
        }

            .footer-social li a i {
                width: 25px;
                color: #ffffff;
                font-size: 17px;
            }

.map-bando iframe {
    max-height: 250px;
}

.logo-ftt {
    text-align: center;
    overflow: hidden;
    margin-top: -92px;
    margin-bottom: 30px;
}

.footer-bot-left p {
    margin: 0;
    font-family: 'Roboto-LightItalic';
    font-size: 14px;
    padding: 10px 0;
}

.footer-bot-right p {
    margin: 0;
    font-family: 'Roboto-LightItalic';
    font-size: 14px;
    padding: 10px 0;
    text-align: right;
}

.article-title {
    font-family: 'VNF-Oswald-Regular';
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    color: #0c7844;
}

.category-title {
    font-family: 'VNF-Oswald-Regular';
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    color: #0c7844;
}

a:hover {
    text-decoration: none;
}

.post-title {
    font-family: 'VNF-Oswald-Regular';
    font-size: 26px;
    text-transform: uppercase;
    color: #0c7844;
}

.n_other {
    padding: 10px;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    background-image: url(../images/bg-hd.png);
    background-repeat: repeat-x;
    background-position: center;
}

    .n_other a {
        display: inline-block;
        color: #2c2c2c;
        font-size: 24px;
        font-family: robb;
        font-weight: normal;
        text-decoration: none;
        padding-right: 10px;
        background-image: url(../images/bg-hd1.png);
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 55px;
        font-family: Robb;
        line-height: 50px;
        background-color: white;
    }

.news_other ul li {
    list-style-type: square;
    margin-left: 20px;
}

.news_other ul {
    padding: 0;
}

.contact .in-fo-page-content h1 {
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px;
}

.title-head {
    font-size: 1.42857em;
    font-weight: 500;
    color: #333;
    text-decoration: none;
}

.contact .in-fo-page-content .contact-info-page li {
    display: table;
    margin-bottom: 7px;
}

.contact .in-fo-page-content h1:before {
    content: "";
    height: 3px;
    width: 70px;
    background-color: aliceblue;
    position: absolute;
    left: 0;
    bottom: -6px;
}

.widget-menu.contact-info-page {
    padding: 0;
}

.contact .page-login #login h3 {
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px;
}

.title-head {
    font-size: 26px;
    /* font-weight: 500; */
    color: #0c7844 !important;
    text-decoration: none;
    font-family: 'VNF-Oswald-Regular';
}

.contact .page-login #login h3:before {
    content: "";
    height: 3px;
    width: 70px;
    background-color: #0c7844;
    position: absolute;
    left: 0;
    bottom: -6px;
}

.hotline-hotline {
    background: #0c7844;
    padding: 10px;
    text-align: center;
    color: #ffffff;
}

    .hotline-hotline a {
        color: #ffffff;
        text-transform: uppercase;
    }

.h-top-lang {
    display: block !important;
}

#txt_search1 {
    /* background-color: #fff; */
    border-color: #e6e6e6;
    margin-bottom: 5px;
    padding: 7px 15px 7px 15px;
    color: #000000;
    border: 1px solid #e0e1e1;
    /* background-color: #fbfcfc; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9 !important;
}

section.viewed .title-section a {
    color: #fff;
    background: #0c7844;
    padding: 10px;
}

.viewed.mb-5 {
    overflow: hidden;
}

.card:hover.card .card-body h2 a {
    color: #0c7844;
}

.article-item-image img {
    width: 100%;
}

.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
    max-width: 100% !important;
    width: 100% !important;
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {
    width: 100% !important
}

.fb-page, .fb-page span, .fb-page span iframe[style] {
    width: 100% !important
}