/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body {
    font-family: 'Roboto';
    font-weight: normal;
    background-image: url('../images/body.png');
    background-repeat: repeat;
    background-color: #29348f;
}
img {
    max-width: 100%;
}
#body {
    padding: 0;
    border: none;
    box-shadow: none;
    background-color: #29348f;
}
.bg-white{
    background-color: #fff;
}
.bg-blue {
    background-color: #29348f;
}
.bg-blue-2 {
    background: #1b2360; /* Old browsers */
    background: -moz-linear-gradient(top,  #1b2360 0%, #29348f 10%, #29348f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #1b2360 0%,#29348f 10%,#29348f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #1b2360 0%,#29348f 10%,#29348f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2360', endColorstr='#29348f',GradientType=0 ); /* IE6-9 */
}
.block-container {
    padding: 10px 5px;
}
#header .logo h2, #header .logo .site_description {
    display: none;
}
#header.main-header {
    align-items: normal;
    height: 70px;
}
.main-header::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 70px;
    background-color: #29348f;
    top: 0;
    z-index: -1;
}
#header.main-header .logo {
    padding: 0 20px 30px 0;
    background-color: #fff;
}
#header.main-header .logo::before {
    content: "";
    position: absolute;
    width: 190px;
    display: inline-block;
    right: -190px;
    border-top: solid 45px #fff;
    border-right: solid 25px transparent;
}
#header.main-header .logo::after {
    content: "";
    position: absolute;
    display: inline-block;
    right: -50px;
    bottom: 0;
    border-top: solid 108px #fff;
    border-right: solid 51px transparent;
}
#header.main-header .main-menu {
    padding: 0;
    flex-grow: inherit;
}
#header .right-top {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 10px 0;
}

#header .right-top > .nv-block-banners:last-child {
    margin-bottom: 0;
}
.main-header > div {
    margin-top: 15px;
}
.main-header .logo {
    position: absolute;
    z-index: 10;
    margin-top: 0;
}
.main-header .logo a {
    display: inline-block;
    margin-left: 20px;
    margin-top: 15px;
}
.main-header .logo a img {
    max-width: 100%;
    height: auto;
}
.main-header .main-menu {
    width: calc(100% - 180px);
}
.main-header .bl-search {
    width: 80px;
    position: relative;
}
.main-header .bl-languages {
    width: 100px;
}
.bl-search .search-icon {
    margin-top: 13px;
    cursor: pointer;
}
.bl-search .search-icon i {
    color: #fff;
}
.bl-search .headerSearch {
    display: none;
}
.bl-search .headerSearch.active {
    position: absolute;
    top: 53px;
    display: block;
    z-index: 1;
    width: 285px;
    right: 0;
}
.bl-search .headerSearch.active .input-group input,
.bl-search .headerSearch.active .input-group button {
    border-radius: 0;
    box-shadow: none;
}
.bl-search .headerSearch.active .input-group input,
.bl-search .headerSearch.active .input-group .btn-info {
    border-color: #fff;
}
.bl-search .headerSearch.active .input-group button {
    background-color: #fff;
    border-left: none;
    border-top: none;
    border-bottom: none;
    color: #000;
    height: 32px;
}
.main-menu ul.slimmenu {
    background-color: transparent;
    border-color: transparent;
}
.main-menu ul.slimmenu li a {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
}
.main-menu ul.slimmenu>li:hover {
    border-bottom: 2px solid #fff;
}
.main-menu ul.slimmenu li a:hover, 
.main-menu ul.slimmenu li a:focus, 
.main-menu ul.slimmenu li.current {
    background-color: transparent;
}
.main-menu ul.slimmenu li a {
    padding-left: 12px;
    padding-right: 12px;
}
.main-menu ul.slimmenu li .sub-collapser {
    display: none;
}
.main-menu ul.slimmenu>li>ul{
    top: 52px;
}
.main-menu ul.slimmenu li>ul {
    border: none;
    border-radius: 0;
}
.main-menu ul.slimmenu li>ul>li>a {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
}
.main-menu ul.slimmenu li>ul>li>a>span {
    position: absolute;
    right: 5px;
    top: calc(50% - 7px);
    z-index: 1;
}
.main-menu ul.slimmenu li>ul>li>a:hover {
    background-color: #333fa8;
    color: #fff;
}
.main-slider {
    position: relative;
    height: 402.5px;
}
.page_home .section-menu-center {
    position: unset;
    bottom: -48px;
    z-index: 1;
    left: calc(50% - 570px);
	padding-bottom: 100px;
	padding-top: 400px;
}
.section-menu-center .menu-inner .item_content{
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(4, 263px);
    justify-content: center;
}
.menu-inner .item_content .item_head_landing {
    position: relative;
}
.menu-inner .item_content .item_head_landing .item_td {
    display: block;
}
.menu-inner .item_content .item_head_landing h2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(41, 52, 143, .8);
    color: #fff;
    margin: 0;
    font-family: 'Roboto';
    font-size: 18px;
    line-height: 48px;
    font-weight: normal;
    text-transform: capitalize;
}
.menu-inner .item_content .item_quick_link {
    box-shadow: 0px 6px 10px rgb(17 26 87 / 70%);
    border-radius: 5px;
}
.menu-inner .item_content .item_quick_link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.content-slider {
    position: relative;
}
.content-slider .caption-slider{
    position: absolute;  
    top: -115px;
    z-index: -1;
    padding: 30px 5px;
    text-align: center;
    width: 100%;
}
.content-slider .caption-slider a{
    color: #fff;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: bold;
	text-align: justify;
}
.content-slider .caption-slider a:hover {
    color: lightblue;
}
.footer-bttop .bttop {
    float: right;
    width: 45px;
    height: 45px;
    margin-right: 10px;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 999;
}
.footer-bttop .bttop a {
    display: block;
    line-height: 45px;
    background-color: red;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 50%
}
.footer-bttop .bttop a:hover {
    color: #fff;
    background-color: #6e55b4;
}
.section-footer .wraper{
    background-image: url('../images/footer-background-2.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 20px;
}
.text-company h3 span {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
}
.text-company .css-span {
    margin-top: 20px;
}
.text-company .css-span p {
    margin-bottom: 5px;
}
.text-company .css-span p,
.text-company .css-span span{
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #fff;
}
.qiContainer:first-child {
    margin-bottom: 20px;
}
.qiContainer span {
    display: block;
    text-align: center;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}
.banner_home .width-image {
    position: relative;
}
.banner_home .width-image .banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Roboto';
    font-size: 48px;
    line-height: 48px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    z-index: 1;
    text-shadow: 2px 3px rgba(0,0,0,0.7);
    white-space: nowrap;
}
.banner_home .width-image > a {
    display: block;
}
.banner_home .width-image img {
    max-width: 100%;
}
.fix_banner_right {
    z-index: 1;
}
.social-group {
    position: absolute;
    z-index: 100;
    right: 40px;
    top: calc(35% - 198px);
    text-align: center;
}
.social-group a {
    display: block;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
/* .social-group .facebook {
    background-color: #fff;
    border-radius: 50%;
}
.social-group .facebook i{
    color: #29348f;
    font-size: 25px;
    line-height: 33px;
} */
.social-group .facebook {
    background-image: url('../images/facebook.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.social-group .chart {
    background-image: url('../images/chart.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.social-group .telegram {
    background-image: url('../images/telegram.png');
    background-repeat: no-repeat;
    background-size: contain;
}
/* .social-group a i {
    font-size: 30px;
} */
.social-group::before,
.social-group::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    width: 1px;
    height: 93px;
}
.bl-languages .language {
    text-align: center;
    margin-top: 15px;
}
.bl-languages a {
    display: inline-block;
    width: 25px;
    height: 16px;
    background-size: cover;
    background-position: center center;
}
.bl-languages a:first-child {
    margin-right: 8px;
}
.mobile-menu-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}
.mobile-menu-wrap {
    position: fixed;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    visibility: hidden;
    transform: translateX(100%);
}
.mobile-menu-wrap.animate {
    transition: all 0.35s ease;
}
.mobile-menu-wrap .logo {
    padding: 10px;
    text-align: center;
}
.mobile-menu-wrap .logo img {
    max-height: 100px;
}
.mobile-menu-wrap .headerSearch {
    padding: 5px;
}
.mobile-menu-wrap .menu {
    background-color: #fff;
    height: 100%;
    overflow: auto;
}
.mobile-menu-wrap .menu .slimmenu {
    display: block !important;
    max-height: 75vh;
    overflow: auto;
    background-color: #fff;
    border-color: #fff;
}
.mobile-menu-wrap .menu .slimmenu > li .fa-chevron-right {
    display: none;
}
.mobile-menu-wrap .menu .slimmenu > li > a {
    font-family: 'Roboto';
    font-size: 28px;
    color: #333;
}
.mobile-menu-wrap .menu .slimmenu > li > a > ul > li > a{
    font-family: 'Roboto';
    font-size: 25px;
    color: #333;
}
.mobile-menu-wrap .menu ul.slimmenu li .sub-collapser > i{
    color: #333;
}
.mobile-menu-wrap .menu .slimmenu > li.current > a,
.mobile-menu-wrap .menu .slimmenu > li> a:hover,
.mobile-menu-wrap .menu .slimmenu > li.current > a:hover {
    color: #fff;
}
.mobile-menu-wrap .mfooter {
    background-color: #fff;
    height: 30px;
    padding: 10px;
    text-align: center;
    color: #777;
}
/* .page_news .section-menu-center,
.page_quan-he-nha-dau-tu .section-menu-center,
.page_gioi-thieu-genco2 .section-menu-center {
    width: 100%;
    max-width: 1289px;
} */
.page_news .section-menu-center .container,
.page_quan-he-nha-dau-tu .section-menu-center .container,
.page_gioi-thieu-genco2 .section-menu-center .container{
    padding: 0;
}
.page_news .menu-inner .item_content .item_quick_link img,
.page_quan-he-nha-dau-tu .menu-inner .item_content .item_quick_link img,
.page_gioi-thieu-genco2 .menu-inner .item_content .item_quick_link img {
    display: none;
}
.page_news .section-menu-center .menu-inner .item_content,
.page_quan-he-nha-dau-tu .section-menu-center .menu-inner .item_content,
.page_gioi-thieu-genco2 .section-menu-center .menu-inner .item_content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0;
    border-bottom: 3px solid #6b5cf8;
}
.page_news .section-menu-center .menu-inner .item_quick_link:nth-of-type(1) .item_head_landing h2,
.page_quan-he-nha-dau-tu .section-menu-center .menu-inner .item_quick_link:nth-of-type(1) .item_head_landing h2,
.page_gioi-thieu-genco2 .section-menu-center .menu-inner .item_quick_link:nth-of-type(1) .item_head_landing h2 {
    background-color: #1e276c;
}
.page_news .section-menu-center .menu-inner .item_quick_link:nth-of-type(2) .item_head_landing h2,
.page_quan-he-nha-dau-tu .section-menu-center .menu-inner .item_quick_link:nth-of-type(2) .item_head_landing h2,
.page_gioi-thieu-genco2 .section-menu-center .menu-inner .item_quick_link:nth-of-type(2) .item_head_landing h2 {
    background-color: #29348f;
}
.page_news .section-menu-center .menu-inner .item_quick_link:nth-of-type(3) .item_head_landing h2,
.page_quan-he-nha-dau-tu .section-menu-center .menu-inner .item_quick_link:nth-of-type(3) .item_head_landing h2,
.page_gioi-thieu-genco2 .section-menu-center .menu-inner .item_quick_link:nth-of-type(3) .item_head_landing h2 {
    background-color: #303da8;
}
.page_news .section-menu-center .menu-inner .item_quick_link:nth-of-type(4) .item_head_landing h2, 
.page_quan-he-nha-dau-tu .section-menu-center .menu-inner .item_quick_link:nth-of-type(4) .item_head_landing h2, 
.page_gioi-thieu-genco2 .section-menu-center .menu-inner .item_quick_link:nth-of-type(4) .item_head_landing h2{
    background-color: #3948c3;
}
.page_news .section-menu-center .menu-inner .item_quick_link .item_head_landing h2:hover,
.page_quan-he-nha-dau-tu .section-menu-center .menu-inner .item_quick_link .item_head_landing h2:hover,
.page_gioi-thieu-genco2 .section-menu-center .menu-inner .item_quick_link .item_head_landing h2:hover {
    opacity: 0.8;
}
.recent_news {
    position: relative;
}
.recent_news .list_items {
    display: flex;
    min-height: 540px;
    padding-left: 50px;
    padding-right: 50px;
}
.recent_news .list_items .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 5px;
    flex: 1;
}
.recent_news .list_items .item>a {
    display: flex;
    margin-right: -5px;
}
.recent_news .list_items .item>a>span {
    flex: 1;
}
.recent_news .list_items .item>a>.thumb {
    display: inline-block;
    box-shadow: 5px 9px 20px 0px rgb(0 0 0 / 70%);
    min-height: 125px;
}
.recent_news .list_items .item>a>.thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recent_news .list_items .item>a>.title,
.recent_news .list_items .item>a>.title strong{
    font-family: 'Roboto';
    color: #fff;
}
.recent_news .list_items .item>a>.title,
.recent_news .list_items .item .description{
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #fff;
    padding: 10px;
}
.recent_news .list_items .item .description {
    margin-top: 50px;
}
.recent_news .list_items .item:nth-child(even) .description {
    margin-top: 70px;
}
.recent_news .list_items .item>a>.title>span {
    position: absolute;
    z-index: 2;
    top: 20px;
}
.recent_news .list_items .item>a>.title strong{
    font-size: 48px;
    line-height: normal;
    font-weight: bold;
}
.recent_news .list_items .item>a>.title {
    position: relative;
}
.recent_news .list_items .item>a>.title::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #1e276c;
    left: 0;
    box-shadow: 2px 7px 13px 3px #0000007d;
    z-index: 1;
}
.recent_news .list_items .item:nth-child(odd)>a>.title::after {
    top: 15.5%;
    transform: skewY(12deg);
}
.recent_news .list_items .item:nth-child(even)>a>.title::after {
    top: 15.5%;
    transform: skewY(348deg);
}
.recent_news .list_items .item:nth-child(even)>a>.thumb {
    position: relative;
    top: 42px;
}
.recent_news .list_items .item:nth-child(even)>a>.title>span {
    top: 40px;
}
.recent_news .list_items .item .btn-bottom {
    height: 159px;
    background: #29348f; /* Old browsers */
    background: -moz-linear-gradient(top,  #29348f 0%, #29348f 30%, #212a75 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #29348f 0%,#29348f 30%,#212a75 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #29348f 0%,#29348f 30%,#212a75 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29348f', endColorstr='#212a75',GradientType=0 ); /* IE6-9 */
    position: relative;
}
.recent_news .list_items .item .button-more {
    padding: 10px 30px;
    background-color: #fff;
    color: #113693;
    font-family: 'Roboto';
    font-weight: bold;
    border-radius: 4px;
    position: absolute;
    bottom: 20px;
    left: calc(50% - 60px);
}
.recent_news .list_items .item .button-more:hover {
    color: #fff;
    background-color: #3948c3;
}
.vertical-slider .slick-next:before {
    content: url('../images/arrrow-up.png');
    background-size: contain;
}
.vertical-slider .slick-prev:before {
    content: url('../images/arrrow-down.png');
    background-size: contain;
}
.img-hover-zoom img {
    transition: transform .5s ease;
}
.img-hover-zoom:hover img {
    transform: scale(1.2);
}
.main-slider .slick-dotted.slick-slider {
    margin-bottom: 0;
}
/* .page_thu-vien .main-slider {
    height: 850px;
} */
.page_chung-khoan .main-slider {
    height: 450px;
}
.page_home #lazySliderUniqueID .slick-list,
.page_news #lazySliderUniqueID .slick-list,
.page_quan-he-nha-dau-tu #lazySliderUniqueID .slick-list,
.page_gioi-thieu-genco2 #lazySliderUniqueID .slick-list {
    max-height: 652px;
}
.page_thu-vien #lazySliderUniqueID .slick-list {
    max-height: none;
}
/* #lazySliderUniqueID .slick-arrow {
    display: none !important;
} */

.lazy .slick-arrow {
    display: inline-block !important;
    transform: rotate(90deg);
    z-index: 2;
}
.lazy.slick-next {
    right: 80px;
}
.lazy .slick-prev {
    left: 80px;
}
.page_home .lazy .slick-next {
    right: 50px;
}
.page_home .fix_banner_right {
    width: 80px;
}
.page_home .section-body {
    margin-top: -1px;
}
.lazy .slick-next:before {
    content: url('../images/arrrow-up.png');
    background-size: contain;
}
.lazy .slick-prev:before {
    content: url('../images/arrrow-down.png');
    background-size: contain;
}
#slideAd .slick-arrow {
    top: calc(50% - 15px);
}
.page_chung-khoan #lazySliderUniqueID.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.page_chung-khoan #lazySliderUniqueID .slick-dots {
    bottom: 50px;
    z-index: 1;
}
.page_chung-khoan #lazySliderUniqueID .slick-dots li, 
.page_chung-khoan #lazySliderUniqueID .slick-dots li button{
    width: 15px;
    height: 15px;
}
.page_chung-khoan #lazySliderUniqueID .slick-dots li {
    margin-left: 8px;
    margin-right: 8px;
}
.page_chung-khoan #lazySliderUniqueID .slick-dots li button:before {
    font-size: 15px;
    opacity: 1;
    color: #ccc;
}
.page_chung-khoan #lazySliderUniqueID .slick-dots li.slick-active {
    opacity: 1;
}
.page_chung-khoan #lazySliderUniqueID .slick-dots li.slick-active button:before {
    color: #e1f5fe;
}
.page_chung-khoan #lazySliderUniqueID::after {
    content: "";
    position: absolute;
    bottom: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 16%, rgba(0,0,0,0.1) 27%, rgba(0,0,0,0.39) 58%, rgba(0,0,0,0.45) 70%, rgba(0,0,0,0.49) 80%, rgba(0,0,0,0.46) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 16%,rgba(0,0,0,0.1) 27%,rgba(0,0,0,0.39) 58%,rgba(0,0,0,0.45) 70%,rgba(0,0,0,0.49) 80%,rgba(0,0,0,0.46) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 16%,rgba(0,0,0,0.1) 27%,rgba(0,0,0,0.39) 58%,rgba(0,0,0,0.45) 70%,rgba(0,0,0,0.49) 80%,rgba(0,0,0,0.46) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#75000000',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 230px;
}
.page_chung-khoan .block-container>img {
    border-top-left-radius: 15px;
}
.page_home .section-menu-center.ver-mobile {
    display: none;
}
.section-footer.ver-mobile {
    display: none;
}
.recent_news .list_items.mobile-slider {
    display: none;
}
/* Block tin tức trang chủ */
#gallerySlider {
    position: relative;
    padding-bottom: 50px;
}
#gallerySlider .slick-list {
    padding-bottom: 60px !important;
    padding-top: 80px !important;
    max-height: 530px;
}
.center-slider {
    position: relative;
    z-index: 200;
    width: 76%;
    overflow: hidden;
    max-width: 1142px;
    margin-left: auto;
    margin-right: auto;
}
.center-slider .slick-slide {
    width: 535px;
    height: 400px;
    transition: transform .4s;
    position: relative;
    opacity: 1;
}
.center-slider .slick-slide * {
    height: 100%;
}
.center-slider .slick-slide {
    transform: scale(0.7) translate(990px);
}

.center-slider .slick-slide.slick-center + .slick-slide {
    transform: scale(0.8) translate(-400px);
    z-index: 10;
}

.center-slider .slick-slide.slick-center + .slick-slide + .slick-slide {
    transform: scale(0.7) translate(-990px);
    z-index: 5;
}

.center-slider .slick-slide.slick-active {
    transform: scale(0.8) translate(400px);
}

.center-slider .slick-slide.slick-center {
    transform: scale(1);
    z-index: 30;
    box-shadow: 0px 15px 10px rgb(0 0 0 / 50%);
}
.center-slider .slick-slide:not(.slick-center) .caption-slider{
    display: none;
}
.btn-wrap {
    text-align: center;
    width: 100%;
}
.btn-wrap button {
    background-color: transparent;
    width: 40px;
    height: 40px;
    color: #fff;
    display: inline-block;
    border: none;
}
.btn-wrap .prev-btn {
    margin-right: 12px;
}
.btn-wrap .prev-btn {
    background-image: url('../images/home-arrow-left.png');
    background-size: 100%;
    background-repeat: no-repeat;
}
.btn-wrap .next-btn {
    background-image: url('../images/home-arrow-right.png');
    background-size: 100%;
    background-repeat: no-repeat;
}
.title-h2{
    padding-top: 64px;
    padding-bottom: 64px;
    font-family: 'Roboto';
    font-size: 48px;
    line-height: 48px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.title-h2 a {
    color: #fff;
	text-align: justify;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 2px 2px 0 #000 !important;
}
.title-h2 a::before,
.title-h2 a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    width: 310px;
    height: 1px;
}
.title-h2 a::before {
    margin-right: 25px;
}
.title-h2 a::after {
    margin-left: 25px;
}
.title-h2.v2 a::before,
.title-h2.v2 a::after {
    width: 225px;
}
.title-h2.v2 a::before {
    margin-right: 50px;
}
.title-h2.v2 a::after {
    margin-left: 50px;
}
.content-slider a img{
    box-shadow: 0px 15px 10px rgb(0 0 0 / 50%);
}
/* Style cho các blocks trang thư viện */
.vertical-slider {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 20px;
}
.vertical-slider .slider-thumb {
    display: block;
    width: 140px;
    height: 120px;
    overflow: hidden;
}
.vertical-slider .slider-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.vertical-slider .slider-desc {
    padding-left: 20px;
    padding-right: 15px;
}
.vertical-slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.vertical-slider .slick-active {
    opacity: 1;
}
.vertical-slider .slick-prev {
    top: 93%;
    left: 70px;
}
.vertical-slider .slick-next {
    right: auto;
    left: 70px;
    top: 0;
}
.library-media {
    position: absolute;
    bottom: 0;
}
.img-title-h2 {
    text-align: center;
    margin-bottom: 15px;
    background-color: rgba(18, 66, 186, 0.5);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 20px;
    border-left: 11px solid #1242ba;
}
.img-title-h2 a{
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 42px;
    line-height: 48px;
    color: #fff;
    text-transform: uppercase;
}
.feature-thumb {
    position: relative;
    height: 580px;
    padding-left: 30px;
    z-index: 9;
}
.feature-thumb > a {
    display: inline-block;
    overflow: hidden;
    height: 100%;
    box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.5);
}
.feature-thumb a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.feature-thumb span {
    position: absolute;
    bottom: 57px;
    left: 45px;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 24px;
    line-height: normal;
    color: #fff;
    z-index: 10;
    text-shadow: 1px 2px rgba(0,0,0,0.7);
}
.vertical-slider .slider-desc span {
    display: block;
}
.vertical-slider .slider-desc .title-slider {
    margin-bottom: 10px;
}
.vertical-slider .slider-desc .title-slider a{
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 17px;
    line-height: normal;
    color: #fff;
}
.vertical-slider .slider-desc .caption-slider {
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    color: #fff;
}
.img-title-h2.ver-mobile {
    display: none;
}
.video-gallery {
    padding-top: 95px;
    position: relative;
    z-index: 1;
}
.video-gallery .img-title-h2{
    border-left: none;
    background-color: #3340b1;
    margin-right: -10px;
    margin-bottom: 0;
    margin-left: 0;
}
.video-gallery .feature {
    position: relative;
    z-index: 2;
    padding-top: 22px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 15px;
}
.video-gallery .feature > a:first-child {
    overflow: hidden;
    box-shadow: 3px 4px 10px 0px rgb(0 0 0 / 50%);
}
.video-gallery .feature > a {
    display: inline-block;
}
.video-gallery .feature .show,
.video-gallery .item .show {
    position: absolute;
    z-index: 3;
    top: 44px;
    left: 50px;
    padding-right: 150px;
    color: #fff;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 24px;
    line-height: normal;
    text-shadow: 1px 2px rgb(0 0 0 / 70%);
}
.video-gallery .feature .play-video {
    position: absolute;
    z-index: 3;
    top: 30px;
    right: 40px;
    font-size: 48px;
    color: #fff;
}
.video-gallery .feature img {
    padding: 0;
}
.video-gallery .item {
    display: block;
    width: 520px;
    height: 338px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    box-shadow: 3px 4px 10px 0px rgb(0 0 0 / 50%);
}
.video-gallery .item:first-child {
    margin-bottom: 20px;
}
.video-gallery .item > a {
    display: inline-block;
}
.video-gallery .item > a>img {
    padding: 0;
}
.video-gallery .item .show {
    top: 22px;
    left: 20px;
}
.video-gallery .item .play-video {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 20px;
    font-size: 48px;
    color: #fff;
}
.video-gallery .social-group {
    top: calc(50% - 198px);
}
.market-content {
    margin-left: -20px;
}
.market-content .news-group-content {
    border-left: 20px solid #fff;
}
.market-content .title_h2 {
    font-family: 'Roboto';
    font-size: 18px;
    line-height: 41px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    background-color: #3340ad;
    border-top-right-radius: 15px;
}
.market-content .title_h2 a {
    color: #fff;
}
.market_news {
    background-color: #fff;
}
.market_news .list_items {
    padding-top: 30px;
    padding-right: 10px;
}
.market_news .item {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.market_news .item:first-child {
    padding-top: 0;
}
.market_news .item a span{
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    color: #333;
}
.market_news .item a:hover span {
    color: #3340ad;
}
.slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slick-prev:before,
.slick-next:before {
    color: white;
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.slick-active {
    opacity: .5;
}
.slick-current {
    opacity: 1;
}
.div-position{
    position: relative;
}
.div-position div{
    position: absolute;
    top: 20%;
    left: 70px;
}
.div-position .img-title-h2 {
    position: absolute;
    top: 80px;
    left: calc(50% - 100px);
    background-color: transparent;
    border-left: none;
    margin: 0;
    padding-bottom: 10px;
}
.div-position .img-title-h2::after {
    content: "";
    border-bottom: 10px solid #372f85;
    width: 95px;
    display: block;
    margin: 5px auto 0;
}
.div-position div h2{
    font-family: 'Roboto';
    font-size: 53px;
    font-weight: bold;
    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px;
    line-height: normal;
	display : none;
}
.div-position div p{
    font-family: 'Roboto';
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
	display : none;
}
.page_seek .main-slider,
.page_photos .main-slider,
.page_videos .main-slider {
    height: auto;
}
.page_gioi-thieu-genco2.page_detail #body,
.page_gioi-thieu-genco2.page_viewcat #body,
.page_quan-he-nha-dau-tu.page_detail #body,
.page_quan-he-nha-dau-tu.page_viewcat #body,
.page_news.page_detail #body,
.page_news.page_viewcat #body,
.page_photos #body,
.page_videos #body {
    background-color: #fff;
    padding: 5px;
}
.page_seek.page_main .social-group a,
.page_gioi-thieu-genco2.page_detail .social-group a,
.page_gioi-thieu-genco2.page_viewcat .social-group a,
.page_quan-he-nha-dau-tu.page_detail .social-group a,
.page_quan-he-nha-dau-tu.page_viewcat .social-group a,
.page_news.page_detail .social-group a,
.page_news.page_viewcat .social-group a,
.page_photos .social-group a,
.page_videos .social-group a {
    color: #4267b2;
}
.page_seek.page_main .social-group .facebook,
.page_gioi-thieu-genco2.page_detail .social-group .facebook,
.page_gioi-thieu-genco2.page_viewcat .social-group .facebook,
.page_quan-he-nha-dau-tu.page_detail .social-group .facebook,
.page_quan-he-nha-dau-tu.page_viewcat .social-group .facebook,
.page_news.page_detail .social-group .facebook,
.page_news.page_viewcat .social-group .facebook,
.page_videos .social-group .facebook,
.page_photos .social-group .facebook {
    background-size: 100%;
    background-image: url('../images/facebook_icon.png');
    background-position: center;
}
/* .page_seek.page_main .social-group .facebook i,
.page_gioi-thieu-genco2.page_detail .social-group .facebook i,
.page_gioi-thieu-genco2.page_viewcat .social-group .facebook i,
.page_quan-he-nha-dau-tu.page_detail .social-group .facebook i,
.page_quan-he-nha-dau-tu.page_viewcat .social-group .facebook i,
.page_news.page_detail .social-group .facebook i,
.page_news.page_viewcat .social-group .facebook i,
.page_videos .social-group .facebook i,
.page_photos .social-group .facebook i {
    color: #fff;
} */
.page_seek.page_main .social-group .chart,
.page_gioi-thieu-genco2.page_detail .social-group .chart,
.page_gioi-thieu-genco2.page_viewcat .social-group .chart,
.page_quan-he-nha-dau-tu.page_detail .social-group .chart,
.page_quan-he-nha-dau-tu.page_viewcat .social-group .chart,
.page_news.page_detail .social-group .chart,
.page_news.page_viewcat .social-group .chart,
.page_videos .social-group .chart,
.page_photos .social-group .chart {
    background-size: 100%;
    background-image: url('../images/chart-blue.png');
    background-position: center;
}
.page_seek.page_main .social-group .telegram,
.page_gioi-thieu-genco2.page_detail .social-group .telegram,
.page_gioi-thieu-genco2.page_viewcat .social-group .telegram,
.page_quan-he-nha-dau-tu.page_detail .social-group .telegram,
.page_quan-he-nha-dau-tu.page_viewcat .social-group .telegram,
.page_news.page_detail .social-group .telegram,
.page_news.page_viewcat .social-group .telegram,
.page_videos .social-group .telegram,
.page_photos .social-group .telegram {
    background-size: 100%;
    background-image: url('../images/telegram_icon.png');
    background-position: center;
}
.page_seek.page_main .social-group::before, 
.page_videos .social-group::before, 
.page_photos .social-group::before, 
.page_news.page_viewcat .social-group::before, 
.page_gioi-thieu-genco2.page_viewcat .social-group::before, 
.page_quan-he-nha-dau-tu.page_viewcat .social-group::before, 
.page_news.page_detail .social-group::before, 
.page_gioi-thieu-genco2.page_detail .social-group::before, 
.page_quan-he-nha-dau-tu.page_detail .social-group::before, 
.page_seek.page_main .social-group::after, 
.page_videos .social-group::after, 
.page_photos .social-group::after, 
.page_gioi-thieu-genco2.page_viewcat .social-group::after, 
.page_quan-he-nha-dau-tu.page_viewcat .social-group::after, 
.page_news.page_viewcat .social-group::after,
.page_news.page_detail .social-group::after, 
.page_gioi-thieu-genco2.page_detail .social-group::after, 
.page_quan-he-nha-dau-tu.page_detail .social-group::after {
    background-color: #4267b2;
}
.panel-default>.panel-heading {
    background-color: #29348f;
    border-color: #29348f;
    color: #fff;
}
.panel-default>.panel-heading>a {
    color: #fff;
}
.page_detail .third-nav .row,
.page_viewcat .third-nav .row {
    border-bottom-color: transparent;
}
.page_detail .third-nav .bg,
.page_viewcat .third-nav .bg {
    background-color: transparent;
}
.page_detail .breadcrumbs a,
.page_viewcat .breadcrumbs a {
    background-color: #29348f;
    color: #fff;
}
.page_detail .breadcrumbs a::before,
.page_viewcat .breadcrumbs a::before {
    border-color: #29348f #29348f #29348f transparent;
    padding-right: 1px;
}
.page_detail .breadcrumbs a::after,
.page_viewcat .breadcrumbs a::after {
    border-left-color: #29348f;
    padding-left: 1px;
}
/* Chỉnh sửa theo yêu cầu 12/1/2023 */
.page_news .custom-menu-icon {
    min-height: 100px;
    margin-top: -1px;
}
.page_news.page_detail  .custom-menu-icon {
    min-height: auto;
}
.page_news .menu-inner .item_content .item_head_landing h2 {
    position: static;
}
.slider-featured .slick-list,
.slider-featured .slick-track {
    max-height: none;
}
.page_thu-vien .main-slider {
    height: auto;
}
.mobile-menu-wrap ul.slimmenu li a:hover, 
.mobile-menu-wrap ul.slimmenu li a:focus, 
.mobile-menu-wrap ul.slimmenu li.current {
    background-color: #29348f;
}
.page_seek .third-nav .bg {
    display: none;
}
.page_seek #body {
    background-color:transparent;
}
/*Disable width, height 100% fix TCBC logo too large*/
.news_column .panel-body img {
    /*width: 100%;
    height: 100%;*/
    object-fit: cover;
}
@media (min-width: 1200px) {
    .wraper {
        width: 1280px;
        max-width: 100%;
        position: static;
    }
    .page_home .title-h2 {
        padding-top: 91px;
        padding-bottom: 30px;
    }
    .page_thu-vien .main-slider {
        height: 850px;
    }
    .slider-featured {
        bottom: -10px;
        z-index: 9;
    }
    .library-media .img-title-h2 {
        margin-top: 10px;
    }
    .slider-featured .feature-thumb {
        padding-right: 5px;
    }
}
@media (min-width: 992px) {
    html[lang="en"] .container {
        width: 100%;
    }
}
@media (max-width: 1199px) {
    #header.main-header .logo::before {
        right: -189px;
    }
    #header.main-header .logo::after{
        border-top-width: 107px;
    }
    .page_home .section-menu-center {
        bottom: 17px;
        left: calc(50% - 515px);
    }
    .section-menu-center .menu-inner .item_content {
        grid-gap: 20px;
        grid-template-columns: repeat(4, 240px);
    }
    .main-menu {
       position: relative;
    }
    .main-menu ul.slimmenu {
        display: none !important;
    }
    .main-menu .menu-collapser {
        right: 45px;
        left: auto;
        z-index: 1;
    }
    .main-menu .collapse-button {
        background-color: transparent;
        border: none;
        box-shadow: none;
        width: 42px;
    }
    .main-menu .collapse-button:hover, 
    .main-menu .collapse-button:focus {
        background-color: transparent;
    }
    .main-menu .collapse-button .icon-bar {
        height: 4px;
        border-radius: 4px;
        width: 22px;
        margin: 3px 0;
    }
    .main-header .bl-search {
        text-align: center;
        width: 55px;
    }
    .open-menu .mobile-menu-bg {
        display: block;
    }
    .open-menu .mobile-menu-wrap {
        visibility: visible;
        transform: translateX(0px);
    }
    .main-header .bl-languages {
        width: 80px;
    }
    .main-header .main-menu {
        width: calc(100% - 135px);
    }
    .bl-search .headerSearch.active {
        right: 20px;
        width: 270px;
    }
    .open-menu .metismenu .sidebar-nav,
    .open-menu .metismenu .sidebar-nav ul ul a {
        background: #fff;
    }
    .open-menu .metismenu a {
        color: #333 !important;
    }
    .open-menu .metismenu .arrow {
        color: #333;
    }
    .center-slider .slick-slide {
        width: 423px;
        height: 342px;
    }
    .center-slider {
        max-width: 1020px;
    }
    .center-slider .slick-slide {
        transform: scale(0.7) translate(750px);
    }
    .center-slider .slick-slide.slick-center + .slick-slide + .slick-slide {
        transform: scale(0.7) translate(-750px);
    }
    .center-slider .slick-slide.slick-active {
        transform: scale(0.8) translate(300px);
    }
    .center-slider .slick-slide.slick-center + .slick-slide {
        transform: scale(0.8) translate(-300px);
    }
    .center-slider .slick-slide.slick-center {
        transform: scale(1);
    }
}
@media (max-width: 1050px) {
    .section-menu-center .menu-inner .item_content {
        grid-template-columns: repeat(4, 215px);
    }
    .page_home .section-menu-center {
        bottom: 46px;
        left: calc(50% - 465px);
    }
    .menu-inner .item_content .item_head_landing h2 {
        font-size: 16px;
        line-height: normal;
    }
    .page_thu-vien .main-slider {
        background-color: #29348f;
    }
}
@media (max-width: 1024px) {   
}
@media (max-width: 992px) {
    .page_home .section-menu-center {
        bottom: 105px;
        left: calc(50% - 369px);
    }
    .section-menu-center .menu-inner .item_content {
        grid-template-columns: repeat(4, 167px);
    }
    .menu-inner .item_content .item_head_landing h2 {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .page_home .menu-inner .item_content .item_head_landing h2 {
        min-height: 68px;
    }
    .section-menu-center.ver-mobile .menu-inner .item_content .item_head_landing h2 {
        min-height: auto;
    }
    .main-slider {
        height: 400px;
    }
    .banner_home .width-image .banner-content {
        font-size: 30px;
    }
    /* .page_thu-vien .main-slider {
        height: 509px;
    } */
    .page_chung-khoan .block-container>img {
        border-top-left-radius: 0;
    }
    .page_chung-khoan .block-container {
        padding: 0;
    }
    .title-h2 {
        font-size: 30px;
        padding: 0;
    }
    .title-h2 a {
        display: block;
    }
    .title-h2 a::before, 
    .title-h2 a::after {
        width: calc(50% - 137px);
    }
    .title-h2.v2 a::before, 
    .title-h2.v2 a::after {
        width: calc(50% - 130px);
    }
    .center-slider {
        max-width: none;
        margin-top: 53px;
    }
    .center-slider .slick-slide {
        width: 323px;
        height: 242px;
    }
    .center-slider .slick-slide {
        transform: scale(0.7) translate(620px);
    }
    .center-slider .slick-slide.slick-center + .slick-slide + .slick-slide {
        transform: scale(0.7) translate(-620px);
    }
    .center-slider .slick-slide.slick-active {
        transform: scale(0.8) translate(250px);
    }
    .center-slider .slick-slide.slick-center + .slick-slide {
        transform: scale(0.8) translate(-250px);
    }
    .center-slider .slick-slide.slick-center {
        transform: scale(1);
    }
    .vertical-slider {
        padding: 0;
        margin-top: 40px;
    }
    .vertical-slider .slider-thumb {
        width: 110px;
        height: 80px;
    }
    .feature-thumb {
        height: 400px;
        padding-left: 20px;
    }
    .img-title-h2 {
        margin-left: 0;
        padding: 5px;
    }
    .img-title-h2 a {
        font-size: 24px;
    }
    .vertical-slider .slider-desc {
        margin-left: 10px;
    }
    .vertical-slider .slider-desc .title-slider a,
    .vertical-slider .slider-desc .caption-slider {
        font-size: 12px;
    }
    .vertical-slider .slick-next {
        left: 40px;
        top: -30px;
        height: 40px;
    }
    .vertical-slider .slick-prev {
        left: 40px;
        top: 100%;
    }
    .vertical-slider .slider-desc .caption-slider {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .video-gallery {
        padding-top: 55px;
    }
    .video-gallery .item {
        width: 325px;
        height: 197px;
    }
    .video-gallery .feature .show,
    .video-gallery .item .show {
        font-size: 14px;
    }
    .video-gallery .feature {
        padding-bottom: 0;
    }
    .market-content {
        margin-left: 0;
    }
    .market-content .news-group-content {
        border-left: none;
    }
    .market_news .list_items {
        padding-top: 0;
        padding-left: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .market_news .item {
        margin-right: 15px;
    }
    .market_news .item:first-child {
        padding-top: 15px;
    }
    .market-content .title_h2 {
        border-top-right-radius: 0;
    }
    .page_home .section-slider .gallery-content {
        padding-top: 130px;
    }
    .slider-featured,
    .vertical-slider {
        max-width: 100vw;
        width: 100%;
    }
    .div-position .img-title-h2 {
        left: calc(50% - 76px);
    }
}
@media (max-width: 896px) {
    .page_thu-vien .video-gallery {
        margin-top: -2px;
    }
    .recent_news .list_items .item>a>.title>span {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .lazy .slick-arrow {
        top: calc(45% - 40px);
    }
    .center-slider .slick-slide {
        transform: scale(0.7) translate(578px);
    }
    .center-slider .slick-slide.slick-center + .slick-slide + .slick-slide {
        transform: scale(0.7) translate(-578px);
    }
    .center-slider .slick-slide.slick-active {
        transform: scale(0.8) translate(230px);
    }
    .center-slider .slick-slide.slick-center + .slick-slide {
        transform: scale(0.8) translate(-230px);
    }
    .center-slider .slick-slide.slick-center {
        transform: scale(1);
    }
    .content-slider .caption-slider a {
        font-size: 14px;
    }
    .video-gallery .item {
        width: 100%;
        height: 229px;
    }
}
@media (max-width: 800px) {
    .page_home .section-menu-center {
        bottom: 93px;
    }
    .div-position .img-title-h2 {
        top: 30px;
    }
}
@media (max-width: 768px) {
    .page_home .section-menu-center {
        bottom: 70px;
    }
}
@media (max-width: 767.98px) {
    .title-h2 {
        font-size: 24px;
        padding: 35px 10px 20px;
        margin: 0;
    }
    .title-h2 a::before, 
    .title-h2 a::after {
        width: calc(50% - 120px);
    }
    .page_home .title-h2 a::before, 
    .page_home .title-h2 a::after {
        width: calc(50% - 120px);
    }
    .center-slider {
        overflow: visible;
        margin-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .center-slider .slick-slide,
    .center-slider .slick-slide.slick-active,
    .center-slider .slick-slide.slick-center + .slick-slide {
        transform: none;
    }
    .btn-wrap {
       /* display: none; */
      
    }
     #gallerySlider .btn-wrap {
    position: absolute;
    bottom: 45px;
    z-index: 1000;
}
    .center-slider .slick-slide:not(.slick-center) .caption-slider {
        display: block;
        position: static;
        padding: 20px 0 10px 0;
        height: auto;
    }
    .center-slider .content-slider a img {
        box-shadow:  none;
    }
    .page_home #gallerySlider {
        padding-bottom: 30px;
    }
    .page_home .section-slider .gallery-content {
        padding-top: 0;
    }
    .center-slider .slick-dots {
        left: 0;
    }
    .center-slider .slick-dots li, 
    .center-slider .slick-dots li button{
        width: 15px;
        height: 15px;
    }
    .center-slider .slick-dots li {
        margin-left: 8px;
        margin-right: 8px;
    }
    .center-slider .slick-dots li button:before {
        font-size: 15px;
        opacity: 1;
        color: #fff;
    }
    .center-slider .slick-dots li.slick-active {
        opacity: 1;
    }
    .center-slider .slick-dots li.slick-active button:before {
        color: #6d5ff2;
    }
    .content-slider .caption-slider a {
        font-size: 14px;
    }
    #header .logo {
        width: auto;
    }
    #header .right-top {
        flex: none;
        width: calc(100% - 135px);
    }
    #header.main-header .logo::before {
        right: -145px;
    }
    #header.main-header .logo::after {
        bottom: -1px;
    }
    .page_thu-vien #header.main-header .logo::after {
        right: -49px;
    }
    .section-menu-center .menu-inner .item_content {
        padding: 15px;
        justify-content: center;
        grid-gap: 15px;
        grid-template-columns: repeat(2, 50%);
    }
    .page_home .section-menu-center {
        position: static;
    }
    .page_home #lazySliderUniqueID .slick-list {
        max-height: 250px;
    }

    .page_home .section-menu-center.ver-mobile {
        display: block;
        margin-bottom: -1px;
    }
    .section-menu-center.ver-mobile .menu-inner .item_content .item_head_landing{
        text-align: center;
        padding: 15px;
    }
    .section-menu-center.ver-mobile .menu-inner .item_content .item_head_landing h2 {
        position: static;
        background-color: transparent;
        text-transform: capitalize;
    }
    .section-menu-center.ver-mobile .menu-inner .item_content .item_quick_link{
        background-color: #323faa;
    }   
    .section-menu-center.ver-mobile .menu-inner .item_content .item_quick_link img {
        padding-top: 10px;
        width: auto;
        height: auto;
        object-fit: contain;
        border-radius: 0;
    }
    .page_home .section-menu-center {
        bottom: 94px;
    }
    .menu-inner .item_content .item_head_landing .item_td {
        display: block;
    }
    .menu-inner .item_content .item_head_landing h2 {
        font-size: 14px;
        padding: 15px;
    }
    .section-footer .wraper {
        padding-top: 10px;
        padding-bottom: 19px;
    }
    .section-footer .text-company {
        padding-top: 40px;
    }
    .section-footer .text-company .copyright {
        margin: 0;
    }
    .section-footer .text-company h3{
        padding-bottom: 25px;
    }
    .section-footer .qiContainer:first-child,
    .section-footer .text-company .css-span p {
        margin-bottom: 0;
    }
    .section-footer .qiContainer:first-child {
        padding-bottom: 15px;
    }
    .section-footer .info-company {
        padding-top: 15px;
    }
    .recent_news .list_items {
        padding-left: 30px;
        padding-right: 30px;
    }
    .page_news .section-menu-center .menu-inner .item_content, 
    .page_quan-he-nha-dau-tu .section-menu-center .menu-inner .item_content, 
    .page_gioi-thieu-genco2 .section-menu-center .menu-inner .item_content {
        grid-template-columns: 1fr 1fr;
        padding: 0;
        border-bottom: none;
    }
    .page_news .menu-inner .item_content .item_quick_link:nth-last-of-type(1), 
    .page_news .menu-inner .item_content .item_quick_link:nth-last-of-type(2), 
    .page_quan-he-nha-dau-tu .menu-inner .item_content .item_quick_link:nth-last-of-type(1), 
    .page_quan-he-nha-dau-tu .menu-inner .item_content .item_quick_link:nth-last-of-type(2), 
    .page_gioi-thieu-genco2 .menu-inner .item_content .item_quick_link:nth-last-of-type(1), 
    .page_gioi-thieu-genco2 .menu-inner .item_content .item_quick_link:nth-last-of-type(2)  {
        border-bottom: 3px solid #6b5cf8;
        border-radius: 0;
        box-shadow: none;
    }
    .page_news .menu-inner .item_content .item_head_landing h2,
    .page_quan-he-nha-dau-tu .menu-inner .item_content .item_head_landing h2,
    .page_gioi-thieu-genco2 .menu-inner .item_content .item_head_landing h2{
        position: static;
    }
    .recent_news .list_items:not(.mobile-slider) {
        display: none;
    }
    .recent_news .list_items.mobile-slider {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
        min-height: auto;
    }
    .recent_news .list_items.mobile-slider .item {
        margin-right: 0;
    }
    .recent_news .list_items.mobile-slider .item>a {
        flex-direction: column;
    }
    .recent_news .list_items.mobile-slider .item>a>.thumb {
        box-shadow: none;
        padding: 0;
    }
    .recent_news .list_items.mobile-slider .item>a>.title::after {
        display: none;
    }
    .recent_news .list_items.mobile-slider .item>a>.title {
        padding: 20px 0 10px;
        font-size: 13px;
        line-height: normal;
        font-weight: bold;
    }
    .mobile-slider .slick-dots {
        left: 0;
    }
    .mobile-slider .slick-dots li, 
    .mobile-slider .slick-dots li button{
        width: 15px;
        height: 15px;
    }
    .mobile-slider .slick-dots li {
        margin-left: 6px;
        margin-right: 6px;
    }
    .mobile-slider .slick-dots li button:before {
        font-size: 15px;
        opacity: 1;
        color: #fff;
    }
    .mobile-slider .slick-dots li.slick-active {
        opacity: 1;
    }
    .mobile-slider .slick-dots li.slick-active button:before {
        color: #6d5ff2;
    }
    .section-footer .text-company,
    .section-footer .image-company {
        text-align: center;
    }
    .section-footer {
        display: none;
    }
    .section-footer.ver-mobile {
        display: block;
    }
    .section-footer .info-company {
        padding-bottom: 30px;
    }
    .page_thu-vien .block-container {
        display: none;
    }
    .page_chung-khoan #lazySliderUniqueID .slick-arrow {
        display: none !important;
    }
    .page_thu-vien .news-group-content {
        background-color: #29348f;
    }
    .library-media {
        position: static;
    }
    .feature-thumb {
        padding: 0 10px;
    }
    .feature-thumb > a {
        display: block;
    }
    .img-title-h2{
        display: none;
    }
    .img-title-h2.ver-mobile {
        display: block;
    }
    .vertical-slider {
        z-index: 1;
        padding-bottom: 40px;
    }
    .vertical-slider .item {
        padding: 0 10px;
    }
    .vertical-slider .slick-prev,
    .vertical-slider .slick-next {
        left: calc(50% - 15px);
    }
    .vertical-slider .slick-prev {
        top: 87%;
    }
    .feature-thumb span {
        bottom: 15px;
        left: 25px;
        font-size: 14px;
    }
    .video-gallery {
        padding-top: 0;
    }
    .video-gallery .img-title-h2{
        display: block;
        margin-right: 0;
    }
    .video-gallery .feature,
    .video-gallery .item {
        padding: 10px;
    }
    .video-gallery .feature > a,
    .video-gallery .item > a {
        display: block;
    }
    .video-gallery .feature img,
    .video-gallery .item > a>img {
        width: 100%;
        object-fit: cover;
    }
    .video-gallery .feature > a:first-child {
        box-shadow: none;
    }
    .video-gallery .item {
        width: 100%;
        height: 100%;
        box-shadow: none;
    }
    .video-gallery .item:first-child {
        margin-bottom: 0;
    }
    .video-gallery .feature .show {
        top: 22px;
        left: 20px;
    }
    .video-gallery .feature .show, 
    .video-gallery .item .show {
        padding-right: 100px;
    }
    .video-gallery .feature .play-video {
        top: 10px;
        right: 20px;
    }
    .div-position div {
        left: 20px;
    }
    .div-position div p {
        font-size: 25px;
    }
    .vertical-slider .slider-thumb {
        width: 100%;
        margin-left: 10px;
    }
    .vertical-slider .slider-desc {
        padding-left: 10px;
        margin-left: 0;
    }
    .main-header .bl-search {
        display: none;
    }
    #header .right-top {
        width: 100%;
    }
    .page_thu-vien .main-slider .wraper {
        height: 100%;
    }
    .div-position .img-title-h2 {
        display: block;
        font-size: 24px;
        font-family: 'Roboto';
        left: calc(50% - 59px);
    }
    .div-position .img-title-h2::after {
        margin-top: 0;
    }
    .page_thu-vien #lazySliderUniqueID .slick-track .div-position img {
        height: 200px;
    }
    .center-slider .slick-slide:not(.slick-center) .caption-slider {
        position: absolute;
        top: -80px;
    }
    #gallerySlider .slick-list {
        padding-bottom: 20px !important;
    }
    .lazy .slick-prev {
        left: 25px;
    }
    .lazy .slick-arrow {
        top: calc(50% - 40px);
    }
    .banner_home .width-image .banner-content {
        top: calc(50% - 24px);
    }
}
@media (max-width: 480px) {
    .main-slider {
        height: 145px;
        background-color: #29348f;
    }
    .page_chung-khoan .main-slider {
        height: 250px;
    }
    .page_chung-khoan #body img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .page_home .main-slider {
        height: auto;
        background-color: #29348f;
    }
    .social-group {
        display: none;
    }
    .banner_home .width-image {
        height: 140px;
    }
    .banner_home .width-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .banner_home .width-image .banner-content {
        font-size: 22px;
    }
    .div-position div {
        left: 20px;
    }
    .div-position div h2 {
        font-size: 18px;
    }
    .div-position div p {
        font-size: 16px;
    }
    .page_home .title-h2{
        font-size: 24px;
        padding-top: 15px;
        padding-bottom: 0;
    }
    .page_home .title-h2 a::before, 
    .page_home .title-h2 a::after {
        width: calc(50% - 110px);
    }
    .div-position .img-title-h2 {
        top: 60px;
    }
}
@media (max-width: 390px) {
    #header.main-header .logo::before {
        width: 100px;
        right: -110px;
    }
    #header.main-header .logo::after {
        right: -48px;
    }
}
@media (max-width: 375px) {
    #header.main-header .logo::after {
        bottom: 0;
        right: -49px;
    }
    .vertical-slider .slider-thumb {
        width: 110px;
        margin-left: 0;
    }
    /* .page_thu-vien .main-slider {
        height: 120px;
    } */
    .vertical-slider .slider-desc {
        padding-left: 30px;
    }
}
@media (max-width: 320px) {
    .page_chung-khoan .main-slider {
        height: 120px;
    }
    .main-header .logo a {
        margin-top: 5px;
        margin-left: 8px;
    }
    #header.main-header .logo {
        padding-right: 10px;
        padding-bottom: 20px;
    }
    #header.main-header .logo::before {
        width: 110px;
        right: -100px;
    }
    #header.main-header .logo::after {
        bottom: -1px;
    }
    .section-footer .wraper {
        padding-left: 10px;
        padding-right: 10px;
    }
    .page_thu-vien #header.main-header .logo::after {
        right: -49px;
    }
    .banner_home .width-image .banner-content {
        font-size: 16px;
    }
    .title-h2 a::before, .title-h2 a::after {
        width: calc(50% - 76px);
    }
    .title-h2.v2 a::before{
        margin-right: 10px;
    }
    .title-h2.v2 a::after {
        margin-left: 10px;
    }
    .page_thu-vien .main-slider {
        height: 120px;
    }
    .vertical-slider .item>.row>div:nth-of-type(1) {
        width: 30%;
    }
    .vertical-slider .item>.row>div:nth-of-type(2) {
        width: 70%;
    }
    .feature-thumb {
        height: 200px;
    }
    .market_news .list_items {
        grid-template-columns: 1fr;
        padding: 0;
    }
    .market_news .item {
        margin-right: 0;
        padding: 10px;
    }
    .page_home .title-h2 a::before, .page_home .title-h2 a::after {
        width: calc(50% - 107px);
    }
}
 ul.slimmenu.collapsed li a {
    display: block;
    font-size: 25px;
 }
/*.bg-blue {
	background : transparent;
}*/


#gallerySlider .btn-wrap{
	position: absolute;
    bottom: 45px;
    z-index: 1000;
}