
.page-template table td {color:#fff;}

h1 {
font-weight: bold;
font-size: 39px;
	
}

.copyright-footer {
	color: #fff;
}
.button span {
    color: #000;
}


/**** Tab game ****/
.mb-tabgame{
	margin-bottom: 50px;
}
.mb-tabgame .tabbed-content {
    display: flex;
    flex-flow: inherit;
}
.mb-tabgame .tabbed-content>ul{
	 display: block;
    width: 25%;
}
.mb-tabgame .tabbed-content>.tab-panels{
	width: 75%;
	padding-top: 0;
}

.mb-tabgame .tabbed-content ul li:nth-child(1) a:before {
	  content: "";
    text-indent: -999em;
    display: block;
    height: 30px;
    background: url('') no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center;
}
.mb-tabgame .tabbed-content ul li:nth-child(2) a:before {
	  content: "";
    text-indent: -999em;
    display: block;
    height: 30px;
    background: url('') no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center;
}
.mb-tabgame .tabbed-content ul li:nth-child(3) a:before {
	  content: "";
    text-indent: -999em;
    display: block;
    height: 30px;
    background: url('') no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center;
}
.mb-tabgame .tabbed-content ul li:nth-child(4) a:before {
	  content: "";
    text-indent: -999em;
    display: block;
    height: 30px;
    background: url('') no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center;
}
.mb-tabgame .tabbed-content ul li:nth-child(5) a:before {
	  content: "";
    text-indent: -999em;
    display: block;
    height: 30px;
    background: url('') no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center;
}
.mb-tabgame .tabbed-content ul li:nth-child(6) a:before {
	  content: "";
    text-indent: -999em;
    display: block;
    height: 30px;
    background: url('') no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center;
}
.mb-tabgame .nav:hover>li:not(:hover)>a:before{
	opacity: 1;
}

.mb-tabgame .tabbed-content>ul li{
	text-align: center;
}
.mb-tabgame .tabbed-content>ul li a {
	justify-content: center;
	  font-weight: 500;
	  padding: 0;
    align-items: center;
    min-width: 75px;
    min-height: 54px;
    margin: 0 0 5px;
    font-size: 12px;
    border-radius: 6px;
    --tw-text-opacity: 1;
    color: #fff;
    border: solid 1px #e4edff;
    background: linear-gradient(360deg, rgba(2, 159, 220, 1) 0%, rgba(2, 159, 220, 1) 0%, rgba(2, 159, 220, 1) 0%, rgba(2, 171, 228, 1) 19%, rgba(0, 212, 255, 1) 100%);
}
.mb-tabgame .col{
    margin: 0;
	padding: 0 5px;
}
.mb-tabgame .tabbed-content>ul li.active a{
	--tw-text-opacity: 1;
    color: #fff;
    background: #0053e0;
}
.nav-vertical+.tab-panels {
    border-left: hidden;
    border-radius: 10px;
    border-color: #0053e0;
}
.container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse) {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}
.ux-menu-link__icon+.ux-menu-link__text {
    color: #fff;
}
.ux-menu-link__icon {
    color: #fff;
}
.archive-page-header {
    padding-bottom: 15px;
	  padding-top:10px;
		
}
.archive-page-header h1 {
    color: #2199ca;
    font-size: 30px;
    position: relative;
    overflow: hidden;
		line-height:1.6em;
	  font-weight: bolder;
}
.archive-page-header h1 span {
    display: inline-block;
    position: relative;
}
.archive-page-header h1 span:after {
    content: "";
    display: block;
    position: absolute;
    left: calc(100% + 15px);
    width: 1500px;
    height: 2px;
    background: #2199CA;
    top: calc(50% - 1px);
}
.archive-page-header .row .col {
    padding-bottom: 0px;
	  text-align:left;
}

ul.nav-pagination li a{
	color:#2199ca;}
/* portfolio-element-wrapper*/
.portfolio-element-wrapper .filter-nav{
	text-align:center !important;
	display:block !important;
	border-bottom: 5px solid #2199CA;
	float:none;
}
.portfolio-element-wrapper .filter-nav > li{
	padding:2px 4px 0px 0px !important;
	margin:0px !important;
	display:inline-block !important;
	float:none;
}
.portfolio-element-wrapper .filter-nav a{
	display:block;
	background:#1e1e1e;
	color:#FFF;
	padding:10px 20px;
	border-radius:5px 5px 0px 0px;
}
.portfolio-element-wrapper .filter-nav li.active a, .portfolio-element-wrapper .filter-nav li:hover a{
	background:#2199CA;
	color:#FFF;
	border-top-color: #2199CA;
}
.portfolio-element-wrapper .portfolio-box .box-text *{
	cursor:pointer;
	color:#FFF;
	opacity:1;
}
.portfolio-element-wrapper .portfolio-box .box-image{
	border:3px solid #fff;
	border-radius:5px;
}
.box-lightbox-page{
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background:#061e2ac4;
	z-index:9999;
}
.box-lightbox-page .inner-wrapper{
	max-width:96%;
	width:680px;
	display:block;
	margin:10vh auto;
	overflow-y:scroll;
	overflow-x:hidden;
	background:#FFF;
	max-height:80vh;
	padding:30px 30px 10px 30px;
	color:#000;
	border-radius:10px;
	box-shadow:0px 0px 25px #000;
}
.box-lightbox-page .inner-wrapper ul, .box-lightbox-page .inner-wrapper ol{
	margin-left:25px;
}
.box-lightbox-page .close-lightbox{
	  position: absolute;
    top: 20px;
    right: 20px;
    background: #2199CA;
    color: #FFF;
    width: 50px;
    height: 50px;
    text-align: center;
    overflow: hidden;
    font-size: 2em;
    line-height: 42px;
    border-radius: 50px;
	  cursor:pointer;
}
/* news */
.archive div.featured-posts .post-item{
	  border-radius: 7px;
    overflow: hidden;
}
div.featured-posts .post-item .image-cover img{
	object-position: 50% 0%;
}
div.featured-posts .post-item .box-text *{
	color:#000 !important;
	text-shadow:none !important;
}
div.featured-posts .post-item .box-text{
	  text-align: left;
    position: relative;
    bottom: inherit !important;
    display: block;
    padding: 30px !important;
    background: #2199CA;
}
div.featured-posts .post-item .cat-label, div.featured-posts .post-item .post-meta, div.featured-posts .post-item button{
	display:none !important;
}
.post-item .col-inner{
	border-radius: 7px;
  overflow: hidden;
}
.post-item .from_the_blog_excerpt {
	display:none !important;
}
div.featured-posts .post-item .from_the_blog_excerpt {
	display:block !important;
}
.post-item .is-divider{
	display:none !important;
}
.archive .large-columns-3 .post-item .box-text .post-title, .search-results .large-columns-3 .post-item .box-text .post-title, .blog-home-news .box-text .post-title{
	font-size:15px;
	color:#000;
	overflow: hidden;
  text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
  -webkit-box-orient: vertical;
}
.post-item .box-text{
	background:#ebebeb;
	padding: 15px;
}
.post-item:hover .box-text{
	background: #2199CA;
}
.post-item:hover .box-text *{
	color:#FFF !important;
}
.post-item .box-text .post-title{
	color:#000;
	text-transform:uppercase;
}
.post-item .post-meta{
	padding-top: 8px;
	color: #000;
}
.post-item .post-meta:before{
	font-family: "fl-icons" !important;
	content:"\e01a";
	padding-right:10px;
}

.flatsome_recent_posts{
	background:var(--bg--blog--widget);
	padding:15px;
	border-radius:5px;
	
}
.flatsome_recent_posts .widget-title{
		color: #2199CA;
    font-size: 1.2em;
		font-weight:bold;
    text-transform: uppercase;
}
.flatsome_recent_posts .is-divider{
	max-width:100%;
	background:#2199CA;
}
.flatsome_recent_posts a{
	color: #2199CA;
}
.flatsome_recent_posts a:hover{
	color:#2199CA;
}
.flatsome_recent_posts ul{
	padding-left:0px !important;
}
.flatsome_recent_posts ul.menu>li+li, .flatsome_recent_posts>ul>li+li{
	border-top: 1px solid #2199CA;
}

.widget.block_widget .widget-title{
	color:#2199CA !important;
	padding-top:25px;
	font-size: 1.2em;
	font-weight:bold;
	text-transform: uppercase;
}
.widget.block_widget .is-divider{
	max-width:100%;
	background:#2199CA;
}
.widget.widget_media_image img{
	border-radius:5px;
}

.block-tro-choi {
	border-radius:5px;
	overflow:hidden;
	border:1px solid #2199CA;
	background: #fff;
}
.widget-title {
	  color: #2199CA;
    font-size: 1em;
		font-weight:bold;
    text-transform: uppercase;
	  padding-top:5px;
}
.box-image img {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    background: linear-gradient(360deg, rgba(2, 159, 220, 1) 0%, rgba(2, 159, 220, 1) 0%, rgba(2, 159, 220, 1) 0%, rgba(2, 171, 228, 1) 19%, rgba(0, 212, 255, 1) 100%);
}
.col-inner1 {
    max-height: 800px;
    overflow: auto;
    padding: 20px;
    box-shadow: 0 0 30px #1B7B42;
    border-radius: 10px;
    word-wrap: break-word;
}
@media (min-width: 850px) {
	 
	.header-main .nav > li > a{font-size: 19px; text-transform: capitalize}
	.header-main .nav > li.menu-item{margin: 0 15px;}
	.header-nav-main.nav-left {
    display: inline-block;
		text-align: center;
        
}
}
@media (max-width: 849px) {
	h1 {font-size: 25px;}
	h2 {font-size: 20px;}
	h3 {font-size: 18px;}
	.header-wrapper {
	padding-bottom: 10px;
}
	#logo {
    
}
	
}
@media (max-width: 446px) {
	a.button.button3 {
		    margin-top: 10px !important;

	}
	
}
a.button.button3 {
	    padding: 0 15px;
    border-radius: 16px;
    margin: 0;
}
