@font-face {
  font-family: "Lora";
  src: url('fonts/Lora-Regular.eot');
  src: local('☺'), url('fonts/Lora-Regular.woff') format('woff'), url('fonts/Lora-Regular.ttf') format('truetype'), url('fonts/Lora-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Noto Serif Myanmar";
  src: url('fonts/NotoSerifMyanmar-Regular.eot');
  src: local('☺'), url('fonts/NotoSerifMyanmar-Regular.woff') format('woff'), url('fonts/NotoSerifMyanmar-Regular.ttf') format('truetype'), url('fonts/NotoSerifMyanmar-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.bg-main{
/* 	background: #00ADB4;*/
background: #019399;
}

.bg-main-light{
 	background: #00ADB4;
}

.bg-main-dark{
	background: #007b81 !important;
}
.bg-main-dark-2{
	background: #007176;
}

.bg-main-gradient{
	background-image: linear-gradient(to right top, #68feff, #55e9ec, #40d5d9, #29c1c6, #00adb4);
}

.header-bottom {
	border-top:2px solid #FFFFFF;
}
.slidebar-logo{
	max-width: 80%!important;
	text-align: center;
}
.logo-title{
	 flex-direction: row;
    flex-wrap: wrap;
    width: auto;
}
.logo-title-main{
/*	color:#ebfe19;*/
	text-transform: uppercase;
	font-weight: 900;
	font-size: 100%;
	letter-spacing: 0.5px;
    color: rgb(255, 255, 255);
    font-family: "Lora", "Noto Serif Myanmar", serif;
}

.logo-title-sub{
	font-size: 80%;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "Lora", "Noto Serif Myanmar", serif;
}
.lang-flag{
	width: 35px;
}
.cat-block img{
	padding:15px 35px;
}
.cat-block:hover{
	background: #00ADB4;
}
.cat-block:hover h3.cat-block-title{
	color: #000;
}
.text-bold{
	font-weight: 900;
}
h3.banner-title a{
	font-weight: 900;
}
h3.banner-title a:hover{
	color:inherit;
}
.banner-link-dark:hover{
	background: rgba(0,0,0,0.2);
	color:#FFF;
}
.count-container img{
	justify-content: center;
}
.icon-count{
	filter: invert(100%) sepia(9%) saturate(1100%) hue-rotate(165deg)
      brightness(100%) contrast(100%);
      width: 100%;
      max-height: 100px;
      text-align: center;
}
.cta-desc{
	font-size: 1.6rem;
}
.footer, .footer p{
	color: #FFF!important;
}
.widget-title{
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	color: #FFF!important;
}
.footer h3{
	color:#ebfe19;
}
.entry-title a{
	font-weight: 700;
	font-size: 1.8rem;
	letter-spacing: 0.05rem;
}
.sidebar-logo{
	max-width: 70%;
	margin:0 auto;
	text-align: center;
}
.page-item.active .page-link{
	background-color: #019399;
	color:#FFF;
}

@media screen and (max-width: 1024px){
	.logo-title h1{
		line-height: 0.7;
	}
	
	/* .header-intro-clearance .header-middle .header-center{	
		margin-left: 0;
	} */
	.header-intro-clearance .header-middle .header-right, .header-intro-clearance .header-bottom .header-right{
		margin-right:auto;
	}
	.logo-title-main{
		font-size:4rem;
		letter-spacing: 0.05rem;
	}
	.logo-title-sub{
		font-size:3.1rem;
	}
}



@media screen and (max-width: 768px){
	.logo-title h1{
		line-height: 0.7;
	}
	.logo img{
		height:95px;
		width: auto;
	}
	.header-intro-clearance .header-middle .header-center{	
		margin-left: 0;
	}
	.header-intro-clearance .header-middle .header-right, .header-intro-clearance .header-bottom .header-right{
		margin-right:auto;
	}
	.logo-title-main{
		font-size:3.3rem;
		letter-spacing: 0.05rem;
	}
	.logo-title-sub{
		font-size:2.5rem;
	}
}

@media screen and (max-width: 425px){
	.logo-title h1{
		line-height: 0.7;
		margin-left:35px;
		margin-top:12px;
	}
	.logo img{
		height:65px;
		width: auto;
	}
	.header-intro-clearance .header-middle .header-center{	
		flex: 0 0 calc((160% + 20px) / 2 - 20px)!important;
		max-width: calc((160% + 20px) / 2 - 20px)!important;
		margin: 0;
	}
	.logo-title-main{
		float:left;
		font-size:2.2rem;
		letter-spacing: 0.05rem;
	}
	.logo-title-sub{
		float:left;
		font-size:1.7rem;
	}
	.header-right{
		display: none;
	}

}

@media screen and (max-width: 375px){
	.logo-title h1{
		line-height: 0.5;
		margin-left:35px;
		margin-top:12px;
	}
	.logo img{
		height:60px;
		width: auto;
	}

	.logo-title-main{
		float:left;
		font-size:2rem;
		letter-spacing: 0.05rem;
	}
	.logo-title-sub{
		float:left;
		font-size:1.6rem;
	}
	.header-right{
		display: none;
	}

}

@media screen and (max-width: 320px){
	.logo-title h1{
		line-height: 0.5;
		margin-left:45px;
		margin-top:12px;
	}
	.logo img{
		height:55px;
		width: auto;
	}

	.logo-title-main{
		float:left;
		font-size:1.9rem;
	}
	.logo-title-sub{
		float:left;
		font-size:1.4rem;
	}
	.header-right{
		display: none;
	}

}