/* Font face */
@font-face {
  font-family: PlayfairDisplay-Regular;
  src: url(../fonts/PlayfairDisplay-Regular.ttf);
  font-display: swap;
}

@font-face {
  font-family: PlayfairDisplay-Italic;
  src: url(../fonts/PlayfairDisplay-Italic.ttf);font-display: swap;
}

@font-face {
  font-family: PlayfairDisplay-Bold;
  src: url(../fonts/PlayfairDisplay-Bold.ttf);font-display: swap;
}

@font-face {
  font-family: PlayfairDisplay-BoldItalic;
  src: url(../fonts/PlayfairDisplay-BoldItalic.ttf);font-display: swap;
}

@font-face {
  font-family: Roboto-Regular;
  src: url(../fonts/Roboto-Regular.ttf);font-display: swap;
}

@font-face {
  font-family: Roboto-RegularItalic;
  src: url(../fonts/Roboto-RegularItalic.ttf);font-display: swap;
}

@font-face {
  font-family: Roboto-Bold;
  src: url(../fonts/Roboto-Bold.ttf),url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap);font-display: swap;
}

@font-face {
  font-family: Roboto-BoldItalic;
  src: url(../fonts/Roboto-BoldItalic.ttf);font-display: swap;
}

/* Css reset */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html, body {margin: 0; padding: 0; font-family: 'Roboto-Regular', Arial, Verdana, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; color: #222f;font-display: swap;}
header, section, footer, aside, nav, main, article, figure, figcaption, mark, summary, time, details, ul, li, a, img {display: block; margin: 0; padding: 0}
input, textarea {font-family: 'Roboto-Regular', Arial, Verdana, Helvetica, sans-serif; font-size: 1em; color: #999; border: none; background: transparent}
button {border: none; background: transparent}
h1, h2, h3, h4, h5, h6 {font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif; font-size: inherit; line-height: 1.3em; color: #000}
b, strong {font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif;}
.uk-grid {margin-left: -30px}
.uk-grid>* {padding-left: 30px}
*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {margin-top: 30px}
[class*=icon-] {position: relative; top: -1px}
.color-links a {text-decoration: none; color: #222}
a:hover, .info-tt-news-1 h3:hover, .info-tt-news-2:hover, .block-news-ft:hover .info-tt-news-3 h3, .news-focus a:hover, .news-story li h3 a:hover,
.news-menu-multimedia ul li a:hover, .news-large-multimedia p:hover, .nav-footer a:hover, .white-color-links a:hover
{color: #095e98; text-decoration: none}


/* Transition */
a
{
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}


/* Index */
#header {}
.top-hd-left, .top-hd-right {min-height: 52px; position: relative; z-index: 9999}
/*.nav-hd .uk-navbar-nav li a {min-height: 52px; color: #fff; font-family: 'Roboto-Regular', Arial, Verdana, Helvetica, sans-serif;}*/
.nav-hd .uk-navbar-nav li:hover, .nav-hd .uk-navbar-nav li.uk-active {background: rgba(255,255,255,0.1)}
.uk-navbar-toggle {min-height: auto}
.uk-navbar-toggle span {color: #fff; text-transform: uppercase; font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif;}
.search-hd {margin-left: 20px}
.search-hd .uk-button {padding: 0 0 0 20px; line-height: normal; border-left: solid 2px rgba(255,255,255,0.5)}
.search-hd .uk-search-input {border: none; line-height: 35px; padding: 0 10px}
.list-control-hd li {display: inline-block; margin-left: 20px}
.list-control-hd li a {color: #fff}
.list-control-hd li a span {margin-right: 10px}
.bot-hd {margin-bottom: 30px}
.bot-ct-hd {padding: 30px 0; border-bottom: solid 3px #095e98}
h1.logo-hd {max-width: 120px}
.news-hd {padding-left: 40px}/*60px*/
.news-hd h2 {font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; font-size: 0.95em; text-transform: uppercase; margin-bottom: 10px}
.news-hd ul li {position: relative; padding-left: 60px; font-size: 0.85em}/*80px*/
.news-hd ul li .news-time-hd {position: absolute; left: 0; color: #696969}
#main {}
.box-widget {max-width: 300px}
.tt-box {text-transform: uppercase; font-size: 1.2em}
.tt-box-1 {margin-bottom: 15px}
.tt-box-2 {font-size: 1.6em; color: rgba(255,255,255,0.8)}
.info-tt-news-1 h3 {font-size: 2em; margin-bottom: 15px}
.info-tt-news-1 p {margin: 0}
.info-tt-news-2 {display: inline-block; width: 100%; font-size: 1.4em; margin: 0; color: rgba(255,255,255,0.8)}
.adv {background: #f9f9f9; border: solid 1px #e0e0e0; display: flex; align-items: center; justify-content: center; font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.4em; color: #999}
.adv-1 {height: 120px}
.adv-2 {height: 250px}
.adv-3 {height: 470px}
.adv-default {display: flex;align-items: center;justify-content: center;font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif;text-transform: uppercase;font-size: 1.4em;}
.row-main, .row-sidebar {margin-bottom: 30px}
.row-main:last-child, .row-sidebar:last-child {margin-bottom: 0}
.news-featured {}
.block-news-nb li {display: inline-block; width: 100%; padding: 15px 0; border-bottom: solid 1px #e0e0e0}
.block-news-nb li:last-child {border-bottom: none; padding-bottom: 0}
.block-news-ft, .block-news-ft:hover {color: #222}
.block-news-item-ft li {margin-bottom: 30px}
.block-news-item-ft li:last-child {margin-bottom: 0}
.block-news-item-ft li a {font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif;}
.news-focus {border-top: solid 8px #095e98; background: #0d202b; padding: 30px}
.news-focus a {color: rgba(255,255,255,0.8); font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif;}
.news-thematic {margin-top: 15px; padding-bottom: 15px; border-bottom: solid 1px #e0e0e0}
.news-thematic h3 {float: left; margin: 0 15px 0 0; background: #095e98; line-height: 33px; padding: 2px 20px 0 15px; border-radius: 24px; color: #fff; font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; font-size: 0.85em}
.news-thematic h3 .icon-bolt {margin-right: 3px}
.news-thematic ul li {display: inline-block; padding: 0 15px; line-height: 35px; position: relative}
.news-thematic ul li:after {content: ""; position: absolute; right: 0; top: 10px; bottom: 10px; margin-top: -3px; width: 1px; height: 20px; background: #999}
.news-thematic ul li:last-child:after {background: transparent}
.news-story li {display: inline-block; width: 100%; border-bottom: solid 1px #e0e0e0; padding: 30px 0}
.news-story li:first-child {padding-top: 0}
.news-story li:last-child {padding-bottom: 0; border-bottom: none}
.news-story li .news-cate-story {font-size: 0.85em; color: #095e98; text-transform: uppercase; font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; margin-bottom: 5px}
.news-story li h3 {margin: 0 0 10px; font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif; font-size: 1.4em}
.news-story li h3 a {color: #222}
.news-story li p {margin: 0}
.news-multimedia {}
.news-menu-multimedia {border-top: solid 3px #095e98}
.news-menu-multimedia h2.tt-multimedia {float: left; line-height: 32px; color: #fff; margin: 0; padding: 0 15px 3px; background: #095e98; font-size: 1.2em}
.news-menu-multimedia ul li {display: inline-block; padding: 3px 15px 0; line-height: 32px}
.news-menu-multimedia ul li a {text-transform: uppercase; color: #222}
.news-ct-multimedia {position: relative}
.news-large-multimedia {float: left; width: 100%; position: relative; margin-bottom: 15px}
.news-large-multimedia p {position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; padding: 20px 30px; color: #fff; font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif; font-size: 1.4em; line-height: 1.3em;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6979166666666667) 50%, rgba(0,0,0,0) 100%);
}
.news-item-multimedia {color: #222}
.news-cate {display: inline-block; width: 100%; margin-top: 10px}
h2.news-menu-cate {border-bottom: solid 1px #e0e0e0; padding-bottom: 15px; position: relative}
h2.news-menu-cate a {padding-left: 20px; color: #222; font-size: 1.2em; text-transform: uppercase; position: relative}
h2.news-menu-cate a:before {content: ""; position: absolute; left: 0; top: 2px; background: #095e98; width: 5px; height: 16px}
.news-large-cate {color: #000; font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif; font-size: 1.15em; line-height: 1.4em}
.news-list-cate li {display: inline-block; width: 100%; margin-bottom: 15px}
.news-list-cate li:last-child {margin-bottom: 0}
.news-region {background: #f9f9f9; border: solid 1px #e0e0e0; padding: 30px}
.news-menu-region {border-bottom: solid 1px #e0e0e0; padding-bottom: 15px}
.news-select-region {position: absolute; right: 0; top: -5px; border: solid 1px #e0e0e0; height: 28px; padding: 0 10px; font-size: 0.85em; color: #666}
.news-region h3 {font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; margin-bottom: 10px; text-transform: uppercase; padding-left: 20px}
.news-region ul li {display: inline-block; width: 100%; padding: 5px 0 5px 20px; position: relative}
.news-region ul li:last-child {padding-bottom: 0}
.news-region ul li:before {content: ""; position: absolute; left: 0; top: 13px; background: #095e98; width: 5px; height: 5px}
.sidebar-main {max-width: 300px}
.news-block-sdb h3 {background: #095e98; padding: 3px 15px 0; margin: 0; line-height: 32px}
.news-block-sdb h3 a {color: #fff; text-transform: uppercase} 
.news-block-sdb ul {border: solid 1px #e0e0e0; border-top: none; padding: 15px}
.news-block-sdb ul li {padding: 5px 0 5px 20px; position: relative}
.news-block-sdb ul li:before {content: ""; background: #095e98; width: 5px; height: 5px; position: absolute; left: 0; top: 13px}
.news-ct-cate {}
.news-list-links {margin-top: 15px}
.news-list-links li {display: inline-block; width: 100%; padding: 10px 0; border-top: solid 1px #e0e0e0}
.news-list-links li:last-child {padding-bottom: 0}
.block-news {}
.block-news h2 {border-bottom: solid 1px #deb406; margin-bottom: 15px}
.block-news h2 a {display: inline-block; padding-bottom: 15px; color: #deb406; font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif; font-size: 1.15em; text-transform: uppercase; border-bottom: solid 2px #deb406}
.block-news-large {font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif; color: #000}
.block-news-links li {display: inline-block; width: 100%; margin-bottom: 10px; position: relative; padding-left: 20px}
.block-news-links li:before {content: ""; position: absolute; left: 0; top: 8px; background: #095e98; width: 5px; height: 5px}
.block-news-links li:last-child {margin-bottom: 0}
.block-exchange-rate {background: #095e98; padding: 30px}
.block-exchange-rate h2 {color: #deb406; text-align: center; font-size: 1.4em; margin-bottom: 15px; text-transform: uppercase}
.block-exchange-rate p {margin-bottom: 0; color: rgba(255,255,255,0.8); text-align: right; font-size: 0.85em}
#footer {margin-top: 50px; font-size: 0.95em}
.nav-footer {padding: 25px 0; border-top: solid 5px #095e98}
.nav-footer a {display: block; padding: 2px 0; color: #222; text-transform: capitalize}
.nav-footer .nav-tt-footer {font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif;}
.partner-footer ul li {display: inline-block; margin-right: 30px}
.partner-footer ul li:last-child {margin-right: 0}
.partner-footer ul li img {max-height: 28px;min-height: 28px; width:100%;height:auto;}
.info-footer {background: #f5f5f5; padding: 30px 0}
.info-footer p {line-height: 1.6em; margin: 0}


/* Offcanvas Bar */
.uk-offcanvas-bar {background: #f0f0f0; width: 280px; padding-top: 82px; padding: 72px 30px 30px}
.uk-offcanvas-bar ul li:last-child {border-bottom: none}
.uk-offcanvas-bar ul li:nth-child(n+2) {margin-top: 0}
.uk-offcanvas-bar ul li a, .uk-offcanvas-bar ul li a:hover, .uk-offcanvas-bar .uk-accordion-title, .uk-offcanvas-bar .uk-accordion-title:hover, .uk-offcanvas-bar ul li.uk-open a:visited {color: #222; font-size: 0.9em;}
.uk-offcanvas-bar ul li.uk-open .uk-accordion-title:before {background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}
.uk-offcanvas-bar .uk-accordion-title {font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif;}
.uk-offcanvas-bar .uk-accordion-title:before {background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")}
.uk-offcanvas-bar .uk-accordion-title-none:before {display: none}
.uk-offcanvas-bar .uk-accordion-content {margin: 10px 0 0 20px}


/* List News */
.inner-main {}
.uk-breadcrumb {margin-bottom: 15px}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {margin: 0 15px}
.uk-breadcrumb>*>* {font-size: 0.95em}
.info-tt-news-3, .white-color-links a {color: rgba(255,255,255,0.8)}
.info-tt-news-3 h3 {font-size: 1.8em; margin-bottom: 15px; color: rgba(255,255,255,0.8)}
.uk-pagination>*>* {color: #222; font-size: 1em; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 100%}
.pagination-main {padding-top: 30px}
.pagination-main li a, .pagination-main li.uk-active span {border: solid 1px #e0e0e0}


/* Details News */
.post-entry {}
.post-top-entry {padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #e0e0e0}
.post-top-entry h1 {font-size: 2.2em}
.post-top-entry span {margin-right: 10px; padding-right: 10px; font-size: 0.95em; border-right: solid 1px #e0e0e0; color: #666}
.post-top-entry span:last-child {border-right: none; margin-right: 0; padding-right: 0}
.post-author {font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; text-transform: capitalize}
.post-time {}
.post-mid-entry {padding: 15px 0}
.post-share {width: 35px}
.post-share ul li {display: inline-block; width: 100%; margin-bottom: 5px}
.post-share ul li a {}
.post-ct-entry {line-height: 1.6em}
.post-summary {font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; margin-bottom: 15px}
.post-summary span {background: #095e98; color: #fff; padding: 2px 10px; font-size: 0.85em; margin-right: 10px}
.post-photo img {display: inline-block; margin-bottom: 10px}
.post-photo i {display: block; font-size: 0.85em; color: #095e98}
.post-bot-entry {margin-bottom: 35px}
.post-tags li {display: inline-block; margin: 5px 10px 5px 0}
.post-tags li span {font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif;}
.post-tags li a {background: #f5f5f5; border: solid 1px #e0e0e0; padding: 2px 10px; font-size: 0.85em; color: #666; text-transform: capitalize}
.post-tags li a:hover {border: solid 1px #095e98; color: #095e98}
.post-related a {color: #222}
.post-related a:hover {color: #095e98}
.post-related .info-tt-news-2 {color: #222}


/* Videos */
.block-videos {background: #0d202b; padding: 30px}
.block-videos h2 {color: rgba(255,255,255,0.8); font-size: 1.6em; text-transform: uppercase}
.block-info-videos {}
.block-top-videos {margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px rgba(255,255,255,0.1)}
.block-top-videos h1 {color: rgba(255,255,255,0.8); font-size: 1.4em; margin-bottom: 10px}
.post-time-videos {color: #999; font-size: 0.85em; margin-right: 10px}
.post-share-videos {display: inline-block; position: relative; top: 3px}
.block-ct-info-videos {color: #999; line-height: 1.6em}
.block-ct-info-videos p:last-child {margin: 0}
.block-item-news a {color: #222}
.block-item-news a:hover {color: #095e98}


/* Photo */
.block-gallery {}
.block-thumb-gallery {background: rgba(255,255,255,0.1); padding: 15px 0 12px}
.icon-time {margin-right: 5px}


/* Update 09/10/2019 */
.news-list-multimedia {display: inline-block; width: 100%}
.pagination-main li a:hover, .pagination-main li.uk-active span {background: #095e98; border: solid 1px #095e98; color: #fff}


/* Update 16/10/2019 */
.icon-thumb-img {position: absolute; top: 15px; right: 15px; opacity: 0.8}
.top-hd {min-height: 52px; padding: 0 30px; background: #095e98; position: relative; z-index: 1000}
.uk-offcanvas {z-index: 999}
.uk-modal-dialog img {visibility: visible !important}
.post-grp-videos {}
.btn-videos {border: solid 1px #e0e0e0}


/* Update 30/10/2019 */
.uk-dotnav>.uk-active>* {background-color: #095e98}
.post-related-list {margin-bottom: 10px}


/* Update 15/11/2019 */
.adv-entry {margin: 30px auto; max-width: 350px; height: 250px}
.adv-entry a {color: #999; font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; font-size: 1.2rem; text-transform: uppercase}
.post-ct-entry a {display: inline-block}
.post-ct-entry .post-grp-photo .post-photo {display: block; text-align: center}
.post-ct-entry .blockquote-1 {margin: 30px auto; padding: 0 60px; font-size: 1.2rem; max-width: 600px}
.post-ct-entry .blockquote-1 p {font-style: italic; margin-bottom: 5px; position: relative}
.post-ct-entry .blockquote-1 p::before, .blockquote-1 p::after {font-family: Georgia, Times, "Times New Roman", serif; font-size: 8rem; line-height: 0; position: absolute; color: #999}
.post-ct-entry .blockquote-1 p::before {content: "“"; left: -5rem; top: 3rem}
.post-ct-entry .blockquote-1 p::after {content: "”"; right: -3rem; bottom: -3rem}
.post-ct-entry .blockquote-1 cite, .post-ct-entry .blockquote-2 cite, .post-ct-entry .blockquote-3 cite {font-size: 1rem; color: #999}
.post-ct-entry .blockquote-2 {position: relative; padding: 30px 0; margin: 30px auto; max-width: 600px; align-self: center; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0}
.post-ct-entry .blockquote-2 p {position: relative; font-style: italic; margin-bottom: 5px}
.post-ct-entry .blockquote-2:after {position: absolute; content: "”"; font-family: Georgia, Times, "Times New Roman", serif; color: #999; font-size: 8rem; line-height: 0; bottom: -43px; right: 30px}
.post-ct-entry .blockquote-3 {border: solid 1px #e0e0e0; margin: 30px auto; padding: 30px; background: #f9f9f9}
.post-ct-entry .blockquote-3:before {display: flex; float: left; font-family: Georgia, Times, "Times New Roman", serif; content: "”"; font-size: 5rem; margin-right: 30px; color: #fff; background: #095e98; width: 60px; height: 60px; line-height: 1.4; padding-left: 10px; border-radius: 100%}
.post-ct-entry .blockquote-3 p {font-style: italic; margin-bottom: 5px}
.post-ct-entry .blockquote-3 cite {display: block; text-align: right}


/* Update 26/12/2019 */
.uk-offcanvas-bar ul li {padding: 10px 0; border-bottom: solid 1px #e0e0e0; min-height: 42px}
.uk-accordion-title-canvas {position: absolute; font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif;}
.block-photos {padding: 10px 20px}
.block-tt-photos {margin: 20px 0 10px}
.block-tt-photos h1 {font-size: 1.4em; margin-bottom: 10px}
.block-tt-photos .post-time {color: #666; font-size: 0.85em; margin-right: 10px}
.block-summary-photos {margin-top: 20px; font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif;}
.block-ct-photos {margin: 20px 0 30px}
.block-ct-photos figure {margin-bottom: 20px; text-align: center}
.block-ct-photos figure img {display: inline-block; margin-bottom: 10px}
.block-ct-photos figcaption {display: block; font-size: 0.85em; color: #095e98; font-family: 'Roboto-RegularItalic', Arial, Verdana, Helvetica, sans-serif; padding: 0 10px; text-align: center}
.fix-news-menu-cate {margin-top: 15px}
.summary-focus {font-family: 'Roboto-Regular', Arial, Verdana, Helvetica, sans-serif; margin-top: 15px}


/* update 2/1/2020 - Sửa thẻ 'em' trong nội dung tin từ màu đỏ sang màu chữ bình thường*/
.post-entry em {color: #222}
/* update 2/1/2020 - Sửa ảnh to trên trang photos từ nền trắng thành màu nền ảnh nhỏ */
.uk-slideshow-items .thumb-img {float: left; background-color: #263741; overflow: hidden}


/* Update /01/2020 */
video {object-fit: cover;}
.news-ft-story {background: #0d202b; padding: 30px}
.news-list-multimedia .uk-grid-margin {margin-top: 15px}
.thumb-img {float: left; height: 100%; overflow: hidden}
.thumb-img img {width: 100%}
.thumb-img-1 {width: 125px; margin-right: 15px}
.thumb-img-2, .thumb-img-5 {width: 100%; margin-bottom: 15px}
.thumb-img-3 {width: 265px; margin-right: 30px}
.thumb-img-4 {width: 165px; margin-right: 15px}
.thumb-img-5 {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center}
.thumb-img-5 img {width: auto; min-height: auto}
.thumb-img-6 {width: 115px}
.uk-dotnav {top: -42px}

/* Update 14/02/2020 */
.nav-scrollup {
    width: 32px;
    right: 20px;
    bottom: 42%
}

.nav-list {
    color: #333
}

.nav-icon-list {
    top: 4px
}

.nav-icon-totop {
    color: #333;
    top: 2px
}

.scrollup-icon {
    display: none
}

.nav-icon-scrollup {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #fff;
    top: 1px
}

    .nav-icon-scrollup:hover {
        color: #fff
    }

.nav-icon-fb {
    background: #38529a
}

.nav-icon-tw {
    background: #4da5eb
}

.nav-icon-g {
    background: #d64b3f
}

.fix-news-hd {
    padding-left: 0
}

    .fix-news-hd h2 {
        margin-bottom: 20px
    }

    .fix-news-hd ul li {
        padding-left: 60px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: dashed 1px #e0e0e0
    }

        .fix-news-hd ul li:last-child {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0
        }

.uk-modal.uk-open {
    padding-bottom: 45px
}

/* Phần màu săc dành cho tang lễ cấp Quốc Gia */
/* Phần này nên để cuối cùng của css */
/* Xóa dòng comment này và dấu "* /" ở dưới cuối cùng để sử dụng khi có tang lễ cấp Quốc Gia

.logo-hd img {filter: grayscale(10)}
.top-hd, .news-focus, .news-thematic h3, .news-menu-multimedia h2.tt-multimedia, h2.news-menu-cate a:before, .news-block-sdb h3, .news-block-sdb ul li:before, .block-exchange-rate, .block-news-links li:before,
.news-ft-story, .pagination-main li a:hover, .pagination-main li.uk-active span, .post-summary span, .post-ct-entry .blockquote-3:before, .block-videos {background: #222}
.bot-ct-hd, .news-focus, .news-menu-multimedia, .nav-footer, .pagination-main li a:hover, .pagination-main li.uk-active span, .post-tags li a:hover {border-color: #222}
.uk-dotnav>.uk-active>* {background: #fff}
.news-story li .news-cate-story {color: #999}
.post-tags li a:hover {color: #222}

*/

/*tung them ngay 28.1*/
#tin-moi {
    height: 100px;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #095e98 grey;
}

    #tin-moi::-webkit-scrollbar {
        width: 5px;
        padding-top: 40px;
    }
    /* Track */
    #tin-moi::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    /* Handle */
    #tin-moi::-webkit-scrollbar-thumb {
        background: #095e98;
        border-radius: 10px;
    }

        /* Handle on hover */
        #tin-moi::-webkit-scrollbar-thumb:hover {
            background: #b30000;
        }

::-webkit-scrollbar-track-piece {
    height: 30px;
}
/*them phan hien thi ngay thang hom 7.2.2020 */
.p-time {
    margin-top: 7px !important;
    margin-bottom: 5px !important;
    /*float: right;*/
}
/*them ngay 20.3.2020*/
p br {
   display: block;
   margin: 20px 0;
   content:"";   
}
.post-ct-entry br {
   display: block;
  margin: 20px 0;
	
   content:""; 
   
}
/* Update 30/03/2020 */
.hot-news li {
    padding: 10px 0 10px !important;
    border-bottom: solid 1px #e0e0e0
}

    .hot-news li:first-child {
        padding-top: 0 !important
    }

    .hot-news li:last-child {
        padding-bottom: 0 !important;
        border-bottom: none
    }

    .hot-news li:before {
        content: "";
        background: transparent !important
    }

    .hot-news li a {
        font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif;
        font-size: 1em;
        line-height: 1.4;
        color: #000
    }

    .hot-news li p {
        margin: 10px 0 0;
        color: #666
    }
    
    .hot-news li .source-news {
        display: inline-block;
        padding: 0 10px;
        margin: 5px 0;
        background: #deb403;
        color: #333;
        font-size: 0.75em;
        font-style: italic;
        border-radius: 24px
    }

    .hot-news li span a {
        color: #333;
        
        margin: 3px 0;
        font-family: 'Roboto-Regular', Arial, Verdana, Helvetica, sans-serif;
    }

.ct-hot-news {
    max-height: 782px;
    overflow-y: auto;
    scrollbar-width: thin;
}
    /* Scrollbar Styling */
    .ct-hot-news::-webkit-scrollbar {
        width: 6px
    }

    .ct-hot-news::-webkit-scrollbar-track {
        background-color: #f0f0f0;
        -webkit-border-radius: 24px;
        border-radius: 24px
    }

    .ct-hot-news::-webkit-scrollbar-thumb {
        -webkit-border-radius: 24px;
        border-radius: 24px;
        background: #999
    }

.news-focus {
    border-top: solid 8px #095e98;
    background: #0d202b;
    padding: 30px
}

.summary-focus {
    font-family: 'Roboto-Regular', Arial, Verdana, Helvetica, sans-serif;
    margin-top: 15px;
    color: rgba(255,255,255,0.5);
}

.news-focus h2 span {
    color: #deb403
}

/* Update 23/07/2020 */
.search-hd .uk-button {padding: 0 0 0 20px; line-height: normal; border-left: solid 2px rgba(255,255,255,0.5); position: relative;}
.search-hd .uk-open:nth-child(1):after {content: "X"; position: absolute; right: -6px; top: -13px; background: #095e98; color: #fff; padding: 10px; font-size: 1.4em}
.search-hd .uk-search-default {width: 100%}
.search-hd .uk-search-input {border: none;}

/* Update 03/08/2020 */
.nav-hd .uk-navbar-nav > li > a {min-height: 52px; color: #fff; font-family: 'Roboto-Regular', Arial, Verdana, Helvetica, sans-serif;} /* Tìm và sửa lại theo css dòng này */
.uk-navbar-dropdown {background: #095e98;}
.uk-navbar-dropdown:before {content: ""; position: absolute; top: -8px; left: 15px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #095e98;}
.uk-navbar-dropdown-nav li a {min-height: 28px; color: #fff}
.uk-navbar-dropdown-nav li:hover a {padding-left: 8px; color: #fff}
.uk-navbar-dropdown-nav li {border-bottom: solid 1px rgba(255,255,255,0.1);}
.uk-navbar-dropdown-nav li:last-child {border-bottom: none;}
.uk-navbar-dropdown-nav>li.uk-active>a {
    color: #fff;
}

/* Update 01/10/2021 */
.multimedia-control-hd {background-color: #095e98; padding: 15px;}
.multimedia-control-hd ul li {display: inline-block; width: 100%; margin: 0;}
.multimedia-control-hd ul li a {padding: 5px 5px 3px; font-size: 0.875rem; border-bottom: solid 1px rgba(255 255 255 /15%);}
.multimedia-control-hd ul li:hover a {padding-left: 10px; background-color: rgba(255 255 255 /15%);}
.multimedia-control-hd ul li:last-child a {border-bottom: none;}
.news-hd h2 {margin-top: 5px;}
/*.slogan-hd {margin-bottom: 10px; background-color: #deb406; padding: 1px 10px 0; font-size: 0.75rem; color: #000; letter-spacing: 1px; border-left: solid 5px #095e98; position: relative; text-transform: uppercase; font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif;}
.slogan-hd:before {content: ""; position: absolute; right: 100%; top: 2px; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #095e98;}
.slogan-hd:after {content: ""; position: absolute; right: 0; top: 0; width: 0px; height: 0px; border-top: 24px solid transparent; border-bottom: 0 solid transparent; border-right: 22px solid #fff;}*/

/* Update 06/10/2021 */
.bot-ct-hd {padding: 30px 0 0; border-bottom: solid 3px #095e98}
.slogan-hd {display: inline-block; width: 100%; overflow: hidden; margin: 20px 0 0; font-size: 1rem; color: #095e98; letter-spacing: 1px; font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif;}

/* Update 15/10/2021 */
.uk-navbar-dropdown {background: #095e98; padding: 5px 15px;}
.multimedia-control-hd {background-color: #095e98; padding: 5px 15px;}
.nav-scrollup {width: 32px; right: 20px; bottom: 42%; z-index: 9;}


/* Update longform */
.inner-longform {margin-top: -30px;}
.tt-cate-longform {height: 550px; padding: 50px 0; position: relative; background-position: top; text-align: center;}
.tt-cate-longform:before {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.tt-ct-longform {position: relative; max-width: 600px; display: inline-block; padding: 0 30px 15px;}
.tt-ct-longform:after {content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; margin-left: -25px; background-color: #fff; width: 50px; height: 2px;}
.tt-ct-longform h2 {color: #fff; text-transform: uppercase; font-size: 1.75rem;}
.tt-ct-longform p {color: #fff; line-height: 1.5;}
.ct-list-longform {margin-top: -200px;}
.large-news-lf {position: relative; display: inline-block;}
.large-news-lf .data-news-lf {position: absolute; left: 0; right: 0; bottom: -30px; margin: 0 60px; background-color: #fff; padding: 30px 30px 0;}
.large-news-lf .data-news-lf h3 {font-size: 1.75rem; margin-bottom: 0;}
/*.small-news-lf {}*/
.small-news-lf a {font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif; font-size: 1rem; color: #000;}
.btn-more-lf {background-color: #f0f0f0; padding: 5px 15px; color: #666;}
.uk-container::after, .uk-container::before {display: initial;}


/* Update 10/12/2021 */
.lr-share .nav-icon-list {color: #fff;}
.lr-fix-event h2 {font-size: 1.75rem; text-align: center; color: #fff;}
.lr-fix-event ul li {padding-bottom: 8px; margin-bottom: 8px; color: #fff;}
.lr-fix-event ul li .news-time-hd {font-size: 1.25rem; font-family: 'Roboto-Bold', Arial, Verdana, Helvetica, sans-serif; top: 1px; color: #fff;}
.lr-fix-event .color-links a {font-size: 1rem; font-family: 'PlayfairDisplay-Bold', Georgia, Times New Roman, Times, serif; color: #fff;}
.modal-event {background-color: rgba(9 94 152 /95%);}
/* Update 20/11/2022 */
.partner-footer ul li{margin-top:10px;}
.partner-footer ul {text-align:center;}
/* Update 13/3/2023*/
@media (min-width:768px){
.editor_inpage{display:none;}
}
/* Update 16.3.2023*/
.icon-img { background: #fff0 url("../images/photo.png")  center center/28px no-repeat!important; width: 36px; height: 36px; border-radius: 36px; position: absolute; top: 15px; right: 15px;}
.icon-video { background: #fff0 url("../images/video.png")  center center/28px no-repeat!important; width: 36px; height: 36px; border-radius: 36px; position: absolute; top: 15px; right: 15px;}
.icon-img-s {  background: #fff0 url("../images/photo.png")  center center/22px no-repeat!important; width: 36px; height: 36px; border-radius: 36px; position: absolute; top: 15px; right: 15px;}
.icon-video-s {  background: #fff0 url("../images/video.png")  center center/22px no-repeat!important;  width: 36px;  height: 36px;  border-radius: 36px;  position: absolute;  top: 15px;  right: 15px;}
.thumb-img img{height:auto;}
.adv-default img.img-responsive{width:100%;}

/*audio */
.post-ct-audio{ margin-bottom:15px;}
.post-ct-audio audio{width: 100%;}

/* bo sung link google news 15-05-2023 */
.icon-google-news{background: url("../images/googlelogo_74x24px.svg") center center no-repeat;background-size:  55px 70px ;display: inline-block; width: 60px; height: 20px;top:5px;}
.social-link .google-news::after { content: url("../images/googlelogo_74x24px.svg"); background-size: 74px 24px; display: inline-block; height: 20px; width: 74px; }
.social-link a{display:inherit;color: #666;}
@media screen and (max-width:480px) {
.social-link a{display:inline-block;margin-bottom: 5px;} 
}
/* them 17.7.2023 fix footer info tren mobile*/
@media screen and (max-width:780px) {
#footer .info-footer .uk-container{padding-bottom:3rem;}
}


/* bo sung khoi tin chuyen de moi */
.icon-flight{ width: 20px; height: 20px; background: url(../images/icons/flight.svg) center center/20px no-repeat;}
.icon-coffee{ width: 20px; height: 20px; background: url(../images/icons/coffee.svg) center center/20px no-repeat;}
.icon-pork{ width: 20px; height: 20px; background: url(../images/icons/pork.svg) center center/20px no-repeat;}
.icon-usd{ width: 22px; height: 22px; background: url(../images/icons/usd.svg) center center/20px no-repeat;}
.icon-gold{ width: 20px; height: 20px; background: url(../images/icons/gold.svg) center center/20px no-repeat;}
.icon-oil { width: 20px; height: 20px; background: url(../images/icons/oil.svg) center center/20px no-repeat;}
.icon-xs { width: 20px; height: 20px; background: url(../images/icons/icon-xo-so.png) center center/20px no-repeat;}
.icon-oto { width: 20px; height: 20px; background: url(../images/icons/oto.png) center center/20px no-repeat;}
.icon-lua-gao { width: 20px; height: 20px; background: url(../images/icons/icon-gia-lua-gao.png) center center/20px no-repeat;}
.icon-hat-tieu { width: 20px; height: 20px; background: url(../images/icons/icon-gia-tieu.png) center center/20px no-repeat;}
.icon-info { width: 20px; height: 20px; background: url(../images/icons/info.svg) center center/20px no-repeat;}

.news-block-sdb.topic ul {  border: solid 1px #e0e0e0;  padding: 15px;}
.news-block-sdb.topic1 ul {  border: solid 1px #deb406;  padding: 15px;}
.news-block-sdb.topic2 ul {  border: solid 1px #095e98;  padding: 15px;}
.news-block-sdb.topic, .news-block-sdb.topic1 ,.news-block-sdb.topic2 {background:  #f9f9f9;}
.news-block-sdb.topic ul li:before,.news-block-sdb.topic1 ul li:before,.news-block-sdb.topic2 ul li:before{content: none;}
.news-block-sdb.topic ul li, .news-block-sdb.topic1 ul li,.news-block-sdb.topic2 ul li{  display: flex;padding-left: unset;color:#095e98;}
.news-block-sdb.topic ul li .uk-icon, .news-block-sdb.topic1 ul li .uk-icon,.news-block-sdb.topic2 ul li .uk-icon{margin-right: 5px;}
.news-region  ul.topic li {width: 33.001%;display: inline-flex;}
.news-region ul.topic li:before{content: none;}
.news-region  ul.topic li .uk-icon{margin-right:5px;color:#095e98;}
.news-region  ul.topic {width: 100%;}
.color-links.topic a { width: 100%;}
@media only screen and (max-width: 480px){  
  .news-region  ul.topic li{width: 100%;}
}
@media (max-width:801px){
  .news-region  ul.topic li{width: 49%;}
}
/* bo sung khoi tin chuyen de moi */

/* Update 21.2.2024*/
.icon-longform {  background: #fff0 url("../images/icon-longform.png")  center center/28px no-repeat!important;  width: 36px;  height: 36px;  border-radius: 36px;  position: absolute;  top: 15px;  right: 15px;}
.icon-longform-s {  background: #fff0 url("../images/icon-longform.png")  center center/22px no-repeat!important;  width: 22px;  height: 22px;  border-radius: 2px;  position: absolute;  top: 15px;  right: 15px;}
/*update longform 26.2.2024*/
.small-news-lf {margin-top:30px;}
.small-news-lf .thumb-img-2{height: 186px;display: flex;  justify-content: center;  align-items: center;background-color:#0d202b;border-radius: 6px;}
.large-news-lf .thumb-img-2{border-radius:6px;}
@media only screen and (max-width: 600px) {  .small-news-lf .thumb-img-2{height: 120px;}}
/*update css gray 19.7.2024*/
/*#header {    filter: grayscale(1);}*/
/*update css gray 19.7.2024*/

/* Phần màu săc dành cho tang lễ cấp Quốc Gia */
/* Phần này nên để cuối cùng của css */
/* Xóa dòng comment này và dấu "* /" ở dưới cuối cùng để sử dụng khi có tang lễ cấp Quốc Gia

.logo-hd img {filter: grayscale(10)}
.top-hd, .news-focus, .news-thematic h3, .news-menu-multimedia h2.tt-multimedia, h2.news-menu-cate a:before, .news-block-sdb h3, .news-block-sdb ul li:before, .block-exchange-rate, .block-news-links li:before,
.news-ft-story, .pagination-main li a:hover, .pagination-main li.uk-active span, .post-summary span, .post-ct-entry .blockquote-3:before, .block-videos {background: #222}
.bot-ct-hd, .news-focus, .news-menu-multimedia, .nav-footer, .pagination-main li a:hover, .pagination-main li.uk-active span, .post-tags li a:hover {border-color: #222}
.uk-dotnav>.uk-active>* {background: #fff}
.news-story li .news-cate-story {color: #999}
.post-tags li a:hover {color: #222}
.logo-hd-mobile img {filter: grayscale(10)}
*/
/* phan mau banner nen do
@media (min-width: 176px) and (max-width: 960px){
	.top-hd{background:#C8102E;}
	.logo-hd-mobile{background:unset!important;padding:5px!important;width:100px!important;left:45%!important;}
}
*/