@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Light.eot');
	src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Light.woff') format('woff'),
		url('fonts/Lato-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Bold.eot');
	src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Bold.woff') format('woff'),
		url('fonts/Lato-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Regular.eot');
	src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Lato-Regular.woff') format('woff'),
		url('fonts/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('fonts/MyriadPro-Regular.eot');
	src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-Regular.woff') format('woff'),
		url('fonts/MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cabin';
	src: url('fonts/Cabin-Regular.eot');
	src: url('fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Cabin-Regular.woff') format('woff'),
		url('fonts/Cabin-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body,ul,li,h1,h2,h3,div{padding:0px;margin:0px;font-family: 'Lato';}
.container{max-width:960px;margin:0 auto;}
.slicknav_menu {display:none;}
.clear{clear:both;}

.treaty{ padding: 30px 0; }
.treaty img{ margin: 0; padding: 2px; border: solid 1px #eee; display: inline-block; }
.treatyText{ display: inline-block; margin: 5px 3%; vertical-align: top; width: 70%; }
.treatyText h3{ font-size: 24px; }
.treatyText p{ line-height: 1.5; margin-bottom: 30px; }
.treatyText a{ padding: 8px 12px; background:#26a6d1; color: #fff; border-radius: 30px; font-weight: bold; }
.treatyText a:hover{  background:#000;  }

/*header part*/
.line{ height: 1px; width: 100%; background: #eee; }

header{float:left;width:100%;position:relative;background:#3d89de;}
.logo{float:left;margin:0px 0px; width: 360px;}
.logo h2 a{text-decoration:none;color:#fff;font-family: 'Myriad Pro';font-weight:normal;font-size:normal;font-size:30px;}
.menu{float:right;margin:30px 0px;}
.menu ul li{list-style:none;float:left;padding:0px 13px; border-right: solid 1px #fff; line-height: 10px; }
.menu ul li:last-child{ border: none; }
.menu ul li a{text-decoration:none;font-family: 'Myriad Pro';font-weight:normal;font-size:normal;font-size:16px;color:#fff;text-transform:uppercase;}
.menu ul li a:hover{color:#000;}
.content{float:left;margin:100px 0px;position:relative;width:400px;}
.content h1{color:#fff;font-size:35px;font-family: 'Cabin';font-weight: normal;font-style: normal;}
.content p{color:#fff;font-family: 'Lato';font-weight:300;font-style:normal;font-size:16px;}
.start{float:left;margin:40px 0px;}
.start a{text-decoration:none;text-transform:uppercase;color:#fff;background:#4ecb8c;font-family: 'Lato';font-weight:bold;font-style:normal;font-size:14px;padding:15px;}
.start a:hover{background:transparent;}

/*menu*/
.o-wrapper{display: none;background: none;}
.c-button {background: none !important;color:#2ecc71 !important;font-size: 35px !important;}
.c-menu--push-left .c-menu__link, .c-menu--push-right .c-menu__link, .c-menu--slide-left .c-menu__link, .c-menu--slide-right .c-menu__link {font-family: 'Lato' !important;background: border-top: 1px solid #060b14 !important;}
.c-menu--push-left, .c-menu--push-right, .c-menu--slide-left, .c-menu--slide-right {width: 250px !important;}
.c-menu--push-left .c-menu__item, .c-menu--push-right .c-menu__item, .c-menu--slide-left .c-menu__item, .c-menu--slide-right .c-menu__item {border-bottom: 1px solid #006fe6 !important;}
.c-menu {background: #2ecc71 !important;padding: 0;}
.c-menu__close {background: #000 !important;}
.c-mask.is-active {opacity: 0 !important;}

nav{background:url(images/aloka-moulik-banner1.jpg) no-repeat 0 0;width:100%;float:left; height: 470px; color:#b5b5b5;}
nav .aleft{float:right;width:48%; margin: 45px 0 0 0;}
nav .aright{float:left;width:48%;}
nav .aright img{max-width:100%;}
nav .aleft h1{text-align:center;font-size:30px;color:#fff;}
nav .aleft img{margin:0 auto;display:block;}
nav .aleft p{font-size:20px;width:90%;text-align:left;margin:35px 0;color:#fff;margin:0 2%;padding:20px 0;}
nav .aleft .sign img{float:right;width:27%;margin:25px 50px;}

.browse{width:96%;margin:0px 2% 30px;float:left;text-align:center;}
.cat{width:96%;float:left;margin:0 2%;padding-bottom:50px;border-bottom:1px solid #5f5f5f;}
.cat ul li{list-style:none;width:32%;float:left;text-align:left;margin-right:2%;}
.cat ul li:last-child{margin-right:0;}
.cat ul li a{color:#5f5f5f;font-size:30px;border-bottom:1px solid transparent;padding-bottom:50px;}
.cat ul li a span{padding:15px 25px;background:#5f5f5f;border-radius:35px;color:#fff;margin-right:20px;font-size:25px;}
.cat ul li:hover span{background:#add136;}
.cat ul li a:hover{border-bottom:1px solid #add136;}

.browse_content{width:90%;margin:60px auto 20px;float:none;text-align:left;}
.browse_content img{float:left;margin:20px 50px 50px 0;}
.browse_content h3{color:#125298;font-size:23px;padding-bottom:1px;}
.browse_content p{line-height:25px;color:#000;}

.fb_bg{width:100%;float:left;background: -moz-linear-gradient(0deg, #e2f8ff 0%, #e2f8ff 53%, #f5f9eb 50%, #f5f9eb 100%);/* FF3.6+ */
background: -webkit-linear-gradient(0deg, #e2f8ff 0%, #e2f8ff 53%, #f5f9eb 50%, #f5f9eb 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(0deg, #e2f8ff 0%, #e2f8ff 53%, #f5f9eb 50%, #f5f9eb 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(0deg, #e2f8ff 0%, #e2f8ff 53%, #f5f9eb 50%, #f5f9eb 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2f8ff', endColorstr='#f5f9eb', GradientType='1'); /* for IE */
background: linear-gradient(90deg, #e2f8ff 0%, #e2f8ff 53%, #f5f9eb 50%, #f5f9eb 100%);}
.fb{width:96%;margin:0 2%;float:left;padding:50px 0;}
.fb ul li{list-style:none;float:left;width:57%;}
.fb ul li .fb_con{width:55%;float:left;}
.fb ul li .para2{width:auto;float:left; margin: 0; }
.fb ul li:nth-child(even){float:right; width: 43%; }
.fb ul li img{margin:45px 20px 40px 0px;float:left; box-shadow: 0px 0px 10px #999; }
.fb ul li h4{font-size:24px;color:#515151;padding:10px 0px 0; margin-bottom: 0;}
.fb ul li .para2 h4{margin: 0;}
.fb ul li p{line-height:24px;padding-bottom:20px;}
.fb ul li .para2 p{ padding-bottom: 10px; }
.fb ul li a{padding:8px 12px;background:#26a6d1;color:#fff;font-size:15px;border-radius:27px;float:left; font-weight: bold;}
.fb ul li a:hover{background:#000;}
.fb ul li:nth-child(even) a{background:#26a6d1;}
.fb ul li:nth-child(even) a:hover{background:#000;}
.fb .fa{ font-size: 90px; }

/*main page css editing */
.each_other{ color: #fff; font-weight: bold; }
.each_other .fa{ margin: -10px 10px 0 10px; }
.family_bg{ text-align: right!important; color: #3c3c3c; float: right; }
.family_bg a{ padding: 8px 15px; background: #125298; color: #fff; }
.family_bg a:hover{ background: #3e8be0; color: #fff; }

/*footer part*/

footer{float:left;width:100%;position:relative;background:#232323;padding:30px 0px;}
.footer_list{width:100%;float:left;}
.inner_page{width:200px;float:left;margin-right:40px;}
.inner_page p.footer_text{color:#fff;text-align:left;text-transform:uppercase;font-family: 'Lato';font-weight:bold;font-style:normal;font-size:18px;}
.inner_page p{text-align:left;color:#fff;font-family: 'Lato';font-weight:normal;font-style:normal;font-size:14px;}
.inner_page img{float:left;margin:70px 0px;}
.copyright{ color: #fff; float: left; }
.footerText{ float: right; color: #fff; }
.footerText a{ padding: 0 10px;  color: #fff; }
.footerText a:hover{ text-decoration: underline; }

.contents{ float: left; width: 100%; margin: 20px 0; }
.breadcrumb{ font-size: 14px; margin: 10px 0 10px; }
.contents h1{ font-size: 35px; text-align: center;  }
.contents img{ float: left; margin: 10px 20px 10px 0; padding: 4px; border: solid 1px #ccc; }
.contents img.right{ float: right; margin: 10px 10px 10px 20px;  }
.contents p{ line-height: 1.5; font-size: 18px; }
.contents ul li{ list-style: outside; margin: 8px 0 0 20px;  font-size: 18px; line-height: 1.5; }
.contents img.noborder{ border: none; margin: 0 auto; display: block; float: none; }
.group{ float:left; width: 100%; margin-bottom: 20px; clear: both;  }
.group img{ float:left; width: 30%; margin: 0 1%; }
/*
.contents h2::after{border-bottom: 1px solid #125298;
    content: "";
    display: block;
    height: 2px;
    margin: 5px 0 0;
    width: 80px;}
*/

.more5{  float: none; margin: 20px auto; font-weight: bold; display: table; font-size: 20px; }
.more5 a{ padding: 8px 16px; background: #3d89de; color: #fff; border-radius: 3px; }
.more5 a:hover{background: #125298; color: #fff; }



/*RWD starts here*/
@media screen and (max-width:1170px)
{
    nav{ background-position: 20% 0;  }
    .contents{ width:94%; margin: 20px 3%; }
	
	.content{margin:100px 15px;}
	.footer_list{width:950px;float:none;margin:20px auto;display:block;}
	.inner_page{margin:0px 17px;}
    .cat ul li{margin-right: 28px;width: 31%;}
	.browse_content img{margin: 20px 50px 10px 0;}
}
@media screen and (max-width:959px)
{
    .treaty img{ margin: 0 0 0 1%; }
    .treatyText{ width: 65%; }
    .logo{margin:20px auto; float: none; display: block; }
    .group img{ width: 45%; margin: 5px 1%; }
    nav .aleft{ margin-top: 15px;  }
    nav .aleft p{ font-size: 18px; }
    nav .aleft h1{ font-size: 23px; }
    .menu{display: block; width: 675px; margin: 0 0 30px 0; }
    .o-wrapper{display: block;position: absolute;right: 12px;top: 6px;}   
	.footer_list{width:755px;float:none;margin:20px auto;display:block;}
	.inner_page{margin:0px 5px;width:178px;}
	.inner_page img{max-width:85%;}
    .cat ul li {margin-right: 14px;width: 32%;}
	.cat ul li a{font-size: 23px;}
	.browse_content img {margin: 20px 50px 77px 0;}
	.fb ul li img{margin:0 auto;float:none;}
    .cat ul li a span {margin-right: 15px;}
        .fb ul li{ width: 100%; }
    .fb ul li:nth-child(2n){ width: 100%; margin-top: 25px; padding-top: 20px; border-top: dotted 1px #ccc; }
    .fb_bg{ background: #e2f8ff; }
    .copyright{ text-align: center; float: none; }
    .footerText {
	float: none;
	color: #fff;
	margin: 11px auto;
	display: block;
	width: 460px;
}
}
@media screen and (max-width:767px)
{
    .treaty img {	margin: 0 auto;	display: block; }
    .treatyText{ width: 94%; }
    .treatyText a{ display: table; margin: 0 auto; }
    .logo{ float: none; display: table; margin: 10px auto; }
    .menu{ float: left; margin: 18px 20px; }
	.logo h2 a{font-size:23px;}
	.footer_list{width:590px;float:none;margin:20px auto;display:block;}
	.inner_page img{max-width:100%;}
	.inner_page p.footer_text{font-size:17px;}
	.inner_page{width:137px;}
    nav .aleft .sign img{margin:25px 10px;}
    nav .aleft p{font-size:16px;margin:0 7%;} 
    .cat ul li {margin-right: 0;width: 33%;}
	.cat ul li a {font-size: 20px;}
	.cat ul li a span{font-size: 20px;margin-right: 0;padding: 11px 19px;}
	.browse_content img {margin: 20px 50px 10px 0;}
	.fb ul li img{display:block;}
	.fb ul li .fb_con{margin: 5px 0 0;width: 100%;}
    .fb ul li h4{  text-align: center; }
    .fb ul li a{ float: none; display: table; margin: 0 auto; }
    .fb .fa{ margin: 0 auto; display: table; }

}

@media screen and (max-width:640px)
{
    .menu{ width: auto; }
     .treatyText h3 {	font-size: 21px;	text-align: center; }
}

@media screen and (max-width:599px)
{
    .menu{ width: auto; }
 nav {
	background-position: 14% 0;
	height: auto;
	padding-top:79%;
	background-size: 304%;
} 
    .menu ul li{ padding: 0 10px; }
    .contents img, .contents img.right{ float: none; margin: 20px  auto; display: table; }
	.logo{width:360px;margin:10px auto 0px;display:block;float:none;}
	.footer_list{width:470px;float:none;margin:20px auto;display:block;}
    .content{margin:100px auto;display:block;float:none;}
    .inner_page{width:175px;margin:0px 25px;}
    .inner_page img {margin: 20px 0;}
    .group img{ float: left; margin: 10px 1%; }
nav .aleft {
    padding: 20px 2%;
	width: 96%;
	float: left;
	margin: 0;
	background: #949695;
}
    nav .aright{width:96%;margin:0 2%;float:none;}
    .cat ul li{text-align:center;}
	.cat ul li a span{ width: 11px;margin: 0 auto 10px;display:block;}
	.browse_content {margin: 40px auto 20px;text-align: left;width: 100%;}
}
@media screen and (max-width:479px)
{
    .treatyText h3 {	font-size: 17px;	text-align: center; }
    .menu{ margin: 10px 0; }
    .logo{ width: 90%; }
        .group img{ width: 94%; margin: 10px 1%; }
    .menu{ margin-top: 0; }
    .menu ul li{ text-transform: none; padding: 10px; border: solid 1px transparent; }
    .menu ul li a{ text-transform: none;  }
    .footerText{ width: auto; }
    .content{width: 96%;}
	.inner_page img{margin:20px 0px;}
	.inner_page{width:200px;float:none;margin:10px auto 40px;display:block;}
    .footer_list {width: 96%;}
    .cat,.cat ul li a{padding-bottom: 23px;}
	.cat ul li a {font-size: 15px;}
	.fb ul li h4{font-size: 18px;padding-bottom: 8px;}
	.fb ul li p{font-size: 15px;line-height: 24px;}
	.fb ul li a{font-size: 14px;padding: 12px 6px;}
    .each_other{ font-weight: normal; }
    .browse_content img{ float: none; margin: 0 auto 20px; display: table; }
}