:root {

    --primary-color: #162D61;

}



.full-width .ubermenu-nav,

.container,

.row {

    max-width: 1170px
}



.row.row-collapse {

    max-width: 1140px
}



.row.row-small {

    max-width: 1162.5px
}



.row.row-large {

    max-width: 1200px
}



.header-main {
    background-color: #f39c12;
    height: 70px
}


.header .flex__row--top {
    height: 130px;
}

.header .flex__col--top {
    width: 100%;
}

.flex__row--top {
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.header__top {
    z-index: 10;
    position: relative;
}

#logo img {

    max-height: 85px
}



#logo {

    width: 85px;

}

.slogan h2 {
    font-size: 2.2em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.icon__contact .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.icon__contact .icon i {
    margin-right: 8px;
    color: #f39c12;
}

.icon__contact .icon p {
    font-size: 14px;
    color: #f39c12;
    font-family: 'Roboto Slab', sans-serif;
}

.logo__mb-top {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo__mb-top img {
    width: 130px;
}

.slogan h4 {
    font-size: 1.2em;
    text-align: center;
    font-style: italic;
}

.slogan .icon__contact {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 15px;
}

.nav .logo__top {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav .slogan {
    width: 80%;
}

.logo__top a img {
    width: 130px;
}

#logo img {

    padding: 3px 0;

}



.header-bottom {

    min-height: 26px
}



.header-top {

    min-height: 35px
}



.transparent .header-main {

    height: 265px
}



.transparent #logo img {

    max-height: 265px
}



.has-transparent+.page-title:first-of-type,

.has-transparent+#main>.page-title,

.has-transparent+#main>div>.page-title,

.has-transparent+#main .page-header-wrapper:first-of-type .page-title {

    padding-top: 265px;

}



.header.show-on-scroll,

.stuck .header-main {

    height: 70px !important
}

.text__box-left {
    left: 5%;
}

.stuck #logo img {

    max-height: 62px !important
}



.header-bg-color,

.header-wrapper {

    background-color: #FFFFFF
}



.header-bottom {

    background-color: #f1f1f1
}



.header-main .nav>li>a {
    height: 70px;
    line-height: 16px
}

.nav .menu-item:first-child {
    /* background-color: #ffffff;
    color:#f39c12; */
}



.stuck .header-main .nav>li>a {

    line-height: 50px
}



.header-bottom-nav>li>a {

    line-height: 16px
}



@media (max-width: 549px) {
    .logo__mb-top img {
        margin-bottom: 10px;
        width: 100px;
    }
    .header .flex__row--top {
        height: 190px;
    }
    .icon__mb .icon {
        display: flex;
    }
    .icon__mb .icon i {
        margin-right: 5px;
        color: #f39c12;
    }
    .slogan__mb .icon__mb {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 15px;
    }
    .slogan__mb h4 {
        text-align: center;
    }
    .icon p {
        margin: 0;
        font-family: 'Roboto Slab', sans-serif;
        color: #f39c12;
        font-size: .75em;
    }

    .logo__mb-top {
        flex-direction: column;
    }
    .video__height {
        height: 30vh;
        min-height: 500px;
    }
    .span__title {
        font-size: 120%;
        text-transform: uppercase;
    }

    .span__title-about {
        font-size: 150%;
    }

    .span__title-pro {
        font-size: 80%;
        color: #f39c12;
    }

    #banner-grid .grid-col:nth-child(1),
    #banner-grid .grid-col:nth-child(2),
    #banner-grid .grid-col:nth-child(3),
    #banner-grid .grid-col:nth-child(4),
    #banner-grid .grid-col:nth-child(5),
    #banner-grid .grid-col:nth-child(6) {
        position: unset;
    }

    .header-main {

        height: 70px
    }



    #logo img {

        max-height: 70px
    }


}



.nav-dropdown {

    border-radius: 10px
}



.nav-dropdown {

    font-size: 92%
}



.header-top {

    background-color: #162D61 !important;

}



.blog-wrapper {

    background-color: #f4f4f4;

}



/* Color */

.accordion-title.active,

.has-icon-bg .icon .icon-inner,

.logo a,

.primary.is-underline,

.primary.is-link,

.badge-outline .badge-inner,

.nav-outline>li.active>a,

.nav-outline>li.active>a,

.cart-icon strong,

[data-color='primary'],

.is-outline.primary {

    color: #162D61;

}



/* Color !important */

[data-text-color="primary"] {

    color: #162D61 !important;

}



/* Background Color */

[data-text-bg="primary"] {

    background-color: #162D61;

}



/* Background */

.scroll-to-bullets a,

.featured-title,

.label-new.menu-item>a:after,

.nav-pagination>li>.current,

.nav-pagination>li>span:hover,

.nav-pagination>li>a:hover,

.has-hover:hover .badge-outline .badge-inner,

button[type="submit"],

.button.wc-forward:not(.checkout):not(.checkout-button),

.button.submit-button,

.button.primary:not(.is-outline),

.featured-table .title,

.is-outline:hover,

.has-icon:hover .icon-label,

.nav-dropdown-bold .nav-column li>a:hover,

.nav-dropdown.nav-dropdown-bold>li>a:hover,

.nav-dropdown-bold.dark .nav-column li>a:hover,

.nav-dropdown.nav-dropdown-bold.dark>li>a:hover,

.is-outline:hover,

.tagcloud a:hover,

.grid-tools a,

input[type='submit']:not(.is-form),

.box-badge:hover .box-text,

input.button.alt,

.nav-box>li>a:hover,

.nav-box>li.active>a,

.nav-pills>li.active>a,

.current-dropdown .cart-icon strong,

.cart-icon:hover strong,

.nav-line-bottom>li>a:before,

.nav-line-grow>li>a:before,

.nav-line>li>a:before,

.banner,

.header-top,

.slider-nav-circle .flickity-prev-next-button:hover svg,

.slider-nav-circle .flickity-prev-next-button:hover .arrow,

.primary.is-outline:hover,

.button.primary:not(.is-outline),

input[type='submit'].primary,

input[type='submit'].primary,

input[type='reset'].button,

input[type='button'].primary,

.badge-inner {

    background-color: #162D61;

}



/* Border */

.nav-vertical.nav-tabs>li.active>a,

.scroll-to-bullets a.active,

.nav-pagination>li>.current,

.nav-pagination>li>span:hover,

.nav-pagination>li>a:hover,

.has-hover:hover .badge-outline .badge-inner,

.accordion-title.active,

.featured-table,

.is-outline:hover,

.tagcloud a:hover,

blockquote,

.has-border,

.cart-icon strong:after,

.cart-icon strong,

.blockUI:before,

.processing:before,

.loading-spin,

.slider-nav-circle .flickity-prev-next-button:hover svg,

.slider-nav-circle .flickity-prev-next-button:hover .arrow,

.primary.is-outline:hover {

    border-color: #162D61
}



.nav-tabs>li.active>a {

    border-top-color: #162D61
}



.widget_shopping_cart_content .blockUI.blockOverlay:before {

    border-left-color: #162D61
}



.woocommerce-checkout-review-order .blockUI.blockOverlay:before {

    border-left-color: #162D61
}



/* Fill */

.slider .flickity-prev-next-button:hover svg,

.slider .flickity-prev-next-button:hover .arrow {

    fill: #162D61;

}



body {

    font-size: 98%;

}



@media screen and (max-width: 549px) {

    body {

        font-size: 102%;

    }

}



body {

    font-family: "Roboto Slab", sans-serif
}



body {

    font-weight: 0
}



body {

    color: #0A0A0A
}



.nav>li>a {

    font-family: "Roboto Slab", sans-serif;

}



.nav>li>a {

    font-weight: 0;

}



h1,

h2,

h3,

h4,

h5,

h6,

.heading-font,

.off-canvas-center .nav-sidebar.nav-vertical>li>a {

    font-family: "Roboto Slab", sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6,

.heading-font,

.banner h1,

.banner h2 {

    font-weight: 700;

}



h1,

h2,

h3,

h4,

h5,

h6,

.heading-font {

    color: #27ae60;

}



.alt-font {

    font-family: "Roboto Slab", sans-serif;

}



.alt-font {

    font-weight: 400 !important;

}



.header:not(.transparent) .header-nav.nav>li>a {

    color: #ffffff;

}



.header:not(.transparent) .header-bottom-nav.nav>li>a {

    color: #1E73BE;

}



a {

    color: #212121;

}



.footer-1 {

    background-color: #ffffff
}



.footer-2 {

    background-color: #ffffff
}



.absolute-footer,

html {

    background-color: #029040
}



/* Custom CSS */

.category-project-cat ul.news-related {

    display: none;

}



body.page-template.page-template-page-blank.page-template-page-blank-php.page.page-id-9308.logged-in.admin-bar.header-shadow.lightbox.customize-support .box-text.text-center {

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 100%);

}



.category-project-cat h3.title-related-post {

    display: none;

}



.page-id-9308 .box-text-inner.blog-post-inner h5.post-title.is-large {

    color: #ffffff;

}



p.from_the_blog_excerpt {

    display: none;

}



h5.post-title.is-large {

    height: 48px;

    overflow: hidden;

    line-height: 23px;

}



.is-divider {

    display: none;

}



input#nf-field-23 {

    background-color: #162D61;

    color: #fff;

    width: 100%;

    border-radius: 20px;

}



.locactive {

    color: #fff;

    display: inline-block;

    font-size: 12px;

}



.locactive a {

    color: #fff;

}



.tabbed-content h5.post-title.is-large {

    min-height: 50px;

}



.box-text-inner.blog-post-inner h5.post-title.is-large {

    color: #3c3c3c;

}



ul.news-related {

    padding: 15px;

}



h3.title-related-post {

    padding-left: 20px;

}



.locdong {

    padding: 10px;

}



h1,

h2,

h3,

h4,

h5,

h6,

.heading-font {

    font-family: 'Roboto Slab', sans-serif;

    line-height: 1em;

    font-weight: 500;

}



.hover12 .fill.banner-link {

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0) 100%);

}



header.entry-header .entry-divider.is-divider.small {

    display: none;

}



span.post_comments.op-7.block.is-xsmall {

    display: none;

}



.portfolio-element-wrapper.has-filtering .nav>li>a:hover {

    color: rgb(255 255 255 / 85%);

}



.nav-dropdown {

    position: absolute;

    min-width: 260px;

    max-height: 0;

    z-index: 9;

    padding: 20px 0 20px;

    opacity: 0;

    margin: 0;

    transition: opacity .25s;

    box-shadow: 1px 1px 35px rgb(0 0 0 / 35%);

    border: none;

    color: #303030;
    background-color: #f39c12;

    text-align: left;

    display: table;

    left: -99999px;

}



blockquote {

    border-left: 2px solid #fe7b00;

    font-style: normal;

    color: #333;

    text-transform: unset;

    font-size: 16px;

    background: #eee;

    padding: 10px 15px 0 15px;

    border-top: 1px solid #ccc;

    margin: 0 0 15px 0;

    line-height: 2;

}



body,

.nav>li>a {

    font-family: 'Roboto Slab', sans-serif;

}



.footer-wrapper {

    background-color: #fff;

}



.footer-secondary.pull-right {

    float: none;

}



.footer-2 {

    margin-bottom: 28px;

}



.hot2 .icon {

    margin-top: -6px;

}



.hot2 h5 {

    color: #e69300;

    font-size: 12px;

    line-height: 0.4;

    font-weight: 600;

}



.hot2 h6 {

    color: #fff;

    font-size: 20px;

    opacity: unset;

    letter-spacing: 0;

}



.hot1 h5.uppercase {

    text-transform: unset;

    font-weight: normal;

    color: #fff;

    font-size: 12px;

    line-height: 0.4;

}



.hot1 h6 {

    font-size: 20px;

    font-weight: 700;

    color: #fff;

    letter-spacing: 0;

    opacity: unset;

}



.text-right {

    text-align: right;

}



li.header-block {

    width: auto;

}



.footer-wrapper .col-inner h3 {

    font-size: 16px;

    text-transform: uppercase;

    margin-bottom: 25px;

    font-weight: bold;

}



.footer-wrapper .col-inner p {

    margin-bottom: 0;

}



.footer-wrapper .wpcf7 br {

    display: none;

}



.footer-wrapper .wpcf7 p {

    border: 1px solid #e8eff1;

    width: 100%;

    height: auto;

    float: left;

    border-radius: 5px;

    padding: 3px;

}



.footer-wrapper .wpcf7 .wpcf7-form-control-wrap {

    display: initial;

}



.footer-wrapper .wpcf7 input:not(.wpcf7-submit) {

    width: 40%;

    float: left;

    padding: 5px 10px;

    border: none;

    border-radius: 0;

    box-shadow: none;

    margin-bottom: 0;

}



.footer-wrapper .wpcf7 .your-name input {

    border-right: 1px solid #e8eff1 !important;

}



.footer-wrapper .wpcf7 .wpcf7-submit {

    text-align: center;

    border: none;

    background: #ed1c24;

    color: white;

    border-radius: 6px;

    float: right;

    width: 32px;

    height: 32px;

    margin: 0;

    padding: 0;

    font-size: 12px;

    min-height: auto;

    line-height: inherit;

}



.absolute-footer {

    padding-top: 15px;

    padding-bottom: 15px;

    font-size: 13px;

    position: relative;

}



.footer-phone img {

    width: 40px;

    height: 40px;

    opacity: 0.9;

}



.footer-secondary .inline-block {

    display: block;

    width: 100%;

}



.footer-mxh .social-icons {

    margin-left: 10px;

}



.footer-center p,

.footer-mxh .social-icons a {

    margin-bottom: 0;

}



.absolute-footer::before {

    content: "";

    width: 100%;

    height: 100px;

    top: -53px;

    position: absolute;

    left: 0;

    background-repeat: no-repeat;

    background-image: url(../video-image/bg-f.png);

    background-position: center top;

}



@media (max-width: 849px) {

    .copyright-footer .col {

        text-align: center !important;

    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        color: #333;
    }

    .button.icon.circle {
        color: #ffffff;
    }

    .footer-mxh .social-icons {

        display: block;

    }

}



.category-project-cat .locdong {

    display: none;

}



/* Styling CF7 to look like the Divi Contact Form */

/*--- 2 Column Form Styles Start ---*/

div#row-433089628 {

    margin-left: 0;

    margin-right: 0;

    margin-bottom: 20px;

    background-color: #ade8ff;

}



div#row-433089628 li.bullet-arrow {

    border-bottom: 1px solid #ececec00;

}



#left {

    width: 47%;

    float: left;

    margin-right: 6%;

}



#right {

    width: 47%;

    float: left;

}



.clearfix:after {

    content: "020";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    overflow: hidden;

    margin-bottom: 10px;

}



.clearfix {

    display: block;

}



/*--- 2 Column Form Styles End ---*/

.wpcf7-text,

.wpcf7-textarea,

.wpcf7-captchar,

input.wpcf7-form-control.wpcf7-quiz {

    background-color: #eee !important;

    border: none !important;

    width: 100% !important;

    -moz-border-radius: 0 !important;

    -webkit-border-radius: 0 !important;

    border-radius: 3px !important;

    font-size: 14px;

    color: #999 !important;

    padding: 16px !important;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



textarea.wpcf7-form-control.wpcf7-textarea {

    height: 180px;

}



input.wpcf7-form-control.wpcf7-submit {

    width: 100%;

}



span.wpcf7-quiz-label {

    color: #827776;

    /* line-height: 2; */

    font-size: 14px;

    font-weight: normal;

}



li.tab.active.has-icon a {

    border-radius: 0px;

}



ul.nav.nav-pills.nav-uppercase.nav-size-normal.nav-center {

    background-color: #c4880238;

}



.lol9 ul li.bullet-arrow {

    border-bottom: 1px solid #ececec00;

}



.panel__header h3 {

    font-size: 15px;

    line-height: 1;

    margin-left: -50px;

    font-weight: 400;

    margin-top: -5px;

}



.panel__header {

    padding: 1.7rem 28rem 2rem 8rem;

    line-height: 20px;

    font-weight: 700;

    color: #3e3e3e;

    margin-bottom: 30px;

    background-color: #fff;

    height: 60px;

    position: relative;

    cursor: pointer;

}



.panel__header .panel__arrow {

    display: block;

    width: 60px;

    height: 60px;

    text-align: center;

    background-color: #058e40;

    color: #fff;

    font-size: 2rem;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 60px;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.panel__header .date {

    position: absolute;

    right: 20px;

    top: 22px;

    color: #000000;

    display: inline-block;

    font-weight: 400;

    font-size: 13px;

}



p.uppercase.portfolio-box-category.is-xsmall.op-6 {

    display: none;

}



.hi7 .dark ul li.bullet-arrow {

    border-color: rgba(255, 255, 255, 0);

}



div#content h6 {

    color: #ffffff;

    line-height: 1.5;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    opacity: .99;

}



.portfolio-box.box.has-hover.box-shade.dark .box-text.text-center {

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 0) 100%);

}



.phai8 iframe {

    max-height: 350px;

}



.phai8 .is-divider {

    display: none;

}



.tuyendung iframe {

    height: 360px;

}



.keke2 a.button.secondary {

    background-color: #ffc600;

    color: #000;

    padding-right: 50px;

    padding-left: 50px;

}



.phai8 .col,

.gallery-item,

.columns {

    position: relative;

    margin: 0;

    padding: 0 15px 5px;

    width: 100%;

}



.hover11 .fill.banner-link {

    background-color: #162d61;

    background-image: linear-gradient(to right, #162d61 10%, #0085d2 90%);

    opacity: .8;

}



.posts-shortcode.top-bottom li .post-thumbnail {

    padding: 0px;

}



.col.col-divided:not(.col-first):last-child {

    border-right: 0;

    padding-right: 0;

    padding-left: 20px;

    border-left: 1px solid #ececec00;

}



.tuyendung .col.post-item {

    padding-bottom: 0px;

}



.tuyendung .is-divider {

    display: none;

}



.tuyendung .section-title-normal span {

    color: #ffffff;

    font-weight: 400;

}



.home .posts-shortcode .first-news h2.post-box-title {

    margin-bottom: 10px;

    /*height: 24px;

    ** white-space: nowrap;

    * *overflow: hidden;

    */

}



h1.loctieude {

    color: #484848;

    font-size: 19px;

    font-weight: 600;

    margin-bottom: 15px;

    line-height: 1.7;

}



.tuyendung_widget_wrap {

    border-top: solid 1px #d2d2d2;

}



.row-divided>.col+.col:not(.large-12) {

    border-left: 1px solid #fff;

}



li.html.header-button-1 a {

    animation: stm-button 6s ease infinite
}



@-webkit-keyframes stm-button {



    0%,

    100% {

        background: #162D61
    }



    33% {

        background: #162D61
    }



    66% {

        background: #027ec5
    }

}



@keyframes stm-button {



    0%,

    100% {

        background: #162D61
    }



    33% {

        background: #162D61
    }



    66% {

        background: #027ec5
    }

}



.nav-dropdown {

    border-radius: 0px;

}



.nav>li>a,

.nav-dropdown>li>a,

.nav-column>li>a {

    color: rgb(255 255 255);

    transition: all .2s;

}



.nav-dropdown-default {

    padding: 2px;

}



@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

    .loclvv1 {

        width: 100%;

        max-width: 100%;

    }

}



.locvienb {

    border-radius: 30px;

}



.locnhoo {

    font-size: 90%;

}



.his-list-items .his-items:hover,

.his-list-items .his-items.active {

    background: #027ec4;

}



.his-list-items .his-items .his-year {

    color: #027ec4;

}



.umix-sodo-title {

    background: #337ab7;

    color: #fff;

    padding: 10px 30px;

    /* border-radius: 15px 15px 0 0; */

    font-size: 18px;

    text-align: center;

    font-weight: 600;

}



thead#pro {

    background-color: #007cc2;

}



.his-content .content-title span {

    color: #027ec4;

}



.his-list-items .his-items {

    min-height: 380px;

}



ul li.bullet-star:before {

    color: #027ec5;

}



#pro b {

    color: #fff;

}



.page-title-inner.container.flex-row.dark {

    display: none;

}



td {

    color: #153574;

    font-weight: 400;

    font-size: 1em;

    border-right: 1px solid #ddd;

}



th:first-child,

td:first-child {

    border-left: 1px solid #ddd;

}



.entry-content.single-page {

    padding-top: 0px;

}



span.byline {

    display: none;

}



h3.entry-title a {

    /* font-size: 18px; */

    /* font-weight: 700; */

    color: #027ec4;

}



#locz1 h3 {

    background-color: #f76200;

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);

    height: 31px;

    display: block;

    border-radius: 5px;

    margin-bottom: 20px;

}



#locz1 h3 span {

    padding-right: 8px;

    padding-left: 8px;

    background-color: #173774;

    margin-left: 40px;

    margin-top: 20px;

    display: block;

    padding: 8px;

    color: #fff;

    font-weight: 800;

    text-transform: none;

    border-radius: 0px 5px 5px 0px;

}



p.lead {

    font-weight: 300;

    font-size: 106%;

    color: #fff;

    padding: 10px;

}



i.icon-play {

    color: #fff;

}



.videoo .button.icon.circle {

    color: #ffffff;

    box-shadow: 4px 6px 15px rgba(0, 0, 0, 0.75);

}



.img-thumbnail:before {

    width: 50px;

    height: 50px;

    right: 0px;

    content: '';

    position: absolute;

    background-image: url(https://deltacorp.vn/wp-content/uploads/2017/02/arr-top.png);

}



.img-thumbnail:after {

    width: 50px;

    height: 50px;

    left: 0px;

    bottom: -5px;

    content: '';

    position: absolute;

    background-image: url(https://deltacorp.vn/wp-content/uploads/2017/02/arr-bot.png);

}



.section-title a {

    font-weight: 300;

}



.section-title-normal span {

    color: #173774;

    font-weight: 400;

}



.posts-shortcode .first-news h2.post-box-title {

    margin-bottom: 16px;

}



.locvienn img {

    padding: 2px;

}



.accordion-title {

    font-size: 100%;

}



.dark .is-divider {

    background-color: rgba(255, 255, 255, 0);

    margin-bottom: 10px;

}



input#ninja_forms_field_29 {

    margin-top: 20px;

    width: 100%;

}



input#ninja_forms_field_36 {

    margin-top: 20px;

    width: 100%;

}



.loclvv1 {

    padding: 10px;

    background-color: #f1f1f1;

    border-radius: 85px 0 0 85px;

}



.loclvv2 {

    padding: 10px;

    background-color: #f1f1f1;

    border-radius: 0 85px 85px 0;

}



.menu-right {

    background: #f6f6f6 url(https://deltacorp.vn/wp-content/uploads/2017/03/bg_subnav.png) left no-repeat;

    border-radius: 6px;

    padding-left: 16px;

    list-style: none;

    margin-top: 0px;

}



.menu-right li {

    padding: 9px 0px;

    background: url(https://deltacorp.vn/wp-content/uploads/2017/03/line-right-mnu1.png) no-repeat bottom center;

    position: relative;

}



.menu-right li a {

    font-size: 15px;

    color: #383838;

    padding-left: 15px !important;

    display: block !important;

    padding-right: 15px !important;

}



.arrow {

    position: absolute;

    top: 27px;

    left: 0px;

    overflow: hidden;

    border-top: 4px solid transparent;

    border-bottom: 4px solid transparent;

    border-left: 6px solid #939598;

}



@media screen and (min-width: 850px) {


    .span__title {
        font-size: 200%;
        text-transform: uppercase;
    }

    .span__title-about {
        font-size: 200%;
    }

    .span__title-pro {
        font-size: 120%;
        color: #f39c12;
    }

    #banner-grid .grid-col:nth-child(1) {

        position: absolute;

        left: 0px;

        top: 0px;

    }

    #banner-grid .grid-col:nth-child(2) {

        position: absolute;

        left: 773px;

        top: 0px;

    }

    #banner-grid .grid-col:nth-child(3) {

        position: absolute;

        left: 0px;

        top: 300px;

    }

    #banner-grid .grid-col:nth-child(4) {

        position: absolute;

        left: 386px;

        top: 300px;

    }

    #banner-grid .grid-col:nth-child(5) {

        position: absolute;

        left: 0;

        top: 598px;

    }

    #banner-grid .grid-col:nth-child(6) {

        position: absolute;

        left: 773px;
        top: 597px;

    }

    .row-large>.flickity-viewport>.flickity-slider>.col,

    .row-large>.col {

        padding: 0 10px 20px;

        margin-bottom: 0;

    }



    input#ninja_forms_field_7,

    input#ninja_forms_field_13 {

        width: 100% !important;

        background-color: #162d61;

        color: #ffffff;

        font-size: 17px;

        font-weight: bold;

        margin-top: 20px;

    }



    /* Custom CSS Mobile */

    @media (max-width: 549px) {
        .panel__header .date {

            display: none;

        }

        .has-child a {
            color: #333;
        }


        .panel__header h3 {

            font-size: 13px;

            width: 400px;

        }



        img.alignright {

            width: 100%;

            display: block;

            padding: 20px;

        }



        .col.pb-0.footer-phone.text-left {

            display: none;

        }



        .col.pb-0.footer-mxh.text-right {

            text-align: center;

        }

    }



    .label-new.menu-item>a:after {

        content: "New";

    }



    .label-hot.menu-item>a:after {

        content: "Hot";

    }



    .label-sale.menu-item>a:after {

        content: "Sale";

    }



    .label-popular.menu-item>a:after {

        content: "Popular";

    }

}

@media screen and (min-width: 850px) {

    #banner-grid .grid-col:nth-child(1),

    #banner-grid .grid-col:nth-child(4),
    #banner-grid .grid-col:nth-child(5) {

        max-width: 66.66667%;

        -ms-flex-preferred-size: 66.66667%;

        flex-basis: 66.66667%;

    }

    #banner-grid .grid-col:nth-child(2),

    #banner-grid .grid-col:nth-child(3),
    #banner-grid .grid-col:nth-child(6) {

        max-width: 33.33333%;

        -ms-flex-preferred-size: 33.33333%;

        flex-basis: 33.33333%;

    }

    #text-box {

        width: 90%;

    }

}

/* #banner-grid .grid-col:nth-child(1) {

    position: absolute;

    left: 0px;

    top: 0px;

}

#banner-grid .grid-col:nth-child(2) {

    position: absolute;

    left: 773px;

    top: 0px;

}

#banner-grid .grid-col:nth-child(3) {

    position: absolute;

    left: 0px;

    top: 300px;

}

#banner-grid .grid-col:nth-child(4) {

    position: absolute;

    left: 386px;

    top: 300px;

}

#banner-grid .grid-col:nth-child(5) {

    position: absolute;

    left: 0;

    top: 598px;

}

#banner-grid .grid-col:nth-child(6) {

    position: absolute;

    left: 773px;
    top: 597px;

} */

@media (min-width: 550px) {

    #text-box:nth-child(1) {

        width: 44%;

    }

}

#text-box:nth-child(1) {

    width: 44%;

}



#banner-grid .grid-col-1 {

    height: 600px
}



#banner-grid .grid-col-1-2 {

    height: 300px
}



#banner-grid .grid-col-1-3 {

    height: 200px
}



#banner-grid .grid-col-2-3 {

    height: 400px
}



#banner-grid .grid-col-1-4 {

    height: 150px
}



#banner-grid-1900789481 .grid-col-3-4 {

    height: 450px
}

.bg-loaded {

    opacity: 1;

}

#section_featured {

    padding-top: 34px;

    padding-bottom: 34px;

}



#section_featured .section-bg {

    background-image: url(https://www.deltacorp.vn/wp-content/uploads/2020/07/Capture6.png);

    background-position: 41% 0%;

    backface-visibility: hidden;

}

#banner_field {

    padding-top: 330px;

}

.hover .fill.banner-link {

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0) 100%);

}

#banner_about {

    padding-top: 300px;

}



#banner_about .bg {

    border-radius: 0 10px 10px 10px;

    background-position: 31% 18%;

}





@media (min-width:550px) {



    #banner_about {

        padding-top: 400px;

    }



}





@media (min-width:850px) {



    #banner_about {

        padding-top: 396px;

    }



}

#section_about {

    padding-top: 100px;

    padding-bottom: 100px;

    background-color: rgb(0, 23, 77);

}



#section_about .section-bg-overlay {

    background-color: rgba(22, 22, 22, 0.87);

}



#section_about .section-bg {

    background-image: url(../video-image/banner-home1.jpg);

}



#section_about .section-bg {

    background-position: 79% 78%;

}





@media (min-width:850px) {

    #section_about {

        padding-top: 27px;

        padding-bottom: 27px;

    }

}

@media screen and (min-width: 850px) {

    .nl-blog-grid .item-large {

        max-width: 25%;

        -ms-flex-preferred-size: 25%;

        flex-basis: 25%;

    }

    .nl-blog-grid .item-large:nth-child(2),

    .nl-blog-grid .item-large:nth-child(6) {

        max-width: 50%;

        -ms-flex-preferred-size: 50%;

        flex-basis: 50%;

    }

}

.nl-blog-grid .row {

    margin: 0;

}



.nl-blog-grid .row .col {

    padding: 4px;

    margin: 0;

}



.nl-blog-grid a.link-post {

    background-image: linear-gradient(to top, #1a243c 0%, #1e2943 26%, #293657 99%, #293657 100%);

    display: block;

    color: #fff;

    overflow: hidden;

}



.nl-blog-grid figure {

    margin: 0;

    position: relative;

}



.nl-blog-grid img {

    height: 250px;

    object-fit: cover;

    object-position: center;

    display: block;

}



.nl-blog-grid figcaption {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    padding: 0 25px;

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0) 100%);

    z-index: 10;

}



.nl-blog-grid .post_name {

    color: #f39c12;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    max-height: 50px;
    margin-bottom: 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box !important;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}



.nl-blog-grid figcaption.fig_hover {

    background-image: linear-gradient(to top, #000000d9);

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    transform: translateX(-100%);

    -webkit-transition: .2s all ease-in-out;

    -o-transition: .2s all ease-in-out;

    transition: .2s all ease-in-out;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    z-index: 20;

}



.nl-blog-grid figcaption.fig_hover .post_name {

    margin-bottom: 15px;

    max-height: 60px;

    -webkit-line-clamp: 3;

    color: #f69722;

}



.nl-blog-grid figcaption.fig_hover .post_time {

    font-size: 12px;

    font-weight: 400;

    line-height: 15px;

    margin-bottom: 15px;

}



.nl-blog-grid figcaption.fig_hover .post_expcert {

    font-size: 12px;

    font-weight: 400;

    line-height: 15px;

}



.nl-blog-grid a.link-post:hover figcaption.fig_hover {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

}



@media(max-width: 849px) {

    .nl-blog-grid img {

        height: 200px;

    }

}

.mfp-close-hide {

    display: none;

}

@media (max-width: 549px) {

    .panel__header {

        padding: 0;

    }

    .panel__header h3 {

        margin-left: 0;

    }

    .panel__header .panel__arrow {

        display: none;

    }

    .col.pb-0.footer-phone.text-left {

        display: none;

    }

    .col.pb-0.footer-mxh.text-right {

        text-align: center;

    }

}

#text-box-1491837585 {

    width: 60%;

}



#text-box-1491837585 .text {

    font-size: 100%;

}

#banner-1804809239 {

    padding-top: 253px;

}



#banner-1804809239 .overlay {

    background-color: rgba(51, 51, 51, 0.75);

}