--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: #133497;

    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: #133497;

}



.icon__contact .icon p {

    font-size: 14px;

    color: #133497;

    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: 150px;

    }

    .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: #eeeeee;

    }



    #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: #133497;



}







.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: #133497

}







/* 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: #133497;



    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-ff.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: #133497;



    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: 130%;

        color: #133497;

    }



    #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: 55%;



    }



}



/* #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: 361px;



}



.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 {



    font-size: 16px;



    font-weight: 700;



    line-height: 20px;



    max-height: 40px;



    margin-bottom: 25px;



    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, #133497 0%, #133497 26%, #133497, #133497 100%);



    -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: ##ffffff;



}







.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);



}