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

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

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

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

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

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

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

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

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

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

/* 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: #222}
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: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}
.list-control-hd li {display: inline-block; margin-left: 20px}
.list-control-hd li a {color: #fff}
.list-control-hd li a span {margin-left: 10px}
.list-control-hd li a span:nth-child(1) {margin-left: 0;}
.bot-hd {margin-bottom: 30px}
h1.logo-hd {max-width: 120px}
.news-hd {padding-left: 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: 80px; font-size: 0.85em}
.news-hd ul li .news-time-hd {position: absolute; left: 0; color: #999}
#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}
.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 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}
.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}


/* 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-list {color: #fff; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; background-color: #095e98; border-radius: 50%;}
.nav-list:hover {color: #fff;}
.nav-icon-list {top: 1px}
.nav-icon-totop {color: #333; top: 2px}
.scrollup-icon {display: none}
.nav-icon-scrollup {display: inline-flex; width: 30px; height: 30px; 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 rgba(255 255 255 /35%);}
.fix-news-hd ul li:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0}


/* 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}
.ct-hot-news {max-height: 782px; overflow-y: auto}
/* 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: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;}


/* Update 01/10/2021 */
.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;}


/* 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;}
.slogan-hd span {padding: 0 15px;}
.slogan-hd span:last-child {padding-right: 0;}


/* 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%);}


/* 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}

*/