/* Defined colors ---------------------------- */
:root {
    --theme-primary-color: #122b50;
    --theme-second-color: #13212f;
    --theme-text-color: #222;
    --theme-link-color: #1091FF;
    --theme-accent-color: #007cd4;
    --theme-border-color: #13376d;
    --theme-bg-color: #13212f;
    --theme-red-color: #E50914;
    --theme-green-color: #1DB954;
    --theme-purple-color: #a46497;
    --mobile-menu-color: #007cd4;
    --theme-background-color: #f5f5f5;
}

/* General ---------------------------- */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'UTM Impact';
    src: url("../fonts/UTMImpact.woff2") format("woff2"), url("../fonts/UTMImpact.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Helvetica', sans-serif !important;
    font-size: 14px;
    line-height: 1.5;
    background: var(--theme-background-color);
    color: var(--theme-text-color);
    max-width: none !important;
    width: 100% !important;
    margin: 0;
    padding: 0;
}

body.home,
body.search {
    background-color: #fff;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s;
}

a:hover {
    color: var(--theme-accent-color);
}

img {
    display: block;
    max-width: 100%;
}

.container {
    width: 1170px;
    margin: auto;
    max-width: 100%;
}

table {
    border-spacing: 0;
}

figure,
table,
iframe {
    max-width: 100%;
}

.entry-content p+.hocwp-ads,
.entry-content>.hocwp-ads:first-child {
    margin-bottom: 15px;
}

.sidebar section+.hocwp-ads-widget {
    margin-top: 15px;
}

.entry-content figure {
    margin: 0 auto 20px;
    max-width: 100%;
    clear: both;
    position: relative;
}

.entry-content figure p {
    font: 400 14px/160% arial;
    padding: 10px 0 0 0;
    margin-bottom: 0;
    text-align: left;
}

.entry-content table {
    border: 1px solid #ddd;
}

.uk-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
}

.uk-table td {
    padding: 7px 5px;
    vertical-align: top;
}

.slick-slider {
    padding: 0 10px !important;
}

.slick-slider .slick-track {
    display: flex;
}

.slick-arrow {
    top: calc(50% - 15px);
    position: absolute;
    font-family: "Font Awesome 6 Free", sans-serif;
    width: auto;
    height: auto;
    background-color: transparent;
    color: transparent;
    font-size: 0;
    padding: 0;
    cursor: pointer;
    outline: none;
    border: none;
}

.slick-prev {
    left: -8px !important;
    z-index: 2;
}

.slick-prev:before {
    content: '\f104';
}

.slick-next {
    right: -8px !important;
    z-index: 2;
}

.slick-next:before {
    content: '\f105';
}

.slick-prev::before,
.slick-next::before {
    color: var(--theme-primary-color);
    font-size: 36px;
    font-weight: 900;
    background-color: rgba(0, 0, 0, 0);
}

.slick-slider .details {
    margin: 10px 0;
    text-align: center;
}

.hocwp-slider {
    display: none;
    margin-bottom: 0 !important;
}

.hocwp-slider .slick-prev,
.hocwp-slider .slick-next {
    opacity: 0;
    transition: all 0.3s;
}

.hocwp-slider .slick-prev {
    left: 0 !important;
}

.hocwp-slider .slick-next {
    right: 0 !important;
}

.hocwp-slider:hover .slick-prev,
.hocwp-slider:hover .slick-next {
    opacity: 0.5;
    background-color: transparent;
}

.hocwp-slider .slick-prev:hover,
.hocwp-slider .slick-next:hover {
    opacity: 1;
}

.slick-dots {
    bottom: -20px;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.slick-dots li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.slick-dots li button {
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    color: transparent;
    padding: 0;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.slick-dots li button:hover {
    border-radius: 50%;
    background-color: #ddd;
}

.slick-dots li.slick-active button {
    background-color: var(--theme-green-color);
    width: 30px;
    border-radius: 5px;

}

.post-type-archive-ngoai-te .uk-table,
*+.uk-table {
    margin-top: 20px;
}

.post-type-archive-ngoai-te .content-archive .panel-group-left ul,
.post-type-archive-ngoai-te .content-archive .panel-group-left ol {
    margin: 20px 0 20px 38px;
}

.entry-content th,
.entry-content td {
    border-bottom: none;
    border-left: none;
    padding: 10px;
}

.entry-content tr td:first-child {
    border-right: 1px solid #ddd;
}

.entry-content tr td:last-child {
    border-right: none;
}

.entry-content ul,
entry-content ol {
    margin-left: 1.8rem;
    margin-bottom: 1rem;
}

.entry-content li {
    margin-bottom: 0.2rem;
}

.entry-content.hide-content {
    position: relative;
    overflow: hidden;
    max-height: 900px;
    padding-bottom: 100px;
    box-sizing: content-box;
}

.entry-content.hide-content:not(.show-full) .hide-from-here~*:not(.continue-reading) {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.entry-content.show-full {
    max-height: none !important;
}

.entry-content .continue-reading {
    background: var(--theme-background-color);
    background: linear-gradient(0deg, var(--theme-background-color) 0%, var(--theme-background-color) 50%, rgba(0, 212, 255, 0) 100%);
}

.entry-content.hide-content .hide-from-here.bg-white~.continue-reading {
    background: rgba(255, 255, 255, 1);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

.entry-content .continue-reading span {
    position: absolute;
    bottom: 10px;
    left: 0;
    cursor: pointer;
    color: #1d75fa;
    font-weight: 700;
}

.entry-content .continue-reading {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    left: 0;
    right: 0;
    z-index: 499;
}

.entry-content.show-full .continue-reading {
    position: relative;
}

.entry-content .list-posts {
    margin-bottom: 30px;
    margin-top: 30px;
}

.entry-content .list-posts.bg-color {
    background-color: #f6f6f6;
    padding: 10px;
}

.list-posts.has-thumbnail li {
    list-style: none;
}

.list-posts li img {
    float: left;
    width: 15%;
    margin-right: 20px;
    height: auto;
    border: 1px solid #eee;
    display: block;
    margin-bottom: 10px;
}

.list-posts li~li {
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

b,
strong {
    font-weight: 700;
}

.box-shadow {
    background: #fff;
    padding: 15px;
    border: #e7e7e7 solid 1px;
    -webkit-box-shadow: #e7e7e7 0 0 4px;
    box-shadow: #e7e7e7 0 0 4px;
    margin-top: 15px;
}

.box-shadow.h-auto {
    height: auto;
}

.box-shadow.milk-color {
    background: #f6f4e8;
}

.box-shadow.milk-color .title-primary {
    border-bottom: 2px solid #d7aa07;
}

.box-shadow.milk-color .title-primary .title:before {
    background: #d7aa07;
}

.grid-2-4 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
}

.grid-1-4 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
}

.title-primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -15px -15px 15px;
    border-bottom: 2px solid #e2e2e2;
    padding: 10px 15px 4px 0;
}

.title-primary .menu-dropdown {
    position: relative;
}

.title-primary .menu-dropdown button {
    background: none;
    border: none;
    font-size: 17px;
    cursor: pointer;
    padding: 0 10px;
}

.title-primary .menu-dropdown ul {
    position: absolute;
    z-index: 9;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
    right: -15px;
    width: 180px;
    display: none;
}

.title-primary .menu-dropdown ul li {
    list-style: none;
    border-bottom: #dadada dotted 1px;
    padding: 5px 10px;
    font-size: 14px;
}

.title-primary .menu-dropdown ul li:hover {
    background: var(--theme-background-color);
}

.title-primary .title,
.footer-top .widget .widget-title>* {
    text-transform: uppercase;
    font-size: 20px;
    position: relative;
    font-family: 'UTM Impact', serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 1px;
    padding: 0 15px;
}

.title-primary .title:before,
.footer-top .widget .widget-title>*::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: #1973ed;
    left: 0;
    bottom: -6px;
}

.title-primary .menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.title-primary .menu ul li {
    font-size: 12px;
    list-style: none;
    border-left: 1px solid;
    padding: 0 10px;
    color: #666;
}

.title-primary .menu ul li:first-child {
    border-left: none;
}

.main-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--theme-second-color);
    padding: 20px;
    margin-top: 15px;
    color: #fff;
}

.main-title .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    position: relative;
}

.main-title .menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-title .menu ul li {
    font-size: 14px;
    list-style: none;
    border-left: 1px solid;
    padding: 0 10px;
    font-weight: 700;
    color: #fff;
}

.main-title .menu ul li:first-child {
    border-left: none;
}

.site-content .hot-news-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-content .hot-news-box .hot-news {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 15px;
    margin-top: 15px;
    width: calc(100% - 315px);
}

.site-content .hot-news-box .hot-news .loop-item:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    height: 100%;
}

.site-content .hot-news-box .hot-news .loop-item {
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
}

.site-content .hot-news-box .hot-news .loop-item img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-content .hot-news-box .hot-news .loop-item:not(:first-child) .entry-excerpt {
    display: none;
}

.site-content .hot-news-box .hot-news .loop-item:first-child .entry-title {
    font-size: 25px;
}

.site-content .hot-news-box .hot-news .loop-item:first-child .entry-title~.post-meta {
    display: none !important;
}

.site-content .hot-news-box .embed-code-right {
    width: 300px;
    margin-top: 15px;
}

.site-content .hot-news-box .hot-news.media .loop-item:first-child {
    grid-column: auto;
    grid-row: auto;
    height: 100%;
}

.site-content .hot-news-box .hot-news.media .loop-item .entry-title {
    position: absolute;
    font-size: 15px;
    color: #fff;
    bottom: 0;
    padding: 12px;
    background: black;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(56%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 56%, rgba(0, 0, 0, 0.6) 100%);
}

.site-content .hot-news-box .hot-news.media .loop-item:first-child img {
    height: auto;
}

.site-content .hot-news-box .hot-news.media .loop-item:first-child .title-news {
    font-size: 15px;
}

.site-content .hot-news-box .hot-news.media .loop-item:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    height: 100%;
}

.site-content .hot-news-box .hot-news.media .loop-item:nth-child(2) img {
    height: 100%;
}

.site-content .hot-news-box .hot-news.media .loop-item:nth-child(2) .title-news {
    font-size: 25px;
}

.site-content .news-carousel {
    height: auto;
}

.site-content .news-carousel .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: #dadada solid 1px;
}

.site-content .news-carousel .tabs li {
    font-weight: 700;
    list-style: none;
    padding: 5px 10px;
    cursor: pointer;
}

.site-content .news-carousel .tabs li.current {
    background: #e9ecee;
}

.site-content .news-carousel .tab-content {
    display: none;
    margin-top: 12px;
}

.site-content .news-carousel .tab-content .owl-nav {
    position: absolute;
    right: 0;
    bottom: 100%;
    top: -41px;
    height: 29px;
    margin-top: 0;
}

.site-content .news-carousel .tab-content .owl-nav button {
    margin: 0 !important;
    background: #e2e4e5;
    padding: 0 10px !important;
    border-radius: 0;
    height: 29px;
    text-align: center;
    font-size: 16px;
}

.site-content .news-carousel .tab-content .owl-nav button:hover {
    background: #e2e4e5;
}

.site-content .news-carousel .tab-content .owl-nav button:first-child .span-news {
    border-right: 0;
}

.site-content .news-carousel .tab-content .owl-nav button .span-news {
    border: 1px solid #e2e2e2;
    background: #e2e4e5;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 20px;
    font-size: 20px;
}

.site-content .news-carousel .tab-content .owl-nav button .span-news:hover {
    color: #000;
}

.site-content .news-carousel .tab-content.current {
    display: block;
}

.site-content .news-carousel .tab-content .item .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-content .news-carousel .tab-content .item .content .image {
    width: 60px;
    height: 60px;
}

.site-content .news-carousel .tab-content .item .content .image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-content .news-carousel .tab-content .item .content .text {
    width: calc(100% - 70px);
}

.site-content .news-carousel .tab-content .item .content .text .title-news {
    font-size: 14px;
    font-weight: 400;
    color: #555e6b;
}

.site-content .news-carousel .tab-content .item .time {
    border-top: 1px solid #e3e3e3;
    margin-top: 8px;
    padding-top: 8px;
    font-size: 11px;
    color: #bebebe;
}

.site-content .news-carousel .tab-content .item .time button {
    cursor: pointer;
    background: none;
    border: none;
    color: #f00;
    margin-left: 5px;
}

.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.display-flex .left {
    width: calc(100% - 315px);
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 15px;
}

.display-flex .right {
    width: 300px;
}

.site-content .tabs-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    border-bottom: 2px solid #e2e2e2;
}

.site-content .tabs-title li {
    list-style: none;
    cursor: pointer;
    font-size: 20px;
    text-transform: uppercase;
    color: #aeaeae;
    padding-bottom: 5px;
    font-family: 'UTM Impact', serif;
    font-weight: normal;
    font-style: normal;
}

.site-content .tabs-title li.current {
    color: #000;
    position: relative;
}

.site-content .tabs-title li.current:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--theme-second-color);
    left: 0;
    bottom: -2px;
}

.site-content .tab-content-title {
    display: none;
    margin-top: 10px;
}

.site-content .tab-content-title ul {
    height: 395px;
    overflow: auto;
    margin-right: -15px;
}

.site-content .tab-content-title ul::-webkit-scrollbar {
    width: 3px;
}

.site-content .tab-content-title ul::-webkit-scrollbar-track {
    background: #eee;
}

.site-content .tab-content-title ul::-webkit-scrollbar-thumb {
    background: #e2e2e2;
}

.site-content .tab-content-title ul::-webkit-scrollbar-thumb:hover {
    background: #eee;
}

.site-content .tab-content-title ul li {
    list-style: none;
    margin-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e2e2;
    margin-right: 15px;
    font-size: 16px;
}

.site-content .tab-content-title ul li:last-child {
    border-bottom: 0;
}

.site-content .tab-content-title a.all-news {
    background: #e2e2e2;
    text-align: center;
    height: 100%;
    display: block;
    margin: 0 -15px;
    padding: 15px 0;
    font-size: 14px;
}

.site-content .tab-content-title.current {
    display: block;
}

.site-content .top-view {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

.site-content .top-view .item .title-news {
    font-size: 16px;
    margin-top: 10px;
}

.site-content .top-view .item .image {
    position: relative;
}

.site-content .top-view .item .image img {
    width: 100%;
    height: 174px;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-content .top-view .item .image .time {
    position: absolute;
    bottom: 0;
    color: #737373;
    background: rgba(255, 255, 255, 0.64);
    width: 100%;
    left: 0;
    padding: 10px;
    font-size: 11px;
}

.site-content .top-view .item .image .time button {
    cursor: pointer;
    background: none;
    border: none;
    color: #f00;
    margin-left: 5px;
}

.site-content .title-primary-color {
    background: #c61819;
    border-bottom: #9e0605 solid 2px;
    margin: 0 -15px;
    padding: 10px 15px 5px 15px;
    font-size: 20px;
    font-family: "UTM Impact", serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
    margin-top: -15px;
}

.site-content .title-primary-color.green {
    background: #509924;
    border-bottom: #307904 solid 2px;
}

.site-content .title-primary-color.blue {
    background: #0f4a83;
    border-bottom: #063766 solid 2px;
}

.site-content .list-sub-news {
    height: 455px;
    overflow: auto;
    margin-right: -15px;
    padding-right: 15px;
}

.site-content .list-sub-news::-webkit-scrollbar {
    width: 3px;
}

.site-content .list-sub-news::-webkit-scrollbar-track {
    background: #eee;
}

.site-content .list-sub-news::-webkit-scrollbar-thumb {
    background: #e2e2e2;
}

.site-content .list-sub-news::-webkit-scrollbar-thumb:hover {
    background: #eee;
}

.site-content .list-sub-news .item {
    margin-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e2e2;
}

.site-content .list-sub-news .item .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-content .list-sub-news .item .content .image {
    width: 80px;
}

.site-content .list-sub-news .item .content .image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-content .list-sub-news .item .content .text {
    width: calc(100% - 90px);
}

.site-content .list-sub-news .item .content .text .title-news {
    font-size: 15px;
    font-weight: 400;
    color: #555e6b;
}

.site-content .top-category {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

.site-content .top-category .item .time {
    color: #737373;
    font-size: 12px;
    margin-top: 10px;
}

.site-content .top-category .item .time button {
    cursor: pointer;
    background: none;
    border: none;
    color: #f00;
    margin-left: 5px;
}

.site-content .top-category .item .image {
    position: relative;
}

.site-content .top-category .item .image .title-news {
    font-size: 15px;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 10px;
    bottom: 0;
    margin-top: 10px;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(56%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 56%, rgba(0, 0, 0, 0.6) 100%);
}

.site-content .top-category .item .image .title-news .span-news {
    display: inline-block;
    padding: 5px 7px;
    color: #000;
    background: rgba(255, 255, 255, 0.83);
    font-weight: 400;
    font-size: 10px;
}

.site-content .top-category .item .image .title-news a {
    display: block;
    margin-top: 5px;
}

.site-content .top-category .item .image img {
    width: 100%;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-content .news-enterprise {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 15px;
    margin-top: 15px;
}

.site-content .news-enterprise .highlight .title-news {
    font-size: 18px;
    margin: 10px 0;
}

.site-content .news-enterprise .highlight .text-news {
    font-size: 16px;
    line-height: 25px;
}

.site-content .news-enterprise .highlight .image {
    position: relative;
}

.site-content .news-enterprise .highlight .image img {
    width: 100%;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-content .news-enterprise .highlight .image .time {
    position: absolute;
    bottom: 0;
    color: #737373;
    background: rgba(255, 255, 255, 0.64);
    width: 100%;
    left: 0;
    padding: 10px;
}

.site-content .news-enterprise .highlight .image .time button {
    cursor: pointer;
    background: none;
    border: none;
    color: #f00;
    margin-left: 5px;
}

.site-content .news-enterprise .list {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
}

.site-content .news-enterprise .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.site-content .news-enterprise .list .item .image {
    width: 150px;
}

.site-content .news-enterprise .list .item .info {
    width: calc(100% - 165px);
}

.site-content .news-enterprise .list .item .info .title-news {
    font-size: 18px;
    margin-bottom: 5px;
}

.site-content .news-enterprise .list .item .info .text-news {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.5;
}

.site-content .news-enterprise .list .item:last-child {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 0;
}

.site-content .news-for-category .highlight {
    margin-top: 10px;
}

.site-content .news-for-category .highlight .title-news {
    font-size: 16px;
    margin: 10px 0;
}

.site-content .news-for-category .highlight .image {
    position: relative;
}

.site-content .news-for-category .highlight .image img {
    width: 100%;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-content .news-for-category .highlight .image .time {
    position: absolute;
    bottom: 0;
    color: #737373;
    background: rgba(255, 255, 255, 0.64);
    width: 100%;
    left: 0;
    padding: 10px;
}

.site-content .news-for-category .highlight .image .time button {
    cursor: pointer;
    background: none;
    border: none;
    color: #f00;
    margin-left: 5px;
}

.site-content .news-for-category ul li {
    list-style: none;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e2e2e2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
}

.site-content .news-for-category ul li:last-child {
    border-bottom: 0;
}

.site-content .calender {
    padding: 10px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px dashed #d5d5d5;
}

.site-content .calender:nth-child(2) {
    margin-top: 10px;
}

.site-content .calender .dob {
    text-align: center;
    border-right: 1px solid #e2e2e2;
    padding-right: 8px;
    font-size: 12px;
}

.site-content .calender .dob .day {
    font-size: 20px;
    font-family: 'UTM Impact', serif;
    font-weight: normal;
    font-style: normal;
}

.site-content .calender .title {
    padding-left: 8px;
    font-size: 16px;
}

.site-content .link-location ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hocwp-breadcrumb {
    list-style: none;
    font-size: 12px;
    padding-right: 10px;
    color: #797979;
}

.hocwp-breadcrumb .breadcrumb-item {
    margin: 0 5px;
}

.content-single .hocwp-breadcrumb .breadcrumb_last {}

.loop-item .posted-on time:not(.published) {
    display: none;
}

.loop-item .posted-on {
    font-size: 0;
}

.loop-item .posted-on a {
    font-size: 13px;
}

.site-content .link-location ul li:last-child:after {
    content: "";
}

.site-content .link-location ul li:after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    padding-left: 10px;
}

.site-content .title-category {
    font-size: 25px;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-content .title-category .filter {
    font-size: 13px;
}

.site-content .title-category .filter input {
    height: 25px;
    padding: 0 10px;
    border: 1px solid #e2e2e2;
    font-family: inherit;
}

.site-content .title-category .filter a.submit-filter {
    height: 25px;
    border: none;
    background: var(--theme-second-color);
    padding: 0 10px;
    font-family: inherit;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
}

.post-type-archive-ngoai-te .title-category {
    margin-bottom: 20px;
}

.site-content .panel-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-content .panel-group .panel-group-right {
    width: 350px;
}

.site-content .panel-group .panel-group-left {
    width: calc(100% - 400px);
}

.site-content .title-panel,
.site-content .sidebar .widget .widget-title {
    position: relative;
    margin-top: 30px;
}

.col-sidebar .widget-title {
    margin-bottom: 15px;
}

.col-sidebar .widget li~li {
    margin-top: 10px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.widget-title {
    font-weight: 600;
    font-size: 16px;
}

@media screen and (min-width: 1101px) {
    .page-box.has-sidebar {
        display: flex;
        gap: 20px;
    }

    .page-box.has-sidebar[data-sidebar-pos="left"] {
        flex-direction: row-reverse;
    }

    .page-box.has-sidebar>*:first-child {
        flex-basis: calc(100% - 320px);
    }

    .page-box.has-sidebar>*:last-child {
        flex-basis: 300px;
    }

    .page-box.has-sidebar .sidebar .widget:first-child .widget-title {}
}

.site-content .title-panel:before,
.site-content .sidebar .widget .widget-title:before {
    content: "";
    background: #bbdefb;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    height: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.site-content .title-panel span,
.site-content .sidebar .widget .widget-title span {
    display: inline-block;
    background: #fff;
    font-size: 17px;
    z-index: 1;
    position: relative;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .08em;
    font-family: "Helvetica", sans-serif;
    line-height: 1.4;
    max-width: 80%;
}

.site-content .sidebar .widget ul {
    list-style: none;
}

.site-content .hocwp-pagination {
    margin-top: 30px;
}

.site-content .hocwp-pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hocwp-pagination li:not(:first-child) {
    margin-left: 10px;
}

.site-content .hocwp-pagination li .page-numbers {
    list-style: none;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border: 1px solid #e2e2e2;
    text-align: center;
    background: none;
    color: #333;
}

.site-content .hocwp-pagination li .page-numbers.current {
    background: var(--theme-second-color);
    border: 1px solid var(--theme-second-color);
    color: #fff;
}

.site-content .hocwp-pagination li .page-numbers:hover {
    background-color: var(--theme-background-color);
    color: #333;
}

.site-content .sidebar .widget .loop-item {
    margin-top: 10px;
}

.site-content .sidebar .widget:not(.thumbnail_size_width0height0) .loop-item:not(.full-width-item):not(.thumbnail_size_width0height0) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-content .sidebar .widget .loop-item:not(.full-width-item) .img-hyperlink {
    width: 120px;
    height: auto;
}

.site-content .sidebar .widget .loop-item:not(.full-width-item) {
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
}

.site-content .sidebar .widget .loop-item:before,
.site-content .sidebar .widget .loop-item:after {
    display: none;
}

.site-content .sidebar .widget:not(.thumbnail_size_width0height0) .loop-item .post-info {
    width: calc(100% - 135px);
}

.site-content .sidebar .widget .loop-item .post-info .post-link {
    font-size: 16px;
    font-weight: 400;
}

.site-content .sidebar .widget .loop-item .post-info .entry-meta {
    margin-top: 5px;
    font-size: 12px;
    color: #7b7b7b;
    font-weight: 400;
}

.site-content .sidebar .widget .loop-item .post-info .entry-summary {
    color: #888;
    font-size: 14px;
    margin-top: 5px;
}

.site-content .sidebar .widget .loop-item.full-width-item {
    margin-top: 30px;
    position: relative;
}

.site-content .sidebar .widget .loop-item.full-width-item img,
.site-content .sidebar .widget .loop-item:not(.full-width-item) .img-hyperlink img {
    width: 100% !important;
    height: auto !important;
}

.site-content .sidebar .widget .loop-item.full-width-item .post-info {
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    padding: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(56%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 56%, rgba(0, 0, 0, 0.6) 100%);
}

.site-content .sidebar .widget .loop-item.full-width-item .post-link {
    font-size: 18px;
    font-weight: 500;
}

.site-content .sidebar .widget .loop-item.full-width-item .entry-meta {
    font-size: 12px;
    margin-top: 10px;
    color: #fff;
}

.site-content .sidebar .widget .loop-item.full-width-item .entry-meta a {
    color: #fff;
}

.site-content .box-loop-posts .loop-item .box-post {
    border-top: 1px solid #e0e0e0;
    margin-top: 20px;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-content .box-loop-posts .loop-item .post-thumbnail {
    width: 220px;
}

.site-content .box-loop-posts .loop-item .post-content {
    width: calc(100% - 240px);
}

.site-content .box-loop-posts .loop-item .category-post {
    font-size: 12px;
    font-weight: 700;
    color: #01376d;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: Helvetica, sans-serif;
}

.site-content .box-loop-posts .loop-item .entry-title {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 700;
}

.site-content .box-loop-posts .loop-item .post-date {
    margin: 10px 0;
    font-weight: 400;
    font-size: 11px;
    color: #999;
}

.site-content .box-loop-posts .loop-item .entry-excerpt {
    font-size: 16px;
    line-height: 25px;
}

.site-content .sidebar .widget.thumbnail_size_width0height0 ul {
    counter-reset: section;
    list-style-type: none;
}

.site-content .sidebar .widget.thumbnail_size_width0height0 .loop-item {
    border-top: 1px solid #e0e0e0;
    margin-top: 15px;
    padding-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-content .sidebar .widget.thumbnail_size_width0height0 .loop-item::before {
    color: var(--theme-second-color);
    font-size: 30px;
    display: inline-block;
    counter-increment: section;
    content: counter(section);
}

.site-content .sidebar .widget.thumbnail_size_width0height0 .loop-item .post-info {
    width: 100%;
}

.site-content .sidebar .widget.thumbnail_size_width0height0 .loop-item .post-info .post-link {
    font-size: 16px;
    font-weight: 400;
}

.site-content .sidebar .widget.thumbnail_size_width0height0 .loop-item .post-info .entry-meta {
    color: #999;
    font-size: 11px;
    margin-right: 6px;
    font-weight: 400;
}

.site-content .loop-single {
    margin-top: 30px;
}

.site-content .loop-single .entry-content {
    text-align: justify;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 30px;
}

.entry-content table,
.entry-content p,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
    margin-bottom: 20px;
}

.topic>* {
    font-weight: 700;
    font-size: 14px;
    color: #555555;
    line-height: 28px;
    display: inline-block;
    margin-bottom: 10px;
}

.topic>a {
    text-transform: none;
    border: 1px solid #DDDDDD;
    border-radius: 50px;
    padding: 0 10px;
}

.site-content .loop-single .entry-title {
    font-size: 30px;
    margin-top: 0;
}

.site-content .loop-single .desc-news {
    margin: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.site-content .loop-single .desc-news[data-layout="2"] {
    justify-content: flex-start;
    gap: 20px;
}

.site-content .loop-single .name-share {
    gap: 10px;
    margin-bottom: 4px;
}

.site-content .loop-single .date-comment>span+span:before {
    content: "•";
    margin-right: 6px;
    margin-left: 3px;
    padding-left: 0;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

.site-content .loop-single .date-comment svg {
    display: none;
}

.site-content .loop-single .fa-check-circle,
.site-content .loop-single a {
    color: var(--theme-accent-color);
}

.site-content .loop-single .avatar {
    border: 1px solid var(--theme-accent-color);
    border-radius: 50%;
}

.site-content .loop-single .desc-news .post-meta {
    font-size: 12px;
    color: #666;
    font-weight: 400;
}

.site-content .loop-single .desc-news .post-meta i {
    margin-left: 8px;
    color: #f00;
}

.site-content .loop-single .tag,
.site-content .loop-single .comments-area {
    margin-top: 30px;
}

.site-content .loop-single .comments-area .form-submit,
.site-content .loop-single .comments-area .comment-form-cookies-consent {
    margin-top: 20px;
}

.site-content .loop-single .comments-area .comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
}

.site-content .loop-single .comments-area .comment-form-cookies-consent input {
    margin-top: 5px;
}

.site-content .loop-single .comments-area label {
    margin: 15px 0 5px;
    display: block;
}

.site-content .loop-single .comments-area .comment-form-cookies-consent label {
    display: inline-block;
    margin: 0;
}

.site-content .loop-single .tag>* {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
}

.site-content .loop-single .tag a {
    list-style: none;
    font-size: 11px;
    color: var(--theme-accent-color);
    background: #d6ebff;
    border-radius: 50px;
    padding: 4px 10px;
    margin-left: 10px;
}

.site-content .loop-single .tag span {
    padding: 0;
    border-radius: 0;
    font-weight: 700;
    color: #666;
    background: none;
    font-size: 11px;
}

.entry-content p[uk-grid]:first-child,
p[uk-grid],
#page\#1-1-0-4 {
    background: #F2F2F2;
    padding: 10px;
    border-radius: 5px;
    color: #555555;
    border: 1px solid #DDDDDD;
    margin-left: 0;
    margin-right: 0;
    margin-top: 28px;
}

.uk-flex-middle,
.uk-grid {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.uk-flex-middle>* {
    width: auto;
}

.uk-flex-middle {
    align-items: center;
}

.site-content .hot-news-media {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 15px;
    margin-top: 15px;
}

.site-content .hot-news-media .loop-item .box-post {
    position: relative;
}

.site-content .hot-news-media .loop-item:first-child {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    height: 388px;
}

.site-content .hot-news-media .loop-item .post-thumbnail {
    display: block;
}

.site-content .hot-news-media .loop-item:first-child .post-thumbnail img {
    height: auto !important;
}

.site-content .hot-news-media .loop-item:first-child .entry-title {
    position: absolute;
    font-size: 25px;
    color: #fff;
    bottom: 0;
    padding: 20px;
    background: black;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.602679)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.602679) 0%, rgba(0, 0, 0, 0) 100%);
    margin: 0;
}

.site-content .hot-news-media .loop-item:not(:first-child) .post-thumbnail img {
    width: 100%;
    height: 157px !important;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-content .hot-news-media .loop-item .entry-title {
    bottom: 0;
    font-size: 16px;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.header-mobile {
    background: var(--theme-background-color);
    display: none;
}

.header-mobile section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--theme-background-color);
    z-index: 9999;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    position: fixed;
    width: 100%;
}

.header-mobile .menu-mobile {
    background: var(--theme-background-color);
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
    padding: 55px 12px 12px 12px;
    overflow: auto;
}

.header-mobile .menu-mobile::-webkit-scrollbar {
    width: 3px;
}

.header-mobile .menu-mobile::-webkit-scrollbar-track {
    background: #eee;
}

.header-mobile .menu-mobile::-webkit-scrollbar-thumb {
    background: #e2e2e2;
}

.header-mobile .menu-mobile::-webkit-scrollbar-thumb:hover {
    background: #eee;
}

.header-mobile .menu-mobile .title-menu-mobile {
    border-bottom: 2px solid var(--theme-second-color);
    color: var(--theme-second-color);
    padding-bottom: 5px;
    font-weight: 700;
    margin-top: 20px;
}

.header-mobile .menu-mobile ul {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 8px;
    grid-column-gap: 20px;
    margin-top: 15px;
}

.header-mobile .menu-mobile ul li {
    list-style: none;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 8px;
}

.header-mobile .left img {
    max-width: 136px;
    padding: 5px 12px;
}

.header-mobile .right .btn-bars {
    font-size: 21px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 12px 20px;
}

.menu-mobile-active {
    overflow: hidden;
}

/*# sourceMappingURL=style.css.map */

/* Chogia Custom ---------------------------- */
.site-content .tab-content-title a.all-news {
    height: auto;
}

.site-content .hot-news-box .hot-news .loop-item .title-news {
    width: 100%;
    font-weight: 700;
}

.max-line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.max-line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.max-line-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.max-line-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.max-line-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.btn {
    display: inline-block;
    background: var(--theme-second-color);
    color: #fff;
    border-radius: 50px;
    padding: 5px 15px;
    font-family: inherit;
    cursor: pointer;
}

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

.text-center {
    text-align: center;
}

.text-center>img {
    margin-left: auto;
    margin-right: auto;
}

.box-shadow {
    overflow: hidden;
}

.site-content .sidebar .widget.thumbnail_size_width0height0 .loop-item .info {
    flex: 1;
}

.list_tag_hot {}

.list_tag_hot a {
    background: #EFF2F5;
    padding: 7px 12px !important;
    border-radius: 4px;
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
    font-size: 14px !important;
    margin-top: 10px;
}

.site-content .loop-item {
    margin-top: 0;
}

.loop-item .post-thumbnail {
    display: block;
}

.loop-item .post-thumbnail img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

.loop-item .post-meta {
    margin-bottom: 10px;
    font-size: 12px;
    color: #777;
}

.post-meta>* {
    display: inline-block;
    vertical-align: bottom;

}

.post-meta>* i {
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
}

.post-meta .meta-author {
    background: url(../images/user.svg) left center no-repeat;
    padding-left: 15px;
    color: #707070;
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    margin-left: 15px;
}

.loop-grid .post-content {
    margin-top: 10px;
}

.loop-item .category-post {
    color: var(--theme-link-color);
    font-size: 13px;
    text-transform: uppercase;
    font-weight: normal;
}

.loop-post-custom .post-meta {
    margin: 10px 0 5px;
}

.hot-news .loop-item .entry-excerpt.short {
    display: none;
}

.site-content .hot-news-box .hot-news .loop-item:first-child .entry-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.site-content .hot-news-box .hot-news .loop-item .entry-title {
    font-size: 18px;
    font-weight: bold;
}

.author_cate {
    margin-top: 10px;
    margin-bottom: 5px
}

.site-content .item-grid-4 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
}

.item-grid-4 {
    margin-top: 20px;
    margin-bottom: 30px
}

.item-grid-4 .loop-item .entry-excerpt.long {
    display: none;
}

.item-grid-4 .entry-title,
.loop-list .entry-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block
}

.post-thumbnail img {
    display: block;
}

.entry-excerpt {
    color: #555;
    text-align: justify;
    font-weight: normal;
}

.clblue {
    color: var(--theme-link-color)
}

.clred {
    color: #FF0000
}

.clgreen {
    color: #16C784
}

.cl999 {
    color: #999999
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs22 {
    font-size: 22px;
}

.tbl_style_one {
    width: 100%;
    border-collapse: collapse;
}

.tbl_style_one tr th {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding: 7px 0
}

.tbl_style_one tr td {
    border-bottom: 1px solid #ddd;
    padding: 7px 0;
    font-size: 15px;
}

.tbl_style_one tr:last-child td {
    border-bottom: none;
    padding-bottom: 0
}

.tbl_style_one tr:hover {
    background: #EFF9FE
}

.box-shadow,
.item-grid-price .widget {
    background: #fff;
    padding: 15px;
    height: auto;
    border: #eee solid 1px;
    -webkit-box-shadow: #e7e7e7 0 0 4px;
    box-shadow: #00000017 0 0 14px;
    margin-top: 15px;
}

.tit_market {
    background: url("../images/right-arrow.svg") no-repeat right center;
    padding-right: 15px;
    margin-bottom: 5px
}

.title_cate {
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 20px;
    position: relative;
    font-family: 'UTM Impact', serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 1px;
    padding: 0 15px;
}

.title_cate:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 7px;
    background: #1973ed;
    left: 0;
    bottom: 2px;
}

.title-news-home {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.grid-top-left-home .loop-item:nth-child(2) .entry-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
}

.left-home {
    width: calc(100% - 315px);
}

.grid-top-left-home {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 15px;
}

.grid-50 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 15px;
    grid-row-gap: 30px;
}

.grid-1-3,
.grid-top-left-home .loop-item:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
}

.grid-top-left-home .loop-item:first-child .entry-title {
    font-size: 25px;
}

.grid-top-left-home .loop-item:first-child .post-thumbnail img {
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.grid-top-left-home .loop-item:first-child .post-content {
    background: #ffffff;
    position: relative;
    z-index: 9;
    width: 92%;
    margin: -110px auto auto;
    padding: 20px;
}

.grid-top-left-home .loop-item:first-child .post-content>.post-meta:first-of-type {
    display: none !important;
}

.grid-top-left-home .loop-item:first-child .entry-excerpt {
    font-size: 16px;
    line-height: 28px;
}

.grid-top-left-home .loop-item:first-child .entry-excerpt.long {
    display: none;
}

.grid-top-left-home .loop-item:nth-child(2) .entry-excerpt.short {
    display: none;
}

.left-home .grid-50 .loop-item .entry-excerpt {
    display: none;
}

.highlight-news .time {
    margin: 10px 0;
    font-size: 11px;
    color: #737373;
}

.highlight-news .time button {
    cursor: pointer;
    background: none;
    border: none;
    color: #f00;
    margin-left: 5px;
}

span.current-time {
    display: inline-block;
    margin: 10px 0;
}

span.current-time svg {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
}

.left-home .grid-50 .loop-item .box-post {
    background: #EEEEEE;
    padding: 7px;
}

.left-home .grid-50 .loop-item .box-post .post-thumbnail img {
    width: 115px !important;
    margin-right: 10px
}

.loop-item .entry-title {
    white-space: normal;
}

.left-home .grid-50 .loop-item .entry-title {
    font-size: 16px;
}

.cat-home,
.fbold {
    font-weight: bold;
}

.d-flex {
    display: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.flex-one {
    -webkit-box-flex: 1;
    flex: 1 0 0;
    -ms-flex: 1 0 0;
    -webkit-flex: 1 0 0;
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.thumb270,
.cat-home .grid-50 .loop-list .post-thumbnail img {
    width: 270px !important;
    margin-right: 10px
}

.grid-2-3 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 2/4;
}

.grid-1 .widget {
    margin-bottom: 20px;
}

.bg-gray,
.grid-1 .widget:first-child {
    background: #EFEFEF;
    padding: 30px;
}

.grid-1 .widget .textwidget p {
    margin-bottom: 15px;
}

.grid-1 .widget .textwidget p:last-child {
    margin-bottom: 0;
}

.grid-1 .widget .widget-title {
    margin-bottom: 15px;
}

.form-short-code.uk-form-select>* {
    margin-bottom: 15px !important;
}

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

.uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

[class*=uk-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.uk-width-1-2 {
    width: 50%;
}

.uk-grid-column-small>*,
.uk-grid-small>* {
    padding-left: 15px;
}

[class*=uk-child-width]>* {
    box-sizing: border-box;
    width: 100%;
}

.entry-content p[uk-grid]>* {
    width: auto;
}

.entry-content p[uk-grid] img {
    margin-right: 5px;
}

.uk-input,
.uk-textarea {
    -webkit-appearance: none;
}

.uk-checkbox,
.uk-input,
.uk-radio,
.uk-select,
.uk-textarea {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
}

.uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.uk-input,
.uk-select,
.uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: #666;
    transition: .2s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
}

.uk-input,
.uk-select:not([multiple]):not([size]) {
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #e5e5e5;
}

.uk-input,
.uk-select:not([multiple]):not([size]) {
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #e5e5e5;
}

.uk-grid-column-small,
.uk-grid-small {
    margin-left: -15px;
}

.uk-grid-small>.uk-grid-margin {
    margin-top: 15px;
}

.uk-panel p {
    margin-top: 15px
}

.uk-panel {
    margin-top: 15px
}

.sub-title {
    margin-top: 10px
}

.bg-gray img {
    margin-bottom: 15px
}

.uk-textarea {
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #e5e5e5;
}

.tbl_style_embed {
    font-size: 14px;
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0;
    background: #fff;
    border: #fff solid 1px;
    -webkit-box-shadow: #e7e7e7 0 0 4px;
    box-shadow: #00000014 0 0 20px
}

.tbl_style_embed .text-center {
    text-align: center;
}

.tbl_style_embed .no-padding {
    padding: 0;
}

.tbl_style_embed p {
    margin-bottom: 0;
}

.tbl_style_embed tr th,
.tbl_style_embed tr td {
    padding: 10px 15px;
    text-align: left;
}

.tbl_style_embed tr td.price {
    padding: 10px 15px;
    text-align: right;
}

.tbl_style_embed tr td {
    border-bottom: 1px solid #ddd
}

.tbl_style_embed tr:last-child td {
    border-bottom: none
}

.tbl_style_embed tr th {
    background: #F1F1F1;
    border: 1px solid #fff;
    text-align: center;
}

.tbl_style_embed tr:first-child th {
    background: #F1F1F1;
}

.tbl_style_embed tbody tr:hover {
    background: #f2f9ff;
}

.tbl_width_auto {
    width: auto;
}

.center_align {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.thumb_flag {
    width: 23px;
    height: 23px;
    border-radius: 40px;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px
}

.thumb_bank_icon {
    width: 70px;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
}

.flex-flag {
    align-items: center;
    display: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.up-icon {
    font-size: 12px;
    color: #16C784;
    background: url("../images/up-arr.svg") no-repeat right 2px;
    padding-right: 13px
}

.down-icon {
    font-size: 12px;
    color: #FF0000;
    background: url("../images/down-arr.svg") no-repeat right 2px;
    padding-right: 13px
}

.price-up {
    color: #16C784;
}

.price-down {
    color: #FF0000;
}

.support_by {
    justify-content: flex-end;
    font-size: 12px;
    align-items: center;
    display: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.support_by img {
    height: 22px;
    display: inline-block;
    margin-left: 10px
}

.box-embed {
    margin-top: 30px
}

/* Header ---------------------------- */

.site-header {
    background: #e7e7e7;
}

.site-header .menu-top {
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}

.site-header .menu-top section {
    justify-content: space-between;
    align-items: center;
    display: table;
    width: 100%;
}

.menu-menu-top-left-container {
    float: left;
}

.menu-menu-top-right-container {
    float: right;
}

.site-header .menu-top section ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.site-header .menu-top section ul li {
    list-style: none;
    font-size: 12px;
    border-right: 1px solid #d5d5d5;
    padding: 5px 15px;
}

.site-header .menu-top section ul li:first-child {
    padding-left: 0;
}

.site-header .banner {
    padding: 20px 0;
}

.site-header .banner section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-header .banner section .site-title img {
    height: 90px;
    width: auto;
}

.site-branding .site-title {
    margin: 0;
}

.site-branding .site-description {
    display: none;
}

.banner-image img {
    width: 728px !important;
    max-width: 100%;
    height: auto;
}

.site-header .main-menus-wrap {
    height: 46px;
}

.site-header .main-menus {
    background: var(--theme-second-color);
    position: relative;
}

.site-header .main-menus.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}

.admin-bar .site-header .main-menus.fixed {
    top: 32px;
}

.iframe-html {
    display: none;
}

.primary-menus {
    position: relative;
}

.site-header .primary-menus ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-header .primary-menus ul li {
    list-style: none;
    color: #fff;
    font-weight: 700;
    position: relative;
}

.primary-menus .menu.hocwp-menu>li>a,
.primary-menus div.menu>ul>li>a {
    text-transform: uppercase;
    padding: 12px 0;
}

.menu.hocwp-menu>li>a,
div.menu>ul>li>a {
    padding-left: 0;
    padding-right: 0;
}

.site-header .primary-menus ul li ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    display: none;
    z-index: 99;
    min-width: 220px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}

.site-header .primary-menus ul li ul li {
    color: #0f4a83;
    font-weight: 400;
    padding: 0 20px;
    border-bottom: 1px solid #d5d5d5;
}

.site-header .primary-menus ul li ul li:hover {
    color: #fff;
}

.site-header .primary-menus ul li:hover ul {
    display: block;
}

.site-header .primary-menus ul li a {
    padding: 12px 0;
    display: block;
}

.site-header .main-menus .dropdown-menu ul {
    position: static;
}

.site-header .primary-menus ul li i {
    font-size: 20px;
}

.site-header .primary-menus li.menu-4col {
    position: static;
}

.site-header .primary-menus li.menu-4col>.sub-menu {
    width: 100%;
    padding: 20px 0;
}

.site-header .primary-menus li.menu-4col>.sub-menu>li {
    float: left;
    width: 25%;
    padding: 0 50px;
    border-left: 1px solid #ddd;
    border-bottom: none;
}

.site-header .primary-menus li.menu-4col>.sub-menu>li:nth-child(4n+1) {
    clear: both;
    border-left: none;
}

.site-header .primary-menus li.menu-4col>.sub-menu li a {
    font-size: 14px;
    color: #333;
    padding: 5px 0;
}

.site-header .main-menus ul li a.active,
.site-header .primary-menus li.menu-4col>.sub-menu li a:hover {
    color: var(--theme-accent-color);
}

.site-header .main-menus .dropdown-menu {
    position: absolute;
    background: #fff;
    top: 100%;
    width: 1170px;
    z-index: 9;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    display: none;
}

.site-header .dropdown-menu .menu-dropdown-container ul#menu-dropdown {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 30px;
    padding: 20px;

}

.site-header .dropdown-menu .menu-dropdown-container ul#menu-dropdown>li:hover>ul.sub-menu {
    position: static;
}

.site-header .dropdown-menu .menu-dropdown-container>ul#menu-dropdown>li>a {
    font-size: 20px;
    border-bottom: 2px solid #2196f3;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #0f4a83;
    vertical-align: top;
}

.site-header .dropdown-menu .menu-dropdown-container ul#menu-dropdown ul.sub-menu {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 10px;
}

.site-header .dropdown-menu .menu-dropdown-container>ul>li>ul li {
    font-weight: 400;
    color: #000;
}

.site-header .dropdown-menu .menu-dropdown-container>ul>li>ul li a {
    padding: 8px 0;
    color: #0f4a83;
}

.site-header .dropdown-menu .menu-dropdown-container>ul>li>ul li a:hover {
    text-decoration: underline;
}

.hocwp-menu::before,
.hocwp-menu::after,
.footer-widgets:before,
.footer-widgets:after {
    display: none;
}

.site-header .menu-bottom section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-header .menu-bottom section ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.site-header .menu-bottom section ul li {
    font-size: 13px;
    list-style: none;
    font-weight: 700;
}

.header-search-form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0;
    position: relative;
    max-width: 30%;
}

.header-search-form i {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-search-form input {
    width: 100%;
    outline: 0;
    border: 1px solid #d5d5d5;
    height: 40px;
    border-radius: 50px;
    font-family: inherit;
    font-size: 12px;
    padding: 0 40px;
}

.header-search-form button {
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--theme-second-color);
    border: none;
    color: #fff;
    border-radius: 50px;
    padding: 0 15px;
    height: 28px;
    font-family: inherit;
    cursor: pointer;
}

/* Site content ---------------------------- */

.ur-frontend-form.login input[name=rememberme]#rememberme,
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input[type="checkbox"],
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item.field-checkbox ul li input[type="radio"] .form-row .ur-checkbox-list input[type="checkbox"],
.form-row .ur-checkbox-list input[type="radio"] {
    display: inline-block;
    vertical-align: -0.094rem;
}

.ur-frontend-form .ur-button-container .ur-submit-button {
    margin-left: 0;
}

.outer-box .page-box {
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
    background-color: #fff;
    padding: 1.25rem;
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-page .page-box,
.register-page .page-box {
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}

.outer-box .ur-frontend-form {
    border: none;
    padding: 0;
}

.site-content .outer-box .loop-single .desc-news {
    display: none;
}

.site-content .outer-box .loop-single {
    margin-top: 0;
}

.outer-box .ur-frontend-form .ur-button-container,
.outer-box .ur-frontend-form .ur-form-row .ur-form-grid {
    padding-left: 0;
    padding-right: 0;
}

.outer-box .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button[type=submit] {
    border-radius: 5px;
}

.outer-box .divider {
    border-width: 1px 0 0;
    border-color: rgb(216, 216, 216);
    background: none;
    border-style: solid;
    margin: 10px 0;
}

.outer-box .connect-facebook .dashicons,
.outer-box .connect-google i {
    display: none;
}

.btn.connect-facebook {
    background-color: rgb(59, 89, 153);
}

.btn.connect-google {
    background-color: rgb(205, 32, 31);
}

.comment-form .form-submit input[type="submit"],
.login-page .user-registration-form-row input[type="submit"]:hover,
.user-registration-Button:hover,
.ur-frontend-form input[type=submit],
.outer-box .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button[type=submit] {
    background-color: rgb(0, 59, 112);
}

.comment-form .form-submit input[type="submit"],
.ur-frontend-form input[type=submit],
.outer-box .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button[type=submit],
.outer-box .btn {
    color: rgb(255, 255, 255);
    border-radius: 4px;
    border: none;
    transition: all .5s;
}

.comment-form .form-submit input[type="submit"]:hover,
.ur-frontend-form input[type=submit]:hover,
.outer-box .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button[type=submit]:hover,
.outer-box .btn:hover {
    opacity: .85;
}

.comment-form .form-submit input[type="submit"] {
    padding: 10px 20px;
    cursor: pointer;
}

.comments-title+.comment-navigation {
    margin-top: 20px;
    margin-bottom: 5px;
}

.comment-navigation {}

.comment-list+.comment-navigation {
    margin-bottom: 20px;
    margin-top: 5px;
}

.comment-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-links>* {}

.comment-navigation .nav-links>*:last-child {
    margin-left: auto;
}

#user-registration *,
#user-registration.user-registration {
    box-shadow: none;
}

.ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement,
.ur-frontend-form .ur-form-row .ur-form-grid input[type=date],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=email],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=number],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=password],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=phone],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=text],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker],
.ur-frontend-form .ur-form-row .ur-form-grid input[type=url],
.ur-frontend-form .ur-form-row .ur-form-grid select,
.ur-frontend-form .ur-form-row .ur-form-grid textarea {
    border: 1px solid rgb(216, 222, 227);
    border-radius: 4px;
    min-height: 44px;
    padding-left: 10px;
    padding-right: 10px;
}

.user-registration .connected-accounts button+button {
    margin-left: 0;
    margin-right: 0;
}

/* Widgets ---------------------------- */

/* 404 Page ---------------------------- */

.circles {
    background: #fff;
    text-align: center;
    position: relative;
    margin-top: 0;
}

.circles p {
    font-size: 240px;
    color: #fff;
    padding-top: 60px;
    position: relative;
    z-index: 9;
    line-height: 100%;
}

.circles p small {
    font-size: 40px;
    line-height: 100%;
    vertical-align: top;
}

.circles .circle.small {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #48A9E6;
    position: absolute;
    z-index: 1;
    top: 80px;
    left: 50%;
    animation: 7s smallmove infinite cubic-bezier(1, .22, .71, .98);
    -webkit-animation: 7s smallmove infinite cubic-bezier(1, .22, .71, .98);
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}

.circles .circle.med {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #48A9E6;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 10%;
    animation: 7s medmove infinite cubic-bezier(.32, .04, .15, .75);
    -webkit-animation: 7s medmove infinite cubic-bezier(.32, .04, .15, .75);
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

.circles .circle.big {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: #48A9E6;
    position: absolute;
    z-index: 1;
    top: 200px;
    right: 0;
    animation: 8s bigmove infinite;
    -webkit-animation: 8s bigmove infinite;
    animation-delay: 3s;
    -webkit-animation-delay: 1s;
}

@-webkit-keyframes smallmove {
    0% {
        top: 10px;
        left: 45%;
        opacity: 1;
    }

    25% {
        top: 300px;
        left: 40%;
        opacity: 0.7;
    }

    50% {
        top: 240px;
        left: 55%;
        opacity: 0.4;
    }

    75% {
        top: 100px;
        left: 40%;
        opacity: 0.6;
    }

    100% {
        top: 10px;
        left: 45%;
        opacity: 1;
    }
}

@keyframes smallmove {
    0% {
        top: 10px;
        left: 45%;
        opacity: 1;
    }

    25% {
        top: 300px;
        left: 40%;
        opacity: 0.7;
    }

    50% {
        top: 240px;
        left: 55%;
        opacity: 0.4;
    }

    75% {
        top: 100px;
        left: 40%;
        opacity: 0.6;
    }

    100% {
        top: 10px;
        left: 45%;
        opacity: 1;
    }
}

@-webkit-keyframes medmove {
    0% {
        top: 0px;
        left: 20%;
        opacity: 1;
    }

    25% {
        top: 300px;
        left: 80%;
        opacity: 0.7;
    }

    50% {
        top: 240px;
        left: 55%;
        opacity: 0.4;
    }

    75% {
        top: 100px;
        left: 40%;
        opacity: 0.6;
    }

    100% {
        top: 0px;
        left: 20%;
        opacity: 1;
    }
}

@keyframes medmove {
    0% {
        top: 0px;
        left: 20%;
        opacity: 1;
    }

    25% {
        top: 300px;
        left: 80%;
        opacity: 0.7;
    }

    50% {
        top: 240px;
        left: 55%;
        opacity: 0.4;
    }

    75% {
        top: 100px;
        left: 40%;
        opacity: 0.6;
    }

    100% {
        top: 0px;
        left: 20%;
        opacity: 1;
    }
}

@-webkit-keyframes bigmove {
    0% {
        top: 0px;
        right: 4%;
        opacity: 0.5;
    }

    25% {
        top: 100px;
        right: 40%;
        opacity: 0.4;
    }

    50% {
        top: 240px;
        right: 45%;
        opacity: 0.8;
    }

    75% {
        top: 100px;
        right: 35%;
        opacity: 0.6;
    }

    100% {
        top: 0px;
        right: 4%;
        opacity: 0.5;
    }
}

@keyframes bigmove {
    0% {
        top: 0px;
        right: 4%;
        opacity: 0.5;
    }

    25% {
        top: 100px;
        right: 40%;
        opacity: 0.4;
    }

    50% {
        top: 240px;
        right: 45%;
        opacity: 0.8;
    }

    75% {
        top: 100px;
        right: 35%;
        opacity: 0.6;
    }

    100% {
        top: 0px;
        right: 4%;
        opacity: 0.5;
    }
}

/* Site footer ---------------------------- */

footer .title-primary,
.footer-top .widget .widget-title {
    margin: 15px 0;
    border-bottom: #bdbdbd solid 1px;
    padding: 15px 10px 0 0;
    height: 50px;
}

.footer-top+.hocwp-ads {
    margin-top: 15px;
}

footer .title-primary .title,
.footer-top .widget .widget-title>* {
    padding: 0 10px;
}

footer .title-primary .title::before,
.footer-top .widget .widget-title>*::before {
    display: none;
}

footer .footer-top {
    background: #e1e1e1;
    padding: 15px;
    margin-top: 15px;
}

footer .footer-top section {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 50px;
}

footer .footer-top section .widget .email-noti {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0;
    position: relative;
}

footer .footer-top section .widget .email-noti i {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

footer .footer-top section .widget .email-noti input {
    width: 100%;
    outline: 0;
    border: 1px solid #d5d5d5;
    height: 40px;
    border-radius: 50px;
    font-family: inherit;
    font-size: 12px;
    padding: 0 40px;
}

footer .footer-top section .widget .email-noti button {
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--theme-second-color);
    border: none;
    color: #fff;
    border-radius: 50px;
    padding: 0 15px;
    height: 28px;
    font-family: inherit;
    cursor: pointer;
}

footer .footer-top section .widget .footer-top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: #bdbdbd solid 1px;
}

footer .footer-top section .widget .footer-top-menu li {
    list-style: none;
    font-size: 14px;
    padding: 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

footer .footer-top section .widget .footer-top-menu li a {
    border-right: #bdbdbd solid 1px;
    padding-right: 14px;
    margin-right: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

footer .footer-top section .widget .footer-top-menu li i {
    font-size: 30px;
    color: #3b5998;
}

footer .footer-top section .widget .footer-top-menu li:last-child a {
    border: none;
    padding-right: 0;
    margin-right: 0;
}

footer .footer-top section .widget .hotline {
    border-bottom: #bdbdbd solid 1px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 15px 10px 0 0;
}

footer .footer-top section .widget .hotline .hotline-item {
    padding: 0 10px 4px;
}

footer .footer-top section .widget .hotline .hotline-item:first-child {
    text-align: right;
    border-right: #bdbdbd solid 1px;
}

footer .footer-top section .widget .hotline .hotline-item .span-news {
    font-size: 12px;
}

footer .footer-top section .widget .hotline .hotline-item div {
    font-weight: 700;
    font-size: 20px;
    font-family: 'UTM Impact', serif;
}

footer .footer-top section .widget .sapo-news {
    font-size: 16px;
    margin-top: 10px;
}

footer .footer-top section .widget .text-news {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
    height: 132px;
    overflow: auto;
}

footer .footer-top section .widget .text-news::-webkit-scrollbar-track {
    background-color: #eee;
}

footer .footer-top section .widget .text-news::-webkit-scrollbar {
    width: 3px;
    background-color: #eee;
}

footer .footer-top section .widget .text-news::-webkit-scrollbar-track:hover,
footer .footer-top section .widget .text-news::-webkit-scrollbar-thumb:hover {
    background-color: transparent;
}

footer .footer-top section .widget .text-news::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

footer .footer-top section .widget ul.recruit {
    margin-top: 10px;
    overflow: auto;
}

footer .footer-top section .widget ul.recruit li {
    list-style: none;
    margin-top: 15px;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: #c0c0c0 solid 1px;
    padding-bottom: 15px;
    padding-left: 0;
}

footer .footer-top section .widget ul.recruit li i {
    border: 1px solid #bebebe;
    height: 22px;
    width: 24px;
    background: #fff;
    text-align: center;
    font-size: 13px;
    line-height: 21px;
    margin-right: 5px;
}

footer .main-title {
    margin-top: 0;
}

footer .main-title.bg-footer {
    background: var(--theme-primary-color);
    border-top: var(--theme-border-color) solid 1px;
    border-bottom: var(--theme-border-color) solid 1px;
    margin-top: 15px;
}

footer .main-title.bg-footer .title ul li {
    font-size: 14px;
}

footer .main-title.bg-footer .title ul li i {
    margin-right: 5px;
    vertical-align: top;
}

footer .main-title .title ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    column-gap: 15px;
}

footer .main-title .title ul li {
    list-style: none;
    font-size: 16px;
}

footer .footer-menus {
    background: var(--theme-bg-color);
    padding: 20px;
    color: #fff;
}

footer .footer-menus .widget .widget-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

footer .footer-menus .widget:last-child {
    margin-bottom: 0;
}

footer .footer-menus .widget .widget-title {
    font-weight: 700;
    width: 15%;
    text-align: right;
    padding-right: 15px;
    font-size: 14px !important;
    background: none !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

footer .footer-menus .widget .widget-title~* {
    width: calc(100% - 15%);
}

footer .footer-menus .widget:last-child {
    border-bottom: none;
}

footer .footer-menus .widget .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.site-footer .footer-menus .widget_nav_menu ul li a {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

footer .footer-menus .widget .menu li {
    list-style: none !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    margin-bottom: 15px !important;
    border-right: #404040 dotted 1px !important;
    color: #c5d1dd !important;
    line-height: 25px !important;
}

.site-footer .footer-menus .widget_nav_menu ul li a:hover {
    color: #007cd4 !important;
}

.site-footer .footer-menus .widget_nav_menu {
    border: none !important;
}

footer .footer-bottom {
    background: var(--theme-primary-color);
    border-top: var(--theme-border-color) solid 1px;
    color: #fff;
    padding: 25px 15px 15px;
}

footer .footer-bottom .footer-widgets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    font-size: 13px;
    line-height: 25px;
    color: #555;
}

footer .footer-bottom .footer-widgets .widget:last-child {
    background: #193866;
    padding: 30px 20px 20px;
    line-height: 25px;
    font-size: 14px;
    position: relative;
}

footer .footer-bottom .footer-widgets .widget:last-child p:nth-child(2) {
    margin-top: 10px;
}

footer .footer-bottom .footer-widgets .widget:last-child .widget-title {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 12px;
    background: #36598d;
    padding: 5px 12px;
    position: absolute;
    top: -12px;
    font-weight: 600;
}

button.back-to-top {
    position: fixed;
    right: 10px;
    bottom: 100px;
    z-index: 499;
    display: none;
    border: none;
    opacity: 0.7;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;
}

.site-footer {
    margin: 0 !important;
    background: none !important;
    color: #333 !important;
    padding: 0 !important;
}

/* FAQs ---------------------------- */

.re__box-faqs {
    width: 100%;
    margin-bottom: 24px;
    margin-top: 20px;
}

.re__box-faqs .re__box-faqs-container {
    margin: auto;
    position: relative;
}

.re__box-faqs .re__box-title-ss {
    font-family: "Lexend Medium", Roboto, Arial, serif !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    padding: 16px 0 24px 0;
}

.re__box-faqs .re__box-faqs-content {
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 23px;
    background: #fff;
}

.re__box-faqs .re__box-faqs-content .re__faqs-list {
    transition: height .5s ease;
    overflow: hidden;
}

.re__box-faqs .re__box-faqs-content .re__faqs-list .re__collapse-box {
    padding: 14px 0 13px;
    border-bottom: 1px solid #F2F2F2;
}

.re__box-faqs.long-lists:not(.active) .re__box-faqs-content .re__faqs-list .re__collapse-box:nth-child(n+4) {
    display: none;
}

.re__box-faqs .re__box-faqs-content .re__faqs-list .re__collapse-box .re__collapse-label {
    font-family: "Roboto Medium", Roboto, Arial, serif !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    cursor: pointer;
    width: 100%;
}

.re__box-faqs .re__box-faqs-content .re__faqs-list .re__collapse-box i {
    color: #E03C31;
    margin-right: 8px;
    vertical-align: -1px;
    font-size: 16px;
}

.re__box-faqs .re__box-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content {
    display: none;
    margin-top: 8px;
    margin-left: 22px;
    font-family: "Roboto Regular", Roboto, Arial, serif !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050;
    overflow: hidden;
}

.re__box-faqs .re__box-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content p,
.re__box-faqs .re__box-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content span,
.re__box-faqs .re__box-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content ul,
.re__box-faqs .re__box-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content li,
.re__box-faqs .re__box-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content ol,
.re__box-faqs .re__box-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content strong {
    font-family: "Roboto Regular", Roboto, Arial, serif !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050;
    padding-bottom: 0;
    margin-bottom: 0;
}

.re__box-faqs .re__box-faqs-content .re__faq-view-control {
    padding-top: 8px;
    position: relative;
    text-align: center;
}

.re__box-faqs .re__box-faqs-content .re__faq-view-control .re__gradient {
    position: absolute;
    width: 100%;
    height: 2px;
    top: -2px;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.re__btn-pr-ghost--sm {
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial, serif !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px;
    cursor: pointer;
}

.re__btn.re__btn-icon-right--sm>span {
    float: left;
    font-family: "Lexend Medium", Roboto, Arial, serif !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
}

.re__btn.re__btn-icon-right--sm i {
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: -4px;
    font-size: 16px !important;
    float: left;
}

.re__btn-pr-ghost--sm:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #FFECEB;
}

.re__display-none {
    display: none;
}

.re__box-faqs .re__box-faqs-content .re__faqs-list .re__collapse-box:last-child {
    border-bottom: none;
}

.js__box-faqs,
#box-faq {
    display: none;
}

.re__collapse-content p~p {
    margin-top: 10px;
}

/* Same topic ---------------------------- */

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.title_vehicles {
    position: relative;
    display: block;
    margin-bottom: 30px;
    font-size: 22px;
}

.title_vehicles:before {
    background: #333;
    left: 60px;
    width: 100px;
}

.title_vehicles:after {
    background: #ffd400;
    width: 60px;
}

.title_vehicles:before,
.title_vehicles:after {
    position: absolute;
    height: 2px;
    bottom: -7px;
    content: '';
    display: block;
}

.list_three_news {
    margin: 0 -10px;
}

.col30per {
    width: 33.3%;
}

.list_three_news .col50per,
.list_three_news .col30per {
    padding: 0 10px;
}

.thumbblock {
    display: block;
    overflow: hidden;
    position: relative;
}

.thumb110 {
    height: 110px;
    width: 100%;
}

.thumbblock img {
    min-width: 100%;
    object-fit: cover;
}

.list_three_news img {
    margin-bottom: 10px !important;
}

.fs16 {
    font-size: 16px;
    line-height: 24px;
}

.mt10 {
    margin-top: 10px !important;
}

.fs12 {
    font-size: 12px;
    line-height: 16px;
}

.cl99 {
    color: #999 !important;
}

.cta_more_overview_2 {
    background: #eee;
    border: 1px solid #ddd;
    position: relative;
    z-index: 9;
    border-radius: 40px;
    padding: 3px 15px;
    line-height: 16px !important;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px !important;
}

/* Responsive ---------------------------- */

.mobile-menus-box {
    display: none;
    position: absolute !important;
    right: 0;
    top: 0;
    width: auto !important;
}

.mobile-menu>.menu-toggle {
    background-color: #e7e7e7;
    display: inline-block;
    width: 50px;
    height: 50px;
    border: none;
    color: #fff;
    padding: 0;
    font-weight: 500;
}

.mobile-menu.position-right .menu-toggle {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    z-index: 999999;
}

.mobile-menu.has-close>.menu:before,
.mobile-menu.has-close>.menu:after,
.mobile-menu>.menu-toggle span[class*="line-"] {
    width: 30px;
    height: 3px;
    display: block;
    background: #fff;
    border-radius: 2px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}

.mobile-menu>.menu-toggle span[class*="line-"] {
    margin-bottom: 6px;
    background-color: var(--mobile-menu-color);
    ;
}

.search-form label {
    width: calc(100% - 60px);
}

.search-form input[type="submit"] {
    width: 60px;
}

.search-form input[type="search"],
.search-form input[type="text"],
.search-form input[type="submit"] {
    border: none;
    border-radius: 0;
}

.mobile-menu>.menu li a {
    padding-left: 15px;
    padding-right: 30px;
    color: #fff;
}

.mobile-menu .menu li.menu-item-home,
.mobile-menu .menu li.toggle-btn {
    display: none !important;
}

/* =========== For larger screen width =========== */

@media only screen and (min-width: 2133px) {}

@media only screen and (min-width: 2400px) {}

@media only screen and (min-width: 2560px) {}

@media only screen and (min-width: 2880px) {}

@media only screen and (min-width: 3840px) {}

@media only screen and (min-width: 5760px) {}

@media only screen and (min-width: 7680px) {}

/*
 * Base screen width is 1920px
 */

/* =========== For smaller screen width =========== */

@media only screen and (max-width: 1745px) {}

/* 125% screen width -------------------- */
@media only screen and (max-width: 1536px) {}

@media only screen and (max-width: 1403px) {}

/* 150% screen width -------------------- */
@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1170px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .scroll-table {
        overflow-x: auto;
        white-space: nowrap;
        transform: rotateX(180deg);
        position: relative;
        width: 100%;
    }

    .scroll-table table {
        transform: rotateX(-180deg);
    }

    .scroll-table::-webkit-scrollbar {
        height: 10px;
    }

    .scroll-table::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    }

    .scroll-table::-webkit-scrollbar-thumb {
        height: 10px;
        background-color: #ddd;
    }

    .scroll-table::-webkit-scrollbar-thumb:hover {
        background-color: #ddd;
    }

    .scroll-table::-webkit-scrollbar:vertical {
        display: none;
    }

    .scroll-table::-webkit-scrollbar-button {
        background-color: transparent;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center center;
        height: 15px;
        width: 30px;
    }

    .scroll-table::-webkit-scrollbar-button:horizontal:increment {
        background-image: url(https://dl.dropboxusercontent.com/u/55165267/icon2.png);
    }

    .scroll-table::-webkit-scrollbar-button:end:increment {
        background-image: url(../images/scroll-right.png);
    }

    .scroll-table::-webkit-scrollbar-button:start:decrement {
        background-image: url(../images/scroll-left.png)
    }
}

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

    .mobile-menus-box,
    .site-content .hot-news-box {
        display: block;
    }

    .menu-bottom,
    .site-header .menu-top,
    .toggle-btn[href="#toggle_menu"] {
        display: none;
    }

    .d-flex {
        flex-wrap: nowrap;
    }

    .site-header .banner {
        padding: 10px 0;
    }

    .site-header .banner .display-flex {
        display: block !important;
        position: relative;
    }

    .site-header .banner section .site-title img {
        height: 50px;
    }

    .banner-image {
        text-align: center;
        margin-top: 10px;
    }

    .banner-image img {
        width: auto !important;
        display: block;
        margin: 0 auto;
    }

    .display-flex,
    footer .footer-bottom .footer-widgets,
    footer .footer-menus .widget .widget-inner,
    .site-content .panel-group,
    footer .footer-top section,
    .left-home .grid-50,
    .left-home {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    .site-content .hot-news-box .embed-code-right,
    .display-flex>*,
    footer .footer-bottom .footer-widgets>*,
    footer .footer-menus .widget .widget-inner>* {
        width: 100%;
    }

    .site-content .hot-news-box .hot-news {
        width: 100%;
        grid-template-columns: auto auto;
        grid-template-areas: "a a" "b c";
        row-gap: 20px;
    }

    .site-content .hot-news-box .hot-news .loop-item:first-child {
        grid-area: a;
        height: auto;
    }

    .site-content .hot-news-box .hot-news .loop-item:nth-child(2) {
        grid-area: b;
    }

    .site-content .hot-news-box .hot-news .loop-item:nth-child(3) {
        grid-area: c;
    }

    .list_tag_hot ul.menu {
        display: none;
    }

    .item-grid-carousel .slick-slider .slick-track {
        column-gap: 10px;
    }

    .site-content .item-grid-4,
    .grid-50 {
        grid-template-columns: 100%;
        padding: 0 !important;
        margin-bottom: 40px;
        display: none;
    }

    .item-grid-carousel .loop-item {
        padding: 0 8px;
    }

    .item-grid-carousel {
        margin-left: -8px;
        margin-right: -8px;
    }

    .cat-banner .loop-item .box-post {
        display: flex;
        column-gap: 10px;
        row-gap: 40px;
    }

    .site-content .hot-news-box .hot-news .loop-item .entry-title,
    .item-grid-4 .entry-title,
    .loop-list .entry-title {
        font-size: 15px;
    }

    .loop-item .entry-excerpt {
        display: none;
    }

    .cat-banner .loop-item .post-thumbnail {
        width: 100px;
    }

    .site-content .hot-news-media {
        grid-template-columns: auto;
        grid-template-areas: none;
        row-gap: 20px;
    }

    .site-content .hot-news-media .loop-item:not(:first-child) .post-thumbnail img,
    .site-content .panel-group>* {
        width: 100% !important;
        height: auto !important;
    }

    .site-content .hot-news-media .loop-item:first-child {
        grid-area: a;
        height: auto;
    }

    .site-content .hot-news-media .loop-item:first-child .post-thumbnail img {
        height: auto !important;
    }

    .site-content .hot-news-media .loop-item .entry-title {
        position: absolute;
        font-size: 16px !important;
        color: #fff;
        bottom: 0;
        padding: 10px !important;
        background: black;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.602679)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.602679) 0%, rgba(0, 0, 0, 0) 100%);
        margin: 0;
    }

    footer .footer-bottom .footer-widgets .widget:last-child {
        margin-top: 20px;
    }

    footer .footer-menus .widget .widget-title {
        text-align: left;
    }
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width: 955px) {}

@media only screen and (max-width: 880px) {}

@media only screen and (max-width: 800px) {}

/*
 * WordPress Admin Bar change height.
 */

@media only screen and (max-width: 782px) {}

@media only screen and (max-width: 768px) {
    .site-content .hot-news-box .hot-news .loop-item:first-child .entry-title {
        font-size: 18px;
    }

    .thumb270,
    .cat-home .grid-50 .loop-list .post-thumbnail img {
        width: 100% !important;
        margin-right: 0;
    }

    .site-content .cat-home .loop-item .d-flex {
        flex-direction: column;
        row-gap: 10px;
    }

    .main-title {
        display: block;
    }

    .main-title .title {
        margin-bottom: 10px;
        display: block;
    }

    footer .main-title.bg-footer .title {
        display: none;
    }

    .site-content .box-loop-posts .loop-item .post-thumbnail {
        width: 120px;
    }

    .site-content .box-loop-posts .loop-item .post-content {
        width: calc(100% - 135px);
    }

    .site-content .box-loop-posts .loop-item .entry-excerpt {
        font-size: 14px;
        line-height: 22px;
    }

    .site-content .box-loop-posts .loop-item .entry-title {
        margin: 5px 0;
        font-size: 15px;
        font-weight: 700;
    }

    .site-content .box-loop-posts .loop-item .category-post {
        font-size: 11px;
        font-weight: 500;
    }

    .list_three_news {
        flex-wrap: wrap;
    }

    .list_three_news .col30per {
        width: 100%;
        display: flex;
        margin-bottom: 20px;
    }

    .thumb110 {
        width: 48%;
        height: auto;
    }

    .list_three_news .desc_news_three {
        width: calc(100% - (48% + 20px));
        margin-left: 20px;
    }
}

@media only screen and (max-width: 740px) {}

@media only screen and (max-width: 720px) {}

@media only screen and (max-width: 640px) {
    .list-posts li img {
        width: 35%;
        margin-right: 10px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 620px) {}

/*
 * WordPress Admin Bar un-fixed.
 */
@media only screen and (max-width: 600px) {}

@media only screen and (max-width: 568px) {}

@media only screen and (max-width: 563px) {}

@media only screen and (max-width: 549px) {
    .thumb110 {
        height: 120px;
    }
}

@media only screen and (max-width: 534px) {}

@media only screen and (max-width: 480px) {}

@media only screen and (max-width: 420px) {}

@media only screen and (max-width: 360px) {}

@media only screen and (max-width: 338px) {}

@media only screen and (max-width: 330px) {}

@media only screen and (max-width: 320px) {}

@media print {}

#main-menu .sub-menu li.favorite-star>a::after,
#mobile-menu .sub-menu li.favorite-star>a::after {
    content: '★';
    color: red;
    margin-left: 5px;
    font-size: 1.5em;
}

#main-menu .sub-menu li.favorite-star>a {
    font-weight: 600;
}

.glossary-alphabet-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    color: #12225c;
}

.glossary-alphabet-wrapper div.field-letter {
    margin: 5px;
}

.glossary-alphabet-wrapper div.field-letter a {
    display: flex;
    width: 34px;
    height: 34px;
    border: 1px solid;
    border-radius: 4px;
    font-size: 22px;
    text-transform: capitalize;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    transition: color .5s, background-color .5s, border-color .5s;
}

.glossary-alphabet-wrapper a {
    color: #12225c;
}

.glossary-terms-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

.glossary-terms-list ul {
    padding-top: 30px;
    list-style: none;
}

.glossary-terms-list ul li {
    margin-bottom: 30px;
}

.glossary-terms-list ul li .glossary-term-list-item,
.glossary-terms-list ul li>a {
    display: block;
    padding: 40px;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .14);
    border-radius: 10px;
    color: #12225c;
    transition: box-shadow .5s;
}

.glossary-terms-list ul li .glossary-term-list-item>div,
.glossary-terms-list ul li>a>div {
    display: flex;
    align-items: center;
    gap: 1rem;
    text-align: left;
}

.glossary-terms-list ul li .glossary-term-list-item>div .field-termname,
.glossary-terms-list ul li>a>div .field-termname {
    width: 25%;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 500;
    color: #12225c;
}

.glossary-terms-list ul li .glossary-term-list-item>div .field-termmaindefinition,
.glossary-terms-list ul li>a>div .field-termmaindefinition {
    font-size: 20px;
    margin-bottom: 0;
    flex: 1;
}
.author-post-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 1rem 0 1rem 0;
}

.google-news {
    margin-top: .5rem;
}

.desc-news {
    margin: 0 !important;
    border: 0 !important;
}


/* Stack on smaller screens */
@media (max-width: 768px) {
    .author-post-container {
        flex-direction: column;
        gap: .1rem;
        margin-bottom: 1rem;
    }
    .desc-news {
        width: 100%;
    }

    .google-news {
        margin-bottom: .5rem;
    }
}