body {
    user-select: none;
}

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

@font-face {
    font-family: 'Oswald-Bold';
    src: url('../fonts/fontOswald/Oswald-Bold.ttf') format('truetype');
}

blockquote {
    font-size: 17.5px;
    border-left: 5px solid #eee;
    background-color: rgba(186,188,188,.2);
    border-left: 3px solid #f6bc3d !important;
    border-radius: 5px;
    margin: 5px;
    padding: 1em;
    text-align: left;
}

a,
a:active,
a:focus,
a:hover {
    font-family: "Open Sans", sans-serif, Roboto;
    /*color: #191919;*/
    text-decoration: none;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    /*outline: none;*/
    /*font-size: 16px;
    font-weight: 500;*/
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-100 {
    margin-top: 100px;
}

.mt-150 {
    margin-top: 150px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-100 {
    margin-right: 100px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-15 {
    margin-left: 15px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-100 {
    margin-left: 100px;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.section-padding-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-padding-0-80 {
    padding-top: 0;
    padding-bottom: 80px;
}

.section-padding-80-0 {
    padding-top: 80px;
    padding-bottom: 0;
}

.Nopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.Nopadding-Left {
    padding-left: 0px !important;
}

.Nopadding-Right {
    padding-right: 0px !important;
}

.facebook i {
    margin-top: 5px;
}
/*chia năm cột trong boostrap*/
.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
/*End chia năm cột trong boostrap*/
/*--------------------------------- Menutop -------------------------------------------------*/
.header-connect {
    background: #f4eb8930 url(/Content/html/Images/slogan_bg.png) center bottom 10px no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    /* height: 35px; */
    border-top: 11px solid #ffc13e !important;
    position: relative;
    min-height: 52px;
    z-index: 2;
}

    .header-connect:active {
        border-top: 12px solid #ffc13e !important;
    }

@media (max-width: 768px) {
    .header-connect {
        display: none;
    }
}

.header-connect .slogan p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    margin-top: 0px !important;
}

.navbar-nav > li > a {
    padding-right: 15px !important;
    padding-left: 15px !important;
    text-transform: uppercase !important;
}

.header-call p {
    padding: 0px !important;
    line-height: 35px !important;
}

.list-inline {
    margin-bottom: 0px !important;
    line-height: 30px;
}

.header-call p span a {
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: normal;
}

.header-call p span i {
    font-size: 18px;
}

.header-call p span a:hover {
    color: #f3e53f;
    text-decoration: none;
}

.header-connect .hotline .evo-hotline {
    /*transform: skew( 27deg);*/
    background: -webkit-linear-gradient(180deg,#f8e94d 0%,#f8e94d9c 54%,#f8e94d 99%);
    background: :-ms-linear-gradient(180deg,#f8e94d 0%,#f8e94d9c 54%,#f8e94d 99%);
    border-radius: 4px;
    font-size: 14px;
    padding: 4px 10px;
    max-width: 250px;
    display: inline-block;
    float: left;
    margin-top: 2px;
    margin-right: 0px;
    border-radius: 30px;
}

    .header-connect .hotline .evo-hotline:hover {
        /*transform: skew( 27deg);*/
        background: -webkit-linear-gradient(180deg,#f8e94d 0%,#ffc13ec4 54%,#f8e94d 99%);
        background: :-ms-linear-gradient(180deg,#f8e94d 0%,#ffc13ec4 54%,#f8e94d 99%);
    }

    .header-connect .hotline .evo-hotline i {
        color: #42351a;
        /*transform: skew( -27deg);*/
        display: inline-block;
        padding-right: 5px;
        font-size: 18px;
    }

    .header-connect .hotline .evo-hotline a {
        color: #42351a;
        /*transform: skew( -27deg);*/
        display: inline-flex;
        font-weight: 600;
        overflow: hidden;
    }

.header-connect .evo-cart {
    /*transform: skew( -27deg);*/
    /*background: #f8e94d;*/
    border-radius: 4px;
    font-size: 14px;
    padding: 3px 11px;
    position: relative;
}

    .header-connect .evo-cart i {
        color: #8b681d;
        /*transform: skew( 27deg);*/
        display: inline-block;
        font-size: 15px;
        padding-left: 5px;
    }

    .header-connect .evo-cart > div {
        display: inline-block;
        float: right;
        margin-top: 2px;
        margin-left: 0px;
        /*background: #f8e94d;*/
    }

.list-inline a {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    border: 1px solid rgb(146, 146, 146);
    transition: all 0.8s ease 0s;
    color: rgb(146, 146, 146);
}
/*--------------------------------- End Menutop -------------------------------------------------*/
/*--------------------------------- Begin Slogan -------------------------------------------------*/
.slogan-baiviet {
    display: none;
}

@media (max-width: 768px) {
    .slogan-baiviet {
        display: block;
        text-align: center;
        font-size: 15px;
        text-transform: uppercase;
        color: #eea117;
        font-weight: bold;
        padding: 5px;
        border-radius: 5px;
        border: 1px dashed #e5d9bf;
        background-image: linear-gradient( 0deg, #fff 0%, #f6f6f6 100%);
    }
}

/*--------------------------------- End Slogan -------------------------------------------------*/
/*--------------------------------- Begin Video -------------------------------------------------*/
.backgroup-video {
    background-image: linear-gradient( 0deg, #fff 0%, #f2f2f1 100%);
    position: relative;
    width: 100%;
}
.title-video {
    font-size: 16px;
    color: #532b08;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    background-image: linear-gradient(89deg, #ffc13c96 0%, #f3f5ef 100%);
    border-radius: 0px 0px 6px 6px;
    padding: 0.4em;
    line-height:1.5;
}
.btn-video {
    position: relative;
    display: block;
}

    .btn-video:before {
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.2);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 6px 6px 0px 0px;
    }

    .btn-video > span {
        z-index: 2;
        position: absolute;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border: 2px solid white !important;
    }
    .btn-video > span:hover {
        border: 2px solid #f5e429 !important;
    }

        .btn-video > span > i {
            color: #fff;
            font-size: 1rem;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            font-size:18px;
        }
.icon-play:before {
    content: "\f04b";
}
.card-img-top {
    border-radius: 6px 6px 0px 0px;
}
/*--------------------------------- End Video -------------------------------------------------*/
/*--------------------------------- Begin MenuMain -------------------------------------------------*/
.navbar-default {
    /*background-color: #fdc6000d !important;*/
    background-color: #ffffffed !important;
    z-index: 1;
    position: absolute;
    width: 100%;
    box-shadow: 0 0 0 1px rgb(253 198 0 / 15%);
}

    .navbar-default .navbar-nav > li > a {
        color: #6f5827;
        font-weight: 600;
        font-size: 15px;
    }

    .navbar-default .navbar-nav > li > ul > li > a {
        color: #000000 !important;
        text-transform: none !important;
        padding-left: 15px !important;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 45px;
        font-weight: normal;
        font-size: 16px;
    }

        .navbar-default .navbar-nav > li > ul > li > a:hover {
            color: #e18310 !important;
        }


.ymm-sw .dropdown-menu {
    padding-bottom: 10px;
    min-width: 250px !important;
    width: auto !important;
    border-bottom: 7px #ffc13c solid;
    /*box-shadow: 0 0 20px -5px !important;*/
    border-radius: 0px 10px 0px 10px;
}

    .ymm-sw .dropdown-menu li {
        height: 45px;
        border-bottom: 1px solid #efeded;
        width: 100%;
        line-height: 45px;
    }

        .ymm-sw .dropdown-menu li:last-child {
            border-bottom: none;
        }

@media (max-width: 768px) {
    .navbar-default {
        background-color: #f3f3f2 !important;
    }

        .navbar-default .navbar-nav > li > a {
            color: #4f3e1b !important;
            font-size: 14px;
            font-weight: 600;
            line-height: 30px;
        }

    .button.navbar-right {
        /*display: none;*/
        top: 6px;
        position: absolute;
        right: 63px;
    }

    .navbar-default .navbar-nav > li > a.active::after {
        height: 0px !important;
    }

    .navbar-default .navbar-nav > li > a::after {
        height: 0px !important;
    }

    .navbar-nav {
        margin: 0px 0px;
    }

        .navbar-nav.navbar-right:last-child {
            margin-right: 0px;
        }

    .nav > li {
        border-bottom: 1px solid #e5e5e2;
        background-color: #f3f3f2;
    }

        .nav > li:last-child {
            border-bottom: none;
        }

    .navbar {
        min-height: 60px !important;
        height: 60px;
    }

    .navbar-collapse {
        margin-top: 0px;
    }

    .navbar .container {
        padding: 10px 0px;
    }

    .ymm-sw .dropdown-menu li {
        border-bottom: none;
    }

    .nav-button.login i {
        color: #f6b529 !important;
    }
}

.navbar {
    min-height: 60px;
}

.main-nav {
    padding-top: 0px;
}

.navbar-default .navbar-nav > li > a.active:after {
    bottom: 0px;
    height: 3px;
}

.navbar-default .navbar-nav > li > a::after {
    bottom: 0px;
    height: 3px;
}

.caret {
    color: #ffc13c;
    margin-left: 4px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 7px 8px;
    margin-top: 1px;
    margin-right: 15px;
    margin-bottom: 5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
    right: 10px;
}

.navbar-default .navbar-toggle {
    border-color: #f6d389;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    border-radius: 3px;
    height: 4px !important;
    background-image: linear-gradient( 89deg, #ffc13c 7%, #ebae2b 68%) !important;
}

    .navbar-toggle .icon-bar:nth-last-child(2) {
        width: calc(100% - 3px) !important;
        /* left: 6px; */
    }

.yamm .dropdown-menu {
    padding-bottom: 10px;
    min-width: 250px !important;
    width: auto !important;
    border-bottom: 7px #ffc13c solid;
    /*box-shadow: 0 0 20px -5px !important;*/
    border-radius: 0px 10px 0px 10px;
}

.fixed-menu {
    top: 0;
    background-color: rgb(73 63 44 / 60%) !important;
    position: fixed;
    top: -70px;
    left: 0;
    right: 0;
    z-index: 990;
    transform: translateY(70px);
    transition: transform 500ms;
}

    .fixed-menu .navbar-nav > li > a {
        color: #ffffff;
    }

@media (max-width: 767px) {
    .fixed-menu {
        background-color: rgb(255 255 255 / 98%) !important;
    }
}

.fixed-menu .navbar-brand > img {
    max-height: 60px;
    transition: all .3s;
}
/*--------------------------------- End MenuMain -------------------------------------------------*/
/*--------------------------------- Begin Logo -------------------------------------------------*/
.navbar-brand > img {
    position: absolute;
    height: auto;
    top: 0;
    max-width: 130px;
}
/*--------------------------------- End Logo -------------------------------------------------*/
/*--------------------------------- Begin seach -------------------------------------------------*/
.custom_search_pop .modal-content .serch_form {
    position: relative;
}

    .custom_search_pop .modal-content .serch_form input {
        width: 100%;
        height: 70px;
        background: #fff;
        border: none;
        padding-left: 20px;
        color: #000;
        font-size: 15px;
        padding-right: 120px;
    }

@media (max-width: 767px) {
    .custom_search_pop .modal-content .serch_form input {
        height: 50px;
    }
}

.custom_search_pop .modal-content .serch_form input::placeholder {
    color: #000;
    font-size: 15px;
}

.custom_search_pop .modal-content .serch_form input:focus {
    outline: none;
}

.custom_search_pop .modal-content .serch_form button {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    height: 100%;
    padding: 20px;
    color: #fff;
    background: #FF4A52;
    display: inline-block;
    border: none;
    line-height: 50px;
    height: 70px;
    padding: 0 30px;
    cursor: pointer;
}

.custom_search_pop .modal-dialog {
    max-width: 650px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom_search_pop .modal-dialog {
        max-width: 530px;
    }
}

.custom_search_pop .modal-content {
    border: none;
    -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    border-radius: 10px;
    opacity: .9;
}

    .custom_search_pop .modal-content .modal-body {
        padding: 100px;
        position: relative;
        z-index: 1;
        background-color: #fbfce4;
        border-radius: 10px;
    }

@media only screen and (max-width: 767px) {
    .custom_search_pop .modal-content .modal-body {
        padding: 50px 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom_search_pop .modal-content .modal-body {
        padding: 70px;
    }
}

.custom_search_pop .modal-content .modal-body button.close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 10;
    font-size: 14px;
}

    .custom_search_pop .modal-content .modal-body button.close-btn.btn {
        padding: 0;
        background-color: transparent;
    }

        .custom_search_pop .modal-content .modal-body button.close-btn.btn:focus, .custom_search_pop .modal-content .modal-body button.close-btn.btn:hover {
            box-shadow: none;
            color: #dc2878;
        }

.custom_search_pop .modal-content .modal-body .search-btn {
    position: absolute;
    font-size: 155px;
    bottom: 107px;
    right: 139px;
    z-index: -1;
    color: #ed690e;
    opacity: 0.06;
}

.custom_search_pop form {
    width: 100%;
    position: relative;
    z-index: 1;
}

    .custom_search_pop form input {
        width: 70%;
        height: 50px;
        border: 0px !important;
        box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.08);
        border-radius: 35px;
        font-size: 12px;
        font-style: normal;
        padding: 0 30px;
    }

        .custom_search_pop form input:focus {
            box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.08);
        }

/*.custom_search_pop form button {
        display: none;
    }*/
.modal-body .buttom-search {
    float: right;
    width: 20%;
    padding: 11px;
    background: linear-gradient(89deg, #f3e53f 0%, #e3bd0f 100%) !important;
    font-size: 20px;
    border: none;
    cursor: pointer;
    border-radius: 0px 30px 30px 0px;
    margin-top: -50px;
}

    .modal-body .buttom-search:hover, :active, :visited {
        border: none !important;
        border: 0px !important;
    }

    .modal-body .buttom-search:hover {
        /*background: linear-gradient(89deg, #eabc55d6 0%, #f3be46 100%) !important;*/
        background: linear-gradient(89deg, #f3e53f 0%, #bbe30f 100%) !important;
    }

    .modal-body .buttom-search i {
        color: #fff;
    }

@media (max-width: 767px) {
    .custom_search_pop .modal-content .serch_form button {
        height: 50px;
    }
}

.modal {
    top: 30%;
}

.custom_search_pop .modal-content .serch_form button {
    /*background: #1761a7 !important;*/
    height: 60px !important;
    background-image: linear-gradient(89deg, #dbca16 0%, #bf910f 100%) !important;
    border-radius: 5px;
}

    .custom_search_pop .modal-content .serch_form button:hover {
        background-position: 0% 0%;
        background-image: linear-gradient( 89deg, #bf910f 0%, #dbca16 100%) !important;
        /*background-color: #e3b614 !important;*/
        background-repeat: repeat !important;
        background-attachment: scroll !important;
    }

.custom_search_pop .modal-content .serch_form input {
    height: 60px !important;
}

.custom_search_pop .modal-content .serch_form input {
    border-radius: 5px;
}

.button.navbar-right {
    padding-top: 11px;
}

.nav-button.login {
    background-color: transparent
}

    .nav-button.login i {
        font-size: 22px;
        color: #ffc13e;
    }

        .nav-button.login i:hover {
            color: #E19E10;
        }
/*--------------------------------- End seach -------------------------------------------------*/
/*--------------------------------- Begin Slideshow -------------------------------------------------*/
#bg-slider .item {
    background-size: cover;
}

    #bg-slider .item:before {
        position: absolute;
        content: "";
        display: block !important;
        background-color: rgba(0,0,0,0.4);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media (max-width: 767px) {
    #bg-slider .item img {
        height: auto;
        width: 100% !important;
        background-size: cover !important;
        margin-top: 60px;
        min-height: 300px;
    }
}

.slider-content h2 {
    margin-top: 10%;
    line-height: 1.3;
    font-family: Oswald-Bold,Oswald-Regular,sans-serif,Roboto;
    font-weight: 700;
}

/*hiệu ứng chữ*/

@keyframes float {
    0% {
        transform: translatey(0px)
    }

    50% {
        transform: translatey(-15px)
    }

    100% {
        transform: translatey(0px)
    }
}

/*end hiệu ứng chữ*/

@media only screen and (max-width: 479px) {
    .slider-content h2 {
        margin-top: 22%;
    }
}


/* Tablet large :768px. */
@media only screen and (min-width: 991px) and (max-width: 1335px) {
    .slider-content h2 {
        margin-top: 10%;
    }
}
/* Tablet :768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .slider-content h2 {
        margin-top: 10%;
    }
}

/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {

    .slider-content h2 {
        margin-top: 22%;
    }
}

/* Medium Mobile :480px. */
@media only screen and (min-width: 576px) and (max-width: 766px) {
    .slider-content h2 {
        margin-top: 22%;
    }
}

/* Small Mobile :320px. */

@media only screen and (max-width: 479px) {
    .slider-content h2 {
        margin-top: 22%;
    }
}
/* Small Mobile :320px. */

@media only screen and (max-width: 320px) {
    .slider-content h2 {
        margin-top: 22%;
    }
}
/*button liên hệ*/
.box-lienhe-slide {
    position: absolute;
    /*margin-top: 10%;*/
    text-align: center;
    color: #FFF;
    width: 100%;
}

.buton-lienhe-slide {
    background-image: linear-gradient(89deg, #e5c731 0%, #fece63 100%) !important;
    color: #ffffff !important;
    -webkit-box-shadow: inset 0 0 0 1px #ebe42c;
    box-shadow: inset 0 0 0 1px #ebe42c !important;
    color: #111111;
    font-size: 20px !important;
    min-width: 150px !important;
    padding: 8px 35px 8px !important;
    border-radius: 30px !important;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    margin-right: 15px;
}

    .buton-lienhe-slide:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #E19E10;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-radius: 30px;
        box-shadow: inset 0 0 0 1px #ebe42c;
    }

    .buton-lienhe-slide:hover, .buton-lienhe-slide:focus, .buton-lienhe-slide:active {
        color: white !important;
    }

        .buton-lienhe-slide:hover:before, .buton-lienhe-slide:focus:before, .buton-lienhe-slide:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

    .buton-lienhe-slide i {
        padding-right: 5px;
        font-size: 17px;
        font-weight: bold;
    }

/*end button liên hệ*/
/*button dịch vụ*/
.buton-dichvu-slide {
    background: transparent !important;
    color: #ebe42c !important;
    -webkit-box-shadow: inset 0 0 0 1px #ebe42c;
    box-shadow: inset 0 0 0 1px #ebe42c !important;
    color: #111111;
    font-size: 20px !important;
    min-width: 150px !important;
    padding: 8px 35px 8px !important;
    border-radius: 30px !important;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    margin-left: 15px;
}

    .buton-dichvu-slide:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ffc13c;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-radius: 30px;
        box-shadow: inset 0 0 0 1px #ebe42c;
    }

    .buton-dichvu-slide:hover, .buton-dichvu-slide:focus, .buton-dichvu-slide:active {
        color: white !important;
    }

        .buton-dichvu-slide:hover:before, .buton-dichvu-slide:focus:before, .buton-dichvu-slide:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

    .buton-dichvu-slide i {
        padding-right: 5px;
        font-size: 17px;
        font-weight: bold;
    }
/*End button dịch vụ*/
.slider .owl-pagination {
    bottom: 4%;
    height: 40px;
    width: 100%;
}

    .slider .owl-pagination .active span {
        box-shadow: 0 1px 1px rgb(233 191 37 / 78%), inset 0 1px 1px rgb(233 196 40 / 10%), 0 0 0 5px rgb(240 241 153 / 46%);
    }
/*--------------------------------- End Slideshow -------------------------------------------------*/
/* ----------------------------------- Begin giới thiệu -----------------------------------------------------*/
.about {
    background: url("/Content/html/img/bg_about.jpg") center center;
    background-size: cover;
    position: relative;
    padding: 40px 0;
}

    .about:before {
        content: "";
        background: rgb(250 250 250 / 37%);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    .about .about-img {
        position: relative;
        transition: .5s;
    }

        .about .about-img img {
            max-width: 100%;
            border: 4px solid rgb(229 229 229);
            position: relative;
            border-radius: 5px;
        }

        .about .about-img::before {
            position: absolute;
            left: 20px;
            top: 20px;
            width: 100px;
            height: 100px;
            z-index: 1;
            content: '';
            border-left: 7px solid #b8f69d;
            border-top: 5px solid #b8f69d;
            transition: .5s;
        }

        .about .about-img::after {
            position: absolute;
            right: 20px;
            bottom: 20px;
            width: 100px;
            height: 100px;
            z-index: 2;
            content: '';
            border-right: 7px solid #f5e429;
            border-bottom: 5px solid #f5e429;
            transition: .5s;
        }

        .about .about-img:hover {
            transform: scale(1.03);
        }

            .about .about-img:hover::before {
                left: 10px;
                top: 10px;
                width: 90%;
                height: 90%;
            }

            .about .about-img:hover::after {
                right: 10px;
                bottom: 10px;
                width: 90%;
                height: 90%;
            }

    .about .about-content {
        position: relative;
        transition: .5s;
        width: 94%;
        margin-left: auto;
        margin-right: auto;
    }

        .about .about-content .fst-italic {
            padding-bottom: 0px !important;
            /*text-align: justify;
            font-size: 16px !important;
            line-height: 1.5;*/
            line-height: 1.5;
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
            text-align: justify;
            height: 140px;
            overflow: hidden;
            z-index: -1;
            display: -webkit-box;
        }

        .about .about-content:hover {
            transform: scale(1.03);
        }


            .about .about-content:hover::before {
                right: -15px;
                top: -15px;
                width: 100%;
                height: 100%;
            }

            .about .about-content:hover::after {
                left: -15px;
                bottom: -15px;
                width: 100%;
                height: 100%;
            }

        .about .about-content::before {
            position: absolute;
            right: -18px;
            top: -18px;
            width: 200px;
            height: 100px;
            z-index: 1;
            content: '';
            border-right: 7px solid #b8f69d;
            border-top: 5px solid #b8f69d;
            transition: .5s;
        }

        .about .about-content::after {
            position: absolute;
            left: -18px;
            bottom: -18px;
            width: 200px;
            height: 100px;
            z-index: 2;
            content: '';
            border-left: 7px solid #f5e429;
            border-bottom: 5px solid #f5e429;
            transition: .5s;
        }

    .about .content h3 {
        font-weight: 600;
        font-size: 28px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

@media (min-width: 768px) {
    /*.about .about-content .fst-italic {
        line-height: 1.5;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        text-align: justify;
        height: 140px;
        overflow: hidden;
        z-index: -1;
        display: -webkit-box;
    }*/

    .about .about-content {
        max-height: 240px;
    }
}

@media (min-width: 1024px) {
    .about {
        background-attachment: fixed;
    }
}

.xem-them-gioithieu {
    color: #f1b027;
    font-size: 17px;
    text-align: left;
    margin-top: 5px;
    clear: both;
    overflow: hidden;
    display: inline-flex;
    z-index: 1000;
    width: 100%;
}

    .xem-them-gioithieu a {
        color: #f1b027;
        font-size: 17px;
        text-align: left;
        margin-top: 5px;
        z-index: 999;
    }

        .xem-them-gioithieu a i {
            padding-left: 3px;
        }
/* Begin giới thiệu chi tiết*/
.backroup-gioithieu {
    background-color: #FFFFFF !important;
    width: 100%;
    margin-top: 62px;
}

.box-content-gioithieu {
    background: #ffffff url(/Content/html/Images/pricing-plan-bg-3.png) no-repeat left top !important;
    width: 100%;
    overflow: hidden;
    position: relative;
    /*background-size: cover !important;*/
    /*background-repeat: no-repeat !important;*/
    padding: 40px 0;
}

.header-gioithieu {
    background: url(/Content/html/Images/inner-page-header-bg.jpg) #ca8011e0 center !important;
    width: 100%;
    overflow: hidden;
    min-height: 200px;
    line-height: 200px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

    .header-gioithieu:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgb(1 2 2 / 39%) !important;
    }

.title-gioithieu {
    color: #ffffff;
    text-align: center;
    margin-top: 50px;
    position: relative;
    text-transform: uppercase;
    line-height: 35px;
    font-size: 25px;
    font-weight: bold;
}

.content-gioithieu {
    color: #f1f1f1;
    font-size: 16px;
    position: relative;
    text-align: center;
}

.header-gioithieu .share {
    font-size: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

    .header-gioithieu .share i {
        font-size: 15px;
        /*padding: 5px;*/
        /* background: #B6160E; */
        color: #c5cbd0;
        border-radius: 5px;
        /*border:1px solid #eae7e7;*/
    }

        .header-gioithieu .share i:hover {
            font-size: 18px;
            /*padding: 5px;*/
            color: #f4c81f;
            /*border-radius: 50px;*/
        }

    .header-gioithieu .share ul {
        width: 100%;
        text-align: center;
        list-style: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
        display: flex;
        justify-content: center;
    }

        .header-gioithieu .share ul li {
            list-style: none;
            /*display: inline-block;*/
            width: 30px;
            height: 30px;
            color: #fff;
            margin: 0 10px 15px;
            text-align: center;
            line-height: 30px;
            border: 1px solid #ccc;
            border-radius: 50%;
            float: left;
        }

            .header-gioithieu .share ul li:hover {
                background-color: #f28712;
            }

.header-gioithieu .sitemap {
    color: #cccccc;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 15px;
}

    .header-gioithieu .sitemap a {
        color: #cccccc;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        font-style: italic;
    }

        .header-gioithieu .sitemap a:hover {
            color: #cccccc;
            text-align: center;
            font-size: 15px;
            text-decoration: underline !important;
        }

    .header-gioithieu .sitemap i {
        color: #cccccc;
        padding-left: 5px;
        padding-right: 5px;
    }

.text-gioithieu {
    text-align: justify;
    font-size: 18px;
    vertical-align: baseline;
    color: #333333;
}

    .text-gioithieu img {
        height: auto !important;
        padding: 5px;
    }

.name-gioithieu {
    text-align: left;
    font-size: 25px;
    vertical-align: baseline;
    color: #333333;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 8px;
}

.name-gioithieu-div-left {
    width: 50px;
    height: 2px;
    background: #1cbc0b;
    margin: 0px 0px 7px;
    position: relative;
    top: -1px;
    float: left;
}

.name-gioithieu-div-right {
    width: 70px;
    height: 2px;
    background: #dba80e;
    margin: 0px 0px 7px;
    position: relative;
    top: -1px;
    float: left;
}

.menu-about {
    background-color: #f8f8f8;
    height: auto;
    overflow: hidden;
    clear: both;
    padding: 8px;
    border: 1px solid #efeeec;
    border-radius: 7px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/* End giới thiệu chi tiết*/
.box-menu-about {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

    .box-menu-about ul {
        padding: 1px;
        margin: 0px;
        list-style-type: none;
        /*background-color: #ffffff;*/
        border-radius: 5px;
    }

        .box-menu-about ul li {
            padding: 3px;
            margin: 0px;
            list-style-type: none;
            font-size: 15px;
            text-transform: uppercase;
            text-align: left;
            margin-left: 10px;
            margin-right: 10px;
        }

            .box-menu-about ul li a, .box-menu-about ul li a :active, .box-menu-about ul li a:visited {
                color: #857a71;
                border-bottom: 1px dashed #cdcdcd !important;
                line-height: 18px;
                padding: 10px 10px;
                display: block;
                line-height: 1.5;
            }

                .box-menu-about ul li a:hover {
                    color: #e8bb1a;
                }

            .box-menu-about ul li:last-child a {
                border-bottom: none !important;
            }

.section-title-new {
    color: #faf6f6;
    text-align: center;
    text-transform: uppercase;
    margin: 7px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
    width: 100%;
    background-color: #ffc64b;
    margin-top: 0px;
}

    .section-title-new h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-top: 0px;
        line-height: 22px;
        font-weight: bold;
        margin-bottom: 0px;
        color: #ffffff;
        padding-bottom: 10px;
        position: relative;
        text-align: left;
        padding-top: 10px;
        text-align: center;
    }

/*.section-title-new h3::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: -1px;
            width: 50px;
            z-index: 1;
            border-bottom: 1px solid #60b00b;
        }*/
.razo-single-post {
    position: relative;
    z-index: 1;
}

    .razo-single-post .post-thumbnail {
        position: relative;
        z-index: 1;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        max-width: 60px;
        width: 60px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .razo-single-post .post-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
        flex: 0 0 70px;
        max-width: 70px;
        width: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .razo-single-post .post-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        max-width: 80px;
        width: 80px;
    }
}

.razo-single-post .post-thumbnail a {
    display: block;
}

.razo-single-post .post-thumbnail img {
    border-radius: 2px;
}

.razo-single-post .post-content {
    position: relative;
    z-index: 1;
    margin-left: 15px;
    line-height: 1.5;
}

    .razo-single-post .post-content .post-meta a {
        font-size: 14px;
        color: #6e6e6e;
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 10px;
    }

        .razo-single-post .post-content .post-meta a:hover, .razo-single-post .post-content .post-meta a:focus {
            color: #dc2878;
        }

    .razo-single-post .post-content .post-title {
        font-family: "Oswald", sans-serif;
        font-size: 14px;
        color: #fff;
        margin-bottom: 0;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .razo-single-post .post-content .post-title {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .razo-single-post .post-content .post-title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .razo-single-post .post-content .post-title {
        font-size: 16px;
    }
}

.razo-single-post .post-content .post-title:hover, .razo-single-post .post-content .post-title:focus {
    color: #007bff;
}

.title-new-news {
    font-size: 13px;
    color: #000;
}

    .title-new-news a {
        color: #000 !important;
        font-size: 14px;
    }

        .title-new-news a:hover {
            color: #edb743 !important;
        }

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
/* ----------------------------------- End giới thiệu -----------------------------------------------------*/
/* ----------------------------------- Liên hệ -----------------------------------------------------*/
.header-lienhe {
    background: url(/Content/html/Images/bg-lienhe.jpg) #696865 center !important;
    width: 100%;
    overflow: hidden;
    min-height: 200px;
    line-height: 200px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-top: 62px;
}

    .header-lienhe:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgb(27 28 29 / 46%) !important;
    }

.title-lienhe {
    color: #ffffff;
    text-align: center;
    margin-top: 50px;
    position: relative;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
}

.content-lienhe {
    color: #f1f1f1;
    font-size: 16px;
    position: relative;
    text-align: center;
}

.header-lienhe .share {
    font-size: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

    .header-lienhe .share i {
        font-size: 15px;
        /*padding: 5px;*/
        /* background: #B6160E; */
        color: #c5cbd0;
        border-radius: 5px;
        /*border:1px solid #eae7e7;*/
    }

        .header-lienhe .share i:hover {
            font-size: 18px;
            /*padding: 5px;*/
            color: #f4c81f;
            /*border-radius: 50px;*/
        }

    .header-lienhe .share ul {
        width: 100%;
        text-align: center;
        list-style: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
        display: flex;
        justify-content: center;
    }

        .header-lienhe .share ul li {
            list-style: none;
            /*display: inline-block;*/
            width: 30px;
            height: 30px;
            color: #fff;
            margin: 0 10px 15px;
            text-align: center;
            line-height: 30px;
            border: 1px solid #ccc;
            border-radius: 50%;
            float: left;
        }

            .header-lienhe .share ul li:hover {
                background-color: #f28712;
            }

.header-lienhe .sitemap {
    color: #cccccc;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}

    .header-lienhe .sitemap a {
        color: #cccccc;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        font-style: italic;
    }

        .header-lienhe .sitemap a:hover {
            color: #cccccc;
            text-align: center;
            font-size: 15px;
            text-decoration: underline !important;
        }

    .header-lienhe .sitemap i {
        color: #cccccc;
        padding-left: 5px;
        padding-right: 5px;
    }

.section-title-lienhe {
    color: #231f1f;
    text-align: left;
    text-transform: uppercase;
    margin: 10px;
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}

    .section-title-lienhe h3 {
        position: relative;
        font-weight: bold;
        margin-bottom: 30px;
        margin-top: 20px;
        font-family: 'Oswald', sans-serif;
        font-size: 25px;
    }

        .section-title-lienhe h3::after {
            position: absolute;
            bottom: -10px;
            left: calc(50% - 50px);
            content: '';
            width: 100px;
            height: 3px;
            /*background: #0E61B6;*/
            background-image: linear-gradient(89deg, #ffc342 61%, #95db4b 96%);
        }

    .section-title-lienhe h2 {
        position: relative;
        font-weight: bold;
        margin-bottom: 30px;
        margin-top: 20px;
        font-family: 'Oswald', sans-serif;
        font-size: 28px;
        color:#ffffff;
        line-height:1.3;
    }

        .section-title-lienhe h2::after {
            position: absolute;
            bottom: -10px;
            left: calc(50% - 50px);
            content: '';
            width: 100px;
            height: 3px;
            /*background: #0E61B6;*/
            background-image: linear-gradient(89deg, #ffc342 61%, #95db4b 96%);
        }

.text-infocongty {
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    color: #4d4b4b;
}

    .text-infocongty i {
        padding-right: 10px;
        font-size: 20px;
        color: #f7bd3f;
    }

    .text-infocongty a {
        font-size: 16px;
        font-family: Open Sans, sans-serif;
        color: #ff963c;
    }

        .text-infocongty a:hover {
            color: #ea6812;
        }



.view-lienhe {
    background: #f56e2e;
    color: white !important;
    display: inline-block;
    height: 38px;
    /*left: 50%;*/
    /*line-height: 38px;*/
    /*margin-left: -60px;*/
    position: relative;
    width: 150px;
    /*line-height: 40px;*/
    /*border: 1px solid #FDFEFF;*/
    /*top: 0px;*/
    border-radius: 5px;
    /*opacity:0.5;*/
    text-align: center;
    padding: 5px;
    font-size: 16px;
    margin: 0px auto;
    text-justify: auto;
    font-family: 'Oswald', sans-serif;
}

    .view-lienhe:hover, view-lienhe:active, view-lienhe:focus {
        background: #2793F7;
        font-family: 'Oswald', sans-serif;
    }

    .view-lienhe::before, .view-lienhe::after {
        box-sizing: border-box;
        content: '';
        position: absolute;
        top: 4px;
        left: 4px;
        height: calc( 100% - 8px);
        width: calc( 100% - 8px);
        transform-origin: center;
    }

    .view-lienhe::before {
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        transform: scale3d(0, 1, 1);
    }

    .view-lienhe:hover::before, .view-lienhe:hover:after {
        transform: scale3d(1, 1, 1);
        transition: transform 0.5s;
    }

    .view-lienhe::after {
        border-left: 1px solid white;
        border-right: 1px solid white;
        transform: scale3d(1, 0, 1);
    }

    .view-lienhe:hover::before {
        transform: scale3d(1, 1, 1);
        transition: transform 0.5s;
    }

    .view-lienhe i {
        padding-right: 5px;
        font-size: 20px;
    }

.form-control {
    /*background-color: #f1f7f9 !important;*/
    border-radius: 20px;
    font-size: 16px;
    height: 40px;
}

.form-lienhe .form-control {
    /*background-color: #f1f7f9 !important;*/
    border-radius: 20px;
    background-image: linear-gradient(to right,#e9ebec33 0%,#ffffff6b 51%,#b4c0c512 100%);
    border: 1px dashed #f6903d !important;
}

.bg-lienhe {
    background: url(/Content/html/Images/bg-lienhe.jpg) #07668d;
    background-repeat: no-repeat !important;
    background-size: cover;
    /*background-color: #f2f2f2;*/
    background-position: center;
    /*opacity: 0.85;*/
    padding-bottom: 20px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

    .bg-lienhe:before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        background-image: linear-gradient( 0deg, #c5ad3636 0%, #1f1e1c6b 100%);
    }

    .bg-lienhe .form-control {
        border: 1px dashed #f1cb4f !important;
        background-image: linear-gradient(to right,#fffefc 0%,#f1efe8 51%,#67acc912 100%);
    }

.text_lienhe {
    color: #fafafa;
    font-size: 18px;
}

.box-buttom-lienhe {
    margin: 0px auto;
    text-align: center;
}

.mabaove {
    height: 40px;
    float: left;
    padding-right: 5px;
    max-width: 200px;
}

@media only screen and (max-width: 768px) {
    .mabaove {
        max-width: 100%;
        margin-bottom:15px;
    }
}
/* Tablet :768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .spanMabaove {
        clear: both;
    }
}

/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {
    .spanMabaove {
        clear: both;
    }
}

/* Medium Mobile :480px. */
@media only screen and (min-width: 576px) and (max-width: 766px) {
    .spanMabaove {
        clear: both;
    }
}

/* Small Mobile :320px. */

@media only screen and (max-width: 479px) {
    .spanMabaove {
        clear: both;
    }
}

.required {
    /*border: 1px solid #bac0c6;*/
    border: 1px dashed #f6903d;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
    /*background-color: #f1f7f9 !important;*/
    padding: 10px;
}

.requiredImg {
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    padding-left: 5px !important;
}

@media only screen and (max-width: 767px) {
    .requiredImg {
        padding-left: 0px !important;
    }
}

.iconrefesh {
    color: #000000 !important;
    padding-left: 5px;
    /*margin-top:10px;*/
}

    .iconrefesh:hover {
        color: #ffc13c !important;
        text-decoration: none;
        cursor: pointer;
    }
.iconrefesh-home {
    color: #ffffff !important;
    padding-left: 5px;
    /*margin-top:10px;*/
}

    .iconrefesh-home:hover {
        color: #ffc13c !important;
        text-decoration: none;
        cursor: pointer;
    }

.btn_lienhe {
    background-color: #ffc13c !important;
    background: linear-gradient(to right, #ffa63c, #c7fc8f47);
    color: #fff !important;
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    padding: 8px;
    padding-left: 30px;
    padding-right: 30px;
    border: 0px;
    border-radius: 30px !important;
    max-width: 200px;
    font-weight: bold;
}


    .btn_lienhe:hover {
        background: linear-gradient(to right, #B3621B, #FDA315);
        color: #fff;
    }

.Load-wait {
    display: none;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -270%);
    z-index: 1000;
    padding: 2px;
    margin-left: auto;
    margin-right: auto;
    color: #f2cc50;
    text-align: center;
    font-size: 16px;
    background-color: #ffffffa8;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
    border-radius: 50%;
}

    .Load-wait img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 64px;
        height: 64px;
        margin-top: 13px;
    }

.thongbaoloi {
    color: #fc1515c9;
    padding-left: 30px !important;
    margin-bottom: 5px;
    background-color: #edc1a8bf;
    padding: 5px;
    border-radius: 5px;
}

.thanhcong {
    color: #0c8d51c9;
    padding-left: 30px !important;
    margin-bottom: 5px;
    background-color: #d8fce8;
    padding: 5px;
    border-radius: 5px;
    line-height:1.5;
}
/* ----------------------------------- End Liên hệ -----------------------------------------------------*/
/* ----------------------------------- Begin đăng ký báo giá -----------------------------------------------------*/
.box-lienhe-tintuc {
    background-color: #e3f1d4;
    padding: 20px;
    border: 2px dashed #808080;
    border-radius: 8px;
}
.bnt-lienhe-tintuc {
    margin: 0px auto;
    display: block;
    background-color: #ff963c;
    border: 0px;
    font-family: "Oswald", sans-serif !important;
    font-size: 14px;
    text-transform: uppercase;
    width: 180px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 6px;
    padding: 5px;
}

    .bnt-lienhe-tintuc:hover {
        color: #fff;
        text-align: center;
    }

    .bnt-lienhe-tintuc i {
        padding-right: 5px;
        font-size: 16px;
    }

    .bnt-lienhe-tintuc:hover {
        background-color: #58ce21;
        border: 0px;
    }
/* ----------------------------------- End đăng ký báo giá -----------------------------------------------------*/
/* ----------------------------------- Begin năng lực -----------------------------------------------------*/
.count-area:after {
    content: "";
    display: table !important;
    background-image: url(/Content/html/img/bottom-image-border.jpg);
    background-repeat: repeat-x;
    height: 10px;
    /* position: absolute; */
    left: 0;
    bottom: 0;
    width: 100%;
    clear: both;
    margin-left: calc((-100vw + 100%) / 2);
    margin-right: calc((-100vw + 100%) / 2);
    padding-left: calc((100vw - 100%) / 2);
    padding-right: calc((100vw - 100%) / 2);
    width: 100vw;
}

.page-title-nangluc h2 {
    color: #ffffff;
    font-size: 15px;
    text-align: left;
    letter-spacing: normal;
}

/*.page-title-nangluc h2:before {
        content: "";
        position: absolute;
        left: 15px;
        bottom: -3px;
        width: 80px;
        z-index: 2;
        border-bottom: 2px solid #1cbc0b;
    }

    .page-title-nangluc h2:after {
        content: "";
        position: absolute;
        left: 15px;
        bottom: -3px;
        width: 50%;
        z-index: 1;
        border-bottom: 2px solid #dba80e;
    }*/

.page-title-nangluc-div-left {
    width: 100px;
    height: 2px;
    background: #1cbc0b;
    margin: 0px 0px 33px;
    position: relative;
    top: -1px;
    float: left;
}

.page-title-nangluc-div-right {
    width: 200px;
    height: 2px;
    background: #dba80e;
    margin: 0px 0px 33px;
    position: relative;
    top: -1px;
    float: left;
}

.name_vanphong {
    color: #fbcc20 !important;
    padding-right: 5px
}

.count-item-circle i {
    font-size: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    right: 0px;
    color: #f5c45a;
}
/* ----------------------------------- End năng lực -----------------------------------------------------*/
/* ----------------------------------- Các dịch vụ -----------------------------------------------------*/
.backroup-dichvu {
    background: url(/Content/html//Images/bg-dich-vu.png) #ffffff bottom no-repeat !important;
    background-size: cover;
    padding-bottom: 80px !important;
}

.section-title-dichvu {
    position: relative;
    text-align: center;
}

    .section-title-dichvu:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        top: initial;
        left: 0px;
        bottom: 0px;
        background: linear-gradient( 90deg, #f7f7fc 20%, #fec908 33%, #fec908 30%, #fec908 70%, #fec908 21%, #f7f7fc 80%);
    }

    .section-title-dichvu h1 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 38px;
        font-family: "Oswald";
        border-bottom: 1px solid #ccc;
        padding-bottom: 18px;
    }

    .section-title-dichvu h2 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 38px;
        font-family: "Oswald";
        border-bottom: 0px solid #ccc;
        /*padding-bottom: 25px;*/
        font-family: 'Open Sans', sans-serif;
    }

    .section-title-dichvu:after {
        content: "";
        display: block;
        position: absolute;
        width: 60px;
        height: 30px;
        top: initial;
        bottom: -12px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        background: #ffffff url(/Content/html/Images/section-header-icon.png) center no-repeat;
    }

    .section-title-dichvu p.small_tt {
        color: #6c7175;
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 25px !important;
        text-transform: uppercase;
    }

.dichvu-title {
    text-align: center;
    font-size: 12pt;
    color: #4d4b4b;
}

.dichvuImages {
    overflow: hidden;
    border: 1px solid #e8e3e340;
    border-radius: 7px;
}

    .dichvuImages img {
        -webkit-transform: scale(1); /*Webkit: Scale down image to 0.8x original size*/
        -moz-transform: scale(1); /*Mozilla scale version*/
        -o-transform: scale(1); /*Opera scale version*/
        -webkit-transition-duration: 0.6s; /*Webkit: Animation duration*/
        -moz-transition-duration: 0.6s; /*Mozilla duration version*/
        -o-transition-duration: 0.6s; /*Opera duration version*/
        backface-visibility: hidden;
        /*max-width: 700px;*/
        max-height: 400px;
    }

        .dichvuImages img:hover {
            -webkit-transform: scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
            -moz-transform: scale(1.09); /*Mozilla scale version*/
            -o-transform: scale(1.09); /*Opera scale version*/
            backface-visibility: hidden;
            box-shadow: 0px 0px 10px 0px #809bac;
        }

.name-dichvu {
    background-image: linear-gradient(89deg, #ffc33c2e 0%, #ebf5df 100%);
    padding: 10px;
    margin-top: 0px;
    padding-bottom: 15px;
    padding-top: 15px;
    border-radius: 5px;
}

    .name-dichvu::after {
        background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: -75%;
        top: 0;
        transform: skewX(-25deg);
        width: 50%;
        z-index: 2;
    }

    .name-dichvu:hover::after {
        animation: 1s ease 0s normal none 1 running fixedAnim;
        animation: 1s ease 0s normal none 1 running fixedAnim;
        -webkit-animation: 1s ease 0s normal none 1 running fixedAnim;
        -moz-animation: 1s ease 0s normal none 1 running fixedAnim;
    }

@-webkit-keyframes fixedAnim {
    0% {
        right: 125%;
    }

    125% {
        right: 0;
    }
}

@-moz-keyframes fixedAnim {
    0% {
        right: 125%;
    }

    125% {
        right: 0;
    }
}

@keyframes fixedAnim {
    0% {
        right: 125%
    }

    125% {
        right: 0;
    }
}

.name-dichvu h3 {
    /*font-size: 1.125rem;*/
    font-weight: 700;
    line-height: 1.525rem;
    position: relative;
    margin: 0;
    text-align: left;
    color: #ffffff;
}

@media (min-width: 1200px) {
    .name-dichvu h3 {
        font-size: 1.6rem !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .name-dichvu h3 {
        font-size: 1.6rem !important;
    }
}

@media (max-width: 767px) {
    .name-dichvu h3 {
        font-size: 1.3rem !important;
    }
}
/* Tablet :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .name-dichvu h3 {
        font-size: 1.3rem !important;
    }
}

/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {
    .name-dichvu h3 {
        font-size: 10.2pt !important;
    }
}

/* Medium Mobile :480px. */
@media only screen and (min-width: 576px) and (max-width: 766px) {
    .name-dichvu h3 {
        font-size: 10.2pt !important;
    }
}

/* Small Mobile :320px. */

@media only screen and (max-width: 479px) {
    .name-dichvu h3 {
        font-size: 10.2pt !important;
    }
}

.name-dichvu h3:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 4px;
    height: calc(100% - 0px);
    background-color: #00944a;
}

.name-dichvu h3 a {
    color: #382c0e;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding-left: .9375rem;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4;
}

    .name-dichvu h3 a:hover {
        color: #d55c18;
    }
/* ----------------------------------- End Các dịch vụ -----------------------------------------------------*/
/* ----------------------------------- Begin vì sao nên chọn chúng tôi -----------------------------------------------------*/
.backgroup-hieu-qua {
    position: relative;
    background: #f2f2f3 url(/Content/html/Images/post-slide-bg.jpg) center no-repeat;
    background-size: cover !important;
    width: 100%;
}

    .backgroup-hieu-qua:before {
        position: absolute;
        content: "";
        display: block !important;
        background-color: rgb(241 241 241 / 86%);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.header-tai-sao {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.heading-tai-sao {
    display: block;
    position: relative;
    text-align: center;
}

    .heading-tai-sao h2 {
        margin: 0px;
        color: #efa912;
        position: relative;
        font-size: 25px;
        line-height: 35px;
        font-style: normal;
        position: relative;
        text-align: left;
        font-weight: bold;
        text-transform: uppercase;
        padding-left: 45px;
    }

        .heading-tai-sao h2::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            background-image: url(/Content/html/Images/icon_tai_sao.png);
            width: 30px;
            height: 100%;
            background-repeat: no-repeat;
        }

.content-solieu {
    color: #252323;
    text-align: center;
}

.lua-chon-box {
    display: flex;
    /*margin-bottom: 18px;*/
    margin-bottom: 8px;
    word-break: break-word;
}

    .lua-chon-box .service_box_right {
        width: 92px;
        margin-right: 15px;
    }

.lua_chon_content_right .lua-chon_box_right span {
    margin-right: 20px;
    margin-left: 0px !important;
}

.lua-chon-box .lua_chon_box_right span {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    box-shadow: rgb(123 127 131 / 28%) 0px 0px 22px;
    /* margin-left: 20px; */
    text-align: center;
    margin-right: 20px;
    background-color: #f7941d;
}

    .lua-chon-box .lua_chon_box_right span i {
        padding-top: 16px !important;
        max-height: 50px !important;
        font-size: 36px;
        color: #ffffff;
    }

.lua-chon-box:hover .lua_chon_box_right span i {
    color: #ffffff;
}

.lua-chon-box:hover .lua_chon_box_right span {
    box-shadow: rgb(46 51 55 / 48%) 0px 0px 10px;
}

.lua_chon_content_right .lua_chon_box_left {
    text-align: left !important;
}

.lua-chon-box .lua_chon_box_left {
    width: calc(100% - 92px);
    text-align: right;
}

@media (min-width: 768px) {
    .lua-chon-box .lua_chon_box_left .title {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.lua-chon-box .lua_chon_box_left .title {
    color: #222222;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 17px;
    text-align: left;
}

    .lua-chon-box .lua_chon_box_left .title a {
        color: #231f1f;
        text-decoration: none;
        line-height: 22px;
    }

        .lua-chon-box .lua_chon_box_left .title a:hover {
            color: #1761a7;
            text-decoration: none;
        }

.lua-chon-box .lua_chon_box_left .content {
    /*font-size: 17px;*/
    color: #666666;
    letter-spacing: 0;
    text-overflow: ellipsis;
    /*text-align: justify;*/
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    .lua-chon-box .lua_chon_box_left .content {
        overflow: hidden;
        /*-webkit-line-clamp: 2;*/
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 16px !important;
        text-align: justify;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .lua-chon-box .lua_chon_box_left .content {
        overflow: hidden;
        /*-webkit-line-clamp: 2;*/
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 16px !important;
        text-align: justify;
    }
}


/* Tablet :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .lua-chon-box .lua_chon_box_left .content {
        overflow: hidden;
        /*-webkit-line-clamp: 2;*/
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 16px !important;
        text-align: justify;
    }
}

/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {
    .lua-chon-box .lua_chon_box_left .content {
        overflow: hidden;
        /*-webkit-line-clamp: 2;*/
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 16px !important;
        text-align: left !important;
    }
}

/* Medium Mobile :480px. */
@media only screen and (min-width: 576px) and (max-width: 766px) {
    .lua-chon-box .lua_chon_box_left .content {
        overflow: hidden;
        /*-webkit-line-clamp: 2;*/
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 16px !important;
        text-align: left !important;
    }
}

/* Small Mobile :320px. */

@media only screen and (max-width: 479px) {
    .lua-chon-box .lua_chon_box_left .content {
        overflow: hidden;
        /*-webkit-line-clamp: 2;*/
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 16px !important;
        text-align: left !important;
    }
}

.content-tai-sao {
    color: #615d5d;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

/* ----------------------------------- End vì sao nên chọn chúng tôi -----------------------------------------------------*/
/* ----------------------------------- Begin dự án tiêu biểu -----------------------------------------------------*/
.backgroup-phanmem {
    background-image: linear-gradient( 0deg, #fff 0%, #f2f2f1 100%);
    position: relative;
    width: 100%;
}

    .backgroup-phanmem:before {
        background-image: url(/Content/html/Images/bg-du-an-tieu-bieu.png);
        z-index: 0;
        background-repeat: repeat-y;
        background-position: top;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        width: 100%;
        height: 100%;
        opacity: .3;
        /*max-width: 243px;
        max-height: 482px;
        width: 243px;
        height: 482px;*/
    }

.backgroup-phanmem-last {
    background-image: linear-gradient( 0deg, #fff 0%, #f2f2f1 100%);
    position: relative;
    width: 100%;
    margin-top: 62px;
}

    .backgroup-phanmem-last:before {
        background-image: url(/Content/html/Images/bg-du-an-tieu-bieu.png);
        z-index: 0;
        background-repeat: repeat-y;
        background-position: top;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        width: 100%;
        height: 100%;
        opacity: .3;
        /*max-width: 243px;
        max-height: 482px;
        width: 243px;
        height: 482px;*/
    }

.section-title-quangcao {
    position: relative;
    text-align: center;
    width: 100%;
}

    .section-title-quangcao:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        top: initial;
        left: 0px;
        bottom: 0px;
        background: linear-gradient(90deg, #f5f5f5 0%, #e1e1e1 10%, #e1e1e1 10%, #e1e1e1 90%, #e1e1e1 90%, #f5f5f5 100%);
    }

    .section-title-quangcao h2 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 38px;
        font-family: "Open Sans", sans-serif, Roboto;
        color: #4b4949;
    }

    .section-title-quangcao:after {
        content: "";
        display: block;
        position: absolute;
        width: 125px;
        height: 7px;
        top: initial;
        bottom: -5px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        background: #f4f4f3 url('/Content/html/Images/bg-heading.png') center no-repeat;
    }

.img-tintuc {
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    overflow: hidden !important;
}

    .img-tintuc img {
        backface-visibility: hidden;
        transition: transform 700ms ease-in-out;
    }

        .img-tintuc img:hover {
            -webkit-transform: scale(1.4) rotate(10deg);
            -ms-transform: scale(1.4) rotate(10deg);
            transform: scale(1.4) rotate(10deg);
        }

.box-Phanmem {
    background-color: #ffc13d;
    padding: 10px;
    margin-top: 0px;
    padding-bottom: 12px;
    padding-top: 12px;
    border-radius: 5px;
}

    .box-Phanmem:hover {
        background-color: #f3bd25;
    }

    .box-Phanmem::before {
        content: "";
        position: absolute;
        left: 15px;
        bottom: 0;
        border-bottom: 45px solid #009448;
        border-right: 55px solid transparent;
        border-radius: 5px 0px 0px 0px;
    }

    .box-Phanmem:hover::before {
        border-bottom: 45px solid #5dba0b;
        border-right: 55px solid transparent;
        border-radius: 5px 0px;
    }

.Title-Phanmem {
    font-size: 15px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

    .Title-Phanmem a {
        color: #ffffff;
        font-weight: bold;
        font-size: 15px;
        position: relative;
        line-height: 1.5;
    }

        .Title-Phanmem a:hover {
            color: #fefcd8;
        }

@media only screen and (max-width: 767px) {
    .Title-Phanmem {
        margin-top: 1px;
    }
}

.duan-title {
    text-align: center;
    font-size: 14pt;
    color: #4d4b4b;
}
/*button xem thêm dự án*/
.box-buttom-duan {
    vertical-align: middle;
    text-align: center;
    display: block;
}

.buton-duan {
    background: transparent !important;
    color: #ebaf2c !important;
    -webkit-box-shadow: inset 0 0 0 2px #c4ea2d;
    box-shadow: inset 0 0 0 2px #c4ea2d !important;
    color: #111111;
    font-size: 18px !important;
    min-width: 150px !important;
    padding: 8px 35px 8px !important;
    border-radius: 30px !important;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

    .buton-duan:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ed9f2f;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-radius: 30px;
        box-shadow: inset 0 0 0 2px #ebe42c;
    }

    .buton-duan:hover, .buton-duan:focus, .buton-duan:active {
        color: white !important;
    }

        .buton-duan:hover:before, .buton-duan:focus:before, .buton-duan:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

    .buton-duan i {
        padding-left: 5px;
        font-size: 17px;
        font-weight: bold;
    }
/* Chi tiết dự án */
.header-duan-detail {
    background: url(/Content/html/Images/inner-page-header-bg.jpg) #696968 center !important;
    width: 100%;
    overflow: hidden;
    min-height: 70px;
    line-height: 70px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

    .header-duan-detail:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgb(23 59 71 / 60%) !important;
    }

.title-duan-detail {
    color: #ffffff;
    text-align: center;
    margin-top: 50px;
    position: relative;
    text-transform: uppercase;
    line-height: 35px;
    font-size: 22px;
    font-weight: bold;
}

.content-duan-detail {
    color: #f1f1f1;
    font-size: 16px;
    position: relative;
    text-align: center;
}

.header-duan-detail .share {
    font-size: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

    .header-duan-detail .share i {
        font-size: 15px;
        /*padding: 5px;*/
        /* background: #B6160E; */
        color: #c5cbd0;
        border-radius: 5px;
        /*border:1px solid #eae7e7;*/
    }

        .header-duan-detail .share i:hover {
            font-size: 18px;
            /*padding: 5px;*/
            color: #f4c81f;
            /*border-radius: 50px;*/
        }

    .header-duan-detail .share ul {
        width: 100%;
        text-align: center;
        list-style: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
        display: flex;
        justify-content: center;
    }

        .header-duan-detail .share ul li {
            list-style: none;
            /*display: inline-block;*/
            width: 30px;
            height: 30px;
            color: #fff;
            margin: 0 10px 15px;
            text-align: center;
            line-height: 30px;
            border: 1px solid #ccc;
            border-radius: 50%;
            float: left;
        }

            .header-duan-detail .share ul li:hover {
                background-color: #f28712;
            }

.header-duan-detail .sitemap {
    color: #cccccc;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}

    .header-duan-detail .sitemap a {
        color: #dadada;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        font-style: italic;
    }

        .header-duan-detail .sitemap a:hover {
            color: #cccccc;
            text-align: center;
            font-size: 15px;
            text-decoration: underline !important;
        }

    .header-duan-detail .sitemap i {
        color: #cccccc;
        padding-left: 5px;
        padding-right: 5px;
    }

.content-detail-duan {
    font-size: 100% !important;
    overflow: hidden;
    margin: 0 0 1em;
    line-height: 160%;
    text-rendering: optimizeSpeed;
}

    .content-detail-duan p {
        font-size: 100% !important;
        overflow: hidden;
        margin: 0 0 0.5em !important;
        line-height: 160%;
        text-rendering: optimizeSpeed;
    }

    .content-detail-duan div {
        font-size: 100% !important;
        overflow: hidden;
        margin: 0 0 0.5em !important;
        line-height: 160%;
        text-rendering: optimizeSpeed;
    }

    .content-detail-duan img {
        border-radius: 4px;
        max-width: 100%;
        height: auto !important;
    }

@media only screen and (max-width: 767px) {
    .content-detail-duan p {
        font: 400 1.125 rem arial !important;
        line-height: 1.5;
        margin: 0 0 1em 0;
        word-break: break-word;
    }

    .content-detail-duan {
        font: 400 1.125 rem arial !important;
        line-height: 1.5;
        margin: 0 0 1em 0;
        word-break: break-word;
    }
}

.content-detail-duan dl, .content-detail-duan ol, .content-detail-duan ul {
    padding-left: 20px !important;
    margin-bottom: 15px;
}

    .content-detail-duan dl li::marker, .content-detail-duan ol li::marker, .content-detail-duan ul li::marker {
        color: #e9b033;
        font-size: 18px;
        font-weight: bold;
    }

.content-detail-duan h2 {
    text-transform: uppercase;
    font-weight: 600 !important;
    border-left: solid 5px #f8bb3a;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 18px !important;
    text-align: left;
    list-style-type: none !important;
}

.content-detail-duan h3 {
    font-weight: 500 !important;
    padding-left: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 17px !important;
    text-align: left;
    list-style-type: none !important;
}

.content-detail-duan h4 {
    font-weight: 500 !important;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-top: 10px;
    font-size: 16px !important;
    text-align: left;
    list-style-type: none !important;
}
/* End Chi tiết dự án */
/* ----------------------------------- End dự án tiêu biểu -----------------------------------------------------*/
/* ----------------------------------- Begin khách hàng -----------------------------------------------------*/
.box-khach-hang {
    position: relative;
    background: #202e31 url(/Content/html/Images/bg-khach-hang.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    padding-bottom: 15px;
    width: 100%;
}

    .box-khach-hang:before {
        position: absolute;
        content: "";
        display: block !important;
        background-color: rgb(0 0 0 / 82%);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.heading_base {
    display: block;
    position: relative;
    text-align: center;
}

    .heading_base span.title_small {
        color: #c6c6c6;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-family: "Roboto",sans-serif;
    }

    .heading_base h2.title-base, .heading_base .title-base.h2, .heading_base h2, .heading_base .h2, .heading_base h3, .heading_base .h3, .heading_base h1, .heading_base .h1 {
        margin: 0px;
        color: #ffffff;
        position: relative;
        font-size: 32px;
        line-height: 40px;
        font-style: normal;
        position: relative;
        text-align: center;
        /*font-family: 'Baloo Bhai', cursive;*/
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

        .heading_base h2.title-base a, .heading_base .title-base.h2 a, .heading_base h2 a, .heading_base .h2 a, .heading_base h3 a, .heading_base .h3 a, .heading_base h1 a, .heading_base .h1 a {
            color: #3b1d82
        }

@media (max-width: 767px) {
    .heading_base h2.title-base, .heading_base .title-base.h2, .heading_base h2, .heading_base .h2, .heading_base h3, .heading_base .h3, .heading_base h1, .heading_base .h1 {
        font-size: 30px
    }
}

.heading_base .title-shape {
    margin: 15px 0;
    font-family: "Roboto",sans-serif !important;
}

    .heading_base .title-shape svg path {
        fill: #f6e529;
    }
/* ----------------------------------- End khách hàng -----------------------------------------------------*/
/*------------------------- Begin Tin tức ---------------------------------*/
.backroup-News-Home {
    background: #f9f9fa url(/Content/html/Images/bg_news.png) bottom no-repeat !important;
    background-size: cover;
    width: 100%;
}

.service_top {
    text-align: center;
}

    .service_top h2 {
        color: #222222;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 22px;
        margin-bottom: 5px;
        position: relative;
        font-size: 30px;
    }

@media (min-width: 1200px) {
    .service_top h2 {
        font-size: 32px !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .service_top h2 {
        font-size: 32px !important;
    }
}

@media (max-width: 767px) {
    .service_top h2 {
        font-size: 30px !important;
    }
}
/* Tablet :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .service_top h2 {
        font-size: 30px !important;
    }
}

/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {
    .service_top h2 {
        font-size: 22px !important;
    }
}

/* Medium Mobile :480px. */
@media only screen and (min-width: 576px) and (max-width: 766px) {
    .service_top h2 {
        font-size: 22px !important;
    }
}

/* Small Mobile :320px. */

@media only screen and (max-width: 479px) {
    .service_top h2 {
        font-size: 22px !important;
    }
}

.service_top h2:before {
    position: absolute;
    content: '';
    background: #dc8520;
    width: 30px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -35px;
    margin-bottom: -23px;
}

.service_top h2:after {
    position: absolute;
    content: '';
    background: #dc8520;
    width: 30px;
    height: 3px;
    bottom: 0;
    right: 50%;
    margin-right: -33px;
    margin-bottom: -23px;
}

.TinTucImages {
    overflow: hidden;
    /*border: 1px solid #e8e3e3;*/
}

    .TinTucImages img {
        -webkit-transform: scale(1); /*Webkit: Scale down image to 0.8x original size*/
        -moz-transform: scale(1); /*Mozilla scale version*/
        -o-transform: scale(1); /*Opera scale version*/
        -webkit-transition-duration: 0.6s; /*Webkit: Animation duration*/
        -moz-transition-duration: 0.6s; /*Mozilla duration version*/
        -o-transition-duration: 0.6s; /*Opera duration version*/
        backface-visibility: hidden;
    }

        .TinTucImages img:hover {
            -webkit-transform: scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
            -moz-transform: scale(1.09); /*Mozilla scale version*/
            -o-transform: scale(1.09); /*Opera scale version*/
            backface-visibility: hidden;
        }

.box-content-first {
    background-color: #fff !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.news-date {
    width: 80px;
    text-align: center;
    border-right: 1px solid #e1e1e1;
    padding-right: 17px;
}

    .news-date .iconDate {
        margin-bottom: 5px;
    }

        .news-date .iconDate i {
            font-size: 35px;
            color: #3d3d3c;
            line-height: 24px;
            margin-bottom: 5px;
        }

    .news-date .day-month-year {
        color: #6f6f6f;
        font-family: "Open Sans", sans-serif, Roboto;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
    }

.wrap-news-info {
    padding-bottom: 15px;
    padding-left: 27px;
    padding-right: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 9px;
    height: 97px;
}

    .wrap-news-info .news-name {
        color: #333333;
        font-family: "Open Sans", sans-serif, Roboto;
        /*font-size: 15px;
        font-weight: 500;
        line-height: 18px;
        padding-left: 17px;*/
    }

        .wrap-news-info .news-name h3 {
            color: #333333;
            font-family: "Open Sans", sans-serif, Roboto;
            font-size: 15px;
            font-weight: 500;
            padding-left: 17px;
            line-height: 23px;
            /*overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;*/
        }

@media (min-width: 1200px) {
    .wrap-news-info .news-name h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .wrap-news-info .news-name h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

/* Tablet :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .wrap-news-info .news-name h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

.wrap-news-info .news-name h3 a {
    color: #333333;
    font-family: "Open Sans", sans-serif, Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    /*padding-left: 6px;*/
}

    .wrap-news-info .news-name h3 a:hover {
        color: #e59433;
        font-family: "Open Sans", sans-serif, Roboto;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
    }

.news-excerpt {
    color: #333333;
    font-family: "Open Sans", sans-serif, Roboto;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .news-excerpt {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
/* Tablet :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .news-excerpt {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* Large Mobile :480px. */
@media only screen and (max-width: 767px) {
    .news-excerpt {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* Medium Mobile :480px. */
@media only screen and (min-width: 576px) and (max-width: 766px) {
    .news-excerpt {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* Small Mobile :320px. */

@media only screen and (max-width: 479px) {
    .news-excerpt {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

.news-date-home {
    width: 80px;
    text-align: center;
    border-right: 1px solid #e1e1e1;
    padding-right: 17px;
}

    .news-date-home .iconDate-home {
        margin-bottom: 5px;
    }

        .news-date-home .iconDate-home i {
            font-size: 35px;
            color: #3d3d3c;
            line-height: 24px;
            margin-bottom: 5px;
        }

    .news-date-home .day-month-year-home {
        color: #6f6f6f;
        font-family: "Open Sans", sans-serif, Roboto;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
    }

.wrap-news-info-home {
    padding-bottom: 15px;
    padding-left: 27px;
    padding-right: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 9px;
    height: auto;
    max-height: 110px;
}

    .wrap-news-info-home .news-name-home {
        color: #333333;
        font-family: "Open Sans", sans-serif, Roboto;
        /*overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;*/
    }

@media (min-width: 1200px) {
    .wrap-news-info-home .news-name-home {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .wrap-news-info-home .news-name-home {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

/* Tablet :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .wrap-news-info-home .news-name-home {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

.wrap-news-info-home .news-name-home h3 {
    color: #333333;
    font-family: "Open Sans", sans-serif, Roboto;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    padding-left: 17px;
    line-height: 23px;
}

    .wrap-news-info-home .news-name-home h3 a {
        color: #333333;
        font-family: "Open Sans", sans-serif, Roboto;
        font-size: 17px;
        font-weight: 600;
        line-height: 18px;
        /*padding-left: 6px;*/
        text-align: left;
    }

        .wrap-news-info-home .news-name-home h3 a:hover {
            color: #e59433;
            font-family: "Open Sans", sans-serif, Roboto;
            font-size: 17px;
            font-weight: 600;
            line-height: 18px;
            /*padding-left: 6px;*/
            text-align: left;
        }




.xem-them-tin-tuc {
    border: 1px solid #f6bd44 !important;
    border-radius: 30px;
    padding: 7px 35px;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .xem-them-tin-tuc i {
        padding-left: 5px;
    }

    .xem-them-tin-tuc:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #e9b913;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border: 1px solid #f2fe3f;
        border-radius: 30px;
    }

    .xem-them-tin-tuc:hover, .xem-them-tin-tuc:focus, .xem-them-tin-tuc:active {
        color: white;
        border-radius: 30px;
    }

        .xem-them-tin-tuc:hover:before, .xem-them-tin-tuc:focus:before, .xem-them-tin-tuc:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

.backroup-news {
    background-color: #fff;
    width: 100%;
    margin-top: 62px;
}

.header-news {
    background: url(/Content/html/Images/inner-page-header-bg.jpg) #7b7a77 center !important;
    width: 100%;
    overflow: hidden;
    min-height: 200px;
    line-height: 200px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat;
}

    .header-news:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgb(1 2 2 / 48%) !important;
    }

.title-news {
    color: #ffffff;
    text-align: center;
    margin-top: 38px;
    position: relative;
    text-transform: uppercase;
    line-height: 35px;
    font-size: 20px;
}

.content-news {
    color: #f1f1f1;
    font-size: 16px;
    position: relative;
    text-align: center;
}

.header-news .share {
    font-size: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

    .header-news .share i {
        font-size: 15px;
        /*padding: 5px;*/
        /* background: #B6160E; */
        color: #c5cbd0;
        border-radius: 5px;
        /*border:1px solid #eae7e7;*/
    }

        .header-news .share i:hover {
            font-size: 18px;
            /*padding: 5px;*/
            color: #f4c81f;
            /*border-radius: 50px;*/
        }

    .header-news .share ul {
        width: 100%;
        text-align: center;
        list-style: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
        display: flex;
        justify-content: center;
    }

        .header-news .share ul li {
            list-style: none;
            /*display: inline-block;*/
            width: 30px;
            height: 30px;
            color: #fff;
            margin: 0 10px 15px;
            text-align: center;
            line-height: 30px;
            border: 1px solid #ccc;
            border-radius: 50%;
            float: left;
        }

            .header-news .share ul li:hover {
                background-color: #f28712;
            }

.header-news .sitemap {
    color: #cccccc;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}

    .header-news .sitemap a {
        color: #cccccc;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        font-style: italic;
    }

        .header-news .sitemap a:hover {
            color: #cccccc;
            text-align: center;
            font-size: 15px;
            text-decoration: underline !important;
        }

    .header-news .sitemap i {
        color: #cccccc;
        padding-left: 5px;
        padding-right: 5px;
    }

.TitleNews {
    font-size: 14px;
    text-transform: uppercase;
    color: #373635;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

    .TitleNews a {
        color: #373635;
        line-height: 1.5;
    }

        .TitleNews a:hover {
            color: #ebb237;
        }

@media only screen and (max-width: 767px) {
    .TitleNews {
        margin-top: 10px;
    }
}

.fontPublish {
    color: #a4abb0;
    font-size: 14px;
    font-style: normal;
}

    .fontPublish i {
        padding-right: 5px;
        color: #a5c2d8;
        font-size: 15px;
    }

.fontPublish-detail {
    color: #c7e0f4;
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
}

    .fontPublish-detail i {
        padding-right: 5px;
        color: #b0d4ee;
        font-size: 16px;
    }

.TomTat_News {
    font-size: 15px;
    /*Giới hạn số dòng*/
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    -webkit-line-clamp: 2;
    height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
}

    .TomTat_News a {
        font-size: 16px;
        /*Giới hạn số dòng*/
        height: 70px;
        text-align: justify;
        text-decoration: none;
        color: #797878 !important;
        font-weight: normal;
    }
/* Chi tiết tin tức */
.header-news-detail {
    background: url(/Content/html/Images/inner-page-header-bg.jpg) #696968 center !important;
    width: 100%;
    overflow: hidden;
    min-height: 70px;
    line-height: 70px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

    .header-news-detail:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgb(23 59 71 / 60%) !important;
    }

.title-news-detail {
    color: #ffffff;
    text-align: center;
    margin-top: 50px;
    position: relative;
    text-transform: uppercase;
    line-height: 35px;
    font-size: 22px;
    font-weight: bold;
}

.content-news-detail {
    color: #f1f1f1;
    font-size: 16px;
    position: relative;
    text-align: center;
}

.header-news-detail .share {
    font-size: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

    .header-news-detail .share i {
        font-size: 15px;
        /*padding: 5px;*/
        /* background: #B6160E; */
        color: #c5cbd0;
        border-radius: 5px;
        /*border:1px solid #eae7e7;*/
    }

        .header-news-detail .share i:hover {
            font-size: 18px;
            /*padding: 5px;*/
            color: #f4c81f;
            /*border-radius: 50px;*/
        }

    .header-news-detail .share ul {
        width: 100%;
        text-align: center;
        list-style: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
        display: flex;
        justify-content: center;
    }

        .header-news-detail .share ul li {
            list-style: none;
            /*display: inline-block;*/
            width: 30px;
            height: 30px;
            color: #fff;
            margin: 0 10px 15px;
            text-align: center;
            line-height: 30px;
            border: 1px solid #ccc;
            border-radius: 50%;
            float: left;
        }

            .header-news-detail .share ul li:hover {
                background-color: #f28712;
            }

.header-news-detail .sitemap {
    color: #cccccc;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}

    .header-news-detail .sitemap a {
        color: #dadada;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        font-style: italic;
    }

        .header-news-detail .sitemap a:hover {
            color: #cccccc;
            text-align: center;
            font-size: 15px;
            text-decoration: underline !important;
        }

    .header-news-detail .sitemap i {
        color: #cccccc;
        padding-left: 5px;
        padding-right: 5px;
    }

.content-detail-news {
    font-size: 100% !important;
    overflow: hidden;
    margin: 0 0 1em;
    line-height: 160%;
    text-rendering: optimizeSpeed;
    color: #2f2d2d;
}

    .content-detail-news p {
        font-size: 100% !important;
        overflow: hidden;
        margin: 0 0 0.5em !important;
        line-height: 160%;
        text-rendering: optimizeSpeed;
    }

    .content-detail-news div {
        font-size: 100% !important;
        overflow: hidden;
        margin: 0 0 0.5em !important;
        line-height: 160%;
        text-rendering: optimizeSpeed;
    }

    .content-detail-news img {
        border-radius: 4px;
        max-width: 100%;
        height: auto !important;
    }

@media only screen and (max-width: 767px) {
    .content-detail-news p {
        font: 400 1.125 rem arial !important;
        line-height: 1.5;
        margin: 0 0 1em 0;
        word-break: break-word;
    }

    .content-detail-news {
        font: 400 1.125 rem arial !important;
        line-height: 1.5;
        margin: 0 0 1em 0;
        word-break: break-word;
    }
}

.content-detail-news dl, .content-detail-news ol, .content-detail-news ul {
    padding-left: 20px !important;
    margin-bottom: 15px;
}

    .content-detail-news dl li::marker, .content-detail-news ol li::marker, .content-detail-news ul li::marker {
        color: #e9b033;
        font-size: 18px;
        font-weight: bold;
    }

.content-detail-news h2 {
    text-transform: uppercase;
    font-weight: 600 !important;
    border-left: solid 5px #f8bb3a;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 18px !important;
    text-align: left;
    list-style-type: none !important;
}

.content-detail-news h3 {
    font-weight: 500 !important;
    padding-left: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 17px !important;
    text-align: left;
    list-style-type: none !important;
}

.content-detail-news h4 {
    font-weight: 500 !important;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-top: 10px;
    font-size: 16px !important;
    text-align: left;
    list-style-type: none !important;
}


.tag-detail-news {
    font-size: 15px;
    background-color: #f3f3f3;
    padding: 5px;
}

    .tag-detail-news a {
        color: #333333;
        font-size: 15px;
    }

    .tag-detail-news i {
        color: #7b7878;
        padding-right: 3px;
    }

    .tag-detail-news a:hover {
        text-decoration: underline !important;
    }

    .tag-detail-news span {
        font-size: 15px;
        font-weight: bold;
        color: #7b7878;
    }

.section-title-new-home {
    position: relative;
    text-align: center;
}

    .section-title-new-home:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        top: initial;
        left: 0px;
        bottom: 0px;
        background: linear-gradient(90deg, #f5f5f5 0%, #e1e1e1 10%, #e1e1e1 10%, #e1e1e1 90%, #e1e1e1 90%, #f5f5f5 100%);
    }

    .section-title-new-home h2 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 26px;
        line-height: 38px;
        font-family: 'Open Sans', sans-serif;
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
        color: #333333;
    }

    .section-title-new-home:after {
        content: "";
        display: block;
        position: absolute;
        /*width: 125px;*/
        width: 300px;
        height: 23px;
        top: initial;
        bottom: -11px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        background: #f9f9fa url('/Content/html/Images/style-line.png') center no-repeat;
    }

.tintuc-entry {
    overflow: hidden;
    border-radius: 5px;
}

    .tintuc-entry:hover {
        box-shadow: 0 0px 22px #e1e1e1;
        border-radius: 10px;
    }

@media (min-width: 768px) {
    .tintuc-entry {
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .tintuc-entry {
        margin-bottom: 30px;
    }
}

.TinTucImages {
    overflow: hidden !important;
    /*border: 1px solid #e8e3e3 !important;*/
}

    .TinTucImages img {
        backface-visibility: hidden;
        transition: transform 700ms ease-in-out;
    }

        .TinTucImages img:hover {
            -webkit-transform: scale(1.4) rotate(10deg);
            -ms-transform: scale(1.4) rotate(10deg);
            transform: scale(1.4) rotate(10deg);
        }

.tintuc-entry .text {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
}

    .tintuc-entry .text .heading {
        /*font-size: 20px;
        margin-bottom: 16px;
        font-weight: 600;*/
        font-size: 14px;
        text-transform: uppercase;
        color: #2b3842;
        font-weight: bold;
    }

        .tintuc-entry .text .heading a {
            color: #2b3842;
            line-height: 1.5;
            font-size: 14px;
            font-family: sans-serif;
        }

            .tintuc-entry .text .heading a:hover, .tintuc-entry .text .heading a:focus, .tintuc-entry .text .heading a:active {
                color: #edb233;
            }

.tintuc-entry .topp {
    position: absolute;
    top: -5em;
    left: 0;
    padding: 6px 10px;
    border-radius: 0 30px 0 0;
    font-family: 'Oswald', sans-serif;
    background-image: -webkit-linear-gradient( 0deg,#ffc13ccf 30%,#6dce2ebd 100%);
    background-image: webkit-linear-gradient( 0deg,#ffc13ccf 30%,#6dce2ebd 100%);
}

.tintuc-entry .one {
    width: 50px;
}

.tintuc-entry .two {
    width: calc(100% - 30px);
}

.tintuc-entry span.day {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
}

.tintuc-entry span.yr, .tintuc-entry span.mos {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.tintuc-entry .text .description {
    font-size: 15px;
    /*Giới hạn số dòng*/
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    -webkit-line-clamp: 3;
    height: 70px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
}

    .tintuc-entry .text .description a {
        font-size: 15px;
        /*Giới hạn số dòng*/
        height: 70px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        text-align: justify;
        text-decoration: none;
        color: #333333 !important;
        font-weight: normal;
    }
/* ----------------------------- End tin tức ----------------------------------*/
/* ----------------------------------- Begin bài viết -----------------------------------------------------*/
.header-baiviet {
    background: url(/Content/html/Images/bg-dichvu-module.jpg) #97948f center !important;
    width: 100%;
    overflow: hidden;
    min-height: 200px;
    line-height: 200px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-top: 62px;
}

    .header-baiviet:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgb(2 2 2 / 52%) !important;
    }

.title-baiviet {
    color: #ffffff;
    text-align: center;
    margin-top: 50px;
    position: relative;
    text-transform: uppercase;
    line-height: 35px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
}

.content-baiviet {
    color: #f1f1f1;
    font-size: 16px;
    position: relative;
    text-align: center;
}

.header-baiviet .share {
    font-size: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

    .header-baiviet .share i {
        font-size: 15px;
        /*padding: 5px;*/
        /* background: #B6160E; */
        color: #c5cbd0;
        border-radius: 5px;
        /*border:1px solid #eae7e7;*/
    }

        .header-baiviet .share i:hover {
            font-size: 18px;
            /*padding: 5px;*/
            color: #f4c81f;
            /*border-radius: 50px;*/
        }

    .header-baiviet .share ul {
        width: 100%;
        text-align: center;
        list-style: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
        display: flex;
        justify-content: center;
    }

        .header-baiviet .share ul li {
            list-style: none;
            /*display: inline-block;*/
            width: 30px;
            height: 30px;
            color: #fff;
            margin: 0 10px 15px;
            text-align: center;
            line-height: 30px;
            border: 1px solid #ccc;
            border-radius: 50%;
            float: left;
        }

            .header-baiviet .share ul li:hover {
                background-color: #0E61B6;
            }

.header-baiviet .sitemap {
    color: #cccccc;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}

    .header-baiviet .sitemap a {
        color: #cccccc;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        font-style: italic;
    }

        .header-baiviet .sitemap a:hover {
            color: #cccccc;
            text-align: center;
            font-size: 15px;
            text-decoration: underline !important;
        }

    .header-baiviet .sitemap i {
        color: #cccccc;
        padding-left: 5px;
        padding-right: 5px;
    }
/* ----------------------------------- End bài viết -----------------------------------------------------*/
/* ----------------------------------- Begin dịch vụ -----------------------------------------------------*/
.header-marketing {
    background: url(/Content/html/Images/bg-dichvu-module.jpg) center #9d9890 !important;
    width: 100%;
    overflow: hidden;
    min-height: 200px;
    line-height: 200px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin-top: 62px;
}

    .header-marketing:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 5%) !important
    }

.title-marketing {
    color: #ffffff;
    text-align: center;
    margin-top: 45px;
    position: relative;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 35px;
    font-weight: bold;
}

.content-marketing {
    color: #ffffff;
    font-size: 16px;
    position: relative;
    text-align: center;
    margin-bottom: 15px;
}

.header-marketing .share {
    font-size: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

    .header-marketing .share i {
        font-size: 15px;
        /*padding: 5px;*/
        /* background: #B6160E; */
        color: #c5cbd0;
        border-radius: 5px;
        /*border:1px solid #eae7e7;*/
    }

        .header-marketing .share i:hover {
            font-size: 18px;
            /*padding: 5px;*/
            color: #f4c81f;
            /*border-radius: 50px;*/
        }

    .header-marketing .share ul {
        width: 100%;
        text-align: center;
        list-style: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        vertical-align: middle;
        display: flex;
        justify-content: center;
    }

        .header-marketing .share ul li {
            list-style: none;
            /*display: inline-block;*/
            width: 30px;
            height: 30px;
            color: #fff;
            margin: 0 10px 15px;
            text-align: center;
            line-height: 30px;
            border: 1px solid #ccc;
            border-radius: 50%;
            float: left;
        }

            .header-marketing .share ul li:hover {
                background-color: #f28712;
            }

.header-marketing .sitemap {
    color: #cccccc;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 15px;
}

    .header-marketing .sitemap a {
        color: #cccccc;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        font-style: italic;
    }

        .header-marketing .sitemap a:hover {
            color: #cccccc;
            text-align: center;
            font-size: 15px;
            text-decoration: underline !important;
        }

    .header-marketing .sitemap i {
        color: #cccccc;
        padding-left: 5px;
        padding-right: 5px;
    }

.backroup-dichvu-marketing {
    background: url(/Content/html/Images/bg-bottom-right.png) #f1f1f2 no-repeat bottom right;
    background-size: contain;
    height: auto;
    padding-top: 30px;
}

@media (min-width: 992px) {
    .backroup-dichvu-marketing {
        padding-top: 20px;
    }
}

.img-marketing {
    background-color: #f4f9fe;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 0px 22px rgb(0 142 255 / 18%);
    border-left: 12px rgb(239 183 26 / 74%) solid;
}

.heading-dichvu-marketing-left {
    font-weight: 600;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    color: #1175bf;
    vertical-align: baseline;
    text-align: right;
}

    .heading-dichvu-marketing-left a {
        font-weight: 600;
        font-family: 'Oswald', sans-serif;
        font-size: 20px;
        color: #3a79a9;
        vertical-align: baseline;
        text-align: right;
        padding-right: 10px;
    }

        .heading-dichvu-marketing-left a:hover {
            font-weight: 600;
            font-family: 'Oswald', sans-serif;
            font-size: 20px;
            color: #c4ba07;
            vertical-align: baseline;
            text-align: right;
        }

    .heading-dichvu-marketing-left:hover {
        color: #c4ba07;
    }

    .heading-dichvu-marketing-left i {
        font-size: 30px !important;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        box-shadow: 0 0px 22px rgb(0 142 255 / 26%);
        line-height: 65px;
        text-align: center;
        transition: transform 0.8s;
    }

    .heading-dichvu-marketing-left:hover i {
        box-shadow: 0 0px 22px rgb(0 142 255 / 40%);
        transform: rotateY(360deg);
        transition: transform 0.8s;
        transform-style: preserve-3d;
    }


.heading-dichvu-marketing-right {
    font-weight: 600;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    color: #1175bf;
    vertical-align: baseline;
    text-align: left;
}

    .heading-dichvu-marketing-right a {
        font-size: 20px;
        color: #30373c;
        font-weight: 600;
        text-decoration: none;
        vertical-align: baseline;
        font-family: 'Oswald', sans-serif;
        padding-left: 10px;
    }

        .heading-dichvu-marketing-right a:hover {
            font-size: 20px;
            color: #c4ba07;
            font-weight: 600;
            text-decoration: none;
            vertical-align: baseline;
            font-family: 'Oswald', sans-serif;
        }

    .heading-dichvu-marketing-right:hover {
        color: #c4ba07;
    }

    .heading-dichvu-marketing-right i {
        font-size: 30px !important;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        box-shadow: 0 0px 22px rgb(0 142 255 / 36%);
        line-height: 65px;
        text-align: center;
        transition: transform 0.8s;
    }

    .heading-dichvu-marketing-right:hover i {
        box-shadow: 0 0px 22px rgb(0 142 255 / 40%);
        transform: rotateY(360deg);
        transition: transform 0.8s;
        transform-style: preserve-3d;
    }

.text-dichvu-marketing-right {
    text-align: justify;
    font-size: 100%;
    vertical-align: baseline;
    color: #333333;
}

    .text-dichvu-marketing-right a {
        text-align: justify;
        font-size: 100%;
        vertical-align: baseline;
        color: #333333;
        text-decoration: none;
    }

.text-dichvu-marketing-left {
    text-align: right;
    font-size: 100%;
    vertical-align: baseline;
    color: #333333;
}

    .text-dichvu-marketing-left a {
        font-size: 100%;
        vertical-align: baseline;
        color: #333333;
        text-decoration: none;
    }

.bang-gia-dich-vu {
    margin: 0 auto;
    padding: 20px 0px 0px;
    background-image: -webkit-linear-gradient(0deg,#f0f2f3 0%,#f9eb5533 100%);
    background-image: -ms-linear-gradient(0deg,#f0f2f3 0%,#f9eb5533 100%);
    border-top-left-radius: 90px;
    border-bottom-right-radius: 90px;
    height: 180px;
    font-family: "Oswald",sans-serif,Roboto;
    border-right: 6px solid #f5e429 !important;
    border-bottom: 3px solid #f5e429 !important;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .bang-gia-dich-vu {
        height: auto;
    }
}

.bao-gia {
    padding-bottom: 25px;
    width: 100%;
    vertical-align: baseline;
    display: flex;
}

.img-list-bao-gia {
    max-width: 100px;
    float: left;
    margin-top: 15px;
}

@media screen and (max-width: 768px) {
    .img-list-bao-gia {
        max-width: 80px;
    }
}

@media (max-width: 1300px) {
    .img-list-bao-gia {
        max-width: 75px;
    }
}

.list-content-gia {
    width: calc(100% - 130px);
}

@media screen and (max-width: 768px) {
    .list-content-gia {
        width: calc(100% - 0px);
    }
}

.list-content-gia .tit-detail-bao-gia {
    font-size: 20px;
}

    .list-content-gia .tit-detail-bao-gia h3 {
        font-weight: 700;
        font-size: 20px;
        text-transform: uppercase;
        line-height: 1.4;
        font-weight: bold;
    }

@media screen and (max-width: 768px) {
    .list-content-gia .tit-detail-bao-gia h3 {
        font-size: 16px;
    }
}

.list-content-gia .tit-detail-bao-gia h3:hover {
    color: #c4ba07;
}

.desc-list-bao-gia {
    font-weight: 400;
}

.dichvu-img {
    position: relative;
    transition: .5s;
}

    .dichvu-img img {
        max-width: 100%;
        /*border: 4px solid rgb(229 229 229);*/
        position: relative;
        border-radius: 5px;
    }

    .dichvu-img::before {
        position: absolute;
        left: 20px;
        top: 20px;
        width: 100px;
        height: 100px;
        z-index: 1;
        content: '';
        border-left: 7px solid #b8f69d;
        border-top: 5px solid #b8f69d;
        transition: .5s;
    }

    .dichvu-img::after {
        position: absolute;
        right: 20px;
        bottom: 20px;
        width: 100px;
        height: 100px;
        z-index: 2;
        content: '';
        border-right: 7px solid #f5e429;
        border-bottom: 5px solid #f5e429;
        transition: .5s;
    }

    .dichvu-img:hover {
        transform: scale(1.03);
    }

        .dichvu-img:hover::before {
            left: 10px;
            top: 10px;
            width: 90%;
            height: 90%;
        }

        .dichvu-img:hover::after {
            right: 10px;
            bottom: 10px;
            width: 90%;
            height: 90%;
        }

.mota-dichvu {
    font-size: 16px;
    color: #000000 !important;
}

.content-dichvu {
    font-size: 16px;
}

    .content-dichvu dl, .content-dichvu ol, .content-dichvu ul {
        padding-left: 20px !important;
        margin-bottom: 15px;
    }

    .content-dichvu h2 {
        text-transform: uppercase;
        font-weight: 600 !important;
        border-left: solid 5px #ffc13c !important;
        padding-left: 10px !important;
        margin-bottom: 15px !important;
        margin-top: 20px !important;
        font-size: 18px !important;
        color: #333333 !important;
    }
/* ----------------------------------- End dịch vụ -----------------------------------------------------*/
/* ----------------------------------- Begin quy trình thiết kế -----------------------------------------------------*/
/*header quy trình*/
.heading_base_quytrinh {
    display: block;
    position: relative;
    text-align: center;
}

    .heading_base_quytrinh span.title_small {
        color: #5a5a5a;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 10px;
        font-family: "Roboto",sans-serif;
    }

    .heading_base_quytrinh h2.title-base, .heading_base_quytrinh .title-base.h2, .heading_base_quytrinh h2, .heading_bas.heading_base_quytrinh .h2, .heading_bas.heading_base_quytrinh h3, .heading_bas.heading_base_quytrinh .h3, .heading_bas.heading_base_quytrinh h1, .heading_bas.heading_base_quytrinh .h1 {
        margin: 0px;
        color: #626f55;
        position: relative;
        font-size: 30px;
        line-height: 40px;
        font-style: normal;
        position: relative;
        text-align: center;
        /*font-family: 'Baloo Bhai', cursive;*/
        font-weight: bold;
        text-transform: uppercase;
    }

        .heading_base_quytrinh h2.title-base a, .heading_base_quytrinh .title-base.h2 a, .heading_base_quytrinh h2 a, .heading_base_quytrinh .h2 a, .heading_base_quytrinh h3 a, .heading_base_quytrinh .h3 a, .heading_base_quytrinh h1 a, .heading_base_quytrinh .h1 a {
            color: #3b1d82
        }

@media (max-width: 767px) {
    .heading_base_quytrinh h2.title-base, .heading_base_quytrinh .title-base.h2, .heading_base_quytrinh h2, .heading_base_quytrinh .h2, .heading_base_quytrinh h3, .heading_base_quytrinh .h3, .heading_base_quytrinh h1, .heading_base_quytrinh .h1 {
        font-size: 30px
    }
}

.heading_base_quytrinh .title-shape {
    margin: 15px 0;
    font-family: "Roboto",sans-serif !important;
}

    .heading_base_quytrinh .title-shape svg path {
        fill: #ffc13c;
    }
/*end header quy trình*/
.backroup-quytrinh {
    background: url(/Content/html/Images/bg-quy-trinh.png) #00000008 left top no-repeat !important;
    background-size: cover;
    height: auto;
    width: 100%;
    position: relative;
}

    .backroup-quytrinh:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgb(250 250 249 / 89%) !important;
    }

.icon-quytrinh {
    text-align: center;
    color: #2485c5;
    width: 100px;
    height: 100px;
    border: 2px dashed #2485c5;
    border-radius: 50%;
    display: block;
    margin: 0px auto;
    /*background-color: #ffffff;*/
    background: linear-gradient(to right,#ffffff,#6ca8e617);
    animation: animate 10s linear infinite;
}

    .icon-quytrinh:hover {
        text-align: center;
        color: #fff;
        width: 100px;
        height: 100px;
        border: 3px solid #63C4F0;
        background-color: #1797DA !important;
        background: none;
        border-radius: 50%;
        display: block;
        /*margin: 0px auto;*/
    }

        .icon-quytrinh:hover i {
            font-size: 50px;
            font-weight: bold;
            color: #FFFFFF;
        }

    .icon-quytrinh i {
        text-align: center;
        line-height: 100px;
        font-size: 45px;
    }

.heading-quytrinh {
    font-weight: bold;
    color: #1670B3;
    text-align: center;
}

    .heading-quytrinh h3 {
        font-size: 20px;
        color: #292b2d;
    }

.text-quytrinh {
    text-align: center;
    font-size: 100%;
    vertical-align: baseline;
    color: #333333;
}
/*-- Layout 2 ---*/
.myaccordion {
    margin: 0 auto;
    overflow: hidden;
}

    .myaccordion .card,
    .myaccordion .card:last-child .card-header {
        border: none;
        background: transparent;
    }

    .myaccordion .card-header {
        border: none;
        background: transparent;
    }

        .myaccordion .card-header p {
            position: relative;
            font-weight: 500;
            font-size: 17px;
            text-align: left;
            font-weight: bold;
            padding-bottom: 0px !important;
            text-transform: uppercase;
        }

        .myaccordion .card-header .icon-before i {
            background: white;
            cursor: pointer;
            position: absolute;
            width: 66px;
            height: 66px;
            text-align: center;
            line-height: 64px;
            border-radius: 50%;
            box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 7%);
            left: 0px;
            font-size: 33px;
            top: 1px;
            border: 2px solid #b2de47;
            color: #f8b932 !important;
        }

@media screen and (min-width: 768px) {
    .myaccordion .card-header .icon-before i {
        left: 14px;
        top: 21px;
    }
}

.myaccordion .card-header .icon-before .icon {
    border: 2px solid #60b00b;
    color: #ffc33c !important;
}


.myaccordion .fa {
    color: rgb(162 174 181);
    margin-top: -1px;
}

.myaccordion .btn {
    width: 100%;
    font-weight: 600;
    color: black;
    padding: 10px;
    padding-left: 60px;
    text-transform: capitalize;
    letter-spacing: 0;
    border-radius: 0 !important;
    /*margin-bottom: 15px;*/
    border-radius: 40px !important;
    height: 66px;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .myaccordion .btn {
        padding-left: 85px;
        line-height: 1.5;
    }
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
    text-decoration: none;
}

.myaccordion button {
    background-color: #fff;
    margin-bottom: 15px;
    background-image: linear-gradient( 89deg, #e5f8d0 0%, #ffffff 100%) !important;
    border: 1px solid #fbd139 !important;
}

    .myaccordion button:active, .myaccordion button:visited {
        border: 1px solid #fbd139 !important;
    }

    .myaccordion button:hover {
        background-image: linear-gradient( 89deg,#ffffff 0%, #e5f8d0 100%) !important;
        border: 1px solid #60b00b !important;
    }

.card-body {
    /*-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;*/
    padding: 0rem;
    /*background: linear-gradient(to right, #ffffff, #ffffffeb, #e5eef5);*/
    border-radius: 0px;
    /*-webkit-transform: skew( 0deg, -7deg );
    transform: skew( 0deg, 0deg );*/
    /*margin-bottom: 15px;*/
    /*border-left: 1px solid #e0e2e4;
    border-right: 1px solid #e0e2e4;
    border-bottom: 1px solid #e0e2e4;*/
    /*border-radius: 6px;
    margin-top: -13px;
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%) !important;*/
    padding-bottom: 1rem !important;
}

.myaccordion .card-body ol {
    padding-top: 12px;
    background: linear-gradient(to right, #ffffff, #ffffffeb, #e5eef5);
    box-shadow: 0 5px 10px rgb(137 155 156 / 27%);
    border-radius: 0px 0px 18px 18px;
}

    .myaccordion .card-body ol li {
        margin-bottom: 15px;
        padding-left: 30px;
        color: rgb(21 19 19);
        font-size: 17px;
        list-style: none;
        border-bottom: 1px solid #e4e1e1;
        padding-bottom: 12px;
    }

        .myaccordion .card-body ol li:last-child {
            margin-bottom: 0;
            border-bottom: 0;
        }

        .myaccordion .card-body ol li i {
            padding-right: 12px;
            font-size: 13px;
        }

.img-faqs {
    position: relative;
    height: 700px;
    z-index: 0;
}

    .img-faqs .img {
        height: 400px;
        width: 80%;
        border-radius: 4px;
        -webkit-box-shadow: 17px 25px 56px -22px rgba(0, 0, 0, 0.38);
        -moz-box-shadow: 17px 25px 56px -22px rgba(0, 0, 0, 0.38);
        box-shadow: 17px 25px 56px -22px rgba(0, 0, 0, 0.38);
    }

        .img-faqs .img.img-2 {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 80%;
            z-index: -1;
        }
/*-- End Layout 2 ---*/

/* ----- Layout 3 ------*/
.lookback {
    text-align: center;
    /*padding-top: 40px;*/
    padding-bottom: 100px;
    margin-top: 40px;
}

    .lookback p {
        color: #42464e;
        font-size: 20px;
        line-height: 28px;
        font-weight: bold;
        margin-bottom: 80px;
    }

    .lookback ul {
        padding: 0;
        list-style: none;
        position: relative;
        margin: 0;
    }

        .lookback ul li {
            width: 250px;
            position: absolute;
        }

            .lookback ul li i {
                font-size: 40px;
                line-height: 80px;
                /*transform: rotate(-45deg );*/
                color: #0089ff;
            }

            .lookback ul li span {
                width: 80px;
                height: 80px;
                background: #fff;
                display: inline-block;
                vertical-align: top;
                border-radius: 50%;
                /*border: 2px solid #0089ff;*/
                /*background: linear-gradient(to right, #1f669e, #4aa8d8, #00a3dd);
                    border: 1px solid #00a3dd;*/
                margin-bottom: 9px;
                /*transform: rotate( 45deg );*/
                /*box-shadow: 3px 8px #f9cf9c;*/
                /*border-radius: 8px;*/
            }


            .lookback ul li p {
                font-size: 16px;
                line-height: 21px;
                color: #474747;
                font-weight: 400;
                margin-bottom: 10px;
                margin-top: 4px;
            }

                .lookback ul li p strong {
                    display: block;
                    margin-bottom: 6px;
                    text-align: center;
                }

            .lookback ul li.item-1 {
                left: 60px;
                top: -28px;
            }

                .lookback ul li.item-1 .icon:hover {
                    /*transform: rotateY( 180deg );
                        transition: transform 0.8s;
                        transform-style: preserve-3d;*/
                    background-color: #0089ff;
                }

                    .lookback ul li.item-1 .icon:hover i {
                        /*transform: rotateY( 180deg );
                        transition: transform 0.8s;
                        transform-style: preserve-3d;*/
                        color: #ffffff;
                    }

@-webkit-keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.lookback ul li.item-1 .icon {
    /*border: 2px solid #0089ff !important;*/
    /*them*/
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .lookback ul li.item-1 .icon :before {
        /*content: '';*/
        position: absolute;
        border: 2px solid #0089ff !important;
        border-radius: 50% !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .lookback ul li.item-1 .icon :hover:before, .lookback ul li.item-1 .icon :focus:before, .lookback ul li.item-1 .icon :active:before {
        -webkit-animation-name: icon;
        animation-name: icon;
    }

    .lookback ul li.item-1 .icon i {
        background: #0089ff !important;
    }
/*Chi tiết*/
.lookback ul li.item-1 ul {
    visibility: hidden;
}

.lookback ul li:hover {
    cursor: pointer;
}

.lookback ul li.item-1:hover ul {
    width: auto;
    padding: 5px;
    position: relative;
    right: 0px;
    top: 0px;
    height: auto;
    /*border: 1px solid #cccdce;*/
    background-color: #ffffff;
    z-index: 100;
    display: inline-block;
    border-radius: 5px;
    visibility: visible;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-left: 6px solid #46aaec;
    border-right: 6px solid #fbd139;
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
    pointer-events: auto;
}

.lookback ul li.item-1 ul li {
    width: 100%;
    padding-left: 15px;
    position: relative;
    height: auto;
    border-bottom: 1px solid #eae7e7;
    /*min-width: 400px;*/
    line-height: 2.4;
    text-align: left;
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
}

    .lookback ul li.item-1 ul li:last-child {
        border-bottom: none;
    }
/*End Chi tiết*/
.lookback ul li.item-2 {
    left: 392px;
    top: -28px;
}

    .lookback ul li.item-2 .icon:hover {
        background-color: #14a99b;
    }

        .lookback ul li.item-2 .icon:hover i {
            color: #ffffff;
        }

@-webkit-keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.lookback ul li.item-2 .icon {
    /*border: 2px solid #0089ff !important;*/
    /*them*/
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}


    .lookback ul li.item-2 .icon :before {
        /*content: '';*/
        position: absolute;
        border: 2px solid #14a99b !important;
        border-radius: 50% !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .lookback ul li.item-2 .icon :hover:before, .lookback ul li.item-2 .icon :focus:before, .lookback ul li.item-2 .icon :active:before {
        -webkit-animation-name: icon;
        animation-name: icon;
    }

    /*.lookback ul li.item-2 .icon {
                        border: 2px solid #14a99b !important;
                    }*/
    .lookback ul li.item-2 .icon i {
        color: #14a99b;
    }
/*Chi tiết*/
.lookback ul li.item-2 ul {
    visibility: hidden;
}

.lookback ul li:hover {
    cursor: pointer;
}

.lookback ul li.item-2:hover ul {
    width: auto;
    padding: 5px;
    position: absolute;
    padding-left: 20px;
    /*right: auto;*/
    left: 0;
    top: 100%;
    height: auto;
    list-style: none;
    /*border: 1px solid #cccdce;*/
    background-color: #ffffff;
    z-index: 100;
    display: block;
    border-radius: 5px;
    visibility: visible;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-left: 6px solid #14a99b;
    border-right: 6px solid #fbd139;
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
    float: left;
}

.lookback ul li.item-2 ul li {
    width: 100%;
    padding-left: 15px;
    position: relative;
    /*height: 60px;*/
    height: auto;
    border-bottom: 1px solid #eae7e7;
    /*min-width: 400px;*/
    line-height: 2.4;
    text-align: left;
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
    display: block;
}

    .lookback ul li.item-2 ul li:last-child {
        border-bottom: none;
    }
/*End Chi tiết*/

.lookback ul li.item-3 {
    left: 730px;
    top: -28px;
}

    .lookback ul li.item-3 .icon:hover {
        /*transform: rotateY( 180deg );
                        transition: transform 0.8s;
                        transform-style: preserve-3d;*/
        background-color: #a79514;
    }

        .lookback ul li.item-3 .icon:hover i {
            /*transform: rotateY( 180deg );
                        transition: transform 0.8s;
                        transform-style: preserve-3d;*/
            color: #ffffff;
        }

@-webkit-keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.lookback ul li.item-3 .icon {
    /*border: 2px solid #0089ff !important;*/
    /*them*/
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .lookback ul li.item-3 .icon :before {
        /*content: '';*/
        position: absolute;
        border: 2px solid #a79514 !important;
        border-radius: 50% !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .lookback ul li.item-3 .icon :hover:before, .lookback ul li.item-3 .icon :focus:before, .lookback ul li.item-3 .icon :active:before {
        -webkit-animation-name: icon;
        animation-name: icon;
    }
    /*.lookback ul li.item-3 .icon {
                        border: 2px solid #a79514 !important;
                    }*/

    .lookback ul li.item-3 .icon i {
        color: #a79514;
    }
/*Chi tiết*/
.lookback ul li.item-3 ul {
    visibility: hidden;
}

.lookback ul li:hover {
    cursor: pointer;
}

.lookback ul li.item-3:hover ul {
    width: auto;
    padding: 5px;
    padding-left: 20px;
    position: relative;
    right: 0px;
    top: 0px;
    height: auto;
    /*border: 1px solid #cccdce;*/
    background-color: #ffffff;
    z-index: 100;
    display: inline-block;
    border-radius: 5px;
    visibility: visible;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-left: 6px solid #a79514;
    border-right: 6px solid #fbd139;
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
}

.lookback ul li.item-3 ul li {
    width: 100%;
    padding-left: 15px;
    position: relative;
    height: auto;
    border-bottom: 1px solid #eae7e7;
    /*min-width: 400px;*/
    line-height: 2.4;
    text-align: left;
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
}

    .lookback ul li.item-3 ul li:last-child {
        border-bottom: none;
    }
/*End Chi tiết*/

.lookback ul li.item-4 {
    left: 730px;
    top: 152px;
}

    .lookback ul li.item-4 .icon:hover {
        /*transform: rotateY( 180deg );
                        transition: transform 0.8s;
                        transform-style: preserve-3d;*/
        background-color: #bb4f1c;
    }

        .lookback ul li.item-4 .icon:hover i {
            /*transform: rotateY( 180deg );
                        transition: transform 0.8s;
                        transform-style: preserve-3d;*/
            color: #ffffff;
        }

@-webkit-keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.lookback ul li.item-4 .icon {
    /*border: 2px solid #0089ff !important;*/
    /*them*/
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .lookback ul li.item-4 .icon :before {
        /*content: '';*/
        position: absolute;
        border: 2px solid #bb4f1c !important;
        border-radius: 50% !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .lookback ul li.item-4 .icon :hover:before, .lookback ul li.item-4 .icon :focus:before, .lookback ul li.item-4 .icon :active:before {
        -webkit-animation-name: icon;
        animation-name: icon;
    }

    .lookback ul li.item-4 .icon i {
        color: #bb4f1c;
    }
/*Chi tiết*/
.lookback ul li.item-4 ul {
    visibility: hidden;
}

.lookback ul li:hover {
    cursor: pointer;
}

.lookback ul li.item-4:hover ul {
    width: auto;
    padding: 5px;
    padding-left: 20px;
    position: relative;
    right: 0px;
    top: 0px;
    height: auto;
    /*border: 1px solid #cccdce;*/
    background-color: #ffffff;
    z-index: 100;
    display: inline-block;
    border-radius: 5px;
    visibility: visible;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-left: 6px solid #bb4f1c;
    border-right: 6px solid #fbd139;
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
}

.lookback ul li.item-4 ul li {
    width: 100%;
    padding-left: 15px;
    position: relative;
    height: auto;
    border-bottom: 1px solid #eae7e7;
    /*min-width: 400px;*/
    line-height: 2.4;
    text-align: left;
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
}

    .lookback ul li.item-4 ul li:last-child {
        border-bottom: none;
    }
/*End Chi tiết*/

.lookback ul li.item-5 {
    left: 392px;
    top: 152px;
}

    .lookback ul li.item-5 .icon:hover {
        /*transform: rotateY( 180deg );
                        transition: transform 0.8s;
                        transform-style: preserve-3d;*/
        background-color: #26b531;
    }

        .lookback ul li.item-5 .icon:hover i {
            /*transform: rotateY( 180deg );
                        transition: transform 0.8s;
                        transform-style: preserve-3d;*/
            color: #ffffff;
        }

@-webkit-keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.lookback ul li.item-5 .icon {
    /*border: 2px solid #0089ff !important;*/
    /*them*/
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .lookback ul li.item-5 .icon :before {
        /*content: '';*/
        position: absolute;
        border: 2px solid #26b531 !important;
        border-radius: 50% !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .lookback ul li.item-5 .icon :hover:before, .lookback ul li.item-5 .icon :focus:before, .lookback ul li.item-5 .icon :active:before {
        -webkit-animation-name: icon;
        animation-name: icon;
    }

    .lookback ul li.item-5 .icon i {
        color: #26b531;
    }

/*Chi tiết*/
.lookback ul li.item-5 ul {
    visibility: hidden;
}

.lookback ul li:hover {
    cursor: pointer;
}

.lookback ul li.item-5:hover ul {
    width: auto;
    padding: 5px;
    padding-left: 20px;
    position: relative;
    right: 0px;
    top: 0px;
    height: auto;
    /*border: 1px solid #cccdce;*/
    background-color: #ffffff;
    z-index: 100;
    display: inline-block;
    border-radius: 5px;
    visibility: visible;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-left: 6px solid #26b531;
    border-right: 6px solid #fbd139;
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
}

.lookback ul li.item-5 ul li {
    width: 100%;
    padding-left: 15px;
    position: relative;
    height: auto;
    border-bottom: 1px solid #eae7e7;
    /*min-width: 400px;*/
    line-height: 2.4;
    text-align: left;
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
}

    .lookback ul li.item-5 ul li:last-child {
        border-bottom: none;
    }
/*End Chi tiết*/

.lookback ul li.item-6 {
    left: 60px;
    top: 152px;
}

    .lookback ul li.item-6 .icon:hover {
        /*transform: rotateY( 180deg );
                        transition: transform 0.8s;
                        transform-style: preserve-3d;*/
        background-color: #b7b929;
    }

        .lookback ul li.item-6 .icon:hover i {
            /*transform: rotateY( 180deg );
                        transition: transform 0.8s;
                        transform-style: preserve-3d;*/
            color: #ffffff;
        }

@-webkit-keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes icon {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.lookback ul li.item-6 .icon {
    /*border: 2px solid #0089ff !important;*/
    /*them*/
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

    .lookback ul li.item-6 .icon :before {
        /*content: '';*/
        position: absolute;
        border: 2px solid #b7b929 !important;
        border-radius: 50% !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .lookback ul li.item-6 .icon :hover:before, .lookback ul li.item-6 .icon :focus:before, .lookback ul li.item-6 .icon :active:before {
        -webkit-animation-name: icon;
        animation-name: icon;
    }

    .lookback ul li.item-6 .icon i {
        color: #b7b929;
    }
/*Chi tiết*/
.lookback ul li.item-6 ul {
    visibility: hidden;
}

.lookback ul li:hover {
    cursor: pointer;
}

.lookback ul li.item-6:hover ul {
    width: auto;
    padding: 5px;
    padding-left: 20px;
    position: relative;
    right: 0px;
    top: 0px;
    height: auto;
    /*border: 1px solid #cccdce;*/
    background-color: #ffffff;
    z-index: 100;
    display: inline-block;
    border-radius: 5px;
    visibility: visible;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-left: 6px solid #b6b92a;
    border-right: 6px solid #fbd139;
    box-shadow: 0 10px 40px rgb(0 0 0 / 10%);
}

.lookback ul li.item-6 ul li {
    width: 100%;
    padding-left: 15px;
    position: relative;
    height: auto;
    border-bottom: 1px solid #eae7e7;
    /*min-width: 400px;*/
    line-height: 2.4;
    text-align: left;
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
}

    .lookback ul li.item-6 ul li:last-child {
        border-bottom: none;
    }
/*End Chi tiết*/
.lookback ul li.item-7 {
    left: 212px;
    top: -25px;
}

    .lookback ul li.item-7 .icon {
        border: none !important;
        background: none !important;
    }

        .lookback ul li.item-7 .icon i {
            font-size: 25px;
        }

.lookback ul li.item-8 {
    right: 290px;
    top: -25px;
}

    .lookback ul li.item-8 .icon {
        border: none !important;
        background: none !important;
    }

        .lookback ul li.item-8 .icon i {
            font-size: 25px;
        }

.lookback ul li.item-9 {
    right: 290px;
    top: 155px;
}

    .lookback ul li.item-9 .icon {
        border: none !important;
        background: none !important;
    }

        .lookback ul li.item-9 .icon i {
            font-size: 25px;
        }

.lookback ul li.item-10 {
    left: 212px;
    top: 155px;
}

    .lookback ul li.item-10 .icon {
        border: none !important;
        background: none !important;
    }

        .lookback ul li.item-10 .icon i {
            font-size: 25px;
        }


@media(max-width:1199px) and (min-width:992px) {

    .lookback {
        padding-top: 0px;
    }

        .lookback .block-img img {
            max-width: 970px;
        }

        .lookback ul li {
            width: 200px;
        }

            .lookback ul li .icon {
                width: 79px;
                height: 79px;
            }

            .lookback ul li p {
                font-size: 14px;
            }

            .lookback ul li.item-1 {
                left: 65px;
                top: -30px;
                width: 285px;
            }

            .lookback ul li.item-2 {
                left: 370px;
                top: -30px;
                width: 285px;
            }

            .lookback ul li.item-3 {
                right: 9px;
                left: auto;
                top: -30px;
                width: 285px;
            }

            .lookback ul li.item-4 {
                top: 130px;
                width: 285px;
                right: 9px;
                left: auto;
            }

            .lookback ul li.item-5 {
                left: 370px;
                top: 130px;
                width: 285px;
            }

            .lookback ul li.item-6 {
                left: 65px;
                top: 130px;
                width: 285px;
            }

            .lookback ul li.item-7 {
                left: 295px;
                top: -27px;
                width: 50px;
            }

            .lookback ul li.item-8 {
                right: 295px;
                top: -27px;
                width: 50px;
            }

            .lookback ul li.item-9 {
                width: 50px;
                right: 295px;
                top: 130px;
            }

            .lookback ul li.item-10 {
                width: 50px;
                left: 295px;
                top: 130px;
            }
}

@media(max-width:991px) and (min-width:768px) {

    .lookback {
        padding-top: 0px;
    }

        .lookback ul li p {
            line-height: 22px;
            font-size: 14px;
        }

        .lookback ul li {
            width: 220px;
        }

            .lookback ul li.item-1 {
                left: 115px;
                top: -20px;
            }
            /*.lookback ul li.item-1:hover ul {
            right: -100px;
        }*/
            .lookback ul li.item-2 {
                right: 50px;
                top: -20px;
                left: auto;
            }

                .lookback ul li.item-2:hover ul {
                }

            .lookback ul li.item-3 {
                left: auto;
                right: 50px;
                top: 185px;
            }

            .lookback ul li.item-4 {
                left: 115px;
                right: auto;
                top: 185px;
            }

            .lookback ul li.item-5 {
                left: 115px;
                top: 388px;
            }

            .lookback ul li.item-6 {
                right: 50px;
                top: 388px;
                left: auto;
            }

            .lookback ul li.item-7 {
                left: 318px;
                top: -22px;
                width: 50px;
            }

            .lookback ul li.item-8 {
                left: 318px;
                top: 390px;
                width: 50px;
            }

            .lookback ul li.item-9 {
                width: 50px;
                right: 300px;
                top: 184px;
            }

            .lookback ul li.item-10 {
                display: none;
            }
}

@media(max-width:767px) {

    .lookback {
        padding-top: 0px;
    }

        .lookback p {
            margin-bottom: 30px;
        }

        .lookback .block-img {
            display: none;
        }

        .lookback ul {
            margin: 0 -15px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

            .lookback ul li {
                position: static;
                width: 50%;
                padding: 0 15px 15px;
            }

                .lookback ul li p {
                    white-space: normal !important;
                }
}

@media(max-width:575px) {
    .lookback ul li {
        width: 100%;
    }
}
/* ----- End Layout 3 ------*/
/* ----------------------------------- End quy trình thiết kế -----------------------------------------------------*/
/* ----------------------------- Begin Footer ----------------------------------*/
.footer-blog .blg-entry h6 a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    max-height: 38px;
    overflow: hidden;
    z-index: -1;
    display: -webkit-box;
}

.footer-blog .blg-entry p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    max-height: 38px;
    overflow: hidden;
    z-index: -1;
    display: -webkit-box;
}

.single-footer iframe {
    width: 100% !important;
    min-height: 180px !important;
    height: auto !important;
    border: none !important;
}
.footer-adress li {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px !important;
    font-family: "Open Sans", sans-serif, Roboto;
}
}
/* ----------------------------- End Footer ----------------------------------*/
/*-------------------------------Phân trang---------------------------*/
.navigation {
    color: #666;
    border: 0px;
}

#paginationControl {
    text-align: center;
}

    #paginationControl a:hover {
        background-color: #f6c029 !important;
        color: #fff;
    }

.selected {
    background-color: #f6c029 !important;
    color: #fff !important;
}

.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active {
    text-decoration: none;
    color: #636363;
    font: 11px Arial, Helvetica, sans-serif;
    background: #F9F9F9;
    border: 1px solid #e2e6c3 !important;
    /*border: 1px solid #e2e6c3;*/
    padding: 10px 15px;
    font-size: 13px;
    text-align: center;
    margin: 0px auto;
    border-radius: 5px;
}
/*-------------------------------End Phân trang---------------------------*/
/*----------------------------- Chat Zalo --------------------------------*/
.float-contact {
    position: fixed;
    bottom: 70px;
    left: 6px;
    z-index: 99999;
}

    .float-contact .chat-zalo {
        background: #0595ff;
        border-radius: 20px;
        padding: 5px 15px;
        display: block;
        margin-bottom: 6px;
        font-size: 16px;
        color: #fff;
        border: none;
    }

        .float-contact .chat-zalo:hover {
            background: #E19E10;
            cursor: pointer;
        }
/*----------------------------- End Chat Zalo --------------------------------*/
/*-------------------- Begin đầu trang ----------------------*/
#back-to-top {
    position: fixed;
    bottom: 70px;
    right: 10px;
    text-align: center;
    height: 35px;
    width: 35px;
    line-height: 35px;
    background: #ffc13c;
    color: #fff;
    opacity: 0.7;
    cursor: pointer;
    z-index: 10000;
    border-radius: 4px;
}

    #back-to-top i {
        line-height: 35px;
        color: #ffffff;
    }

@media only screen and (min-width: 700px) {
    #back-to-top {
        bottom: 65px;
    }
}

#back-to-top:hover {
    opacity: 0.5;
    background-color: #c7bc02;
}

/*#back-to-top i {
    transform: rotate( -45deg );
}*/
/*---------------------------End đầu trang ---------------------*/