@font-face {
 font-family: 'mm';
src:local('Pyidaungsu'), url('../fonts/Pyidaungsu.woff') format('woff'),url('../fonts/Pyidaungsu.ttf') format('ttf');
 font-weight: normal;
 font-style: normal;
}

.top{
	padding-top: 14px;
	padding-bottom: 14px;
}
.top1{
	padding: 0;
}
.text{
	font-size: 20px;
	color: #087fc3;
}
.text-top1{
	font-size: 14px;
	color: #087fc3;
}
.icon{
	color: #087fc3;
	margin-top: 17px;
}
.text-top{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	float: right;
	margin: 0;
}
.top-nav{
	display: none;
	background-color: #0c83c7;
}
.top-nav1{
	background-color: #0c83c7;
}
.link-top li a{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 2.5em;
	text-decoration: none;
}
.nav{
	background: #0c83c7;
}
.link li{
	padding-top: 13px;
	padding-bottom: 13px;
}
.link li a{
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	color: #fff;
	padding-right: 73px;
	text-decoration: none;
}

.no-padding{
	padding: 0;
}
.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}
.glyphicon-menu-left ,.glyphicon-menu-right{
	color: #0d75ea;
	top:50%;
}
.carousel-control.left{
	text-align: left;
	text-shadow:  0 1px 2px rgb(0, 0, 0);
}
.carousel-control.right{
	text-align: right;
	text-shadow:  0 1px 2px rgb(0, 0, 0);
}
.carousel-caption{top:11%;right:62%;font-size:14px;color:#193683;text-shadow:none;font-weight:bold;}
.logo{
	background-image: url("../images/banner-ab.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.logo-mob{
	background-image: url("../images/banner-ab1.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.photo-abpg{
	padding-top: 30px;
	padding-bottom: 140px;
}
.video{
    background-image: url("../images/banner-product1.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.text-banner1{
    position:relative;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
    font-weight:bold;
	color: #193683;
	margin: 0;
}
p.text-banner{
	position:relative;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
    font-weight:bold;
	color: #fff;
	margin: 0;
}
.about{
	padding-top: 50px;
	padding-bottom: 50px;
}
.text-header{
	font-family: 'mm';
	font-size: 23px;
}
.text-header1{
	font-family: 'mm';
	font-size: 23px;
	font-weight: bold;
	color: #fff;
}
.text-head1{
	font-family: 'mm';
	font-size: 19px;
	font-weight: bold;
	color: #fff;
}
.about1{
	background: #087fc3;
	padding-top: 50px;
	padding-bottom: 50px;
}
.header{
	margin-top: 35px;
}
.text-about{
	padding-top: 26px;
	font-family: 'mm';
	font-size: 15px;
	text-align: justify;
	line-height: 26px;
	color: #000;
}
.text-about1{
	font-family: 'mm';
	font-size: 15px;
	font-weight: bold;
	line-height: 26px;
	color: #fff;
}
.text-about2{
    font-family: 'mm';
	font-size: 15px;
	line-height: 26px;
	color: #fff;
}
.desiccant{
	padding-top: 60px;
	padding-bottom: 60px;
}

.footer{
	background:#087fc3;
	padding-top: 11px;
	padding-bottom: 11px;
}
.text-footer{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #fff;
	margin: 0;
}
.text-footer1{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #fff;
	margin: 0;
}
.text-footer:hover{
	color: #333;
}
.footer1{
	float: right;
}
.img3{
	padding-left: 10px;
}

/*about-pg*/
.line{
	width: 100%;
	height: 9px;
	padding: 0;
	background: #087fc3;
}
.text-sp{
	font-family: 'mm';
	font-size: 15px;
	text-align: justify;
	color: #000;
}
.superdry{
	padding-top: 30px;
	padding-bottom: 30px;
}
.text-spheader{
	font-family: 'Lato', sans-serif;
	font-size: 23px;
	color: #0d75ea;
}
.text-world{
	font-family: 'mm';
	font-size: 15px;
	color: #000;
	text-align: justify;
}
.world{
	padding-bottom: 30px;
}
.content{
	background: #e0ebf1;
	padding-top: 30px;
	padding-bottom: 30px;
}
.text-content{
	font-family: 'mm';
	font-size: 15px;
	color: #000;
	text-align: justify;
	margin-top: 43px;
}
.img2{
	float: right;
}
.moisture{
	padding-top: 29px;
	padding-bottom: 29px;
}
.hg-header{
	font-family: 'mm';
	font-size: 19px;
	font-weight: bold;
	color: #000;
}
.hg-header1{
	font-family: 'mm';
	font-size: 17px;
	font-weight: bold;
	color: #000;
}
.text-hg{
	font-family: 'mm';
	font-size: 17px;
	color: #000;
	text-align: justify;
}
.text-hg1{
	font-family: 'mm';
	font-size: 15px;
	color: #000;
	font-weight: bold;
	text-align: justify;
}
.high-grade{
	background: #76c5f0;
	padding-top: 28px;
	padding-bottom: 58px;
}

/*product-pg*/

.product{
	padding-top: 32px;
	padding-bottom: 32px;
}
.header-p{
	font-family: 'Lato', sans-serif;
	font-size: 23px;
	color: #010a76;
	font-weight: bold;
}
.header-p1{
	font-family: 'mm';
	font-size: 20px;
	color: #000;
	font-weight: bold;
}
.product-text{
	font-family: 'mm';
	font-size: 17px;
	font-weight: bold;
	color: #65CEF5;
}
.text-package{
	font-family: 'mm';
	font-size: 15px;
	color: #0d75ea;
	margin: 0;
	padding: 5px;
}
.text-p{
	margin-top: 25px;
}
.text-h{
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #010a76;
}
.product-package{
	margin-top: 40px;
}
.product-detail{
	padding-bottom: 35px;
}
.package{
	border: 1px dotted #010a76;
	margin-top: 25px;
}
.package1{
	border: 1px dotted #010a76;
	margin-top: 15px;
}
.small{
	background: #f3f3f3;
	padding-top: 40px;
	padding-bottom: 40px;
}
.text-small{
	font-family: 'Lato', sans-serif;
	font-size: 23px;
	color: #0610eb;
	font-weight: bold;
}
.img-top{
	margin-top: 20px;
}
.sticky{
	padding-top: 40px;
	padding-bottom: 40px;
}
.img-pp{
	margin-top: -21px;
}
/*mcp-pg*/

.logo-mcp{
	background-image: url("../images/banner-mcp.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.logo-mcp1{
	background-image: url("../images/banner-mcp.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.photo-mcpg{
	padding-top: 30px;
	padding-bottom: 140px;
}
.box{
	padding-top: 70px;
	padding-bottom: 70px;
}
.logo-int{
	background-image: url("../images/banner-int.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.step{
	padding-top: 42px;
	padding-bottom: 37px;
}
.step1{
	border: 1px solid gray;
	border-radius: 5px;
	padding: 10px;
}
.text-step{
	font-family: 'mm';
	font-size: 15px;
	color: #000;
}
.int-img{
	margin-top: 10px;
}
.text-box{
	font-family: 'mm';
	font-size: 17px;
	font-weight: bold;
	color: #087fc3;
}
.text-box1{
	font-family: 'mm';
	font-size: 15px;
	color: #000;
}
.text-box2{
	font-family: 'mm';
	font-size: 15px;
	margin-left: 11px;
	color: #000;
}
/*integrity-pg*/

.text-int{
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	color: #113564;
	font-weight: bold;
}
.text-int1{
	font-family: 'mm';
	font-size: 15px;
	color: #000;
	text-align: justify;
}
.int-1{
	padding-top: 25px;
	padding-bottom: 40px;
}
.int-text{
	font-family: 'mm';
	font-size: 19px;
	font-weight: bold;
	color: #113564;
}
.int-text1{
	font-family: 'mm';
	font-size: 15px;
	color: #000;
}
.logo-contact{
	background-image: url("../images/banner-con.png");
	background-size: cover;
	background-position: center;
}
.logo-contact1{
	background-image: url("../images/banner-con1.png");
	background-size: cover;
	background-position: center;
}
.photo-cpg{
	padding-top: 30px;
	padding-bottom: 76px;
}
.text-mbanner{
	font-family: 'Lato', sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #004c84;
	margin: 0;
}
.text-mbanner1{
	font-family: 'Lato', sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	margin: 0;
}
.text-super1{
	font-family: 'Lato', sans-serif;
	font-size: 34px;
	font-weight: bold;
	color: #000;
}
.text-msuper1{
	font-family: 'Lato', sans-serif;
	font-size: 27px;
	font-weight: bold;
	color: #000;
}
.super-text{
	margin-top: 148px;
}
.super-mtext{
	margin-top: 148px;
}
.text-super2{
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	color: #000;
}
.address{
	padding-top: 48px;
	padding-bottom: 48px;
}
.map{
	padding-bottom: 49px;
}
.detail{
	padding-top: 48px;
	padding-bottom: 48px;
}
.text-detail{
	font-family: 'Lato', sans-serif;
	font-size: 23px;
	color: #113564;
}
.text-detail1{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #113564;
}
.detail-p{
	margin-top: 10px;
}
.menu a {
    transition:all linear 0.15s;
    color:#919191;
}

.menu .arrow {
    font-size:11px;
    line-height:0%;
}

/*----- Top Level -----*/
.menu > ul > li {
    display:inline-block;
    position:relative;
    font-size:19px;
}

/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}

.sub-menu {
    width:140%;
    position:absolute;
    top:90%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#0a72ad;
}

.sub-menu li {
    display:block;
    font-size:16px;
}

.sub-menu li a {
    display:block;
    font-size:16px;
}
/*----- for mobile Bottom Level -----*/
.menu li:hover .sub-menu1{
    z-index:1;
    opacity:1;
}

.sub-menu1 {
    width:160%;
    position:absolute;
    top:43%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#0c83c7;
}

.sub-menu1 li {
    display:block;
    font-size:16px;
}

.sub-menu1 li a {
    display:block;
}
.text-contact1{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #113564;
	margin-top: 15px;
	margin-bottom: 0;
}
.text-contact3{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #0C83C7;
	margin-top: 15px;
	margin-bottom: 0;
}
.text-contact3:hover{
       color:gray;
       text-decoration:none;
}
.text-contact{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	color: #113564;
}
.menu ul{margin:0;padding:0;}
.menu ul .sub-menu{padding:0 20px;}
.link li .sub-menu li{padding:8px 0;background:#0a72ad;}
@media (min-width: 992px) {
    .p-detail .col-lg-3 {
        width: 20%;
    }
}