@font-face
{
	font-family : Ubuntu;
	src : url(../fonts/Ubuntu-L.ttf);
}

@font-face
{
	font-family : CollegiateBlackFLF;
	src : url(../fonts/CollegiateBlackFLF.ttf);
}

html,
body
{
	font-family : Ubuntu;
	padding : 0px;
	margin : 0px;
}

header,
section,
div,
footer,
ul,
nav
{
	box-sizing : border-box;
	display : block;
}







.row
{
	display : flex;
	flex-flow : row;
	justify-content : center;

}

.row-wrap
{
	flex-wrap : wrap;
}

.row-stretch
{
	align-items: stretch;
}

.col-100
{
	display : block;
	width : 100%;
}

.col-90
{
	display : block;
	width : 90%;
}

.col-70
{
	display : block;
	width : 70%;
}

.col-60
{
	display : block;
	width : 60%;
}

.col-50
{
	display : block;
	width : 50%;
}

.col-30
{
	display : block;
	width : 33%;
}

.mg-40
{
	padding : 40px;
}

.pd-20
{
	padding : 20px;
}

.page-img
{
	width : 100%;
}



.text-div
{
	padding : 20px;
	line-height : 25px;
	color : rgb(50,50,50);
	text-align : justify;
}


.headings
{
	font-weight : bold;
}

.text-center
{
	text-align : center;
}

.underline
{
	text-decoration : underline;
}

.text-blue
{
	color : rgb(0,0,139);
}

.text-red
{
	color : rgb(255,0,0);
}

.uppercase
{
	text-transform : uppercase;
}




.page-links
{
	display : block;
	width : 100%;
	box-sizing : border-box;
	list-style : none;
	text-align : right;
	white-space : nowrap;
	border-bottom : 2px solid rgba(0,0,139,0.8);
}

.page-links li
{
	display : inline-block;
	padding : 5px 10px;
	position : relative;
}

.page-links li a
{
	display : block;
	padding : 5px;
	text-decoration : none;
	color : rgba(80,80,80);
}

.page-links li a:hover
{
	color : rgba(0,0,139);
}

.page-links li i
{
	display : block;
	padding : 0px;
	margin : 0px;
	position : absolute;
	top : 100%;
	left : 50%;
	transform : translate(-50%, -15px);
	font-size : 40px;
	color : rgba(0,0,139);
}

.page-links li .active-link
{
	color : rgba(0,0,139);
}






header
{
	width : 100%;
	position : fixed;
	z-index : 9999;
}

marquee
{
	display: block;
	position: absolute;
	top: 100%;
	background: #fff;
	color : rgb(0,0,139);
	padding : 3px 50px;
	font-size: 13px;
	z-index: 10;
}

marquee a
{
	text-decoration: none;
	color : rgb(0,0,139);
	font-size: 13px;
}

marquee b
{
	text-decoration: none;
	color : rgb(255,0,0);
	font-weight: 900;
	font-size : 15px;
}


.top-nav
{
	width : 100%;
	padding : 10px 10%;
	background : rgb(0,0,139);
	text-align : right;
	z-index: 9999;
	display: none;
}

.top-nav ul
{
	list-style : none;
	white-space : nowrap;
	padding : 0px;
	margin : 0px;

}

.top-nav ul li
{
	display : inline-block;
	border-left : 1px solid #fff;
	padding : 0px 5px;
}

.top-nav ul li:first-child,
.top-nav ul li:last-child
{
	border-left : none;
}

.top-nav ul li a
{
	color : #fff;
	font-size : 13px;
	text-decoration : none;
	padding : 5px;
}

.top-nav ul li form
{
	display : inline-block;
	//background : #fff;
	border-radius : 5px;
	border : 1px solid #fff;
	padding : 0px 5px;
}

.top-nav ul li form input
{
	border : none;
	padding : 7px 10px;
	padding-left : 0px;
	border-radius : 5px;
	background : transparent;
	width : 200px;
}

.top-nav ul li form input::placeholder
{
	color : #fff;
}

.top-nav ul li form .fa
{
	color : #fff;
	cursor : pointer;
}

.row-border
{
	display : flex;
	flex-flow : row;
	width : 100%;
	padding : 0px;
	margin : 0px;
}

.row-border div
{
	padding : 2px 0px;
	width : 17%;
}

.bg-black
{
	background : black;
}

.bg-yellow
{
	background : yellow;
}

.bg-red
{
	background : red;
}

.row-logo
{
	display : flex;
	flex-flow : row wrap;
	justify-content : center;
	padding : 10px 5%;
	width : 100%;
	background-image : url(../images/header-bg.jpg);
	background-position : center;
	background-size : cover;
	margin : 0px;
}

.site-logo,
.govt-logo
{
	width : 25%;
	text-align : center;
}

.site-title
{
	width : 50%;
	text-align : center;
	font-weight : bold;
	font-family : CollegiateBlackFLF;
	font-size : 25px;
	line-height: 40px;
	vertical-align : bottom;
	color : rgb(0,0,139);
}

.site-logo img,
.govt-logo img
{
	height : 90px;
	cursor : pointer;
}

nav
{
	background : rgb(0,0,139);
	width : 100%;
	padding : 0px 5%;
	z-index: 9999;
}

nav ul
{
	list-style : none;
	margin : 0px;
	padding : 0px;
	white-space : nowrap;
	position : relative;
	z-index: 9999;
}

nav ul li
{
	display : inline-block;
}

nav ul li a
{
	color : #fff;
	display : inline-block;
	padding : 15px;
	font-weight : bolder;
	text-decoration : none;
}

.active
{
	color : rgb(249,166,2);
}

nav ul li:hover > ul
{
	display : block;
}

nav ul li > ul
{
	display : none;
	position : absolute;
	-webkit-transition : all 0.3s;
	-moz-transition : all 0.3s;
	-ms-transition : all 0.3s;
	-o-transition : all 0.3s;
	transition : all 0.3s;
	z-index: 9999;
}

nav ul li > ul li
{
	display : block;
}

nav ul li > ul li a
{
	display : block;
	background : rgba(0,0,139,0.7);
}

nav ul li > ul li a:hover
{
	display : block;
	color : rgba(0,0,139,1);
	background : #fff;
}

nav ul li > ul li > ul
{
	left : 100%;
	margin-top : -47px;
}


.slide-nav
{
	display : block;
	position : fixed;
	top : 50%;
	right : 0px;
	transform : translateY(-50%);
	z-index : 9999999;
	cursor : pointer;
	color : #fff;
	font-size : 30px;
}

.slide-nav ul
{
	display : none;
	//background : #0073A4;
	background : #783883;
	color : #fff;
	list-style : none;
	margin : 0px;
	padding : 15px;
	border-radius : 30px 0px 0px 30px;

}

.slide-nav ul li
{
	margin : 7px 0px;
	display : block;
}

.slide-nav ul li a
{
	display : flex;
	justify-content : center;
	align-items : center;
	width : 35px;
	height : 35px;
	color : #fff;
	font-size : 20px;
	border-radius : 50%;
	border : 1px solid #fff;
}

.slide-nav ul li a:hover
{
	color : #783883;
	background : #fff;
	text-decoration : none;
}

.slide-nav .arrow-show-nav
{
	padding : 20px;
	padding-right : 7px;
	color : #fff;
	font-weight : bold;
	border-radius : 50% 0 0 50%;
	//background : rgba(39, 67, 111,0.6);
	background : rgba(220,20,60,0.6);
}

#slide, #tiny
{
	width : 100%;
	height : 100vh;
	height : 130vh;
	background : #c8af49;
}

#home-core
{
	padding : 20px 0;
	background : rgb(25,25,112);
}

#home-core .row-core
{
	padding : 20px 5%;
	display : flex;
	flex-flow : row wrap;
	justify-content : center;
}

#home-core .row-core div
{
	display : block;
	width : 30%;
	text-align : center;
}

#home-core .row-core div img
{
	//display : block;
	width : 200px;
}


#welcome
{
	padding : 20px 7%;
}

#welcome h3,
#welcome h4
{
	display : block;
	padding : 20px 0;
	padding-bottom : 0px;
	font-size : 30px;
	color : rgb(0,0,139);
	border-top : 1px solid rgb(100,100,100);
}

#welcome h4
{
	font-size : 25px;
}

#welcome .row-welcome
{
	display : flex;
	flex-flow : row wrap;
	color : rgb(80,80,100);
	//font-size : 17px;
	line-height : 25px;
}

#welcome .row-welcome div
{
	display : block;
	padding : 20px 0px;
}

#welcome .row-welcome .wecome-notes
{
	width : 75%;
	padding-right : 25px;
}

#welcome .row-welcome .wecome-notes h5
{
	display : block;
	color : rgb(0,0,139);
}

#welcome .row-welcome .wecome-notes span
{
	display : block;
	padding : 20px 0;
	text-align : justify;
}

#welcome .row-welcome .wecome-notes .sympo
{
	display : flex;
	flex-flow : row wrap;
	justify-content : center;
	align-items : center;
}

#welcome .row-welcome .wecome-notes .sympo img
{
	margin : 10px;
	width : 46%;
	display : block;
}

.link-more
{
	display : inline-block;
	padding : 5px 15px;
	border-radius : 50px;
	color : #fff;
	background : rgb(0,0,139);
	font-weight : bold;
	text-decoration : none;
	border : 2px solid rgb(0,0,139);
}

.link-more:hover
{
	border : 2px solid rgb(0,0,139);
	color : rgb(0,0,139);
	background : #fff;
}

#welcome .row-welcome .events
{
	width : 25%;
}

#welcome .row-welcome .events .ticker
{
	border-radius : 1px;
	background-color : rgb(0,0,139);
	width : 95%;
	padding : 0px;
	margin : 15px auto;
	height : 70%;
	position : relative;
}

#welcome .row-welcome .events .ticker img
{
	max-width : 100%;
	max-height : 100%;
	display : block;
	position : absolute;
	top : 50%; left : 50%;
	transform : translate(-50%, -50%);
}

#welcome .row-welcome .events .ticker .header
{
	border-radius : 15px;
	padding : 15px;
	text-align : center;
	background : rgb(0,0,139);
	font-size : 25px;
	color : #fff;
	font-weight : bolder;
}





#page-banner
{
	box-sizing : border-box;
	padding : 20px 5%;
	padding-top : 200px;
	background-position : center;
	background-size : cover;
	background-repeat : no-repeat;
	background-image : url(../images/background.jpg);
}

#page-banner h3
{
	color : rgb(0,0,139);
	font-size : 35px;
}



#pages
{
	padding : 50px 5%;
}



/*Page About us */
.table-about
{
	display : flex;
	flex-flow : row wrap;
	justify-content : center;
	padding : 0 5%;
}

.table-about div
{
	padding : 20px;
}

.table-about .icon
{
	display : block;
	width : 20%;
	position : relative;
	text-align : center;
	border-right : 2px solid rgb(0,0,139);
	border-bottom : 2px solid rgb(0,0,139);
}

.table-about .icon img
{
	width : 120px;
}

.table-about .icon .ds
{
	display : block;
	width : 20px;
	height : 20px;
	position : absolute;
	background : rgb(0,0,139);
	border-radius : 50%;
	right : 0px;
	bottom : 0px;
	transform : translate(50%,50%);
}

.table-about .dets
{
	display : block;
	width : 80%;
	position : relative;
	border-bottom : 2px solid rgb(0,0,139);
	color : rgb(100,100,100);
	line-height : 25px;
}

.table-about .dets h3
{
	color : rgb(0,0,139);
	font-size : 25px;
	display : block;
	margin : 20px 0px;
}

.table-about .dets a
{
	display : block;
	text-decoration : none;
	font-weight : bold;
	color : rgb(0,0,139);
}

.table-about .dets a:hover
{
	text-decoration : underline;
}

.table-about .no-border-bottom
{
	border-bottom : none;
}

.table-about .no-border
{
	border-bottom : none;
	border-right : none;
}

/*End Page About us */



/*Page News and Events*/

.nav-news
{
	width : 100%;
	border-bottom : 1px solid rgb(0,0,139);
	padding : 20px 30px;
}

.nav-news ul
{
	list-style : none;
	white-space : nowrap;
}

.nav-news ul li
{
	display : inline-block;
	padding : 0px 30px;
}

.nav-news ul li a
{
	text-decoration : none;
	font-weight : bold;
	color : rgb(80,80,80);
	font-size : 20px;
}

.nav-news ul li .news_active
{
	color : rgb(0,0,139);
}

.row-up-events
{
	width : 100%;
	display : flex;
	flex-flow : row wrap;
	justify-content : center;
}

.col-events
{
	width : 25%;
	display : block;
	margin : 20px;
}

.col-events img
{
	width : 100%;
}

.col-events span
{
	padding : 20px 0px;
	line-height : 25px;
	display : block;
}

.col-events .download
{
	width : 50%;
}

/*End Page News and Events*/

/*Page Research*/
.heading
{
	display : block;
	width : 100%;
	box-sizing : border-box;
	padding : 20px 0px;
	color : rgb(0,0,139);
	border-bottom : 1px solid rgb(0,0,139);
	font-size : 25px;
	font-weight : normal;
}

p
{
	padding : 10px 0px;
	display : block;
	color : rgb(80,80,80);
	line-height : 25px;
	font-size : 19px;
	text-align : justify;
}

.research
{
	columns : 2;
	column-gap : 50px;
	padding : 40px 0;
}

/*End Page Research*/

/*Page Reports*/
.row-reports
{
	width : 100%;
	display : flex;
	flex-flow : row wrap;
	justify-content : center;
}

.col-reports
{
	width : 40%;
	display : block;
	margin : 30px;
}

.col-reports h4
{
	color : rgb(0,0,139);
	margin : 10px 0px;
}

.col-reports span
{
	color : rgb(80,80,80);
	line-height : 25px;
	display : block;
	padding-bottom : 20px;
	font-size : 18px;
}

.dwnld
{
	width : 150px;
	display : block;
}

/*End Page Reports*/








/*Page Contact*/

.contact-form
{
	display : block;
	width : 50%;
}

.input
{
	display : block;
	padding : 5px 10px;
}

.input input,
.input textarea,
.input label
{
	display : block;
	padding : 15px 10px;
	width : 100%;
}

.input input,
.input textarea
{
	border : none;
	background : rgba(0,191,255,0.2);
}

.input textarea
{
	height : 150px;
}

.input-50
{
	width : 50%;
}

.input-100
{
	width : 100%;
}


.map
{
	display : block;
	width : 50%;
}

#iframe
{
	width : 400px;
	height : 400px;
}

/*End Page Contact*/




.eahealth
{
	display: block;
	width: 60%;
	height: 100%;
	border : 1px solid #0072b9;
	margin: auto;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(https://conferences.eahealth.org/sites/eahealth-conf.mrmdev.co.uk/files/styles/full-width-image-mobile/public/content/paragraphs/text/images/2020-10-13/kenya-nairobi-2.jpg?itok=Xi45F2mS&timestamp=1602599971);
}

.eahealth div
{
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(170, 255, 0, 0.5), rgba(170, 255, 0, 0.5), #0072b9);
	padding : 20px;
}

.eahealth h3
{
	display: block;
	padding: 20px 0px;
	text-align: center;
	color: #0072b9;
	font-size: 25px;
	font-weight: bold;
}

.eahealth h5
{
	display: block;
	padding: 20px 0px;
	text-align: center;
	color: #0072b9;
	font-size: 20px;
	font-weight: bold;
}

.eahealth span
{
	display: block;
	padding: 20px 0px;
	text-align: center;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}

.eahealth a
{
	display: block;
	width: max-content;
	padding: 10px 20px;
	text-align: center;
	background: #0072b9;
	color: #0072b9;
	//color : #fff;
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: auto;
	text-decoration: none;
}





















footer
{
	padding : 0px;
	padding-top : 30px;
	background : rgb(25,25,112);

}

footer .foot
{
	width : 100%;
	background : rgb(0,0,139);
	padding : 10px 5%;
	display : flex;
	flex-flow : row wrap;
	justify-content : center;
}

footer .foot div
{
	box-sizing : border-box;
	display : block;
	color : #fff;
	font-size : 14px;
	padding : 20px 25px;
}

footer .foot div h4
{
	display : block;
	width : auto;
	padding : 5px 10px;
	border-bottom : 1px solid #fff;
	margin-bottom : 20px;
}

footer .foot .announce
{
	width : 40%;
}

footer .foot .quick_links,
footer .foot .contact
{
	width : 30%;
}

footer .foot .contact
{
	line-height : 25px;
}

footer .foot div ul
{
	list-style : none;
	padding : 0px;
	margin : 0px;
	//margin-top : 20px;
}

footer .foot div ul li
{
	display : block;
	padding : 5px 0px;

}

footer .foot div ul li a
{
	text-decoration : none;
	color : #fff;
	font-size : 13px;
}


footer .foot .contact ul
{
	list-style : none;
	white-space : nowrap;
}

footer .foot .contact ul li
{
	display : inline-block;
}

footer .foot .contact ul li a
{
	text-decoration : none;
	display : block;
}

footer .foot .contact ul li i
{
	display : flex;
	width : 30px;
	height : 30px;
	font-size : 20px;
	margin : 10px;
	border : 2px solid #fff;
	background : #fff;
	color : rgb(25,25,112);
	border-radius : 50%;
	justify-content : center;
	align-items : center;
}


.foot-logo
{
	display : block;
	text-decoration : none;
}

.foot-logo img
{
	width : 75%;
}


footer .copy
{
	text-align : center;
	padding : 5px 5%;
	width : 100%;
}

footer .copy ul
{
	list-style : none;
	white-space : nowrap;
}

footer .copy ul li
{
	display : inline-block;
	padding : 0px 20px;
	color : #fff;
	font-size : 15px;
}

footer .copy ul li a
{
	text-decoration : none;
	color : #fff;
}