/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'Baloo Paaji';
    src: url('fonts/BalooPaaji-Regular.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;

}
html{overflow-x:hidden}
body{overflow-x:hidden}
/*---căn đều sẳn phẩm---*/
.has-shadow>.col>.col-inner {
    height: 100%;
}
.flickity-viewport .col.is-selected {
    height: 100%;
}
.flickity-viewport .col-inner {
    height: 100%;
}
.product-small.box.has-hover.box-normal.box-text-bottom {
    height: 100%;
}
/*.product-small.box:hover {
     border: 2px dashed #ddd;
}*/
/*---giới hạn chữ tên sản phẩm---*/
p.name.product-title a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 1.3em;
    margin-bottom: 0.8em;
	font-weight: 700;
}
/*---style product price---*/
.price-wrapper{
    display: table; 
}
.product-summary .price-wrapper{
	margin-bottom: 1em;
}
.price-wrapper .price{
    height: 1.3em;
    display: table-cell;
    vertical-align:middle;
    text-align: center;
    line-height: 120%;
}
.product-short-description {
    padding-bottom: 0.5em;
}
span.amount {
    white-space: nowrap;
    color: #e84545;
    font-weight: bold;
}

/*---style related product---*/
.related.related-products-wrapper.product-section {
	padding-top: 2em;
    padding-bottom: 2em;
}
.related.related-products-wrapper.product-section h3 {
    text-align: center;
}
.related-products-wrapper .product-small.box {
    background-color: #fff;
    /*box-shadow: 0 1px 3px -2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
	border: 2px solid #ddd;
}
/*
.related-products-wrapper .product-small.box:hover {
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}*/
.related-products-wrapper .box-text.box-text-products {
    padding: 15px;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: 0;
}
.slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {
    width: 30px;
    top: -2px;
    bottom: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 -150px 15px 0 rgba(0,0,0,0);
    margin: 0 !important;
}
/*---end style related product---*/

/*---style tiêu đề bà i viết trước sau---*/
.nav-previous,
.nav-next {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: auto;
}
/*---style giới hạn chữ bà i viết---*/
.blog-archive h5.post-title.is-large {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.6em;
}
.blog-archive p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
}

/*---style shop and product sidebar---*/
#shop-sidebar aside,
#product-sidebar aside,
.post-sidebar aside {
    background-color: #fff;
	padding: 5px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    padding: 5px;
}
.widget.widget_search{
	padding: 30px 0 0 0;
	border: 0 solid #eee;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0);
}
#shop-sidebar .widget-title,
#product-sidebar .widget-title,
.post-sidebar .widget-title {
	padding: 20px;
	color: #fff;
	background-color: #dd006d;
	display: block;
}
#shop-sidebar .is-divider,
#product-sidebar .is-divider,
.post-sidebar .is-divider {
	height: 1.5px;
    display: block;
    background-color: rgba(0,0,0,0);
    margin: 0;
    width: 100%;
    max-width: 100%;
}
#shop-sidebar ul,
#product-sidebar ul,
.post-sidebar ul {
    font-size: 14px;
	font-weight: bold;
    border: 0px solid #ddd;
    border-radius: 0px;
    padding: 0;
    margin-top: 5px;
    background-color: #fff;
}
#shop-sidebar ul li,
#product-sidebar ul li,
.post-sidebar ul li {
    padding: 5px 20px;
}
#shop-sidebar ul li:nth-child(odd),
#product-sidebar ul li:nth-child(odd),
.post-sidebar ul li:nth-child(odd) {
    background-color: #fafafa;
}
/*#shop-sidebar ul li:hover,
#product-sidebar ul li:hover,
.post-sidebar ul li:hover {
    background-color: #ee5978;
}*/
#shop-sidebar ul li:hover a,
#product-sidebar ul li:hover a,
.post-sidebar ul li:hover a,
#shop-sidebar ul li:hover ins span,
#product-sidebar ul li:hover ins span,
#shop-sidebar ul li:hover del span,
#product-sidebar ul li:hover del span,
#shop-sidebar ul li:hover span.amount,
#product-sidebar ul li:hover span.amount{
	color: #ee5978;
}
/*---style sub-menu---*/
#shop-sidebar li ul.sub-menu {
    border: 0 solid #f8f8f8;
    border-left: 3px solid #ececec;
    padding: 5px;
}
#shop-sidebar li ul.sub-menu li {
    background-color: #fff;
    border: 0;
    padding: 2px 10px;
}
#shop-sidebar li:hover ul.sub-menu li a {
    color: #334862;
}
#shop-sidebar li ul.sub-menu li:hover a {
    color: #ee5978;
}
/*---end style sub-menu---*/
#shop-sidebar ul.product_list_widget li,
#product-sidebar ul.product_list_widget li {
    list-style: none;
    padding: 15px 10px 15px 90px;
    min-height: 80px;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    line-height: 1.33;
}
#shop-sidebar ul.product_list_widget li img,
#product-sidebar ul.product_list_widget li img  {
    top: 10px;
    position: absolute;
    left: 20px;
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
    object-fit: cover;
    object-position: 50% 50%;
}
#shop-sidebar ul li+li,
#product-sidebar ul li+li,
.post-sidebar ul li+li {
    border-top: 1px solid #f8f8f8;
}
#shop-sidebar ul.product_list_widget li a:not(.remove),
#product-sidebar ul.product_list_widget li a:not(.remove) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 1.3em;
}
#shop-sidebar .recent-blog-posts a,
#product-sidebar .recent-blog-posts a,
.post-sidebar .recent-blog-posts a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.4em;
    color: #444;
}
#shop-sidebar span.post_comments.op-7.block.is-xsmall,
#product-sidebar span.post_comments.op-7.block.is-xsmall,
#product-sidebar span.post_comments.oppercase.op-7.block.is-xsmall,
.post-sidebar span.post_comments.op-7.block.is-xsmall {
    display: none;
}
.post-sidebar .widget.widget_search {
    padding: 0px 0 0 0;
    border: 0px solid #eee;
}
.post-sidebar input.search-field.mb-0 {
    height: 45px;
    border-radius: 3px 0 0 3px;
}
.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    width: 45px;
    height: 45px;
    border-radius: 0 3px 3px 0;
}
#shop-sidebar .price_slider_wrapper {
    padding: 30px 15px 15px 15px;
    font-size: 0.8em;
}
#shop-sidebar .star-rating,
#product-sidebar .star-rating {
		display: none;
}

/*---style filter in sidebar---*/
ul.woocommerce-widget-layered-nav-list {
    max-height: 300px;
    overflow: auto;
    padding-right: 20px;
}
ul.product_list_widget {
    font-size: 14px;
}
/*---end style filter in sidebar---*/
/*---end style shop and product sidebar---*/

/*---style tab in product---*/
.product-footer .tabbed-content .nav-pills>li>a {
    padding: 0.5em 2.75em;
    border-radius: 0px;
    line-height: 2.5em;
    border: 1px solid #ddd;
	background-color: #eee;
	margin-right: 2px;
}
.product-footer .tabbed-content .nav-pills>li.active>a {
	background-color: #ec1c24;
}
.product-footer .tabbed-content .nav-pills>li:hover>a {
    background-color: #e84545;
    color: #fff;
}

.mfp-content {
    min-width: 320px !important;
}

/*---z-index sidebar mobile---*/
.mfp-wrap {
	z-index: 900001;
}
/*--------end global--------*/


/*---------header-----------*/
/*---style mona-html---*/
.mona-html {
    font-size: 14px;
}
.mona-html:before {
    content: "";
    font-family: FontAwesome;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    color: #333;
}
p.mona-html.html-1{
    color: #56509f;
    font-size: 25px;
    font-weight: bold;
}
.mona-html.hotline:before {
	width: 1.5em;
	height: 1.5em;
    content: "";
	background: transparent url('http://mauweb.monamedia.net/saigonacademy/wp-content/uploads/2018/07/customer-service.svg') no-repeat;
    background-size: 1.5em 1.5em;
    animation-name: tada;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
.mona-html a {
	color: #333;
	font-weight: 700;
}
/*---style active nav---*/
.header-main .nav-left {
    -ms-flex-pack: center;
    justify-content: center;
}
.header-main .nav > li {
	margin: 0 0px;
}
/*
.header-main .nav > li:hover > a,
.header-main .nav > li.current-menu-item > a,
.header-main .nav > li.current-menu-parent > a,
.header-main .nav > li.current-post-parent > a,
.header-main .nav > li.current-product-parent > a,
.header-main .nav > li.current_page_parent > a,
.header-main .nav > li.current-product-ancestor > a {
    color: #56509f;
}
*/
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
    color:#dd006d;
    background: none;
    padding: 15px !important;
    border-radius:10px;
    transition: all .3s ease 0s;
    /* font-family: Baloo Paaji, sans-serif !important; */
}
a.nav-top-link {
    font-size: 18px !important;
    padding: 15px !important;
    border-radius:10px;
    transition: all .3s ease 0s;
    font-weight: 700 !important;
    /* font-family: Baloo Paaji, sans-serif !important; */
    color: #393d72;
}
ul.nav-dropdown.nav-dropdown-simple {
    background: #dd006d;
    color: #fff;
	border-radius: 20px;
	font-family: Baloo Paaji, sans-serif;
    /* color: #fff; */
}
.nav-dropdown {
    position: absolute;
    min-width: 260px;
    max-height: 0;
    z-index: 9;
    padding: 20px 0 20px;
    opacity: 0;
    margin: 0;
    transition: opacity .25s;
    box-shadow: 1px 1px 15px rgba(0,0,0,0.15);
    border: 2px solid #fff;
    color: #777;
    background-color: #dd006d;
    text-align: left;
    display: table;
    background: #dd006d;
    color: #fff;
    border-radius: 20px;
    font-family: Baloo Paaji, sans-serif;
    left: -99999px;
}
.nav-dropdown>li>a, .nav-column>li>a {
    display: block;
    color: #fff;
    font-size: 18px;
}
.nav-dropdown>li>a, .nav-column>li>a :hover{
	color : #fff!important;
}
.nav > li > a {
	font-weight: 900 !important;
	font-size: 16px;
	/* font-family: Baloo Paaji, sans-serif; */
	color: #393d72;
}
/*--------end header--------*/


/*---------content-----------*/
/*---------trang-chu---------*/
.text-title-all{
	
}
.text-title-all h3 {
    color: #393d72;
    font-size: 50px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 10px;
    line-height: 1.2;
}
.text-title-all h6{
	font-size: 20px;
  	font-weight: 100;
    color: #dd006d !important;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.text-title-all{
	padding-top:30px;
}
/*---------tc-sec-banner---------*/
.tc-sec-video .text-title-all h3 {
    line-height: 1.2;
    margin-top: 0px;
}
.tc-sec-banner .text-hoc p{
	color: #393d72;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 35px;
}
/*---tc-sec-banner-video----*/
.tc-sec-video .icon:before {
    content: "\f1fd";
    font-family: fontawesome;
    z-index: 1;
    color: #fff;
    display: block;
    position: absolute;
    font-size: 30px;
    padding-left: 35px;
    padding-top: 8px;
}
.tc-sec-video .text-title-all h3{
	line-height:1.2;
}
h2.text-all{
    color: #393d72;
    font-size: 60px;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 20px;
    line-height: 60px;
    font-family: "Baloo Paaji 2", sans-serif;
}
.text-video p {
    color: #111;
	font-size:18px;
}
.text-video{
	/* padding:30px; */
	/* margin-top:20px; */
	margin-bottom:-20px;
}
.tc-4col-icon-box{
	padding:20px;	
	background:#fff !important;
	box-shadow: 0px 3px 14px #ebebeb;
}
.tc-4col-icon-box:before{
	content: "";
    position: absolute;
    border-left: 2px solid #ff6b79;
    border-top: 2px solid #ff6b79;
    width: 55px;
    height: 30px;
    left: 0;
    top: 0;
    transition: .5s;
    -webkit-transition: .5s;
}
.tc-4col-icon-box:after{
	content: "";
    position: absolute;
    border-right: 2px solid #ff6b79;
    border-bottom: 2px solid #ff6b79;
    width: 55px;
    height: 30px;
    right: 0;
    bottom: 0;
    transition: .5s;
    -webkit-transition: .5s;
}
.tc-4col-icon-box:hover:before{
	width: 100%;
    height: 100%;
    border-left: 2px solid #ff6b79;
    border-top: 2px solid #ff6b79;
}
.tc-4col-icon-box:hover:after{
	width: 100%;
    height: 100%;
    border-right: 2px solid #ff6b79;
    border-bottom: 2px solid#ff6b79;
}
.tc-icon-col4 h3{
	font-size: 20px;
	font-weight: 400;
	color: #393d72;
	text-transform: capitalize;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: "Baloo Paaji 2", sans-serif;
}
.tc-icon-col4 p{
	font-size: 16px;
    color: #666666 !important;
    line-height: 28px;
    margin-bottom: 10px;
}
.tc-sec-video-row {
	margin-top:-100px;
}
a.button.open-video.icon.circle.is-outline.is-xlarge {
    color: #dd006d;
}
a.button.open-video.icon.circle.is-outline.is-xlarge:before {
    display: none;
}
/*----------tc-sec-hoc--------*/
.tc-sec-hoc .col-inner.text-center.box-shadow-2-hover {
    border-radius: 20px;
}
.tc-sec-hoc{	
	background-color: #f6f6f6;
    position: relative;
}
.tc-text-icon{
	text-align:center;
}
.tc-icon-box {
	background:#fff;
	padding:20px;
	border-radius:20px;
	transition: all 5s ease 0s;
}
.tc-text-icon p{
	font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-bottom: 10px;
}
.tc-icon-box:hover{
	border-radius:20px;
}
.tc-text-icon h3:hover{
	text-decoration: underline;
	transition: all .3s ease 0s;
	color:#fe5600;
}
.tc-icon-box:hover .icon{
	transform: rotate(360deg);
	transition: all 5s ease 0s;
}
.tc-icon-box .icon{
	transition: all 5s ease 0s;
}
/*----------shape-----------------*/
.shape-2 {
    animation: rotateIn 3s infinite linear;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg);
    transform: rotate3d(0, 0, 1, -180deg);
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg);
    transform: rotate3d(0, 0, 1, -180deg);
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.shape-2{
	margin-left:-70px;
	margin-top:-150px;
}
.shape-3 {
    animation: rotateIn 3s infinite linear;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg);
    transform: rotate3d(0, 0, 1, -180deg);
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -180deg);
    transform: rotate3d(0, 0, 1, -180deg);
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.shape-4 {
    position: absolute;
    top: 5%;
    left: 90%;
    width: 5%;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
/*---------tc-sec-tintuc--------*/
.box-blog-post .is-divider {
    margin-top: .5em;
    margin-bottom: .5em;
    height: 2px;
    display: none;
}
ul.sidebar-wrapper.ul-reset.tintuc-widget {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
}
.tc-sec-tintuc .flex-col.mr-half {
    font-size: 30px;
}
.tintuc-widget span.widget-title {
    font-size: 20px;
    color: #fe5600;
}
.tintuc-widget .is-divider {
    height: 3px;
    display: block;
    background-color: #5650f9;
    margin: 1em 0 1em;
    width: 100%;
    max-width: 140px;
}
.tc-sec-tintuc .recent-blog-posts a {
    line-height: 1.2;
    display: block;
    margin-bottom: 6px;
    font-size: 20px;
    color: #111;
	padding-top:25px;
}
.tc-sec-tintuc .recent-blog-posts a:hover{
	color:#fe5600;
}
.tc-sec-tintuc aside#flatsome_recent_posts-4 {
    margin-bottom: -10px;
}
.tc-sec-tintuc .box.box-normal.box-text-bottom.box-blog-post.has-hover {
    background: #fff;
}
.tc-sec-tintuc .box-text.text-left {
    padding: 20px;
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover:before{
	content: "";
    position: absolute;
    border-right: 2px solid #ff6b79;
    border-top: 2px solid #ff6b79;
    width: 60px;
    height: 30px;
    right: 0;
    top: 0;
    transition: .5s;
    -webkit-transition: .5s;
	z-index: 1;
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover:after{
	content: "";
    position: absolute;
    border-left: 2px solid #ff6b79;
    border-bottom: 2px solid #ff6b79;
    width: 60px;
    height: 30px;
    left: 0;
    bottom: 0;
    transition: .5s;
    -webkit-transition: .5s;
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover:before{
	width: 100%;
    height: 100%;
    border-left: 2px solid #ff6b79;
    border-top: 2px solid #ff6b79;
	z-index: 1;
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover:hover:after{
	width: 100%;
    height: 100%;
    border-right: 2px solid #ff6b79;
    border-bottom: 2px solid#ff6b79;
}
/*----------tc-sec-lydo---------*/
.tc-text-image-box h4{
	color:#dd006d;
	padding-bottom:15px;
	font-size:16px;
	font-weight:300;
}
.lydo-image-box{
	padding:15px;
	/*transition: all 5s ease 0s;*/
}
.lydo-image-box{
	background:#fff;
	border-radius:20px;
}
.col.tc-lydo-col2.medium-10.small-12.large-10 {
    margin-top: -50px;
}
.tc-sec-lydo{
	/*background-image: linear-gradient( #fe5600, #fbb03b);*/
}
/*.lydo-image-box:hover{
	transform: rotate(360deg);
	transition: all 5s ease 0s;
}*/
/*-------tc-galary--------*/
.tc-galary .text-title-all h3{
	color:#fff !important;
}
.tc-galary .text-title-all h6{
	color:#fff !important;
}
/*-----tc-sec-time----------*/
.tc-time {
	height: 270px;
    background: #ffffff;
    margin: 0 15px;
    display: inline-block;
    margin-bottom: 30px!important;
    padding: 35px;
    text-align: left;
    border-radius: 50px 5px 50px 5px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
.tc-time h4 {
    color: #fe6367;
    font-weight: 700;
    /* font-size: 15px; */
}
.tc-time h4:before{
	content:"\f017";
	font-family:fontawesome;
	font-size:20px;
	font-weight:700;
	padding-right:5px;
}
.tc-time h3 {
    color: #393d72;
    font-weight: 400;
    font-size: 20px;
    transition: .5s;
    -webkit-transition: .5s;
    margin-bottom: 10px;
}
.tc-time a{
	font-size: 15px;
    font-weight: 700;
    color: #393d72;
    text-transform: capitalize;
}
.tc-time a:after{
	content:"\f105";
	font-family:fontawesome;
	font-size: 15px;
    font-weight: 600;
    color: #393d72;
    padding-left: 10px;
}
.tc-time:hover h3{
	color:red;
}
/*----------gioi-thiệu---------*/
.gt-loingo .text-title-all {
	padding:30px;
}
.gt-loingo .text-title-all:before{
	content: "";
    position: absolute;
    border-left: 2px solid #ff6b79;
    border-top: 2px solid #ff6b79;
    width: 55px;
    height: 30px;
    left: 0;
    top: 0;
    transition: .5s;
    -webkit-transition: .5s;
}
.gt-loingo .text-title-all:after{
	content: "";
    position: absolute;
    border-right: 2px solid #ff6b79;
    border-bottom: 2px solid #ff6b79;
    width: 55px;
    height: 30px;
    right: 0;
    bottom: 0;
    transition: .5s;
    -webkit-transition: .5s;
}
.gt-loingo .text-title-all:hover:before{
	width: 100%;
    height: 100%;
    border-left: 2px solid #ff6b79;
    border-top: 2px solid #ff6b79;
}
.gt-loingo .text-title-all:hover:after{
	width: 100%;
    height: 100%;
    border-right: 2px solid #ff6b79;
    border-bottom: 2px solid#ff6b79;
}
/*-------tc-sec-thanhvien-------*/
/*-----style contact form-----*/
.form-ct {
    width: 780px;
    margin: 0 auto;
    max-width: 100%;
}
.form-ct .form-row {
    padding: 5px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form-ct .form-row.w50 {
    width: 50%;
}
.form-ct input,
.form-ct textarea{
    margin-bottom: 0;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.form-ct .center-txt {
    text-align: center;
}
.form-ct .center-txt input{
    min-width: 50%;
}
.form-ct .wpcf7-form-control:focus {
    border-color: #f8b742;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(248, 183, 66, 0.6);
}
/*---end style contact form---*/

/*---style mona-title---*/
.mona-title {
    font-size: 1.8em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.3em;
    position: relative;
    margin: 0;
    margin-bottom: 0.8em;
    padding-bottom: 1.3em;
}
.mona-title:before {
    position: absolute;
    bottom: 0.75rem;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 2px;
    background: linear-gradient(to right,#76a03f 0%,#76a03f 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 75%,#76a03f 75%);
}
.mona-title:after {
    position: absolute;
    bottom: 0;
    content: '\f296';
    font-family: FontAwesome;
    left: 50%;
    transform: translateX(-50%);
    font-size: 23px;
    line-height: 1;
    color: #76a03f;
}

/*---style btn-mona---*/
.btn-mona {
    padding: 5px 30px;
}
a.button.primary.lowercase.btn-1 {
    background: none;
    color: #fe5600;
    border: 1px solid #fe5600;
	border-radius:10px;
	font-size:16px;
}
a.button.primary.lowercase.btn-1:hover {
	background:#fe5600 ;
	color:#fff;
}
.btn-mona-m{
	color: #fff !important;
	background-image: url(images/button-bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 15px;
	text-transform: capitalize;
	display: inline-block;
	position: relative;
	z-index: 1;
	text-align: center;
	width: 161px;
	height: 38px;
	line-height: 38px;
	font-weight: 600;
}
/*---style mona-post---*/
.mona-post .box.box-normal.box-text-bottom.box-blog-post.has-hover {
    border-radius: 10px;
    background-color: #f7f9f8;
    padding-bottom: 0;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.01);
	box-shadow: 0 0 15px rgba(0,0,0,.01);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-top: 15px;
}
.mona-post .box.box-normal.box-text-bottom.box-blog-post.has-hover:hover {
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.mona-post img.attachment-original.wp-post-image {
    border-radius: 10px 10px 0 0;
}
.mona-post .box-text.text-left {
    padding: 1.2em;
    border-radius: 0 0 10px 10px;
}
.box-text h5{
	color:#393d72 !important;
}
.mona-post h5.post-title.is-large {
	color:#dd006d !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 1.3em;
    margin-bottom: 0.5em;
    font-size: 1.5em;
}
.mona-post .post-meta.is-small.op-8 {
    margin-bottom: 1em;
}
.mona-post .post-meta.is-small.op-8:before {
    content: "\f073";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #e5c128;
}
.mona-post .is-divider {
    display: none;
}
.mona-post p.from_the_blog_excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
    color: #424242;
}
.mona-post button.button.is-link.is-small.mb-0 {
    text-transform: capitalize;
}
.mona-post button.button.is-link.is-small.mb-0:after {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 5px;
    color: #ed1c24;
}
/*---end style mona-post---*/

/*--------end content--------*/


/*---------footer-----------*/
p.footer-title {
    font-size: 18px !important;
    font-weight: bold;
}
.sec-footer p{
    font-weight: 400;
    color: #dddddd;
    margin-bottom: 30px;
}
.sec-footer a{
    font-size: 15px;
    font-weight: 500;
    color: #ffff;
    text-transform: capitalize;
}
.sec-footer a:hover{
    color: #fe5600 !important;
}
.sec-footer .icon-box-img {
    width: 14px !important;
}
.text-footer a{
	padding-bottom:10px;
	line-height: 30px;
}
p.p-footer{
	padding-right: 20px;
}
.sec-footer form.wpcf7-form {
    margin-bottom: -20px;
}
.mona-sidebar-footer ul {
    margin: 0;
}
.mona-sidebar-footer ul.menu>li+li, 
.mona-sidebar-footer .widget>ul>li+li {
	border-top: 1px dashed rgba(238, 238, 238, 0.3);
}
.mona-sidebar-footer ul li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 15px 0 5px;
}
.mona-sidebar-footer ul li:hover a:before {
	animation-name: tada;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
/*
.mona-sidebar-footer ul li a:after {
    content: "\f0fb";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 5px 0 15px;
	position: absolute;
	right: 0;
	transition: 2s;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    -o-transition: 2s;
}
.mona-sidebar-footer ul li:hover a:after {
	-webkit-animation:spin 1s;
    -moz-animation:spin 1s;
    animation:spin 1s;
	right: 30%;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(180deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(180deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(180deg); transform:rotate(180deg); } }

.mona-sidebar-footer ul > li:hover > a,
.mona-sidebar-footer ul > li.current-menu-item > a,
.mona-sidebar-footer ul > li.current-menu-parent > a,
.mona-sidebar-footer ul > li.current-post-parent > a,
.mona-sidebar-footer ul > li.current_page_parent > a,
.mona-sidebar-footer ul > li.current-product-parent > a,
.mona-sidebar-footer ul > li.current-product-ancestor > a {
    color: #7da500;
}
.copyright-footer {
    color: #fff;
}
/*---style form dang ky---*/
.sec-footer form.wpcf7-form {
    margin-bottom: -20px;
}
.sec-footer .wpcf7 p {
    display: inline-flex;
}
.sec-footer input#email-dang-ky {
    height: 40px;
    border-radius: 3px 0 0 3px;
	border-right: 0;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}
.sec-footer input#btn-gui {
    height: 40px;
    border-radius: 0 3px 3px 0;
}
.mona-hiden{
	display:none !important;
}
#btn-gui-icon {
    height: 40px;
    border-radius: 0 3px 3px 0;
    color: #02a010;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0);
    border: 1px solid #ddd;
    border-left: 0;
    cursor: pointer;
    width: 40px;
    line-height: 40px;
    text-align: center;
}
/*--------end footer--------*/

/*-----style tablet mode-----*/
@media screen and (max-width: 849px){
	.tc-time {
	height: 330px;
}	
}
/*---end style mobile mode---*/
/*-----style mobile mode-----*/
@media screen and (max-width: 549px){
h2.text-all {
	font-size: 30px;
    line-height: 35px;
}
.text-title-all h6{
	font-size: 20px;
}
.text-title-all h3{
	font-size: 22px;
	line-height:1.2;
}
.tc-sec-video-row {
	margin-top:-0px;
	padding-top:30px;
}
.tc-time {
	height: 320px;
}
.under-image{
	width: 20% !important;
	padding-top:15px;
}
.text-title-all {
    text-align: center;
    padding-top: 30px;
}
.text-title-all p{
	padding:15px;
}
.tc-sec-video-coltext.under-image{
	padding-left:50px;
}
.col-mat {
    display: none;
}
.col.tc-lydo-col2.medium-10.small-12.large-10 {
    margin-top:0px;
}
}
/*---end style mobile mode---*/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

#button-contact-vr {
    position: fixed;
    bottom: 100px;
    z-index: 999;
    right: 0;
  }
  
  /*phone*/
  #button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
  }
  
  #button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
  }
  
  .phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: #cf203170;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
  }
  
  .phone-vr-img-circle {
    background-color: #CF2031;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
  }
  
  .phone-vr-img-circle a {
    display: block;
    line-height: 37px;
  }
  
  .phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
  }
  
  @-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
  
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
  
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
  
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
  
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
  }
  
  @-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }
  
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
  
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
  }
  
  @keyframes zoom {
    0% {
        transform: scale(.9)
    }
  
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
  
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
  }
  
  .phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
  }
  
  .phone-bar a:hover {
    opacity: 0.8;
    color: #fff;
  }
  
  #zalo-vr .phone-vr-img-circle {
    background-color: #1F5E9D;
  }
  
  #zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #1f5e9da3;
    background-color: #1f5e9d7a;
  }
.img-header{z-index: 9;}
.header-main{
  /* display:none; */
}
.header-bottom-nav.nav-left{
}
.header-bottom-nav.nav-left>li:first-child{
}
.header-bottom-nav.nav-left>li{margin: 0 20px;}
.header-bottom-nav.nav-left>li>a{
}
.header-bottom-nav.nav-left>li:first-child a{font-size: 0;}
.header-bottom-nav.nav-left>li:first-child a img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
#main, #wrapper {
    /* background-color: #e8f2ff; */
    /* position: relative; */
}
.row-new-nb{
  /* --tw-bg-opacity: 1; */
  /* background-color: rgb(255 255 255 / var(--tw-bg-opacity)); */
  /* --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); */
  /* --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); */
  /* box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); */
}
.sec-fff{
      padding-left: 15px !important;
      padding-right: 15px !important;
      border-radius: 10px;
      background: #fff;
}
.blog-left-nb{
}
.blog-left-nb img{
      border-radius: .5rem;
}
.blog-right-nb{
}
.blog-right-nb .post-item{margin-bottom: 0;}
.blog-right-nb .post-item .box-text{padding: 0;padding-left: 5px;padding-right: 5px;}
.blog-right-nb .post-item .col-inner{
      /* border-bottom: 1px solid #f1f0f0; */
      padding-bottom: 10px;
      padding-top: 5px;
}
.blog-left-nb .box-text{/* padding: 0; */padding-bottom: 0;background: rgba(0, 0, 0, .6);}
.news-home{margin-top: 20px;padding-top: 10px;padding-bottom: 10px;}
.parent-header{
  /* border-bottom: 1px solid #d9d9d9; */
  margin-bottom: 15px;
  background: #70195e;
  padding: 3px 10px;
  margin: 0 -17px;
  margin-top: -8px;
  margin-bottom: 20px;
  border-radius: 10px 10px 0px 0px;
}
.parent-header h2{
  color:#70195e;
  margin-bottom: 0;
}
.parent-header h2 a{
  color: #fff !important;
  text-transform: uppercase;
  font-size: 20px;
}
.parent-header ul{
   /* text-align: right; */
   display: flex;
   overflow-x: auto;
   gap: 12px;
   padding: 10px;
   list-style: none;
   scroll-behavior: smooth;
   margin-bottom: 0;
}
/* Ẩn thanh scroll (tùy chọn) */
.parent-header ul::-webkit-scrollbar {

}
.parent-header ul li{
  /* min-width: 150px; */
  /* padding: 10px; */
  /* background: #f2f2f2; */
  white-space: nowrap;
  /* border-radius: 6px; */
  /* float: right; */
  /* list-style-type: none; */
  margin-bottom: 0px;
  padding-bottom: 0px;
  /* line-height: 35px; */
  margin-left: 0;
  }
.parent-header ul li a{color: #fff !important;font-size: 14px;}
.news-featured{margin-bottom: 20px;}
.news-featured img{
  border-radius: 5px;
}
.news-featured h3{
      color: #323030;
      font-size: 17px;
      line-height: 21px;
      margin-top: 15px;
}
.news-featured p{
      color: #827c7c;
      margin-bottom: 0;
      font-size: 13px;
}
.news-item{display: block;width: 100%;overflow: hidden;border-bottom: 1px solid #f1f0f0;margin-bottom: 10px;padding-bottom: 10px;}
.news-item .img-new{float: left;width: 114px;height: 68px;}
.news-item .img-new img{height: 100%;border-radius: 5px;object-fit: cover;}
.news-item .text-new{float: left;width: calc(100% - 120px);padding-left: 10px;}
.news-item .text-new a{
}
.news-item .text-new a h4{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-height: 20px;
      font-size: 14px;
      /* padding-left: 10px; */
}
.news-item .text-new p{
  color: #827c7c;
      margin-bottom: 0;
      font-size: 13px;
}
.icon-time{background: #fff;padding: 10px;border-radius: 10px;}
.text-chua{
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.blog-right-nb .post-item .box-text h5{
}
.blog-right-nb .post-item .box-text h5 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
}
.template-video{
      align-items: center;
      display: flex;
      background: #70195e;
      margin: 0 -15px;
      padding: 5px 20px;
      border-radius: 10px 10px 0 0;
      margin-top: -30px;
}
.template-video p{
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 0;
  font-weight: 700;
}
.template-video hr{border-color: #70195e;border-width: 1px;opacity: 1;margin: 0 11px;}
.text-video{
}
.text-video p{font-size: 15px;font-weight: 700;text-align: center;margin-bottom: 0;margin-top: 5px;margin-bottom: 20px;}
.albums-items-us-img-b {
      position: relative;
      overflow: hidden;
      margin-bottom: 20px;
      border-radius: 10px;
  }
  .albums-items-us-img-b img {
      width: 100%;
      vertical-align: middle;
      -webkit-transition-duration: 1s;
      transition-duration: 1s;
      transition: 1s all;
      height: 246px;
      object-fit: cover;
  }
  .albums-items-us-img:hover .albums-items-us-img-b img {
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
  }
  .albums-items-us-content {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
  }
  .albums-items-us-title {
      background: rgba(0, 0, 0, .6);
      padding: 5px 8px;
      width: 100%;
  }
  .albums-items-us-title a {
      color: #fff;
      text-decoration: none;
      overflow: hidden;
      display: block;
      padding: 5px;
  }
.acf-gallery-count{
  color:#ffffff;
  font-size: 14px;
}
.acf-gallery-count svg{margin-right: 5px;}
.blog-archive{margin-top: 0;}
.blog-single{margin-top: 0;margin-bottom: 30px;}
.page-new{background: #fff;padding: 10px;border-radius: 10px;margin-bottom: 15px;}
.page-new .post-item{
}
.page-new .post-item .box-blog-post{border-bottom: 1px dashed #d1d5db;padding-bottom: 10px;padding-top: 10px;}
h1.head_title{color: #70195e;padding-left: 10px;border-left: 5px solid #70195e;line-height: 25px;}
.relate-box{
}
.relate-box h3.relate-post{
  color: #70195e;
  padding-left: 10px;
  border-left: 5px solid #70195e;
  line-height: 25px;
  border-bottom: 2px solid #b5b0b0;
  padding-bottom: 10px;
  margin-bottom: 18px;
}
.postRelate{margin-bottom: 20px;}
.postRelate .postTwoThumb{position: relative;height: 156px;width: 100%;overflow: hidden;}
.postRelate .postTwoThumb img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.postRelate .postTwoContent{margin-top: 10px;}
.postRelate .postTwoContent .postTwoTitle{
}
.postRelate .postTwoContent .postTwoTitle a{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 21px;font-weight: 600;text-align: center;}
#comments{
  display:none;
}
.main-content{margin-top: 30px;/* margin-bottom: 30px; */}
.blog-right-nb .post-item .box-blog-post{
  display: table;
        width: 100%;
}
@media(max-width:768px){
  .header-main {
    display: block;
}
  #logo{
    /* display:none; */
  }
}
@media(max-width:549px){
  .blog-right-nb .box-image{
    width: 33% !important;
    direction: ltr;
        display: table-cell;
        vertical-align: middle;
  }
}
.text-new-nb{
}
.text-new-nb p{position: relative;color: #70185f;font-size: 20px;font-weight: 700;margin-bottom: 10px;}
.text-new-nb p:before{
  content:"";
  border: 1px solid #70185f;
  width: 100%;
  position: absolute;
  top: 50%;
}
.text-new-nb p span{background: #fff;position: relative;padding-right: 10px;}
.new-home-nb{
  display:none;
}
.blog-right-nb .new-home-nb{
  /* display:block; */
}
.stuck .img-header{
  display:none;
}
.pageBreamBox {
    background-color: rgb(242, 242, 242);

    margin-bottom: 30px;
}
.pageBreamBox  .breadcrumb{
   padding: 10px 0;
   /* background: #fff; */
   border-radius: 5px;
}
.lt-image img{max-height:150px}
h3.title{font-size: 20px;margin-top:5px;color: #70195e;}
.fah {
    float: left;
    width: 50px;
    height: 50px;
    color: #2176c3;
    margin-top: 6px;
    margin-right: 14px;
    text-align: center;
    font-size: 60px;
    line-height: 46px;
    background-size: 100% 100%;
}
.sharaholder-us-content {
    float: left;
    position: relative;
    width: 90%;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}
.sharaholder-us-title {
   
    font-size: 18px;
    color: #000000;
}
.sharaholder-us-date {
  
    font-size: 13px;
    color: #bfbfbf;
}
.fls {list-style:none}
.fls {line-height:20px}
.fls li{margin:10px 0px}
.sharaholder-us-down a {
    position: absolute;
  
    cursor: pointer;
    width: 95px;
   
    font-size: 14px;
    border: 1px solid #d01a1a;
    line-height: 28px;
    text-align: center;
    color: #d01a1a;
    border-radius: 6px;
    height: 28px;
    top: 10px;
    right: 0;
}
.items-file {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    margin-top: 15px;
}
.sharaholder-us-down1 a {
    cursor: pointer;
    width: 140px;
    font-size: 24px;
    border: 1px solid #d01a1a;
    line-height: 40px;
    text-align: center;
    color: #d01a1a;
    border-radius: 6px;
    height: 40px;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}
.box-blog-post .is-divider {
    height: 2px;
    margin-bottom: .5em;
    margin-top: .5em;
    display: none;
}
.box-blog-post img{
  border-radius: 5px;
}
:root {
    --main-color: <?php echo esc_attr($main_color); ?>;
}

.main-menu { background: var(--main-color); }
.menu a { color: var(--main-color); }
.site-footer { background: var(--main-color); }
.title-right{
}
.title-right p{
      font-size: 17px;
      margin-top: 5px;
      color: #fff !important;
      font-weight: 700;
      text-transform: uppercase;
      background: #70195e;
      margin: 0 -10px;
      border-radius: 5px 5px 0 0;
      margin-top: -10px;
      padding: 5px 13px;
}
.h3-title-footer{
}
.h3-title-footer p{font-weight: 700;font-size: 16px;}
.img-news-featured{position: relative;height: 305px;width: 100%;overflow: hidden;border-radius: 5px;}
.img-news-featured img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.sub-menu{padding: 0;}
.sub-menu>li>a{margin: 0 !important;padding: 9px 13px !important;}
.sub-menu>li>a:hover{/* background: #1e73be; */}
.page-new .banner{
  border-radius: 5px;
    overflow: hidden;
}
.blog-left-nb a{
}
@media(max-width:549px){
.blog-left-nb a {
    font-size: 17px;
}
  .text-new-nb {
    margin-top: 25px;
}
}
.video-home .text-video p{text-align: left;margin-bottom: 0;}
.video-home .text-video p a{
  color:#fff;
  font-size: 1.125rem;
}
.video-right-home{
      -webkit-mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
      mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
      grid-column: span 4 / span 4;
      -ms-overflow-style: none;
      scrollbar-width: none;
      overflow-y: auto;
      height: 28rem;
      --scroll-shadow-size: 40px;
      flex-direction: column;
      /* display: flex; */
      /* row-gap: .5rem; */
      /* grid-column: span 4 / span 4; */
}
.video-right-home .news-item .text-new a h4{
  color:#fff;
  font-size: 1rem;
}
.video-right-home .news-item .text-new p{
  color:#fff;
  font-size: 12px;
}
.text-video .date-video{
  color:#fff;
}
.icon-back{background: #70195e;}
.video-right-home .news-item{border: unset;}
.video-right-home .news-item .img-new{
  height: 88px;
  width: 131px;
}
.video-right-home .news-item .img-new img{
}
.video-right-home .news-item .text-new{
  width: calc(100% - 131px);
}
.video-right-home .news-item .text-new a{font-size: 1rem;}
.xem-tc{position: absolute;right: 13px;top: 5px;}
.xem-tc a{color: #fff !important;}
.xem-tc a:hover{
  color: #fff !important;
}
.img-fea{width: 100%;height: 175px;overflow: hidden;position: relative;}
.img-fea img{position: absolute;left: 0;width: 100%;height: 100%;object-fit: cover;}
.post-item .box-image::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.post-item .box-image:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
.img-fea:before{
  position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.img-fea:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "Baloo Paaji 2", sans-serif !important;
}
.parallax-title .overlay{
  background-color: rgba(19, 9, 37, 0.85) !important;
}
.page-header-wrapper {
  position: relative;
  overflow: hidden;
}

.page-title {
  position: relative;
}

.page-title-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.title-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.title-overlay {
  background-color: rgba(19, 9, 37, 0.85);
  position: absolute;
  inset: 0;
}

.page-title-inner {
  position: relative;
  z-index: 2;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}