/**

 * Client:

 * Version: 1.0.0

 * Frontend Developer: Mohammed Rizwan Uddin

 ********************/
*{

	margin: 0;

	padding: 0;

}



body{

	margin: 0;

	padding: 0;

	font-family: 'Roboto', sans-serif;

  font-weight: 300;

  overflow-x: hidden;

}



a{

    text-decoration: none !important;

}



.top-header{

	background: #1cabe2;

}



.top-header-left{

	padding: 10px 15px;

}



.top-header-left ul{

	margin-bottom: 0;

	color: #fff;

}



.top-header-left a{

	color: #fff;

}



.top-header-right{

	background: #0067b4;

	

	position: relative;

	z-index: 999;



}



.top-header-right ul{

	margin-bottom: 0;

}



.top-header-right li{

	padding: 10px 15px;

	border-right: 1px solid #1cabe2;

}



.top-header-right a{

	color: #fff;

}



.top-header-right::after{

	content: "";

	background: #0067b4;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	width: 1000%;

	height: 40px;

	z-index: -9;

}



.has-search .form-control-feedback {

    right: initial;

    right: 0;

    color: #fff;

    top: 5px;

}



.has-search .form-control {

    padding-right: 12px;

    padding-left: 34px;

}



.form-group{

	margin-bottom: 0;

}



.top-right-main input{

	width: 100%;

	background: none;

	border-radius: 0;

	border: 0;

	height: 40px;

	color: #fff;

	

}



.has-feedback{

	

	width: 100%;

}



.top-right-main{

	float: right;

}



.top-right-main li:last-child{

	padding: 0;

}



.bottom-header{

	background: #fff;

}



.logo{

	padding: 10px 15px;

}



/*MENU*/

.sf-menu li{

	background: none;

}



.sf-menu a{

	border: 0px;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 14px;

	color: #000;

}



.sf-with-ul a::after{

	color: #000;

}



.sf-arrows .sf-with-ul::after{

	border-top-color: #000;

}



.menu li.active a{

	color: #0067b4;

}



.sf-arrows > li > .sf-with-ul:focus:after,

.sf-arrows > li:hover > .sf-with-ul:after,

.sf-arrows > .sfHover > .sf-with-ul:after{

	border-top-color: #0067b4;

}



.sf-arrows ul li > .sf-with-ul:focus:after,

.sf-arrows ul li:hover > .sf-with-ul:after,

.sf-arrows ul .sfHover > .sf-with-ul:after {

	border-left-color: #0067b4;

}



.sf-menu ul ul li, .sf-menu ul li {

	background: #1cabe2;

}



.sf-menu ul ul li a, .sf-menu ul li a{

	color: #fff;

}

.sf-menu li a:hover{

	color: #0067b4;

}



.sf-menu{

	position: relative;

}



.sf-menu ul{

	position: absolute;

	top: 63px;

}



.sf-menu a{

	padding: .75em 0.4em;

}



.sf-arrows .sf-with-ul::after{

	top: auto;

	bottom: -10px;

	left: 50%;

	transform: translateX(-50%);

}



.sf-arrows .sf-with-ul{

	padding-right: 0;

}



.sf-arrows ul .sf-with-ul::after{

	right: 1em;

	bottom: auto;

	top: 50%;

	left: auto;

}



.menu{

	margin-top: 35px;

}



/*MENU*/



/*Banner*/



#banner{

	background: url('../img/banner-bg.jpg') top left no-repeat;

	background-size: cover;

}



.banner-main{

	width: 100%;


	position: relative;

	

}



.slides-navigation{



}



.slides-navigation i{

	border-radius: 50%;

	width: 43px;

	height: 43px;

	background: #a323a9;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 30px;

	line-height: 0;

	color: #fff;

}





.slides-navigation a.next{

	right: -50px;

}



#slides{

	overflow: visible !important;

}



.slides-navigation a.prev{

	left: -50px;

}





/*Banner*/



/*Main*/



#main{

	background: #fff;

	padding: 60px 0 0 0;

}



.policy-img img{

	position: relative;

}



.policy{

	position: absolute;

	top: 150px;

	padding: 15px;



}



.mainHeading{

	font-size: 24px;

	font-weight: bold;

	color: #fff;

}







.policy-img:hover .policy-body{

	visibility: visible;

	bottom: 10px;

}



.policy-body li{

	color: #fff;

	list-style: none;

}



.ih-item.square{

	width: auto;

	height: auto;

	border: 0;

	position: relative;

}



.info h3{

	position: absolute;

	bottom: 100px;

	width: 100%;

	text-align: left;

	background: none;

	font-size: 24px;

	font-weight: bold;

	color: #fff;



}



.ih-item.square.effect6 .info h3{

	background: none;

	text-align: left;

}



.policy-body{

	position: absolute;

	bottom: -100px;

	width: 100%;

	height: auto;

	-webkit-transition: all 0.45s 0.1s linear;

  -moz-transition: all 0.45s 0.1s linear;

  transition: all 0.45s 0.1s linear;

  padding-left: 15px;



	

}



.policy-body p{

	color: #fff;

	margin: 0;

	padding: 0;

	font-weight: bold;

	font-size: 14px;

	font-style: normal !important;

}



.policy-body i{

	margin-right: 10px;

}



.ih-item.square.effect6.bottom_to_top a .info p{

	padding: 0;

	padding-bottom: 5px;

	text-align: left;

	color: #fff;

}



.ih-item.square.effect6.bottom_to_top:hover .info .policy-body{

	

	bottom: 30px;

}



.ih-item.square.effect6 .info p{

	padding: 0;

	text-align: left;



}



.ih-item.square.effect6 .info p a{

	color: #fff;

}



.health{
	margin: 60px 0;
	background: url('../img/health-bg.jpg') top left no-repeat #e8e8e8;
	background-size: contain;
}
@media screen and (max-width: 1024px){
	.health{
		background-size: unset;
	}
}


.health-title{

	color: #0067b4;

	font-size: 24px;

	font-weight: bold;

}



.health-left p{

	font-size: 14px;

	color: #363636;
}



.health-right-main{

	padding: 29.5px 30px;

}



.health-icon, .health-text{

	float: left;

}



.health-deep{

	background: #0067b4;

	position: relative;

	z-index: 999;

}



.health-deep::after{

	content: "";

	background: #0067b4;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	width: 1000%;

	height: 100%;

	z-index: -9;

}



.health-medium{

	background: #0e89cb;

	position: relative;

	z-index: 999;

}



.health-medium::after{

	content: "";

	background: #0e89cb;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	width: 1000%;

	height: 100%;

	z-index: -9;

}



.health-light{

	background: #1cabe2;

	position: relative;

	z-index: 999;

}



.health-light::after{

	content: "";

	background: #1cabe2;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	width: 1000%;

	height: 100%;

	z-index: -9;

}



.health-right-main a{

	display: block;

	color: #fff;

	line-height: 14px;

}



.health-right-main p{
	margin: 0;
	color: #a9e1ff
}



.health-icon{

	margin-right: 15px;

}



.events-head{

	border-bottom: 1px solid #e8e8e8;

	font-weight: bold;

	font-size: 24px;

	color: #323232;

	padding-bottom: 10px;

	margin-bottom: 15px;

}



.events-head.text-right{

	color: #0e89cb;

	font-size: 24px;



}



.latest-events img{

	border-radius: 5px 5px 0 0;

}



.events-latest-text{

	background: #0e89cb;

	padding: 5px 15px;

	border-radius: 0 0 5px 5px;

}



.latest-events a{

	color: #fff;

	font-size: 18px;

	font-weight: bold;

}



.events-latest-date{

	font-weight: normal;

	margin-top: 10px;

}



.events-latest-date i{

	margin-right: 15px;

}



.events-right-img, .events-right-text{

	float: left;

}



.events-right-img{

	margin-right: 15px;

}



.events-right-text{

	font-size: 18px;

	font-weight: bold;

	color: #323232;

}



.events-right-date{

	margin-top: 10px;

	font-size: 14px;

}



.events-right-date i{

	margin-right: 10px;

}



.events-right{

	margin-top: 15px;

}



.events-right-img img{

	border-radius: 5px;

}



.events-right-text{

	margin-top: 15px;

}



#publications{

	margin: 60px 0;

}



.pub-top{

	border-bottom: 1px solid #e8e8e8;

	

	padding-bottom: 10px;

	margin-bottom: 15px;

}



.pub-head{

	font-weight: bold;

	font-size: 24px;

	color: #323232;

}



.pub-head.text-right{

	font-size: 18px;

	margin-top: 25px;

	margin-bottom: 0;

}



.pub-main{

	padding: 0;

}



.pub-main-img{

	position: relative;

	overflow: hidden;

}



.pub-main-img img{

	width: 100%;

	border-radius: 5px;

}



.pub-main-text{

	position: absolute;

	bottom: -100px;

	transition: all 0.35s ease-in-out;

	visibility: hidden;

	background: rgba(0,103,180,0.7);

	width: 100%;

	padding: 10px;

	border-radius: 0 0 5px 5px;

}



.pub-main-img:hover .pub-main-text{

	bottom: 0;

	visibility: visible;

}



.book-name{

	font-weight: bold;

	font-size: 14px;

}



.book-writer{

	color: #fff;

	font-size: 14px;

	font-style: italic;

}



.book-download{

	margin-top: 10px;

}



.pub-main-book .book-download a{

	color: #fff;

	display: block;

}



.book-download i{

	margin-right: 10px;

}



.latest-events, .pub-main-img, .articles-main{

	box-shadow: 0 1px 4px 1px rgba(0,0,0,0.25);

	transition: all 0.35s ease-in-out;

}



.latest-events:hover, .pub-main-img:hover, .articles-main:hover{

	box-shadow: 0 8px 8px 0 rgba(0,0,0,0.25);

}



.article-text{

	padding: 10px 15px;

}



.articles-head{

	margin-top: 10px;

	font-size: 14px;

	line-height: 20px;

	color: #0e89cb;

}



.article-img img{

	width: 100%;

}



.articles-text{

	font-size: 14px;

	color: #000;

}



.articles-main{

	min-height: 408px;

	border-radius: 5px;

}



.news-title{

  font-size: 20px;

  color: #000;

  font-weight: 400;

  margin-top: 15px;

  margin-bottom: 5px;

}



.news-brief{

  font-size: 14px;

  color: #000;

  font-weight: 300;

}



.news-row{

  margin-bottom: 60px;

}





.owl-stage-outer{

  padding-bottom: 30px;

}



.owl-theme .owl-dots .owl-dot span{

  transition: all 0.50s ease;

  background: none;

  border: 1px solid #3ec6ee;

}



.owl-theme .owl-dots .owl-dot.active span{

  width: 20px;

  height: 10px;

  background: #3ec6ee;

}



.news-text img{

	float: left;

}



.news-body .owl-carousel .owl-item img{

	width: auto;

	display: inline;

	margin-right: 15px;

	border-radius: 5px;

}



.news-text{

	font-size: 18px;

	font-weight: bold;

	color: #323232;

}



.news-text .events-right-date{

	font-weight: normal;

}



footer{

	margin-top: 60px;

}



.top-footer{

	background: #8ed5f1;

	padding: 30px 0;

}



.top-footer-download{
	text-align: right;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	text-transform: capitalize;
}
.fb-widget{

	margin-top: -120px;

}

@media screen and (min-width: 1100px){
	.top-footer-download {
    text-align: justify;
    padding-left: 400px;
	}
	.fb-widget{

	margin-top: -170px;

	}
}


.top-footer-download .btn{

	background: #1cabe2;

	color: #fff;

	border-radius: 10px;

	margin-left: 15px;

	border: 1px solid #1cabe2;

	transition: all 0.35s ease-in-out;

}



.top-footer-download .btn:hover{

	background: #1cabe2;

	color: #fff;

}



.bottom-footer{

	background: #c3ebfb;

	padding: 60px 0;

	padding-bottom: 0;

}







.footer-address{

	font-size: 14px;

	color: #525252;

	margin: 10px 0;

}



.social-icon{

	margin-top: 25px;

}



.social-icon li{

	width: 30px;

	height: 30px;

	background: #9f9f9f;

	padding: 5px 0;

	text-align: center;

	margin-right: 10px;

	

}



.social-icon li a{

	color: #fff;

	display: block;

}



.social-icon li:hover a{

	color: #000;

}



.footer-links li{

	list-style: none;

	position: relative;

	margin-bottom: 20px;

}



.footer-links li:after{

	font-family: 'FontAwesome';

	content: "\f105";

	position: absolute;

	left: -13px;

	top: 0;

	color: #842084;



}



.footer-links a{

	font-size: 14px;

	color: #525252;



}



.copyright{

	background: #0067b4;

	padding: 10px 0;

}



.copy-text{

	color: #fff;

}



.copy-text a{

	color: #fff;

}
article.news{
	width: 100%;
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}
.news .psot-img{
	float: left;
	width: 30%;
	padding-right: 30px;
}

@media screen and (max-width: 991px){
	.copyright, .copy-text.text-right{
		text-align: center;
	}
	.bottom-footer-main{
		overflow: hidden;		
	}
	.footer-links{
		margin-top: 20px;
	}
}

/*MOBILE MENU*/





.mobile-menu{

  display: none;

}







.mm-menu{

  background: #b469b4;

  color: #fff;

    font-family: "Oswald", sans-serif;

    text-transform: uppercase;

    font-size: 16px;

}



.mm-next::after, .mm-arrow::after{

  border-color: #fff !important;

}



.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a{

  color: #fff !important;

    font-family: "Oswald", sans-serif !important;

    text-transform: uppercase !important;

    font-size: 16px !important;

  opacity: 1;

}



.mm-menu .mm-navbar .mm-btn::before{

  border-color: #fff !important;

}



.header-toggle a{

    background: transparent url("../img/toggle.png") no-repeat scroll center center;

display: block;

width: 40px;

height: 40px;





cursor: pointer;





}



.header-toggle{

  width: 40px;

  display: none;

  height: 40px;

  background: #00b6eb;

  top: 0px;

right: 2px;

  

  position: absolute;

 

  



}



.mm-menu .mm-listview > li::after {

    border-color: #fff; 

}

.mm-menu .mm-next{

    border-color: #fff; 



}

/*MOBILE MENU*/



/*INNER*/



.inner-banner{

	position: relative;

}



.inner-banner img{

	width: 100%;

	

}



.page-info{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	color: #fff;

	

}



.page-title{

	color: #fff;

	font-size: 24px;

	font-weight: bold;

	text-transform: uppercase;

}



.page-info{

	color: #fff;

	font-size: 14px;

	text-transform: uppercase;

}



.page-info a{

	color: #fff;

}



.inner-heading{

	font-size: 24px;

	color: #3e3e3e;

	font-weight: bold;

}



.inner-highlight{

	color: #0067b4;

}



.inner-body p{

	color: #3e3e3e;

}



.inner-bottom-text{

	padding: 15px;

	font-size: 14px;

	color: #fff;

}



.inner-bottom-text-main{

	margin-top: 10px;

}



.b-t-deep{

	background: #0067b4;

}



.b-t-medium{

	background: #0e89cb;

}



.b-t-semi-light{

	background: #1cabe2;

}



.b-t-light{

	background: #4fceff;

}



.inner-bottom-image{

	float: left;

	padding: 15px 0;

	

}



.inner-bottom-text img{

	

	margin-right: 15px;



}



.inner-bottom-text h2{

	font-size: 14px;

	margin: 0;

	margin-bottom: 5px;

	font-weight: bold;

	

}



.inner-bottom-text p{

	margin-bottom: 0;

}



.inner-bottom{

	padding: 50px 0;

}



#inner-main{

	padding: 60px 0;

}



.inner-bottom{



	border-bottom: 2px solid #c3c3c3;

	margin-bottom: 50px;

}

.carousel-control{
	width: 44px;
	height:44px;
	top: 50%;
	background: #a323a9;
	color: #fff;
	font-size: 36px;
	line-height: 42px;
	border-radius: 50%;
	text-align: center;
	opacity: 1;
}
.carousel-control.left{
	background: #a323a9;
-moz-transform: translateX(-60px) translateY(-24px);
-webkit-transform: translateX(-60px) translateY(-24px);
-o-transform: translateX(-60px) translateY(-24px);
-ms-transform: translateX(-60px) translateY(-24px);
transform: translateX(-60px) translateY(-24px);
}

.carousel-control.right{
	background: #a323a9;
	-moz-transform: translateX(60px) translateY(-24px);
	-webkit-transform: translateX(60px) translateY(-24px);
	-o-transform: translateX(60px) translateY(-24px);
	-ms-transform: translateX(60px) translateY(-24px);
	transform: translateX(60px) translateY(-24px);
}

.carousel-control:hover{
	opacity: 1;
}

@media screen and (max-width: 991px){
.carousel-control.left{
-moz-transform: translateX(5px) translateY(-24px);
-webkit-transform: translateX(5px) translateY(-24px);
-o-transform: translateX(5px) translateY(-24px);
-ms-transform: translateX(5px) translateY(-24px);
transform: translateX(5px) translateY(-24px);
}

.carousel-control.right{
	-moz-transform: translateX(-5px) translateY(-25px);
	-webkit-transform: translateX(-5px) translateY(-25px);
	-o-transform: translateX(-5px) translateY(-25px);
	-ms-transform: translateX(-5px) translateY(-25px);
	transform: translateX(-5px) translateY(-25px);
}
}
/*INNER*/
#UpcomingEvents .pub-head{
	display: block;
	border-bottom: 
}
.upcoming-item{
	display:block;
	overflow: hidden;
	background: #e8e8e8;
	color: #000;
	border-radius: 10px;
}
.upcoming-item h4{
	padding: 15px;
	margin: 0;
	font-size: 18px;
	font-weight: 400;
}
.upcev-date{
	display: block;
	overflow: hidden;
	background: #0067b4;
	color: #fff;
	padding: 10px 15px;
}

@media (max-width: 1024px) {

	.desktop-menu{

		display: none;

	}



	.header-toggle{

		display: block;

	}



	.mobile-menu{

		display: block;

	}



	.top-header-right::after{

		display: none;

	}



	.top-header-right .form-group{

		display: none;

	}



	.top-header-right li:nth-child(2){

		border: 0px;

	}



	.slides-navigation{

		display: none;

	}



	.mm-menu .mm-search input{

		background: #fff;

		border-radius: 0;

	}



	.health-left, .health-right{

		width: 100%;

	}



	.health-right{

		margin-bottom: 20px;
		margin-top: 30px;

	}



	.health{

		height: auto;

	}



	.events-main{

		width: 100%;

	}



	.latest-events img{

		width: 100%;

	}



	.health-deep::after, .health-medium::after, .health-light::after{

		display: none;

	}



	.pub-left{

		width: 100%;

	}



	.fb-widget{

		margin-top: 0;

	}
	.menu{
		margin-top: 20px;
	}

}



@media (max-width: 767px) {

	.policy-main, .pub-main-book, .news-main, .fb-widget{

		margin-bottom: 20px;

	}



	#main{

		padding: 0px 0;

	}



	.copy-text{

		text-align: center;

	}



	.inner-banner img{

		height: 217px;

	}



	.inner-bottom-main{

		margin-bottom: 30px;

	}



	.graph img{

		margin: 0px auto;

		text-align: center;

	}
	.ih-item.square{
		max-width: 400px;
    margin: 20px auto;
	}

}



@media (max-width: 480px) {

	.top-header-right{

		display: none;

	}
	.bottom-header{
		margin-bottom:50px;
	}

}