/*
Theme Name:     News Portal
Theme URI:      https://mysterythemes.com/wp-themes/news-portal
Author:         Mystery Themes
Author URI:     https://mysterythemes.com
Description:    News Portal is the ultimate magazine theme with creative design and powerful features that allow you to quickly and easily create a style to suit your needs. It is completely built on Customizer which allows you to customize most of the theme settings easily with live previews. It is the fully widgetized theme so as to let users manage the website using the easy to use widgets. News Portal Theme is the best choice to create a Beautiful & Powerful News/magazine/blog websites with ease. Get free support at https://mysterythemes.com/support/forum/themes/free-themes/ and check the demo at https://demo.mysterythemes.com/news-portal/
Version:        1.2.0
License:        GNU General Public License v3 or later
License URI:    http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:    news-portal
Tags:           news, blog, entertainment, grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-logo, featured-image-header, footer-widgets, full-width-template, rtl-language-support, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

News Portal is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v3 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
        /*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
/*      html {
  filter: grayscale(100%) !important; 
}    */
         :root {
            --main-bg-color: #7aa228;
            --second-color: #514939;
            --footer-color: #54880b;
            --post-title-color: #514939;
            --post-time-color: #83720c;
            --post-excerpt-color: #363636;
            --line-color: #DDD3B3;
            --orange-color: #FC7616;
        }
        
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        font,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td {
            border: 0;
            font-family: inherit;
            font-size: 100%;
            font-style: inherit;
            font-weight: inherit;
            margin: 0;
            outline: 0;
            padding: 0;
            vertical-align: baseline;
        }
        
        html {
            font-size: 62.5%;
            /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
            overflow-y: scroll;
            /* Keeps page centered in all browsers regardless of content height */
            -webkit-text-size-adjust: 100%;
            /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
            -ms-text-size-adjust: 100%;
            /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
        }
        
        *,
        *:before,
        *:after {
            /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
            -webkit-box-sizing: border-box;
            /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
            -moz-box-sizing: border-box;
            /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
            box-sizing: border-box;
        }
        
        body {
            background: #fff;
        }
        
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        main,
        nav,
        section {
            display: block;
        }
        
        ol,
        ul {
            list-style: none;
        }
        
        table {
            border-collapse: separate;
            border-spacing: 0;
        }
        
        caption,
        th,
        td {
            font-weight: normal;
            text-align: left;
        }
        
        blockquote:before,
        blockquote:after,
        q:before,
        q:after {
            content: "";
        }
        
        blockquote,
        q {
            quotes: """";
        }
        
        a:focus {
            outline: 0;
        }
        
        a:hover,
        a:active {
            outline: none;
        }
        
        a img {
            height: 100%;
            border: 0;
            width: 100%;
            background-position: center center;
            object-fit: cover;
        }
        /*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
        
        body,
        button,
        input,
        select,
        textarea {
            color: #3d3d3d;
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            line-height: 1.8;
            font-weight: 400;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            clear: both;
            font-weight: normal;
            font-family: 'Roboto', sans-serif;
            line-height: 1.3;
            margin-bottom: 10px;
            color: #3d3d3d;
            font-weight: 700;
        }
        
        p {
            margin-bottom: 20px;
        }
        
        b,
        strong {
            font-weight: bold;
        }
        
        dfn,
        cite,
        em,
        i {
            font-style: italic;
        }
        
        blockquote {
            margin: 0 15px;
            font-size: 20px;
            font-style: italic;
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
        }
        
        address {
            margin: 0 0 15px;
        }
        
        pre {
            background: #eee;
            font-family: "Courier 10 Pitch", Courier, monospace;
            font-size: 15px;
            font-size: 1.5rem;
            line-height: 1.6;
            margin-bottom: 1.6em;
            max-width: 100%;
            overflow: auto;
            padding: 1.6em;
        }
        
        code,
        kbd,
        tt,
        var {
            font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
        }
        
        abbr,
        acronym {
            border-bottom: 1px dotted #666;
            cursor: help;
        }
        
        mark,
        ins {
            background: #fff9c0;
            text-decoration: none;
        }
        
        sup,
        sub {
            font-size: 75%;
            height: 0;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }
        
        sup {
            bottom: 1ex;
        }
        
        sub {
            top: .5ex;
        }
        
        small {
            font-size: 75%;
        }
        
        big {
            font-size: 125%;
        }
        
        h1 {
            font-size: 36px;
        }
        
        h2 {
            font-size: 30px;
        }
        
        h3 {
            font-size: 26px;
        }
        
        h4 {
            font-size: 20px;
        }
        
        h5 {
            font-size: 18px;
        }
        
        h6 {
            font-size: 16px;
        }
        /*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/
        
        hr {
            background-color: white;
            border: 0;
            height: 1px;
            margin-bottom: 15px;
        }
        
        ul,
        ol {
            margin: 0 0 15px 20px;
        }
        
        ul {
            list-style: disc;
        }
        
        ol {
            list-style: decimal;
        }
        
        li>ul,
        li>ol {
            margin-bottom: 0;
            margin-left: 15px;
        }
        
        dt {
            font-weight: bold;
        }
        
        dd {
            margin: 0 15px 15px;
        }
        
        img {
            height: auto;
            /* Make sure images are scaled correctly. */
            max-width: 100%;
            /* Adhere to container width. */
            vertical-align: middle;
        }
        
        figure {
            margin: 0;
        }
        
        table {
            margin: 0 0 15px;
            width: 100%;
            border-collapse: collapse;
        }
        
        th {
            font-weight: bold;
            border: 1px solid #CCC;
            padding: 5px 10px;
        }
        
        td {
            border: 1px solid #CCC;
            padding: 5px 10px;
        }
        /*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
        
        button,
        input,
        select,
        textarea {
            font-size: 100%;
            /* Corrects font size not being inherited in all browsers */
            margin: 0;
            /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
            vertical-align: middle;
        }
        
        .navigation .nav-links a,
        .bttn,
        button,
        input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            background: #029fb2;
            color: #ffffff;
            cursor: pointer;
            /* Improves usability and consistency of cursor style between image-type 'input' and others */
            font-size: 14px;
            line-height: 13px;
            height: 33px;
            border: none;
            padding: 10px 15px;
            font-weight: 400;
            display: inline-block;
            position: relative;
            text-shadow: none;
            border: 1px solid #029fb2;
        }
        
        .navigation .nav-links a:hover,
        .bttn:hover,
        button,
        input[type="button"]:hover,
        input[type="reset"]:hover,
        input[type="submit"]:hover {
            background: #029fb2;
            color: #ffffff !important;
        }
        
        input[type="checkbox"],
        input[type="radio"] {
            padding: 0;
        }
        
        button::-moz-focus-inner,
        input::-moz-focus-inner {
            /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
            border: 0;
            padding: 0;
        }
        
        input[type="text"],
        input[type="email"],
        input[type="url"],
        input[type="password"],
        input[type="search"] {
            color: #666;
            border: 1px solid #ccc;
            height: 36px;
            width: 100%;
            -webkit-appearance: none;
        }
        
        input[type="text"]:focus,
        input[type="email"]:focus,
        input[type="url"]:focus,
        input[type="password"]:focus,
        input[type="search"]:focus,
        textarea:focus {
            border: 1px solid #AAA;
        }
        
        .searchform input[type="text"]:focus {
            border: none;
        }
        
        input[type="text"],
        input[type="email"],
        input[type="url"],
        input[type="password"],
        input[type="search"] {
            padding: 3px 6px;
        }
        
        textarea {
            overflow: auto;
            /* Removes default vertical scrollbar in IE6/7/8/9 */
            padding-left: 3px;
            vertical-align: top;
            /* Improves readability and alignment in all browsers */
            color: #666;
            border: 1px solid #ccc;
            height: 160px;
            max-width: 100%;
            width: 100%;
        }
        
        .no-results input[type="search"] {
            width: 45%;
        }
        /*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
        
        a {
            color: #029fb2;
            text-decoration: none;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
        }
        
        a:visited {}
        
        a:hover,
        a:focus,
        a:active {
            color: #029fb2;
        }
        
        a:focus {
            outline: none;
        }
        /*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
        /* Text meant only for screen readers */
        
        .screen-reader-text {
            clip: rect(1px, 1px, 1px, 1px);
            position: absolute !important;
        }
        
        .screen-reader-text:hover,
        .screen-reader-text:active,
        .screen-reader-text:focus {
            background-color: #f1f1f1;
            border-radius: 3px;
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
            clip: auto !important;
            color: #21759b;
            display: block;
            font-size: 14px;
            font-weight: bold;
            height: auto;
            left: 5px;
            line-height: normal;
            padding: 15px 23px 14px;
            text-decoration: none;
            top: 5px;
            width: auto;
            z-index: 100000;
            /* Above WP toolbar */
        }
        /*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
        
        .alignleft {
            display: inline;
            float: left;
            margin-right: 15px;
        }
        
        .alignright {
            display: inline;
            float: right;
            margin-left: 15px;
        }
        
        .aligncenter {
            clear: both;
            display: block;
            margin: 0 auto;
        }
        /*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
        
        .np-clearfix:before,
        .np-clearfix:after,
        .row:before,
        .row:after,
        .entry-content:before,
        .entry-content:after,
        .comment-content:before,
        .comment-content:after,
        .site-header:before,
        .site-header:after,
        .site-content:before,
        .site-content:after,
        .site-footer:before,
        .site-footer:after,
        .mt-container:after,
        .mt-container:before {
            content: '';
            display: table;
        }
        
        .np-clearfix:after,
        .row:after,
        .entry-content:after,
        .comment-content:after,
        .site-header:after,
        .site-content:after,
        .site-footer:after,
        .mt-container:after {
            clear: both;
        }
        
        .clear {
            clear: both;
        }
        /*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
        
        .widget {
            margin-bottom: 32px;
        }
        /* Make sure select elements fit in widgets */
        
        .widget select {
            max-width: 100%;
        }
        
        .widget_search .search-field {
            float: left;
            width: 78%;
        }
        
        .widget_search .search-submit {
            background: #f54337 none repeat scroll 0 0;
            color: #ffffff;
            height: 36px;
            width: 22%;
        }
        
        .widget_archive ul,
        .widget_categories ul,
        .widget_recent_entries ul,
        .widget_meta ul,
        .widget_recent_comments ul,
        .widget_rss ul,
        .widget_pages ul,
        .widget_nav_menu ul {
            list-style: outside none none;
            margin: 0;
        }
        
        .widget_archive li,
        .widget_categories li,
        .widget_recent_entries li,
        .widget_meta li,
        .widget_recent_comments li,
        .widget_rss li,
        .widget_pages li,
        .widget_nav_menu li {
            /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
            margin-bottom: 5px;
            padding-bottom: 5px;
        }
        
        .widget_archive li:last-child,
        .widget_categories li:last-child,
        .widget_recent_entries li:last-child,
        .widget_meta li:last-child,
        .widget_recent_comments li:last-child,
        .widget_rss li:last-child,
        .widget_pages li:last-child,
        .widget_nav_menu li:last-child {
            border: none;
        }
        
        .widget_archive a,
        .widget_categories a,
        .widget_recent_entries a,
        .widget_meta a,
        .widget_recent_comments li,
        .widget_rss li,
        .widget_pages li a,
        .widget_nav_menu li a {
            /* text-transform: capitalize; */
            color: #5f5f5f;
            font-size: 14px;
            line-height: 26px;
            padding-left: 22px;
            position: relative;
            -webkit-transition: color 0.3s ease;
            -moz-transition: color 0.3s ease;
            -ms-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
            display: inline-block;
        }
        
        .widget a:hover,
        .widget a:hover::before,
        .widget li:hover::before {
            color: #029FB2;
        }
        
        .widget_archive a::before,
        .widget_categories a::before,
        .widget_recent_entries a::before,
        .widget_meta a::before,
        .widget_recent_comments li::before,
        .widget_rss li:before,
        .widget_pages li a:before,
        .widget_nav_menu li a:before {
            color: var(--main-bg-color);
            content: "\f187";
            font-family: "FontAwesome";
            font-size: 14px;
            left: 0;
            position: absolute;
            top: 0px;
            -webkit-transition: color 0.3s ease;
            -moz-transition: color 0.3s ease;
            -ms-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }
        
        .widget_categories a::before {
            content: "\f07b";
        }
        
        .widget_recent_entries a::before {
            content: "\f101";
        }
        
        .widget_meta a::before,
        .widget_nav_menu li a:before {
            content: "\f105";
        }
        
        .widget_recent_comments li::before {
            content: "\f086";
            top: 0;
        }
        
        .widget_rss li::before {
            content: "\f09e";
            top: 0;
        }
        
        .widget_pages li a:before {
            content: "\f1ea";
            top: 0;
        }
        
        .widget_search .search-field {
            width: 75%;
            float: left;
        }
        
        .widget_search .search-submit {
            height: 36px;
            width: 25%;
            background: #029FB2;
            border-color: #029FB2;
            color: #ffffff;
        }
        
        .widget_recent_entries .post-date {
            color: #8f8f8f;
            display: block;
            font-size: 11px;
            margin-top: -5px;
            padding-left: 24px;
        }
        
        .widget_nav_menu .sub-menu {
            margin-bottom: -10px;
            margin-top: 10px;
            padding-left: 10px;
        }
        
        .widget_nav_menu li::before {
            top: 0;
        }
        
        .widget_tag_cloud .tagcloud a {
            color: #909090;
            font-size: 14px !important;
            border: 1px solid #cfcfcf;
            padding: 1px 10px;
            display: inline-block;
            margin: 0 5px 10px 0;
            border-radius: 2px;
        }
        
        .widget_tag_cloud .tagcloud a:hover {
            background: #F54037;
            color: #fff;
            border-color: #F54037;
        }
        /*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/
        
        .sticky {
            display: block;
        }
        
        h1.entry-title {
            color: #353535;
            font-weight: 700;
            margin-bottom: 0;
            padding-bottom: 0;
            /* text-transform: capitalize; */
        }
        
        h1.entry-title a {
            color: #3d3d3d;
        }
        
        .hentry {
            margin: 0 0 15px;
        }
        
        .single .byline,
        .group-blog .byline,
        .posted-on,
        .blog-author,
        .blog-cat {
            display: inline;
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            font-style: italic;
            font-weight: 300;
        }
        
        .cat-links {
            margin-right: 10px;
        }
        
        .page-content,
        .entry-content,
        .entry-summary {
            margin: 4px 0 0;
        }
        
        .page-links {
            clear: both;
            margin: 0 0 15px;
        }
        
        .edit-link .post-edit-link {
            background: #029fb2;
            padding: 4px 10px;
            color: #FFF !important;
            line-height: 1;
            border-radius: 3px;
            font-size: 13px;
        }
        
        .edit-link .post-edit-link:before {
            content: "\f044";
            font-family: FontAwesome;
            margin-right: 5px;
        }
        
        #blog-post article.hentry,
        .search article.hentry,
        .archive article.hentry,
        .tag article.hentry,
        .category article.hentry,
        .blog article.hentry {
            margin-bottom: 20px;
            border-bottom: 1px dashed #DDD;
            display: flex;
            /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); */
        }
        
        .blog article.hentry:first-child {
            margin-top: 30px;
        }
        
        article.hentry .edit-link {
            display: block;
            margin-top: 20px;
        }
        
        article.hentry h1.entry-title {
            margin-bottom: 5px;
            line-height: 1.2;
        }
        
        article.hentry .entry-footer>span {
            margin-right: 15px;
            font-size: 13px;
        }
        
        .page-header .page-title {
            color: #333333;
            padding-bottom: 15px;
        }
        
        .posted-on:before {
            content: "\f017";
            font-family: FontAwesome;
            font-style: normal;
            margin-right: 5px;
        }
        
        .posted-counter:before {
            content: '\f06e';
            font-family: FontAwesome;
            font-style: normal;
            margin-right: 5px;
        }
        
        .cat-links:before {
            content: "\f07c";
            font-family: FontAwesome;
            font-style: normal;
            margin-right: 5px;
        }
        
        .comments-link:before {
            content: "\f075";
            font-family: FontAwesome;
            font-style: normal;
            margin-right: 5px;
        }
        
        .byline:before {
            content: "\f007";
            font-family: FontAwesome;
            font-style: normal;
            margin-right: 5px;
        }
        
        .tags-links:before {
            content: "\f02c";
            font-family: FontAwesome;
            font-style: normal;
            margin-right: 3px;
        }
        
        .entry-footer .tags-links a {
            border: 1px solid #e1e1e1;
            display: inline-block;
            margin: 0 5px;
            padding: 0 10px;
        }
        
        .updated {
            display: none;
        }
        
        .published.updated {
            display: inline-block;
        }
        
        .entry-footer a {
            color: #999;
        }
        
        .entry-footer a:hover {
            color: #029fb2
        }
        
        .nav-links .meta-nav {
            display: none;
        }
        
        .nav-links {
            display: none;
        }
        
        .nav-links .nav-previous,
        .nav-links .nav-next {
            width: 50%;
            float: left;
        }
        
        .nav-links .nav-next {
            text-align: right;
            float: right;
        }
        
        .nav-links .nav-previous a:before {
            content: "\f0d9";
            font-family: FontAwesome;
            font-style: normal;
            margin-right: 5px;
        }
        
        .nav-links .nav-next a:after {
            content: "\f0da";
            font-family: FontAwesome;
            font-style: normal;
            margin-left: 5px;
        }
        
        .nav-links .nav-previous,
        .nav-links .nav-next {
            float: left;
            width: 25%;
        }
        
        .nav-links .nav-next {
            float: right;
        }
        
        .nav-links .nav-next a,
        .nav-links .nav-previous a {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .entry-thumbnail {
            width: 38%;
            float: left;
        }
        
        .entry-excerpt {
            width: 60%;
            float: right;
        }
        
        .short-content {
            margin-bottom: 10px;
        }
        
        .short-content+.bttn {
            float: right;
        }
        
        .entry-footer {
            margin-top: 10px;
        }
        
        .full-width {
            float: none;
            width: 100%;
        }
        /*--------------------------------------------------------------
Asides
--------------------------------------------------------------*/
        
        .blog .format-aside .entry-title,
        .archive .format-aside .entry-title {
            display: none;
        }
        /*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
        
        .comment-content a {
            word-wrap: break-word;
        }
        
        .bypostauthor {
            display: block;
        }
        
        #comments h2.comments-title {
            color: #333;
            display: inline-block;
            font-size: 22px;
            font-style: normal;
            font-weight: 700;
            margin: 15px 0;
            padding: 8px 15px;
        }
        
        #comments h3 {
            margin: 0 0 10px;
            color: #141414;
            font-weight: 600;
            display: inline-block;
            line-height: 22px;
            font-size: 18px;
        }
        
        #commentform label {
            width: 120px;
            display: block;
        }
        
        textarea#comment {
            width: 100%;
            height: 150px;
        }
        /*Comment Lists*/
        
        .comments-area ol {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        .comments-area ol.children {
            margin: 0 0 0 15px;
        }
        
        .comment-list .comment-body {
            padding: 15px;
            margin-bottom: 20px;
            background: #F2F2F2;
            border-top: 2px solid #029fb2;
        }
        
        .comment-author img {
            vertical-align: text-top;
            margin-right: 15px;
        }
        
        .comment-metadata {
            margin-top: -10px;
            padding-left: 57px;
        }
        
        .comment-content {
            padding-left: 58px;
            margin-top: 10px;
        }
        
        .comment-author .fn {
            font-style: normal;
            font-size: 16px;
            text-transform: capitalize;
            font-weight: bold;
        }
        
        .comment-author .fn .url {
            color: #333;
            padding: 0 5px;
        }
        
        .comment-author .fn .url:hover {
            color: #029fb2;
        }
        
        .comment-author .says {
            display: none;
        }
        
        .commentmetadata {
            float: right;
            font-weight: normal;
            font-size: 12px;
            font-style: italic;
            font-weight: 300;
        }
        
        .commentmetadata a {
            color: #666;
        }
        
        .commentmetadata .comment-edit-link {
            color: #01AEFD;
        }
        
        .commentmetadata+.clear {
            margin-bottom: 20px;
        }
        
        .reply .comment-reply-link {
            background: none repeat scroll 0 0 #029fb2;
            border-radius: 3px;
            color: #FFFFFF;
            font-size: 13px;
            line-height: 1;
            padding: 2px 10px;
        }
        
        #respond {
            background: #f9f9f9 none repeat scroll 0 0;
            color: #141414;
            margin-top: 40px;
            padding: 20px;
        }
        
        #commentform .form-submit {
            margin-bottom: 0;
        }
        
        #cancel-comment-reply-link {
            font-style: italic;
            color: #029fb2;
        }
        
        #cancel-comment-reply-link:before {
            font-family: FontAwesome;
            content: "\f057";
            margin: 0 5px 0 20px;
            font-style: normal;
            color: #029fb2;
        }
        
        .logged-in-as a {
            color: #029fb2;
        }
        /*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/
        /* Globally hidden elements when Infinite Scroll is supported and in use. */
        
        .infinite-scroll .paging-navigation,
        /* Older / Newer Posts Navigation (always hidden) */
        
        .infinite-scroll.neverending .site-footer {
            /* Theme Footer (when set to scrolling) */
            display: none;
        }
        /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
        
        .infinity-end.neverending .site-footer {
            display: block;
        }
        
        #infinite-footer {
            display: none;
        }
        /*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
        
        .page-content img.wp-smiley,
        .entry-content img.wp-smiley,
        .comment-content img.wp-smiley {
            border: none;
            margin-bottom: 0;
            margin-top: 0;
            padding: 0;
        }
        
        .wp-caption {
            border: 1px solid #ccc;
            margin-bottom: 15px;
            max-width: 100%;
        }
        
        .wp-caption img[class*="wp-image-"] {
            display: block;
            margin: 1.2% auto 0;
            max-width: 98%;
        }
        
        .wp-caption-text {
            text-align: center;
        }
        
        .wp-caption .wp-caption-text {
            margin: 10px 0;
        }
        
        .site-main .gallery {
            margin-bottom: 1.5em;
        }
        
        .gallery-caption {}
        
        .site-main .gallery a img {
            border: none;
            height: auto;
            max-width: 90%;
        }
        
        .site-main .gallery dd,
        .site-main .gallery figcaption {
            margin: 0;
        }
        /* .site-main .gallery-columns-4 .gallery-item {}
        
        .site-main .gallery-columns-4 .gallery-item img {} */
        /* Make sure embeds and iframes fit their containers */
        
        embed,
        iframe,
        object {
            max-width: 100%;
        }
        /*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/
        
        .gallery {
            margin-bottom: 1.5em;
            margin-left: -2%;
        }
        
        .gallery-item {
            display: inline-block;
            text-align: center;
            vertical-align: top;
            width: 100%;
            margin-bottom: 3%;
            margin-left: 2%;
        }
        
        .site-main .gallery a img {
            max-width: none;
            width: 100%;
        }
        
        .gallery-columns-2 .gallery-item {
            max-width: 47%;
        }
        
        .gallery-columns-3 .gallery-item {
            max-width: 31.33%;
        }
        
        .gallery-columns-4 .gallery-item {
            max-width: 23%;
        }
        
        .gallery-columns-5 .gallery-item {
            max-width: 18%;
        }
        
        .gallery-columns-6 .gallery-item {
            max-width: 14.66%;
        }
        
        .gallery-columns-7 .gallery-item {
            max-width: 12.28%;
        }
        
        .gallery-columns-8 .gallery-item {
            max-width: 10.5%;
        }
        
        .gallery-columns-9 .gallery-item {
            max-width: 9.11%;
        }
        
        .gallery-caption {
            display: block;
        }
        /*--------------------------------------------------------------
Grid CSS
--------------------------------------------------------------*/
        
        .mt-column-wrapper {
            margin-left: -2%;
        }
        
        .mt-column-1 {
            float: left;
            width: 98%;
            margin-left: 2%;
        }
        
        .mt-column-2 {
            float: left;
            width: 48%;
            margin-left: 2%;
        }
        
        .mt-column-3 {
            float: left;
            width: 31.33%;
            margin-left: 2%;
        }
        
        .mt-column-4 {
            float: left;
            width: 23%;
            margin-left: 2%;
        }
        /*--------------------------------------------------------------
Sidebar layout css 
--------------------------------------------------------------*/
        
        #primary,
        .home.blog #primary {
            float: left;
            width: 70%;
        }
        
        #secondary,
        .home.blog #secondary {
            float: right;
            width: 27%;
        }
        
        .page-template-magazine-template #primary {
            float: none;
            width: 100%;
        }
        
        .left-sidebar #primary {
            float: right;
        }
        
        .left-sidebar #secondary {
            float: left;
        }
        
        .no-sidebar #primary {
            float: none;
            width: 100%;
            margin: 0 auto;
        }
        
        .no-sidebar #secondary {
            display: none;
        }
        
        .no-sidebar-center #primary {
            float: none;
            margin: 0 auto;
        }
        
        .home.blog #content .mt-container {
            margin: 20px auto;
        }
        
        .home.blog #content #primary article:first-child {
            margin-top: 0;
        }
        /*--------------------------------------------------------------
COMMON CSS
--------------------------------------------------------------*/
        
        body {
            font-weight: 400;
            overflow: hidden;
            position: relative;
            font-family: 'Roboto', sans-serif;
            line-height: 1.8;
        }
        
        .boxed_layout #page {
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            margin: 0 auto;
            width: 1200px;
            background: #ffffff;
        }
        
        body.fullwidth-layout #page {
            background: #fff none repeat scroll 0 0;
        }
        
        .mt-container {
            width: 1170px;
            margin: 0 auto;
        }
        
        .hide {
            display: none;
        }
        /*--------------------------------------------------------------
Header CSS
--------------------------------------------------------------*/
        /*--------------------------------------------------------------
## Top Header CSS
--------------------------------------------------------------*/
        
        .np-top-header-wrap {
            background: #029fb2 none repeat scroll 0 0;
            color: #fff;
            padding: 8px 0;
        }
        
        .np-top-left-section-wrapper {
            float: left;
            /* font-size: 12px; */
        }
        
        .np-top-left-section-wrapper .date-section {
            float: left;
            margin-right: 10px;
        }
        
        .np-top-left-section-wrapper .date-section::before {
            content: "\f017";
            display: inline-block;
            font-family: FontAwesome;
            margin-right: 8px;
        }
        
        .top-navigation {
            float: left;
        }
        
        .top-navigation ul {
            list-style: outside none none;
            margin: 0;
        }
        
        .top-navigation ul li {
            border-right: 1px solid #fff;
            display: inline-block;
            line-height: 12px;
            padding: 0 10px;
        }
        
        .top-navigation ul li a {
            color: #fff;
        }
        
        .np-top-right-section-wrapper {
            float: right;
        }
        
        .np-top-right-section-wrapper .social-link {
            display: block;
            float: left;
            margin-top: -5px;
        }
        
        .np-top-right-section-wrapper .social-link a {
            color: #fff;
            display: inline-block;
            font-size: 12px;
            line-height: 12px;
            margin: 0 0 0 10px;
        }
        
        #masthead .site-branding {
            float: left;
            /* margin: 20px 0; */
        }
        
        #masthead .np-header-ads-area {
            /*change header size*/
            margin: 0 auto;
            width: 1200px;
        }
        /* PHAN TRUNG TINH -- UPDATE CSS OF HEADER BANNER */
        
        #masthead img {
            width: 100%;
            height: auto;
            /* margin: 0 0 -32px 0; */
        }
        
        #masthead .np-header-ads-area .news_portal_ads_banner {
            margin: 0;
            padding: 0;
        }
        
        .np-logo-section-wrapper {
            /*change header size*/
            /*padding: 20px 0;*/
        }
        /*Tran Hiep edit hover*/
        /* .top-navigation ul.sub-menu,
.footer-navigation ul.sub-menu {
    display: none;
} */
        /*---------------------------------*/
        /*--------------------------------------------------------------
## Menu Header CSS
--------------------------------------------------------------*/
        
        .site-title {
            font-size: 32px;
            font-weight: 700;
            line-height: 40px;
            margin: 0;
        }
        
        .site-description {
            margin: 0;
        }
        
        .np-header-menu-wrapper a:hover>i {
            color: var(--main-bg-color);
        }
        
        .np-header-menu-wrapper {
            background: #029fb2 none repeat scroll 0 0;
            margin-bottom: 20px;
            position: relative;
        }
        
        .np-header-menu-wrapper .mt-container {
            position: relative;
        }
        
        .np-header-menu-wrapper .mt-container::before {
            /* background: rgba(0, 0, 0, 0) url("assets/images/menu-shadow.png") no-repeat scroll center top; */
            content: "";
            height: 38px;
            left: 50%;
            margin-left: -480px;
            opacity: 1;
            position: absolute;
            top: 100%;
            width: 960px;
        }
        
        .np-home-icon a {
            color: #fff !important;
            display: block;
            float: left;
            font-size: 18px;
            line-height: 40px;
            padding: 0 12px;
            position: relative;
        }
        
        .home .np-home-icon a,
        .np-home-icon a:hover {
            background: #028a9a none repeat scroll 0 0;
        }
        
        #site-navigation {
            float: left;
        }
        
        #site-navigation ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        #site-navigation ul li {
            display: inline-block;
            line-height: 40px;
            margin-right: -3px;
            position: relative;
        }
        
        #site-navigation ul li a {
            border-left: 1px solid rgba(255, 255, 255, 0.2);
            border-right: 1px solid rgba(0, 0, 0, 0.08);
            display: block;
            padding: 0 15px;
            position: relative;
            text-transform: capitalize;
        }
        
        #site-navigation ul li a:hover {
            color: #fff !important;
        }
        
        #site-navigation ul ul.children li a {
            line-height: 25px;
            padding: 8px 15px;
        }
        
        #site-navigation ul li:hover>a,
        #site-navigation ul li.current-menu-item>a,
        #site-navigation ul li.current_page_item>a,
        #site-navigation ul li.current-menu-ancestor>a {
            background: #028a9a;
        }
        
        #site-navigation ul.sub-menu,
        #site-navigation ul.children {
            background: #029fb2 none repeat scroll 0 0;
            left: 0;
            min-width: 200px;
            position: absolute;
            top: 120%;
            z-index: 99;
            opacity: 0;
            visibility: hidden;
            /* -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease; */
        }
        /*Tran Hiep edit hover submenu*/
        
        #top-navigation ul.sub-menu,
        #top-navigation ul.children {
            background: #fff none repeat scroll 0 0;
            left: 0;
            min-width: 320px;
            position: absolute;
            top: 120%;
            z-index: 99;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            display: none;
        }
        
        #top-navigation ul li {
            display: inline-block;
            /*line-height: 34px;*/
            position: relative;
        }
        
        #top-navigation ul li a {
            color: #fff;
            display: block;
            position: relative;
            padding-top: 8px;
            padding-bottom: 8px;
            text-transform: capitalize;
        }
        
        #top-navigation ul li .sub-menu a {
            color: #333 !important;
        }
        
        #top-navigation ul li .sub-menu a:hover {
            color: white !important;
            background: var(--main-bg-color);
            background-clip: padding-box;
            padding-left: 8px;
            border-radius: 4px !important;
            transition: all 0.5s ease;
        }
        
        #top-navigation {
            float: left;
        }
        
        #top-navigation ul li:hover>ul.sub-menu,
        #top-navigation ul li:hover>ul.children {
            opacity: 1;
            visibility: visible;
            top: 100%;
        }
        /* #top-navigation ul li:hover>ul.sub-menu:hover {
            visibility: hidden;
            opacity: 0;
            transition-delay: 1.25s;
        } */
        
        .show {
            display: unset !important;
        }
        
        #top-navigation ul li.focus>ul.sub-menu,
        #top-navigation ul li.focus>ul.children {
            opacity: 1;
            visibility: visible;
            -transform: scale(1);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
        }
        
        #top-navigation ul.sub-menu li,
        #top-navigation ul.children li {
            float: none;
            display: block;
            /* border-bottom: 1px solid #e1e1e1; */
            border-right: 0px;
            margin: 0;
        }
        
        #top-navigation ul li:hover>a,
        #top-navigation ul li.current_page_item>a,
        #top-navigation ul li.current-menu-ancestor>a {
            color: white !important;
        }
        
        #top-navigation ul li.current-menu-item>a {
            color: var(--main-bg-color) !important;
        }
        
        #top-right-navigation ul li:hover>a,
        #top-right-navigation li.current-menu-item>a,
        #top-right-navigation li.current_page_item>a,
        #top-right-navigation li.current-menu-ancestor>a {
            color: white !important;
        }
        /* #top-menu #menu-item-472 a::before {
          content: "\f19c";
          display: inline-block;
          padding-right: 8px;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
        } */
        
        #menu-item-498 a:before {
            content: "\f2c0";
            display: inline-block;
            padding-right: 8px;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
        }
        
        @media (max-width: 768px) {
            .np-top-header-wrap {
                display: none;
            }
        }
        /*---------------------------------------------------------------*/
        
        #site-navigation ul li:hover>ul.sub-menu,
        #site-navigation ul li:hover>ul.children {
            opacity: 1;
            visibility: visible;
            top: 100%;
        }
        
        #site-navigation ul li.focus>ul.sub-menu,
        #site-navigation ul li.focus>ul.children {
            opacity: 1;
            visibility: visible;
            -transform: scale(1);
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
        }
        
        #site-navigation ul.sub-menu li,
        #site-navigation ul.children li {
            float: none;
            display: block;
            border-bottom: 1px solid #e1e1e1;
            margin: 0;
        }
        
        #site-navigation ul.sub-menu li:last-child,
        #site-navigation ul.children li:last-child {
            border: none;
        }
        
        #site-navigation ul.sub-menu ul,
        #site-navigation ul.children ul {
            right: -100%;
            left: 100%;
            top: -20%;
        }
        
        #site-navigation ul.sub-menu li:hover>ul,
        #site-navigation ul.children li:hover>ul {
            top: 0;
        }
        
        #site-navigation ul li.menu-item-has-children>a:before,
        #site-navigation ul li.page_item_has_children>a:before {
            content: "\f107";
            font-family: FontAwesome;
            position: absolute;
            right: 13px;
            top: -1px;
        }
        
        #site-navigation ul.sub-menu li.menu-item-has-children>a:before,
        #site-navigation ul.children li.page_item_has_children>a:before {
            content: "\f105";
        }
        
        #site-navigation ul#primary-menu li.menu-item-has-children a,
        #site-navigation #primary-menu li.page_item_has_children a {
            padding-right: 30px;
        }
        
        .home .np-home-icon a::after,
        .np-home-icon a:hover::after,
        #site-navigation ul#primary-menu>li:hover>a:after,
        #site-navigation ul#primary-menu>li.current-menu-item>a::after {
            border-bottom: 5px solid #fff;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            bottom: 0;
            content: "";
            height: 0;
            left: 50%;
            position: absolute;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 0;
        }
        
        .np-header-menu-wrapper::before,
        .np-header-menu-wrapper::after {
            background: #029fb2 none repeat scroll 0 0;
            content: "";
            height: 100%;
            left: -5px;
            position: absolute;
            top: 0;
            width: 5px;
            z-index: 99;
        }
        
        .np-header-menu-wrapper::after {
            left: auto;
            right: -5px;
            visibility: visible;
        }
        
        .np-header-menu-block-wrap::before,
        .np-header-menu-block-wrap::after {
            border-bottom: 5px solid transparent;
            border-right: 5px solid #03717f;
            border-top: 5px solid transparent;
            bottom: -6px;
            content: "";
            height: 0;
            left: -5px;
            position: absolute;
            width: 5px;
        }
        
        .np-header-menu-block-wrap::after {
            left: auto;
            right: -5px;
            transform: rotate(180deg);
            visibility: visible;
        }
        
        .is-sticky .np-header-menu-wrapper {
            z-index: 99;
        }
        
        #site-navigation ul li a.sub-toggle {
            display: none;
        }
        /*--------------------------------------------------------------
## Header Search CSS
--------------------------------------------------------------*/
        
        .np-header-search-wrapper {
            float: right;
            position: relative;
        }
        
        .search-main {
            display: block;
            line-height: 40px;
            cursor: pointer;
            color: #ffffff;
            width: 40px;
            text-align: center;
        }
        
        .search-main a,
        .search-main a:focus,
        .search-main a:hover {
            color: #ffffff;
        }
        
        .np-header-search-wrapper .search-form-main {
            background: #ffffff none repeat scroll 0 0;
            box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);
            border-top: 2px solid #029FB2;
            padding: 15px;
            position: absolute;
            right: 0;
            top: 130%;
            width: calc(350px - 50px);
            z-index: 9999;
            opacity: 0;
            visibility: hidden;
        }
        
        .np-header-search-wrapper .search-form-main:before {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #029FB2;
            content: "";
            position: absolute;
            right: 15px;
            top: -10px;
        }
        /*Tran Hiep edit search*/
        
        .np-header-search-wrapper .search-form-main .search-field {
            border-radius: 0;
            padding: 4px 10px;
            width: 75%;
            float: left;
        }
        
        .np-header-search-wrapper .search-form-main .search-submit {
            border: medium none;
            border-radius: 0;
            box-shadow: none;
            color: #fff;
            float: left;
            padding: 10px 0 10px;
            width: 24%;
            margin-left: 1%;
            height: 36px;
            background: #029FB2;
        }
        
        .search-form-main.active-search {
            opacity: 1;
            visibility: visible;
            background: var(--main-bg-color);
            border-radius: 4px;
        }
        
        .menu-toggle {
            color: #333;
            display: none;
            float: left;
            font-size: 20px;
            padding: 2px 15px;
        }
        
        .sub-toggle {
            display: none;
        }
        /*--------------------------------------------------------------
Ticker CSS
--------------------------------------------------------------*/
        
        .np-ticker-block {
            border: 1px solid #e1e1e1;
            margin: 30px 0;
            position: relative;
        }
        
        .ticker-caption {
            background: #464646 none repeat scroll 0 0;
            color: #fff;
            display: block;
            float: left;
            margin-right: 20px;
            padding: 5px 15px;
        }
        
        .ticker-content-wrapper {
            display: block;
            float: left;
            width: 80%;
        }
        
        .ticker-content-wrapper .post-cats-list {
            float: left;
            margin-right: 15px;
            display: none;
        }
        
        .ticker-content-wrapper .lslide.active {
            height: auto !important;
        }
        
        .ticker-content-wrapper .cS-hidden {
            opacity: 1;
        }
        
        .news-ticker-title>a {
            color: #333;
            display: block;
            margin: 5px 0 0;
        }
        
        .np-ticker-block .lSAction {
            position: absolute;
            right: 10px;
            top: 5px;
        }
        
        .np-ticker-block .lSAction>a {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            display: inline-block;
            height: auto;
            margin: 0 5px !important;
            position: static;
            width: auto;
            opacity: 1;
        }
        
        .np-ticker-block .lSSlideOuter.vertical,
        .np-ticker-block .lSSlideWrapper,
        .np-ticker-block .lSSlideWrapper .lSFade {
            position: static;
        }
        /* PHAN TRUNG TINH -- HINDDEN .category */
        /* .post-cats-list span {
          display: none;
          vertical-align: top;
        } */
        
        .post-cats-list a:hover {
            color: #fff !important;
            background-color: var(--main-bg-color) !important;
            display: inline-block;
            font-size: 12px;
            font-weight: 500;
            margin-right: 5px;
            padding: 1px 12px;
            text-transform: capitalize;
            white-space: nowrap;
            overflow: hidden;
            max-width: 240px;
            min-width: 120px;
            -webkit-line-clamp: 1;
            text-overflow: ellipsis;
        }
        
        .post-cats-list a {
            color: #fff !important;
            background-color: var(--main-bg-color) !important;
            display: inline-block;
            font-size: 12px;
            font-weight: 500;
            margin-right: 5px;
            padding: 1px 12px;
            /* text-transform: capitalize; */
            white-space: nowrap;
            overflow: hidden;
            max-width: 240px;
            min-width: 120px;
            -webkit-line-clamp: 1;
            text-overflow: ellipsis;
        }
        /*--------------------------------------------------------------
Slider CSS
--------------------------------------------------------------*/
        
        .news_portal_slider .lSAction>a {
            background: none;
        }
        
        .news_portal_featured_slider {
            margin: 0 0 25px;
            margin-top: 20px;
        }
        
        .news_portal_featured_slider .slider-posts {
            float: left;
            width: 50%;
            margin: 0;
            padding: 0;
        }
        
        .news_portal_slider {
            float: none;
            margin-bottom: 20px;
            padding-bottom: 10px;
            width: 100%;
        }
        
        .np-single-slide-wrap,
        .news_portal_carousel .np-single-post,
        .news_portal_block_posts .layout3 .np-primary-block-wrap {
            position: relative;
        }
        
        .np-slide-content-wrap,
        .news_portal_carousel .np-single-post .np-post-content,
        .news_portal_block_posts .layout3 .np-primary-block-wrap .np-single-post .np-post-content {
            bottom: 0;
            left: 0;
            padding: 20px;
            position: absolute;
            width: 100%;
            background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) repeat scroll 0 0;
        }
        
        .np-slide-content-wrap .post-title,
        .news_portal_featured_posts .np-single-post .np-post-content .np-post-title,
        .news_portal_carousel .np-single-post .np-post-title,
        .news_portal_block_posts .layout3 .np-primary-block-wrap .np-single-post .np-post-title {
            line-height: 26px;
            margin: 5px 0;
        }
        
        .np-slide-content-wrap .post-title a,
        .news_portal_featured_posts .np-single-post .np-post-content .np-post-title a,
        .news_portal_carousel .np-single-post .np-post-title a,
        .news_portal_block_posts .layout3 .np-primary-block-wrap .np-single-post .np-post-title a {
            color: #fff;
            font-size: 20px;
            text-transform: capitalize;
        }
        
        .np-slide-content-wrap .post-title a:hover,
        .news_portal_featured_posts .np-single-post .np-post-content .np-post-title a:hover,
        .news_portal_carousel .np-single-post .np-post-title a:hover,
        .news_portal_block_posts .layout3 .np-primary-block-wrap .np-single-post .np-post-title a:hover {
            color: #029fb2;
        }
        
        .np-slide-content-wrap .np-post-meta span,
        .np-slide-content-wrap .np-post-meta span a,
        .news_portal_featured_posts .np-single-post .np-post-meta span,
        .news_portal_featured_posts .np-single-post .np-post-meta span a {
            color: #cccccc;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
        }
        
        .np-slide-content-wrap .np-post-meta span,
        .news_portal_featured_posts .np-single-post .np-post-meta span {
            margin-right: 15px;
        }
        
        .news_portal_featured_slider .slider-posts .lSAction {
            position: absolute;
            right: 20px;
            top: 20px;
        }
        
        .news_portal_featured_slider .slider-posts .lSAction>a {
            background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
            color: #fff;
            display: inline-block;
            font-size: 20px;
            line-height: 30px;
            margin: 0 2px;
            opacity: 1;
            position: static;
            text-align: center;
        }
        
        .news_portal_featured_slider .slider-posts .lSAction>a:hover {
            background: #029FB2;
            color: #fff;
        }
        
        .news_portal_featured_slider .featured-posts {
            float: right;
            width: 50%;
            padding: 0;
        }
        
        .news_portal_featured_slider .featured-posts .np-single-post-wrap {
            float: left;
            margin-bottom: 5px;
            padding-left: 5px;
            position: relative;
            width: 50%;
        }
        
        .news_portal_featured_slider .featured-posts .np-single-post {
            position: relative;
        }
        
        .news_portal_featured_slider .featured-posts .np-single-post .np-post-content {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 15px;
            background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) repeat scroll 0 0;
        }
        
        .news_portal_featured_slider .featured-posts .np-single-post .np-post-content .np-post-title {
            line-height: 20px;
        }
        
        .news_portal_featured_slider .featured-posts .np-single-post .np-post-content .np-post-title a {
            font-size: 15px;
            color: #fff;
        }
        
        .news_portal_featured_slider .featured-posts .np-single-post .np-post-content .np-post-title a:hover {
            color: #029fb2;
        }
        
        .news_portal_featured_slider .featured-posts .np-single-post .np-post-meta span,
        .news_portal_featured_slider .featured-posts .np-single-post .np-post-meta span a {
            font-size: 12px;
        }
        
        .np-home-top-section .news_portal_featured_posts .np-block-wrapper {
            background: #f2f2f2 none repeat scroll 0 0;
            padding: 20px;
        }
        
        .news_portal_featured_posts .np-featured-posts-wrapper {
            margin-left: -2%;
        }
        
        .news_portal_featured_posts .np-single-post-wrap {
            float: left;
            margin-left: 2%;
            width: 23%;
        }
        
        .news_portal_featured_posts .np-single-post .np-post-content {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            float: left;
            padding: 0;
            position: static;
        }
        
        .news_portal_featured_posts .np-single-post-wrap .np-post-thumb {
            float: left;
            width: 42%;
        }
        
        .news_portal_featured_posts .np-single-post-wrap .np-post-content {
            float: left;
            margin-left: 4%;
            margin-top: 6%;
            width: 54%;
        }
        
        .news_portal_featured_posts .np-single-post-wrap .np-post-content .np-post-title a {
            color: #333;
            font-size: 14px;
        }
        
        .news_portal_featured_posts .np-single-post-wrap .np-post-content .np-post-title a:hover {
            color: #029fb2;
        }
        
        .news_portal_featured_posts .np-single-post-wrap .np-post-content .np-post-title {
            line-height: 20px;
            margin: 0 0 2px;
        }
        
        .news_portal_featured_posts .np-single-post-wrap .np-post-content .np-post-meta .byline {
            display: block;
        }
        
        .news_portal_featured_posts .np-single-post-wrap .np-post-content .np-post-meta span,
        .news_portal_featured_posts .np-single-post-wrap .np-post-content .np-post-meta span a {
            color: #989898;
        }
        /*--------------------------------------------------------------
Block Post Widget CSS
--------------------------------------------------------------*/
        
        .np-post-thumb,
        .np-slide-thumb {
            overflow: hidden;
        }
        
        .np-post-thumb img,
        .np-slide-thumb img {
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
            -webkit-transform: scale(1) rotate(0deg);
            -ms-transform: scale(1) rotate(0deg);
            -o-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
            opacity: 1;
            border-radius: 4px 4px 0 0;
        }
        
        .np-post-thumb:hover img,
        .np-slide-thumb:hover img {
            -webkit-transform: scale(1.05) rotate(1deg);
            -ms-transform: scale(1.05) rotate(1deg);
            -o-transform: scale(1.05) rotate(1deg);
            transform: scale(1.05) rotate(1deg);
            opacity: 0.8;
        }
        
        .np-home-middle-section .middle-primary {
            float: left;
            width: 67%;
        }
        
        .np-home-middle-section .middle-aside {
            float: right;
            width: 31%;
        }
        
        .np-block-title,
        .widget-title,
        .page-header .page-title,
        .np-related-title {
            /* background: #f7f7f7 none repeat scroll 0 0; */
            /* border: 1px solid #e1e1e1; */
            font-size: 24px;
            margin: 0 0 20px;
            padding: 6px 20px;
            text-transform: uppercase;
            border-left: none;
            border-right: none;
            color: #029FB2;
            text-align: left;
        }
        
        .news_portal_block_posts .np-primary-block-wrap {
            float: left;
            width: 48%;
        }
        /* PHAN TRUNG TINH */
        
        .layout-5 {
            column-count: 3;
            column-gap: 12px;
            grid-template-columns: 1fr 1fr 1fr;
            /* -moz-column-count: 3; 
            -webkit-column-count: 3;
            -moz-column-gap:12px;
            -webkit-column-gap:12px; */
        }
        
        .it-center-dlu-notification {
            width: 100%;
        }
        
        .news_portal_block_posts .np-primary-block-wrap-ict {
            float: left;
            /* width: 31%; */
            break-inside: avoid;
            margin: 1%;
        }
        
        #read-more-category {
            width: 100%;
            padding-right: 12px;
        }
        
        #read-more-category a {
            /* color: var(--second-color); */
            color: #092532;
            font-size: 14px;
            float: right;
            margin-right: 14px;
            margin-top: 14px;
            font-weight: bold;
        }
        
        .news_portal_block_posts .np-primary-block-wrap-layout-5 {
            float: left;
            /* width: 31%; */
            /* break-inside: avoid; */
            /* margin: 1%; */
        }
        
        .news_portal_block_posts .np-secondary-block-wrap {
            float: right;
            width: 49%;
        }
        
        .np-post-title.large-size a,
        .np-post-title.small-size a {
            /* color: #333; */
            color: var(--post-title-color);
            display: block;
            font-size: 16px;
        }
        
        .np-post-title.large-size,
        .np-post-title.small-size {
            /* margin: 15px 0 10px; */
            margin: 0 auto;
            height: 50px;
            /* text-transform: capitalize; */
        }
        
        .np-post-meta span,
        .np-post-meta span a {
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            display: inline-block;
        }
        
        .np-post-meta span:hover,
        .np-post-meta span a:hover,
        .news_portal_featured_posts .np-single-post-wrap .np-post-content .np-post-meta span:hover,
        .news_portal_featured_posts .np-single-post-wrap .np-post-content .np-post-meta span a:hover {
            color: #029fb2;
        }
        
        .np-post-meta span {
            margin-right: 15px;
        }
        
        .np-post-excerpt {
            margin-top: 12px;
        }
        
        .np-post-excerpt p {
            margin-bottom: 0;
            color: var(--post-excerpt-color);
        }
        
        .np-home-top-section .np-secondary-block-wrap .np-single-post .np-post-thumb,
        .np-home-top-section .news_portal_default_tabbed .np-post-thumb {
            background-color: var(--main-bg-color);
            padding-top: 2%;
            padding-bottom: 2%;
            border-radius: 4px 0 0 4px;
        }
        
        .np-secondary-block-wrap .np-single-post .np-post-thumb,
        .news_portal_default_tabbed .np-post-thumb {
            float: left;
            width: 30%;
        }
        
        .np-secondary-block-wrap .np-post-content,
        .news_portal_default_tabbed .np-post-content {
            float: right;
            width: 66%;
        }
        
        .np-post-title.small-size {
            margin-top: 0;
        }
        
        .np-post-title.small-size {
            line-height: 22px;
            margin: 2px 0 3px;
        }
        
        .np-post-title.small-size a {
            font-size: 15px;
            font-weight: 500;
        }
        
        .np-post-title.small-size a:hover {
            color: #029FB2
        }
        
        .np-secondary-block-wrap .np-single-post,
        .news_portal_default_tabbed .np-single-post,
        .news_portal_default_tabbed #comments ul li {
            border-bottom: 1px solid #e1e1e1;
            margin-bottom: 12px;
            /* padding-bottom: 12px;
            padding-top: 12px;
            padding-left: 5px; */
        }
        
        .np-secondary-block-wrap .np-single-post:last-child,
        .news_portal_default_tabbed .np-single-post:last-child,
        .news_portal_default_tabbed #comments ul li:last-child {
            border-bottom: none;
            margin-bottom: 12px;
            /* padding-bottom: 12px; */
        }
        
        .np-secondary-block-wrap .np-post-meta span,
        .np-secondary-block-wrap .np-post-meta span a,
        .news_portal_default_tabbed .np-post-meta span,
        .news_portal_default_tabbed .np-post-meta span a,
        .np-related-posts-wrap .np-post-meta span,
        .np-related-posts-wrap .np-post-meta span a {
            font-size: 12px;
        }
        
        .news_portal_block_posts .layout2 .np-primary-block-wrap,
        .news_portal_block_posts .layout2 .np-secondary-block-wrap {
            margin-left: -3%;
            width: 103%;
        }
        
        .news_portal_block_posts .layout2 .np-primary-block-wrap {
            margin-bottom: 10px;
        }
        
        .news_portal_block_posts .layout2 .np-primary-block-wrap .np-single-post,
        .news_portal_block_posts .layout2 .np-secondary-block-wrap .np-single-post {
            display: inline-block;
            float: none;
            margin-left: 3%;
            margin-right: -4px;
            vertical-align: top;
            width: 47%;
        }
        
        .news_portal_block_posts .layout2 .np-secondary-block-wrap .np-single-post:nth-child(4) {
            border-bottom: 1px solid #e1e1e1;
            padding-bottom: 12px;
        }
        
        .news_portal_block_posts .layout3 .np-primary-block-wrap {
            width: 100%;
        }
        
        .news_portal_block_posts .layout3 .np-secondary-block-wrap {
            margin-top: 20px;
            width: 102%;
        }
        
        .news_portal_block_posts .layout3 .np-secondary-block-wrap {
            margin-left: -2%;
        }
        
        .news_portal_block_posts .layout3 .np-secondary-block-wrap .np-single-post {
            border: medium none;
            float: left;
            margin-bottom: 0;
            margin-left: 2%;
            padding: 0;
            width: 31.33%;
        }
        
        .news_portal_block_posts .layout3 .np-secondary-block-wrap .np-single-post .np-post-thumb,
        .news_portal_block_posts .layout3 .np-secondary-block-wrap .np-single-post .np-post-content {
            float: none;
            width: 100%;
        }
        
        .news_portal_block_posts .layout3 .np-secondary-block-wrap .np-single-post .np-post-content {
            margin-top: 10px;
        }
        
        .news_portal_block_posts .layout4 .np-block-posts-wrapper {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .news_portal_block_posts .layout4 .np-block-posts-wrapper .np-alt-grid-post {
            display: flex;
            flex-direction: column;
            /* width: 33.33%; */
            width: 33%;
        }
        
        .news_portal_block_posts .layout4 .np-block-posts-wrapper .np-alt-grid-post .np-post-content {
            background: #f2f2f2 none repeat scroll 0 0;
            height: 242px;
            overflow: hidden;
            padding: 11px 15px 15px;
        }
        
        .news_portal_block_posts .layout4 .np-block-posts-wrapper .np-alt-grid-post:nth-child(2) {
            flex-direction: column-reverse;
        }
        
        .news_portal_block_posts .layout4 .np-block-posts-wrapper .np-alt-grid-post .np-post-content .np-post-excerpt {
            line-height: 27px;
            margin-top: 10px;
        }
        /*--------------------------------------------------------------
Featured Widget CSS
--------------------------------------------------------------*/
        
        .middle-primary .news_portal_featured_posts .np-single-post-wrap {
            float: left;
            margin-bottom: 2%;
            margin-left: 2%;
            width: 31.33%;
        }
        
        .middle-primary .news_portal_featured_posts .np-featured-posts-wrapper {
            margin-left: -2%;
        }
        
        .middle-primary .news_portal_featured_posts .np-single-post img {
            width: 100%;
        }
        
        .middle-primary .news_portal_featured_posts .np-single-post-wrap {
            width: 48%;
        }
        
        .middle-aside .news_portal_featured_posts .np-single-post-wrap {
            margin-bottom: 20px;
            width: 98%;
        }
        
        .middle-aside .news_portal_featured_posts .np-single-post-wrap {
            width: 98%;
        }
        
        .middle-aside .news_portal_featured_posts .np-single-post-wrap:last-child {
            margin-bottom: 0;
        }
        
        .news_portal_default_tabbed ul.widget-tabs {
            margin: 0;
            list-style: none;
        }
        
        .news_portal_default_tabbed ul.widget-tabs li {
            background: #029fb2 none repeat scroll 0 0;
            display: inline-block;
            margin-right: -4px;
            padding: 5px 0;
            text-align: center;
            width: 50%;
            position: relative;
        }
        
        .news_portal_default_tabbed ul.widget-tabs li a {
            color: #fff;
            font-weight: 600;
            text-transform: uppercase;
            display: block;
        }
        
        .news_portal_default_tabbed ul.widget-tabs li.ui-tabs-active,
        .news_portal_default_tabbed ul.widget-tabs li:hover {
            background: #028A9A;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
        
        .news_portal_default_tabbed ul.widget-tabs li.ui-tabs-active:before,
        .news_portal_default_tabbed ul.widget-tabs li:hover:before {
            border-bottom: 5px solid #fff;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            bottom: 0;
            content: "";
            height: 0;
            left: 50%;
            position: absolute;
            transform: translateX(-50%);
            width: 0;
        }
        
        .news_portal_default_tabbed .np-tabbed-section {
            margin-top: 20px;
        }
        
        .news_portal_default_tabbed .np-tabbed-section {
            border: 1px solid #e1e1e1;
            border-top: none;
            margin-top: 0;
            padding: 20px;
        }
        
        .news_portal_default_tabbed .np-post-meta span {
            margin-right: 10px;
        }
        
        .news_portal_default_tabbed #comments ul {
            margin: 0;
            list-style: none;
        }
        
        .news_portal_default_tabbed #comments ul .np-comment-avatar {
            float: left;
            width: 25%;
        }
        
        .news_portal_default_tabbed #comments ul .np-comment-desc-wrap {
            float: right;
            width: 71%;
        }
        
        .news_portal_default_tabbed #comments ul .np-comment-avatar img {
            width: 100%;
        }
        /*--------------------------------------------------------------
Full width Widget CSS
--------------------------------------------------------------*/
        
        .np-block-title-nav-wrap {
            position: relative;
        }
        
        .np-block-title-nav-wrap .carousel-nav-action {
            position: absolute;
            right: 0;
            top: 0;
        }
        
        .np-block-title-nav-wrap .carousel-nav-action .carousel-controls {
            /* background: #333 none repeat scroll 0 0; */
            color: #fff;
            display: inline-block;
            font-size: 16px;
            margin-left: 0;
            padding: 3px 13px;
            cursor: pointer;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
        
        .np-block-title-nav-wrap .carousel-nav-action .carousel-controls:hover {
            background: #029FB2;
        }
        
        .news_portal_carousel .np-post-meta span,
        .news_portal_carousel .np-post-meta span a,
        .news_portal_block_posts .layout3 .np-primary-block-wrap .np-post-meta span,
        .news_portal_block_posts .layout3 .np-primary-block-wrap .np-post-meta span a {
            color: #cfcfcf;
        }
        /*--------------------------------------------------------------
Recent Post Widget CSS
--------------------------------------------------------------*/
        
        .news_portal_recent_posts .np-recent-posts-wrapper ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .news_portal_recent_posts .np-recent-posts-wrapper .np-single-post {
            margin-bottom: 10px;
            padding-bottom: 10px;
        }
        
        .news_portal_recent_posts .np-recent-posts-wrapper .np-post-thumb {
            float: left;
            width: 20%;
        }
        
        .news_portal_recent_posts .np-recent-posts-wrapper .np-post-content {
            float: left;
            /* margin-left: 4%; */
            width: 80%;
        }
        
        .mt-social-icons-wrapper {
            text-align: center;
        }
        
        .news_portal_social_media .social-link {
            display: inline-block;
            vertical-align: top;
        }
        
        .news_portal_social_media .social-link a {
            background: #029fb2 none repeat scroll 0 0;
            color: #fff;
            display: block;
            margin-right: 10px;
            padding: 7px 14px;
        }
        
        .news_portal_social_media .social-link a:hover {
            background: #028A9A;
        }
        
        .news_portal_ads_banner {
            text-align: center;
        }
        /*--------------------------------------------------------------
Footer CSS
--------------------------------------------------------------*/
        
        #colophon {
            background: #002444 none repeat scroll 0 0;
            margin-top: 40px;
        }
        
        #top-footer {
            padding-top: 40px;
        }
        
        #top-footer .np-footer-widget-wrapper {
            margin-left: -2%;
        }
        
        #top-footer.footer_column_one .np-footer-widget,
        #top-footer.footer_column_two .np-footer-widget,
        #top-footer.footer_column_three .np-footer-widget,
        #top-footer.footer_column_four .np-footer-widget {
            float: left;
            margin-left: 2%;
            width: 31.33%;
        }
        
        #top-footer .widget a,
        #top-footer .widget a:before,
        #top-footer .widget li:before {
            color: #fff;
        }
        /*Tran Hiep edit css*/
        
        .fa-home {
            color: #333;
        }
        
        .fa-home:hover {
            color: #fff;
        }
        
        .np-header-menu-block-wrap {
            background-color: #fff !important;
        }
        
        #primary-menu li a {
            color: #333;
        }
        
        #primary-menu li .sub-menu {
            background-color: #fff !important;
        }
        
        #primary-menu li a:hover {
            color: #fff !important;
            background-color: transparent !important;
        }
        
        #site-navigation ul li:hover>a,
        #site-navigation ul li.current-menu-item>a,
        #site-navigation ul li.current_page_item>a,
        #site-navigation ul li.current-menu-ancestor>a,
        .news_portal_default_tabbed ul.widget-tabs li.ui-tabs-active,
        .news_portal_default_tabbed ul.widget-tabs li:hover {
            background-color: transparent !important;
        }
        
        #site-navigation ul li:hover>a {
            color: white !important;
            border-radius: 4px !important;
            background: var(--main-bg-color) !important;
        }
        
        .np-home-icon a:hover {
            background: var(--main-bg-color) !important;
            border-radius: 4px;
        }
        /* a:hover {
            color: #147ab6 !important;
        } */
        
        .np-home-icon a:hover {
            color: #fff !important;
        }
        
        #top-footer .widget a:hover,
        #top-footer .widget a:hover:before,
        #top-footer .widget li:hover:before {
            color: var(--second-color) !important;
        }
        
        .social-link a:hover {
            color: #01263f !important;
        }
        
        .np-title {
            /* color: white !important; */
            font-size: 24px;
        }
        
        .np-block-title {
            color: var(--main-bg-color) !important;
            /* background: #01263f none repeat scroll 0 0 !important; */
            text-align: center;
            font-size: 24px;
        }
        /* .np-post-meta a:hover,
        .np-post-meta span:hover:before {
          color: var(--main-bg-color) !important;
        } */
        
        .category-button a:hover {
            /* color: #fff !important; */
            color: #514939 !important;
        }
        
        .menu-primary-menu-container ul li a:hover {
            color: #fff !important;
        }
        
        .np-post-title.small-size {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            /* number of lines to show */
            -webkit-box-orient: vertical;
        }
        
        .np-post-excerpt {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            /* number of lines to show */
            -webkit-box-orient: vertical;
        }
        
        .news-ticker-title a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        @media (max-width: 600px) {
            .np-ticker-block {
                display: none;
            }
        }
        
        @media (max-width: 768px) {
            #np-menu-wrap {
                margin: 0 !important;
            }
        }
        
        @media (max-width: 1150px) {
            .np-post-meta span,
            .np-post-meta span a {
                font-size: 13px !important;
            }
        }
        
        @media (max-width: 1980px) {
            .np-post-meta span,
            .np-post-meta span a {
                font-size: 10px !important;
            }
        }
        
        @media (max-width: 979px) {
            #masthead .site-branding {
                margin: 0 !important;
            }
        }
        
        @media (max-width: 1200px) {
            .mt-container {
                /* padding: 0 !important; */
                padding-left: 8px;
                padding-right: 8px;
            }
        }
        
        @media (max-width: 1170px) {
            #masthead .np-header-ads-area {
                margin: 0;
            }
        }
        
        #blockCarousel .np-post-thumb img {
            height: 350px;
        }
        
        .np-post-thumb img,
        .np-slide-thumb img {
            width: 100%;
            object-fit: cover !important;
        }
        
        #top-footer h4 {
            /* background-color: var(--second-color) !important; */
        }
        
        .np-post-title.large-size a,
        .np-post-title.small-size a {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2 !important;
            /* number of lines to show */
            -webkit-box-orient: vertical;
        }
        
        .lSSlideWrapper {
            width: 100%;
            position: relative;
            height: auto;
        }
        
        .entry-date {
            text-align: center;
            display: block;
            margin-top: 5px;
            padding-bottom: 7px;
        }
        
        .np-post-thumb .entry-date {
            font-size: 17px;
            font-weight: bold;
            color: white;
        }
        
        .lSSlideOuter .lSAction .lSNext {
            background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
            color: #fff;
            display: inline-block;
            font-size: 20px;
            line-height: 30px;
            /* margin: 0 2px; */
            opacity: 1;
            /* position: static; */
            text-align: center;
            background-position: -32px 0;
            right: 10px;
            z-index: 10;
        }
        
        .lSSlideOuter .lSAction .lSPrev {
            background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
            color: #fff;
            display: inline-block;
            font-size: 20px;
            line-height: 30px;
            /* margin: 0 2px; */
            opacity: 1;
            /* position: static; */
            text-align: center;
            background-position: -32px 0;
            right: 10px;
            z-index: 10;
        }
        
        #top-footer .posted-counter {
            color: #fff;
        }
        
        #top-footer .posted-counter:hover {
            color: #029fb2 !important;
        }
        
        #main article .np-article-thumb {
            text-align: center;
        }
        
        #top-footer.footer_column_one .np-footer-widget {
            width: 98%;
        }
        
        #top-footer.footer_column_two .np-footer-widget {
            width: 48%;
        }
        
        #top-footer.footer_column_four .np-footer-widget {
            width: 23%;
        }
        
        #top-footer .widget-title {
            background: transparent;
            border-color: rgba(255, 255, 255, 0.2);
            color: #fff;
        }
        
        .np-logo-section-wrapper {
            border-bottom: 2px solid var(--main-bg-color);
        }
        
        #np-menu-wrap-sticky-wrapper {
            /* padding-top: 15px; */
            background-color: white !important;
        }
        
        .sticky-wrapper {
            background-color: white !important;
        }
        
        #masthead {
            margin-bottom: 15px;
        }
        
        .np-title {
            border-bottom: 2px solid var(--line-color);
        }
        
        #np-primary-block-wrap-layout-7 .np-post-thumb {
            margin: 0 auto;
            width: 100%;
            /* height: auto; */
            /* height: 180px; */
            /* line-height: 150px; */
            text-align: center;
        }
        
        #np-primary-block-wrap-layout-7 .np-post-thumb img {
            object-fit: cover !important;
            max-width: 100%;
            max-height: 100%;
            vertical-align: middle;
        }
        
        .np-related-section-wrapper .np-post-thumb {
            margin: 0 auto;
            height: 150px;
            line-height: 150px;
            text-align: center;
        }
        
        .np-related-section-wrapper .np-post-thumb img {
            object-fit: cover !important;
            max-width: 100%;
            max-height: 100%;
            vertical-align: middle;
        }
        
        #block-secondary .np-single-post .np-post-thumb,
        .news_portal_default_tabbed .np-post-thumb {
            margin: 0 auto;
            height: 130px;
            line-height: 110px;
            /* height: auto; */
            text-align: center;
            width: 40%;
            float: left;
            background-color: transparent !important;
        }
        
        #block-secondary .np-single-post .np-post-thumb img,
        .news_portal_default_tabbed .np-post-thumb img {
            object-fit: cover !important;
            border-radius: 4px 0 0 4px;
        }
        
        .np-secondary-block-wrap .np-single-post .np-post-thumb img,
        .np-post-title.small-size {
            margin-right: 10px;
        }
        
        .news_portal_featured_posts .np-single-post-wrap .np-post-thumb {
            margin: 0 auto;
            height: 130px;
            line-height: 130px;
            text-align: center;
        }
        
        .news_portal_featured_posts .np-single-post-wrap .np-post-thumb img {
            object-fit: contain !important;
        }
        /*------------------------------------------------------------------------------------------------*/
        /* PHAN TRUNG TINH EDIT BOTTOM-FOOTER CSS */
        
        .bottom-footer {
            /* background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; */
            background-color: var(--second-color);
            color: white;
            font-size: 12px;
            padding: 10px 0;
        }
        
        .site-info {
            float: left;
        }
        
        #footer-navigation ul {
            float: right;
            list-style: outside none none;
            margin: 0;
        }
        
        #footer-navigation ul li {
            display: inline-block;
            vertical-align: top;
        }
        
        #footer-navigation ul li a {
            border-left: 2px solid #7f7f7f;
            color: #cfcfcf;
            margin-left: 10px;
            padding-left: 10px;
        }
        
        #footer-navigation ul li:first-child a {
            margin-left: 0;
        }
        
        #footer-navigation ul li a:hover {
            color: #029fb2;
        }
        
        .footer-map li i {
            padding-left: 10px;
            padding-right: 5px;
            padding-top: 6px;
        }
        
        .search-main a i {
            color: #333;
        }
        
        .search-main a:hover {
            background-color: none !important;
        }
        
        body.custom-background {
            background-color: #eff3f5 !important;
        }
        
        #primary-menu .sub-menu li a:hover {
            color: #fff !important;
            border-radius: 4px !important;
            background: var(--main-bg-color) !important;
        }
        
        .entry-content p {
            /* display: none; */
        }
        /* .np-home-icon {
          display: none;
        } */
        /* #primary-menu li .sub-menu {
          display: none;
        } */
        
        @media (max-width: 575.98px) {
            #main article .np-article-thumb {
                margin-top: 20px;
                height: 100%;
            }
        }
        /*---------------------------------------------------------------------------------------------------
Archive CSS
--------------------------------------------------------------*/
        
        .archive article {
            border: none !important;
        }
        
        .np-archive-post-content-wrapper {
            /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); */
            padding: 20px;
            position: relative;
        }
        
        .np-archive-post-content-wrapper:before {
            /* border-bottom: 15px solid #fff; */
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            content: "";
            left: 20px;
            position: absolute;
            top: -15px;
        }
        
        article.no-image .np-archive-post-content-wrapper:before {
            display: none;
        }
        
        .entry-meta>span {
            display: inline-block;
            font-size: 13px;
            font-weight: 400;
            margin-right: 15px;
            color: var(--post-time-color);
            text-transform: capitalize;
        }
        
        .entry-meta span a,
        .entry-meta span {
            font-style: normal;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
        
        .np-archive-post-content-wrapper .entry-title {
            /* font-size: 20px;
            margin: 0 0 6px; */
            font-size: 18px;
            margin: 0 0 6px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
        }
        
        .np-archive-post-content-wrapper .entry-title a {
            color: #333;
        }
        
        .entry-title a:hover,
        .entry-meta span a:hover,
        .entry-meta span:hover {
            color: #029fb2;
        }
        
        .np-archive-more .np-button {
            background: #fafafa none repeat scroll 0 0;
            border: 1px solid #eeeeee;
            border-radius: 3px;
            color: #666666;
            display: inline-block;
            font-size: 13px;
            font-weight: 600;
            ;
            padding: 4px 20px;
            text-decoration: none;
        }
        
        .np-archive-more .np-button:hover {
            background: #029fb2;
            color: #fff;
            border-color: #029FB2;
        }
        
        .np-archive-more .np-button i {
            margin-right: 8px;
        }
        
        .np-archive-grid-post-wrapper article {
            display: inline-block;
            margin-left: 3%;
            margin-right: -4px;
            width: 47%;
            vertical-align: top;
        }
        
        .np-archive-grid-post-wrapper {
            margin-left: -3%;
        }
        
        .np-related-posts-wrap .np-post-title {
            margin: 10px 0 5px;
        }
        
        article.hentry h1.entry-title {
            font-size: 26px;
            margin: 10px 0;
        }
        
        .np-related-section-wrapper {
            margin-top: 80px;
        }
        
        .np-related-section-wrapper .np-single-post {
            float: left;
            margin-left: 2%;
            width: 31.33%;
        }
        
        .np-related-posts-wrap {
            margin-left: -2%;
        }
        
        #content {
            margin-top: 30px;
        }
        
        .home #content {
            margin-top: 0;
        }
        
        .single .post-cats-list {
            margin: 6px 0;
        }
        /*--------------------------------------------------------------
Error 404 css 
--------------------------------------------------------------*/
        
        .error404 #primary {
            float: none;
            padding: 90px 0;
            width: 100%;
        }
        
        .error-404.not-found {
            border: 1px solid #e1e1e1;
            margin: 0 auto;
            max-width: 700px;
        }
        
        .error404 .page-title {
            background: #029FB2 none repeat scroll 0 0;
            color: #fff;
            font-size: 20px;
            margin: 0;
            padding: 10px 0;
            text-align: center;
        }
        
        .error-num {
            font-size: 114px;
            font-weight: 700;
            text-align: center;
        }
        
        .error-num>span {
            font-size: 34px;
            text-transform: uppercase;
        }
        
        .error404 .page-content {
            font-size: 14px;
            text-align: center;
        }
        /*--------------------------------------------------------------
scroll to top css 
--------------------------------------------------------------*/
        
        #np-scrollup {
            background-color: var(--second-color) !important;
            /* bottom: 20px; */
            bottom: 46px;
            color: #ffffff;
            display: none;
            height: 40px;
            line-height: 35px;
            position: fixed;
            right: 20px;
            width: 40px;
            text-align: center;
            font-size: 16px;
            border-radius: 3px;
            cursor: pointer;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
        
        #np-scrollup {
            display: none;
        }
        
        #np-scrollup:hover,
        #np-scrollup:focus,
        #np-scrollup:active {
            background-color: var(--second-color) !important;
            color: #ffffff;
            border-radius: 100%;
        }
        /*--------------------------------------------------------------
Wpform css 
--------------------------------------------------------------*/
        
        div.wpforms-container-full .wpforms-form input[type="submit"],
        div.wpforms-container-full .wpforms-form button[type="submit"],
        div.wpforms-container-full .wpforms-form .wpforms-page-button,
        div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
        div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
        div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
            background: #029FB2;
            border: none;
            padding: 10px 20px;
        }
        /*Tat hinh dau bai post*/
        
        #np-article-thumb img {
            display: none !important;
        }
        
        #np-article-thumb img {
            display: none !important;
        }
        
        #np-article-thumb img {
            display: none !important;
        }
        /*--------------------------------------------------------------
Singled Slider  
--------------------------------------------------------------*/
        
        .np_singled_slider .lSSlideWrapper {
            /* height: 500px; */
            width: 100%;
        }
        
        .np_singled_slider .np-single-slide-wrap {
            width: 100%;
            /* height: 500px; */
        }
        
        .np_singled_slider .np-slide-content-wrap {
            bottom: 0;
            left: 0;
            padding: 20px;
            position: absolute;
            height: auto;
            width: 100%;
            /* background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) repeat scroll 0 0; */
        }
        
        .np_singled_slider .np-slide-thumb img {
            width: 100%;
            /* height: 100%; */
            background-position: center center;
            object-fit: cover;
        }
        /*Tran Hiep add css new galarImg*/
        
        .portfolio-box h4 {
            text-transform: uppercase
        }
        
        .portfolio-box,
        .portfolio-box img {
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            -o-transition: all .3s linear;
            -ms-transition: all .3s linear
        }
        
        .portfolio-box {
            display: inline-block
        }
        
        #work,
        .portfolio-wrap {
            width: 100%;
            position: relative;
            overflow: hidden
        }
        
        .portfolio-box {
            position: relative;
            width: 25%;
            overflow: hidden;
            float: left;
            transition: all .3s linear;
            margin-left: -1px;
            -webkit-transform: translateX(1px);
            -moz-transform: translateX(1px);
            -ms-transform: translateX(1px);
            -o-transform: translateX(1px);
            transform: translateX(1px)
        }
        
        .portfolio-box img {
            width: 100%;
            height: auto;
            display: block;
            transition: all .3s linear
        }
        
        .portfolio-box:hover img {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1)
        }
        
        .portfolio-box .mask {
            position: absolute;
            background: url(images/cross.png) center center no-repeat rgba(255, 255, 255, .7);
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all .3s linear;
            -moz-transition: all .3s linear;
            -o-transition: all .3s linear;
            -ms-transition: all .3s linear;
            transition: all .3s linear
        }
        
        .portfolio-box:hover .mask {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }
        
        .portfolio-box h4 {
            position: absolute;
            bottom: 20px;
            right: -100px;
            z-index: 100;
            font-family: Lato, sans-serif;
            font-weight: 700;
            font-size: 12px;
            background: #292929;
            line-height: 12px;
            opacity: 0;
            box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), -7px 0 5px -3px rgba(0, 0, 0, .5), inset 0 0 5px rgba(0, 0, 0, .04);
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            -ms-transition: all .2s linear;
            transition: all .2s linear;
            padding: 15px
        }
        
        .portfolio-box:hover h4 {
            right: 63px;
            opacity: 1;
            -webkit-transition-delay: .1s;
            -moz-transition-delay: .1s;
            -o-transition-delay: .1s;
            -ms-transition-delay: .1s;
            transition-delay: .1s
        }
        
        .portfolio-box .fancybox-button {
            position: absolute;
            bottom: 20px;
            font-family: FontAwesome;
            right: -120px;
            height: 42px;
            width: 42px;
            z-index: 102;
            font-size: 22px;
            text-align: center;
            background: #292929;
            line-height: 42px;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            -ms-transition: all .2s linear;
            transition: all .2s linear
        }
        
        #filter,
        #portfolio-filter {
            width: 100%;
            position: relative
        }
        
        .portfolio-box:hover .fancybox-button {
            right: 20px;
            opacity: 1;
            -webkit-transition-delay: 150ms;
            -moz-transition-delay: 150ms;
            -o-transition-delay: 150ms;
            -ms-transition-delay: 150ms;
            transition-delay: 150ms
        }
        
        .portfolio-box .fancybox-button:hover {
            font-size: 28px;
            color: #fff
        }
        
        #filter li a,
        #filter li a:after {
            font-family: Lato, sans-serif;
            font-weight: 400;
            font-size: 12px;
            color: #706e6e
        }
        
        #portfolio-filter {
            text-align: center
        }
        
        .portfolio,
        .project-controls {
            width: 100%;
            margin: 0 auto
        }
        
        .portfolio {
            height: auto;
            max-width: 960px
        }
        
        .portfolio-section {
            width: 100%;
            margin: 0 auto
        }
        
        .portfolio-section {
            height: auto;
            max-width: 960px
        }
        
        @media only screen and (max-width: 479px) {
            .pf_full_width .portfolio-box {
                width: 100%;
                margin-bottom: 5px!important;
            }
        }
        
        .np-block-gallery-wrapper ul {
            margin: 0 !important;
        }
        /* .np-gallery-wrapper{
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
} */
        
        .np-post-content .post-cats-list {
            display: none;
        }
        
        .np-slide-content-wrap .post-cats-list {
            display: none;
        }
        
        .portfolio-filter {
            text-align: center
        }
        
        .filter,
        .portfolio-filter {
            width: 100%;
            position: relative;
        }
        
        .pf_6_cols .portfolio-box {
            width: 16.666666666666664%;
        }
        
        .pf_5_cols .portfolio-box {
            width: 20%;
        }
        
        .pf_4_cols .portfolio-box {
            width: 25%;
            padding: 4px;
        }
        
        .pf_3_cols .portfolio-box {
            width: 33.33333333333333%;
        }
        
        .pf_2_cols .portfolio-box {
            width: 50%;
        }
        
        @media(min-width:993px) and (max-width: 1199px) {
            .pf_6_cols .portfolio-box,
            .pf_5_cols .portfolio-box {
                width: 25%;
                margin-bottom: 5px !important;
            }
        }
        
        @media only screen and (max-width: 992px) {
            .pf_full_width .portfolio-box {
                width: 33.33333333333333%;
                margin-bottom: 5px !important;
            }
        }
        
        @media only screen and (max-width: 767px) {
            .pf_full_width .portfolio-box {
                width: 50%;
                margin-bottom: 5px !important;
            }
            /* .np-post-thumb img,
            #npSlider .np-slide-thumb img {
                height: 400px !important;
            }  */
            .icon-bar-new {
                top: 53% !important;
            }
            #content {
                margin-top: 0 !important;
            }
            #masthead {
                margin-bottom: 0 !important;
            }
        }
        
        @media (max-width: 767px) {
            #npSlider {
                height: auto !important;
            }
            .np-slide-thumb img {
                max-height: 260px;
            }
        }
        
        @media only screen and (max-width: 479px) {
            .pf_full_width .portfolio-box {
                width: 100%;
                margin-bottom: 5px !important;
            }
            /* .np-post-thumb img,
            #npSlider .np-slide-thumb img {
                height: 250px !important;
            }  */
            .icon-bar-new {
                top: 53% !important;
            }
            #content {
                margin-top: 0 !important;
            }
            #masthead {
                margin-bottom: 0 !important;
            }
        }
        
        .np-home-middle-section #npSlider .np-slide-thumb img {
            margin: 0 auto;
            height: 500px;
            line-height: 150px;
            text-align: center;
            object-fit: contain !important;
        }
        
        .np-block-gallery-wrapper ul {
            margin: 0 !important;
        }
        
        .np-top-header-wrap {
            padding: 4px;
        }
        
        .ead-preview {
            /* display: none  !important; */
        }
        
        .ead-preview .pdfobject #end {
            display: none im !important;
        }