body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #333;
}

a {
    color: #333;
}

    a:hover, a:active, a:focus {
        color: #333;
        text-decoration: none;
    }

.wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
    background: #fff;
}

.header {
    width: 1170px;
    margin: 0 auto;
    display: block;
    height: 100px;
    line-height: 100px;
}

    .header ul {
        overflow: hidden;
        line-height: 100px;
        height: 100px;
        margin-bottom: 0;
        padding: 0;
        float: right;
    }

        .header ul li {
            float: left;
            list-style: none;
            padding: 0 20px;
        }

            .header ul li a {
                text-transform: uppercase;
                font-weight: 600;
                color: #333;
                font-size: 16px;
                overflow: hidden;
                height: 70px;
                display: inline-block;
            }

                .header ul li a:hover,
                .header ul li a.active {
                    color: #f23148;
                    border-bottom: 2px solid #f23148;
                }

.fl-1 {
    width: 100%;
    background-image: url("../image/Slide.png");
    display: inline-block;
    background-position: center;
    /*background-repeat: no-repeat ;*/
    height: 650px;
    text-align: center;
    position: relative;
    display: table;
    text-align: center;
    margin: 0 auto;
}

.text-fl-1 {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: table-cell;
    vertical-align: middle;
    line-height: 46px;
}

    .text-fl-1 span {
        font-size: 26px;
        margin: 22px 0 0;
        display: block;
        font-weight: 600;
    }

.img-left {
    left: 0px;
    top: 8%;
}

.img-right {
    right: 0px;
    top: 8%;
}

.fl-2 {
    position: relative;
    background: #fff;
    width: 100%;
    height: 650px;
    padding: 100px 0 0;
}

.img-left-fl-2 {
    position: absolute;
    left: 0;
    top: 0;
}

.img-right-fl-2 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.text-left-fl-2 {
    font-size: 24px;
    text-align: right;
    text-transform: uppercase;
    font-weight: 700;
    padding: 3px 0 0;
    float: right;
    display: none;
}

    .text-left-fl-2 span {
        float: right;
    }

.text-right-fl-2 {
    font-size: 18px;
    color: #fff;
    background: #ee4557;
    padding: 10px 20px;
    line-height: 22px;
    display: inline-block;
    display: none;
}

.fl-2 .row {
    padding: 40px 0;
    margin: 0;
}

.text-left-fl-2 i {
    width: 105px;
    height: 3px;
    border-top: 3px solid #f23148;
    display: inline-block;
    margin: 16px 10px 0 0;
}

.fl-3 {
    width: 100%;
    background-image: url("../image/bg-fl-3.jpg");
    display: inline-block;
    background-position: center;
    /*background-repeat: no-repeat ;*/
    height: 796px;
    text-align: center;
    position: relative;
    /*display: table;*/
    /*text-align: center;*/
}

    .fl-3 .col-md-6 {
        display: table;
        text-align: center;
        padding: 250px 180px;
    }

.text-left-fl-3 {
    color: #fff;
    text-align: justify;
    display: table-cell;
}

.text-right-fl-3 {
    color: #fff;
    text-align: justify;
    display: table-cell;
}

    .text-left-fl-3 span,
    .text-right-fl-3 span {
        padding-bottom: 20px;
        display: block;
    }

.title-fl-3 {
    display: block;
    font-size: 32px;
    text-align: center;
    font-weight: 700;
}

.fl-3 .row, .row {
    margin: 0;
}

.fl-4 {
    overflow: hidden;
    height: 800px;
    background: #f8f8f8;
}

    .fl-4 .title-fl-4 {
        font-size: 36px;
        text-align: center;
        font-weight: 700;
        padding: 70px 0;
        text-transform: uppercase;
    }

.image-present img {
    float: right;
    display: none;
    margin: 0 90px 0 0;
}

    .image-present img:first-child {
        display: block;
    }

.spdv {
    height: 90px;
    width: 570px;
    background: #fff;
    border-radius: 50px;
    margin-bottom: 30px;
    background: #fff;
    line-height: 86px;
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
    cursor: pointer;
    border: 1px solid #fff;
    padding: 0;
}

    .spdv.active {
        border: 1px solid #f32e46;
    }

        .spdv.active span:first-child {
            background-color: #f32e46;
        }

            .spdv.active span:first-child img {
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
            }

    .spdv span {
        float: left;
    }

        .spdv span:last-child {
            padding-left: 20px;
        }

.bg-khuyenmai {
    width: 90px;
    height: 88px;
    display: inline-block;
    border-radius: 43px;
    padding-left: 20px;
}

.bg-dulich {
    width: 90px;
    height: 88px;
    display: inline-block;
    border-radius: 43px;
    padding-left: 20px;
}

.bg-cskh {
    width: 90px;
    height: 88px;
    display: inline-block;
    border-radius: 43px;
    padding-left: 20px;
}

.bg-nds {
    width: 90px;
    height: 88px;
    display: inline-block;
    border-radius: 43px;
    padding-left: 20px;
}

.image-present {
    padding-right: 40px;
    display: none;
}

.fl-5 {
    background-color: #1b1f25;
    width: 100%;
    background-image: url("../image/vietnam-1360078.png");
    background-repeat: no-repeat;
    background-position: center 0;
    height: 795px;
}

.fl-5-content,
.fl-6-content {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}

    .fl-5-content .title {
        font-size: 36px;
        text-align: center;
        font-weight: 700;
        padding: 90px 0 30px;
        text-transform: uppercase;
        color: #fff;
    }

    .fl-5-content .count {
        color: #fff;
        font-size: 24px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 600;
        padding: 0 0 3px 20px;
    }

    .fl-5-content .text-header {
        color: #fff;
        font-size: 15px;
        display: block;
        padding: 0 0 0px 80px;
    }

.fl-5-header .col-md-3 {
    color: #fff;
}

.fl-5-content .fl-5-header img {
    float: left;
}

.fl-5-merchant {
    padding: 100px 0 0;
}

    .fl-5-merchant .col-md-2 {
        padding-bottom: 45px;
    }

.fl-6 {
    width: 100%;
    background-image: url("../image/bg-news.png");
    background-repeat: no-repeat;
    background-position: center 0;
    height: 770px;
}

.fl-6-content .title {
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    padding: 90px 0 30px;
    text-transform: uppercase;
    color: #333;
}

.list-news {
    display: block;
}

    .list-news .swiper-container {
        padding-bottom: 70px;
    }

    .list-news .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        margin: 0 10px;
    }

    .list-news .swiper-pagination-bullet-active {
        background: #ef3f52;
    }

    .list-news .swiper-slide {
        padding-bottom: 10px;
    }

.item-news {
    width: 370px;
    height: 420px;
    display: inline-block;
    background: #fff;
    margin: 0 20px 0 0;
    -webkit-box-shadow: #ddd 0px 0 10px;
    -moz-box-shadow: #ddd 0 0 10px;
    box-shadow: #ddd 0 0 10px;
    border-radius: 10px;
}

.swiper-slide .item-news:last-child {
    margin: 0;
}

.item-news img {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.item-news .datetime {
    padding: 25px 20px 10px;
    font-size: 16px;
    display: block;
}

.item-news .title-news {
    padding: 5px 20px 0;
    font-size: 18px;
    font-weight: 800;
    display: block;
    color: #000;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.item-news .readmore {
    padding: 15px 20px 0;
    font-size: 16px;
    font-weight: 800;
    color: #ef3f52;
    display: block;
}

.fl-7 {
    width: 100%;
    background: linear-gradient(0deg, rgb(10 10 10 / 27%), rgb(8 8 8 / 35%)), url(../image/bg-tuyendung.png);
    /*background-image: url(../image/bg-tuyendung.png);*/
    background-repeat: no-repeat;
    background-position: center 0;
    height: 770px;
    display: table;
    position: relative;
    background-size: cover;
}

.fl-7-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.fl-7-title {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding-bottom: 20px;
}

.fl-7-text {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.btn-apply {
    text-align: center;
    font-weight: 600;
    padding: 10px 20px;
    background: #f4253f;
    color: #fff !important;
    width: 175px;
}

.pd-bot-40 {
    padding-bottom: 40px;
}

.footer {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 55px 0 45px;
}

.footer-content {
    margin: 0 auto;
    width: 1170px;
}

.name-comp {
    padding: 30px 0 20px;
    font-weight: 600;
    font-size: 16px;
}

.giaychungnhan {
    padding-bottom: 40px;
}

.txtRegisterEmail {
    width: 380px;
    height: 50px;
    background: #f4f4f4;
    border: 1px solid #f4f4f4;
    padding: 0 0 0 10px;
    border-radius: 5px;
}

    .txtRegisterEmail:focus,
    .txtRegisterEmail:active {
        border: none !important;
    }

.register-email {
    position: relative;
}

.btnRegister {
    width: 100px;
    height: 50px;
    background: #ef4154;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border-radius: 0 5px 5px 0;
    position: absolute;
    top: 0px;
    left: 280px;
}

.box-social {
    padding: 30px 0 0;
}

    .box-social a {
        padding-right: 15px;
    }

.title-footer {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 22px !important;
}

ul.about-us {
    padding-left: 0;
}

    ul.about-us li {
        list-style: none;
        padding-bottom: 10px;
    }

.head-office {
    background: url('../image/icon-location.png') no-repeat;
    background-position: left 0px center;
    padding: 0 0 0 17px;
    font-weight: 600;
    font-size: 16px;
}

.address-office {
    padding: 10px 0 0 15px;
}

.head-office.hcm {
    margin: 25px 0 0 0;
}

.email-contact {
    background: url('../image/icon-email.png') no-repeat;
    background-position: left 0px center;
    padding: 0 0 0 18px;
    margin: 20px 0 0;
    font-size: 16px;
}

.hotline {
    background: url('../image/icon-mobile.png') no-repeat;
    background-position: left 0px center;
    padding: 0 0 0 18px;
    margin: 20px 0 0;
    font-size: 16px;
}

.animated-fl-4 {
    display: none;
}

.box-news-content {
    width: 1170px;
    margin: 0 auto;
}

    .box-news-content .col-md-4 {
        margin-bottom: 20px;
    }

.view-more {
    margin: 50px 0 0;
    text-align: center;
    display: inline-block;
    width: 100%;
}

    .view-more a {
        text-align: center;
        padding: 10px 80px;
        color: #fff;
        border: 2px solid #ef3f52;
        border-radius: 10px;
        font-weight: 700;
        background: #ef3f52;
    }

.box-news {
    background: #f8f8f8;
    padding: 50px 0;
}

.nav-breadcrumb {
    overflow: hidden;
    padding: 0;
}

    .nav-breadcrumb > li > a {
        display: block;
        padding: 10px 15px 10px 25px;
        background: url(../image/icon-breadcrumb.png) no-repeat left center;
    }

    .nav-breadcrumb li {
        list-style: none;
        float: left;
    }

.box-news-content .col-md-12 {
    padding: 0;
}

.nav-breadcrumb > li:first-child a {
    padding-left: 13px;
    background: none;
}

    .nav-breadcrumb > li:first-child a img {
        padding-right: 10px;
    }

.news-detail h2 {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 20px;
}

.time {
    padding-bottom: 20px;
    color: #2f80ed;
}

.content-news {
    text-align: justify;
}

.title-other-news {
    overflow: hidden;
    height: 50px;
    background: #f0f0f0;
    line-height: 50px;
    padding: 0 0 0 25px;
    border-left: 10px solid #f32c45;
    font-size: 22px;
    font-weight: 700;
}

.lst-other-news {
    overflow: hidden;
}

.item-other-news {
    padding: 20px 0 10px;
    overflow: hidden;
    border-bottom: 1px solid #e2dfdf;
}

.item-title {
    font-size: 16px;
    font-weight: 700;
}

.banner-recruiment {
    overflow: hidden;
    /*height: 451px;*/
    width: 100%;
}

.wrap-recruiment {
    overflow: hidden;
    background: #f8f8f8;
    width: 100%;
}

.box-recruiment {
    width: 1170px;
    margin: 0 auto;
    padding: 50px 0;
}

.category-recrui {
    overflow: hidden;
}

.title-cate {
    font-size: 22px;
    font-weight: 700;
    color: #ed4c5c;
}

.menu-recrui {
    padding: 25px 0;
}

    .menu-recrui li {
        list-style: none;
    }

.lv2-recrui {
    padding: 0 0 0 15px;
}

.menu-recrui > li {
    overflow: hidden;
    line-height: 30px;
}

    .menu-recrui > li a.active {
        color: #ed4c5c;
    }

.title-recrui {
    font-size: 18px;
    color: #ed4c5c;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    font-weight: 700;
}

.box-recruiment .nav-breadcrumb > li:first-child a {
    padding-left: 0;
}

.item-recrui {
    padding: 10px 0;
    border-bottom: 2px solid #ccc;
}

    .item-recrui a {
        overflow: hidden;
        display: block;
    }

.time-recui {
    color: #2f80ed;
}

.title-item-recrui {
    display: block;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
}

.cate-item-recrui {
    float: left;
}

.apply-recrui {
    float: right;
    color: #ff5d00;
    font-style: italic;
}

.box-recruiment .item-recrui:last-child {
    border-bottom: none;
}

.pagging-recrui {
    padding: 40px 0;
    display: block;
    overflow: hidden;
}

    .pagging-recrui li {
        float: left;
        list-style: none;
        margin: 0 5px 0 5px;
    }

        .pagging-recrui li a {
            padding: 5px 7px;
            background-color: #ededed;
            text-align: center;
        }

            .pagging-recrui li a.active {
                color: #fff;
                background-color: #f1723f;
                font-weight: 800;
            }

.btn-previous {
    background-image: url(../image/btn-previous.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 5px 12px !important;
}

    .btn-previous.active {
        background-image: url(../image/btn-previous-active.png);
        padding: 5px 12px !important;
        background-repeat: no-repeat;
        background-position: center center;
    }

.btn-next {
    background-image: url(../image/btn-next.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 5px 12px !important;
}

    .btn-next.active {
        background-image: url(../image/btn-next-active.png);
        padding: 5px 12px !important;
        background-repeat: no-repeat;
        background-position: center center;
    }

.content-news img {
    width: 100%;
}

.des-recruit {
    padding: 10px 0;
    border-bottom: 2px solid #ccc;
}

.line-des {
    padding-bottom: 5px;
}

.title-des-recuit {
    color: #ed4c5c;
}

.lst-other-recruitment {
    overflow: hidden;
    padding: 20px 0 0;
}

    .lst-other-recruitment .title-recrui {
        border-bottom: none;
        font-weight: 500;
    }

.flag-en {
    background-image: url(../image/flag_en.png);
    background-repeat: no-repeat;
    background-position: 0px 40px;
    padding: 0 0 0 34px;
}

.flag-vn {
    background-image: url(../image/icon-flag-vn.png);
    background-repeat: no-repeat;
    background-position: 0px 40px;
    padding: 0 0 0 34px;
}