@charset "utf-8";
/* ==========================================================================
   CSS Reset
   ========================================================================== */
/*
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
body {
	line-height: 1
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input, select {
	vertical-align: middle
}
/* ==========================================================================
   Common CSS
   ========================================================================== */
body {
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
a {
	outline: none;
	text-decoration: none;
	color: #b41124;
}
a:hover, a:focus {
	text-decoration: underline;
}
#container {
	min-height: 100%;
	position: relative;
}
.wrapper {
	width: 1170px;
	margin: 0 auto;
}
.img {
	height: auto;
	max-width: 100%;
	display: block;
}
/* ==========================================================================
   Setting up the fonts
   ========================================================================== */
@font-face {
	font-family: 'Conv_ufonts.com_bliss-bold';
	src: url('../fonts/ufonts.com_bliss-bold.eot');
	src: local('☺'), url('../fonts/ufonts.com_bliss-bold.woff') format('woff'), url('../fonts/ufonts.com_bliss-bold.ttf') format('truetype'), url('../fonts/ufonts.com_bliss-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_ufonts.com_bliss-light';
	src: url('../fonts/ufonts.com_bliss-light.eot');
	src: local('☺'), url('../fonts/ufonts.com_bliss-light.woff') format('woff'), url('../fonts/ufonts.com_bliss-light.ttf') format('truetype'), url('../fonts/ufonts.com_bliss-light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bliss-Light';
	src: url('../fonts/Bliss-Light.eot');
	src: local('☺'), url('../fonts/Bliss-Light.woff') format('woff'), url('../fonts/Bliss-Light.ttf') format('truetype'), url('../fonts/Bliss-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_ufonts.com_bliss-regular';
	src: url('../fonts/ufonts.com_bliss-regular.eot');
	src: local('☺'), url('../fonts/ufonts.com_bliss-regular.woff') format('woff'), url('../fonts/ufonts.com_bliss-regular.ttf') format('truetype'), url('../fonts/ufonts.com_bliss-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bliss-Regular';
	src: url('../fonts/Bliss-Regular.eot');
	src: local('☺'), url('../fonts/Bliss-Regular.woff') format('woff'), url('../fonts/Bliss-Regular.ttf') format('truetype'), url('../fonts/Bliss-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Bauhaus-Bold';
	src: url('https://www.mlt.org.im/themes/mlt/fonts/Bauhaus-Bold.eot');
	src: local('☺'), url('../fonts/Bauhaus-Bold.woff') format('woff'), url('../fonts/Bauhaus-Bold.ttf') format('truetype'), url('../fonts/Bauhaus-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
h2 {
	font: 30px/35px 'Bliss-Regular';
	color: #0084cc;
}
h3 {
	font: bold 20px/42px 'Bliss-Regular';
	color: #ec078c;
}
p {
	font: 18px/28px 'Bliss-Light';
	color: #636466;
	margin-bottom: 12px;
	
}
li {
	list-style: none;
}
/* ==========================================================================
   Header
   ========================================================================== */

header {
	background: #ec078c;
	clear: both;
	display: block;
	width: 100%;
	float: left;
}
.headerMenu {
	z-index: 99999;
	position: relative;
}
.headerMenu ul {
	position: relative;
	text-align: center;
}
.headerMenu ul li {
	display: inline-block;
	position: relative;
}
.headerMenu ul li a {
	font: 15px/50px 'Bliss-Regular';
	color: #fff;
	text-transform: uppercase;
	padding: 0 20px;
	text-decoration: none;
	display: block;
}
.headerMenu ul li a.active,.headerMenu ul li a:hover {
	color: #fff000;
}
.headerMenu ul li:hover a {
	background: #c40675;
	box-shadow: inset 0px 0px 10px #000;
}
.headerMenu ul li ul {
	background: url("../images/submenu-bg.png") no-repeat scroll 0 bottom rgba(0, 0, 0, 0);
	display: none;
	left: 0;
	padding-bottom: 20px;
	position: absolute;
	text-align: left;
	top: 100%;
	width: 200px;
	/*height: 111px;*/
	margin: 0;
}
.headerMenu ul li:hover ul {
	display: block;
}
.headerMenu ul li ul li {
	float: none;
	background: #1a95d3;
	width: 100%;
}
.headerMenu ul li:hover ul li a {
	background: none;
	box-shadow: none;
	border-bottom: 2px solid #fff;
	margin: 0 15px;
	line-height: 18px;
	text-align: left;
	padding: 10px 0;
}
/* ==========================================================================
   Banner
   ========================================================================== */
.bannerBlock {
	clear: both;
	position: relative;
}
.bannerBlock img {
	max-width: 100%;
	height: auto;
}
.fundsBlock {
	background: url(../images/circle.png) no-repeat left bottom;
	background-size: 86% auto;
	bottom: -4px;
	height: 617px;
	left: 0;
	position: absolute;
	width: 589px;
}
.fundsBlock > ul {
	margin: 187px 0 0 200px;
}
.fundsBlock > ul li {
	margin-bottom: 20px
}
/* ==========================================================================
   Main
   ========================================================================== */
.main {
	clear: both;
	background: url(../images/content-bg.png) no-repeat 0 0;
	background-size: 100%;
	background-position: left bottom;
	padding: 0 0 280px 0;
}
.contentBlock {
	clear: both;
	padding: 60px 0 122px;
	display: inline-block;
	width: 100%;
}
.contentLeft {
	width: 50%;
	float: left;
}
.welcome, .socalLinks {
	margin: 0 auto;
	width: 81%;
}
.welcome {
	margin: 0 0 0 23px;
}
.socalLinks {
	margin-top: 35px;
}
.socalLinks h2 {
	display: inline-block;
}
.socalLinks span {
	display: inline-block;
}
.socalLinks span a {
	display: inline-block;
	margin: 0 0 0 5px;
}
.contentRight {
	width: 50%;
	float: left;
}
.didYouKonw {
	background: url("../images/did_u_know-bg.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
	height: 462px;
	position: relative;
	width: 405px;
	background-size: 100%;
}
.didYouKnowContent {
	padding: 135px 65px 0 0;
}
.didYouKnowContent h3 {
	font: bold 26px/35px 'Bliss-Regular';
	color: #ec078c;
	text-align: right;
}
.didYouKnowContent p {
	font: 18px/20px 'Bliss-Regular';
	color: #ec078c;
	text-align: right;
	width: 55%;
	float: right;
}
.didYouKonw span {
	position: absolute;
	background: url(../images/ball.png) no-repeat 0 0;
	width: 80px;
	height: 80px;
	display: table;
	text-align: center;
	background-size: 100%;
}
.didYouKonw span a {
	font: 13px/15px 'Bliss-Regular';
	color: #006694;
	display: table-cell;
	vertical-align: middle;
}
.didYouKonw span.links {
	right: 51px;
	top: -5px;
}
.didYouKonw span.meeting {
	left: 171px;
	top: -61px;
}
.didYouKonw span.forms {
	left: 75px;
	top: -15px;
}
.didYouKonw span.startd {
	left: 0px;
	top: 50px;
}
.didYouKonw span.process {
	left: -20px;
	top: 145px;
}
.didYouKonw span.news {
	left: 10px;
	top: 245px;
}
.content {
	width: 55%;
	margin: 0 auto;
}
.content h2 {
	margin-bottom: 10px;
}
.newsDetails {
	border-bottom: 2px solid #b3b5b8;
	padding: 5px 0;
}
.newsDetails span {
	font: 15px/36px 'Bliss-Regular';
	color: #58585a;
}
.newsDetails > ul {
	clear: both;
	overflow: hidden;
}
.newsDetails ul li {
	float: left;
	margin: 0 5px 0 0;
}
.newsDetails ul li a {
	font: 18px/30px 'Bliss-Regular';
	color: #58585a;
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	text-decoration: none;
}
.newsDetails ul li a.active, .newsDetails ul li:hover a {
	background: url(../images/pagenations-img.png) no-repeat 0 0;
	color: #ec078c;
}
.linksBlock {
	clear: both;
	overflow: hidden;
	width: 57%;
	margin: 0 auto;
	margin-top: 75px;
	padding: 0 0 0 35px;
}
.linksBlock span {
	background: url(../images/ball.png) no-repeat 0 0;
	display: table;
	height: 80px;
	text-align: center;
	width: 80px;
	float: left;
	margin: 0 27px 0 0;
}
.linksBlock span a {
	color: #006694;
	display: table-cell;
	font: 13px/15px "Bliss-Regular";
	vertical-align: middle;
	text-decoration: none;
}
.footerLinks {
	width: 50%;
	float: left;
}
.footerLinks h2 {
	color: #fff;
	display: inline-block;
	margin-left: 175px;
}
.footerLinks span {
	display: inline-block;
}
.content {
	position: relative;
}
/* ==========================================================================
   Footer
   ========================================================================== */

footer {
	bottom: 29px;
	position: absolute;
	right: 25px;
	width: 100%;
}
.footerBlock {
	clear: both;
	overflow: hidden;
}
.copyRight {
	float: right;
	width: 40%;
}
.copyRight p {
	color: #fff;
	font: 16px/28px "Bliss-Light";
}
/* ==========================================================================
   Footer
   ========================================================================== */
.links h2 {
 30px/35px "Bliss-Regular"
}
h2 {
	color: #0084cc;
	font: 28px/35px "Bliss-Regular";
}
.links a {
	color: #ec078c;
	font: bold 20px/52px "Bliss-Regular";
}
.links {
	padding-bottom: 20px;
}
/* ==========================================================================
  contact
   ========================================================================== */
.contactleft {
	float: left;
	width: 45%;
}
.contact {
	width: 65%;
	padding: 0 0 0 95px;
}
address p {
	font: 18px/20px "Bliss-Regular";
	color: #000;
}
address {
	padding-bottom: 10px;
}
.contactleft a {
	color: #636466;
	display: block;
	font: 18px/20px "Bliss-Regular";
	padding: 0 0 18px;
}
.contactleft p {
	color: #636466;
	font: 18px/24px "Bliss-Regular";
	margin-bottom: 0;
}
.contactRight {
	background: none repeat scroll 0 0 #fdedcc;
	float: left;
	padding: 1%;
	width: 32%;
}
.contactForm {
	width: 100%;
	float: left;
}
.contactForm label {
	float: left;
	width: 100px;
	font: 15px/32px "Bliss-Regular";
	color: #636466;
}
.contactForm .formText, .contactForm textarea {
	width: 263px;
	float: left;
	background: #fff;
	height: 30px;
	padding: 0 5px;
}
input, textarea {
	outline: 0;
	border: 0;
}
.contactForm textarea {
	width: 263px;
	float: left;
	background: #fff;
	padding: 5px;
	height: 265px;
	resize: none;
}
.formControl {
	margin: 20px 0 0 0;
	float: left;
}
.contactRight p {
	font: 13px/17px "Bliss-Regular";
	color: #636466;
	padding-top: 15px;
	margin-bottom: 0;
}
.here {
	clear: both;
	color: #636466;
	font: 15px/90px "Bliss-Regular";
	padding: 0 0 0 61px;
	text-align: center;
	width: 57%;
}
.here a {
	color: #1a95d3;
}
.contentBlock1 {
	margin: 0 0 108px 0;
}
.values ul li {
	background: url("../images/dot1.png") no-repeat scroll left 10px rgba(0, 0, 0, 0);
	color: #636466;
	font: 18px/27px "Bliss-Regular";
	margin-bottom: 15px;
	padding: 0 0 0 40px;
}
.values p, .mission p {
	font: 20px/27px "Bliss-Regular";
	color: #636466;
}
.values {
	margin: 25px 0 0 0;
}
/* ==========================================================================
  grantprogrames
   ========================================================================== */
#accordion h4 {
	background: url("../images/headingbg.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	color: #0084cc;
	font: 19px/35px "Bliss-Regular";
	padding: 0 0 0 9px;
	width: 100%;
}
.about h4 {
	background: url("../images/headingbg.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	color: #0084cc;
	font: 19px/39px "Bliss-Regular";
	padding: 0 0 0 5px;
	width: 100%;
	position: relative;
}
.about h4:after {
	content: "";
	position: absolute;
	right: 19px;
	top: 3px;
	background: url(../images/arrow.png) no-repeat center;
	display: inline-block;
	width: 32px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	height: 32px;
}
h4.active:after {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.aboutBlock {
	display: none;
	background: #fdedcc;
	padding: 10px;
	width: 95%;
}
.open .aboutBlock {
	display: block;
}
.aboutBlock p {
	font: 16px/23px "Bliss-Light";
}
#accordion {
	margin: 14px 0 0;
}
.about {
	margin: 14px 0 0;
}
.grantBlock p {
	font: 17px/24px "Bliss-Light"
}
.grantBlock {
	margin: 25px 0 30px 0;
}
.programes1 {
	margin: 0 0 77px 0;
}
.gettingBlock strong {
	font: bold 18px/29px "Bliss-Light";
}
.startedBlock {
	margin: 0 0 30px 0;
}
.gettingBlock h3 {
	padding-bottom: 30px;
}
.startedBlock p {
	font: 18px/24px "Bliss-Light"
}
.gettingBlock1 {
	margin-bottom: 120px;
}
.meeting {
	margin: 25px 0 0 0;
}
.meeting h3 {
	padding-bottom: inherit;
}
.meeting p {
	font: 18px/24px "Bliss-Light"
}
.meeting a {
	font: bold 18px/24px "Bliss-Light";
	color: #58585a;
}
.gettingBlock {
	margin-bottom: 90px;
}
.programes p {
	font: 18px/24px "Bliss-Light";
}
.trustBlock p {
	font: 18px/24px "Bliss-Light";
}
table th {
	color: #58585a;
	font: bold 18px/24px "Bliss-Light";
	padding: 25px 0 11px;
	width: 33%;
}
table td {
	font: 18px/40px "Bliss-Light";
	color: #58585a;
}
.trustBlock {
	margin-bottom: 100px;
}
.process strong {
	font: bold 18px/30px "Bliss-Light";
	padding-bottom: 20px;
	display: block;
}
.about1 {
	margin-bottom: 75px;
}
.process1 {
	margin-bottom: 90px;
}
.community strong {
	display: block;
	font: bold 18px/30px "Bliss-Light";
	color: #58585a;
}
.menuIcon {
	display: none;
	height: 40px;
	width: 39px;
	margin: 0 auto;
	cursor: pointer;
	font: bold 15px/40px "the_serif-regular";
	color: #fff;
	float: right;
	background: url(../images/toggle.png) no-repeat center left;
}
.subToggle {
	background: url(../images/subtoggle.png) no-repeat left;
	width: 9px;
	height: 14px;
	cursor: pointer;
	float: right;
	padding: 25px 9px 0 0;
	display: none;
}
.center figure {
	padding-bottom: 25px;
	border-top: 2px solid #b3b5b8;
	padding-top: 25px;
}
.center figure img {
	width: 100%;
}
.tableHead li {
	vertical-align: middle;
	color: #636466;
	font: bold 20px/28px "Bliss-Light";
	margin-bottom: 12px;
}
.tableBlock {
	clear: both;
	margin: 0 3%;
	width: 94%;
}
.tableBlock ul {
	display: table;
	width: 100%;
	color: #58585a;
}
.tableBlock li {
	display: table-cell;
	width: 11%;
	vertical-align: middle;
	text-align: center;
	padding: 10px 0;
	font: 18px/28px "Bliss-Light";
}
.tableBlock .tableHead li {
	font: bold 20px/28px "Bliss-Light";
}
.newsBlock {
	padding-bottom: 111px;
}
.newsBlock1 {
	margin: 0 auto;
	width: 54%;
}
h5 {
	font: 28px/35px "Bliss-Regular";
	color: #ec078c;
}
.center {
	position: relative;
	display:block;
}
.center .back {
	color: #0084cc;
	font: 21px/35px "Bliss-Regular";
	left: -223px;
	position: absolute;
	top: 53px;
}
.bannerBlock figure img {
	width: 100%;
}
.center h5 {
	padding-left: 15px
}


/* image placement stYles START */

/* styles for image placement */

.leftAlone{
 display: block;
 width: 100%;
}
.content p.caption{
 clear: both;
 background: #EC078C;
 font: 13px/17px "Trebuchet MS",Arial,Helvetica,sans-serif;
 color: #fff;
 padding: 5px 4%;
 width: 92%;
}
.captionImage{
 float: left;
 padding-bottom: 22px;
 width: 300px !important;
}
.leftAlone{
 float: none;
}

.left{
 float: left;
 margin-right:15px;
}

.right{
 float: right;
 margin-left:15px;
}

.center{
	float:none;
	margin:auto;
	margin-bottom:15px;
}

.peopleImage {
	clear: both;
}
.peopleImg {
	float: right;
	width: 300px;
}
.peopleImg img {
	width: 100%;
	height: auto;
	display: block;
}
.peopleImg span {
	display: block;
	 background: #EC078C;
	 font: 13px/17px "Trebuchet MS",Arial,Helvetica,sans-serif;
	 color: #fff;
	 padding: 5px 2.5%;
}
.peopleImgBlock {
  clear: both;
  overflow: hidden;
  padding-bottom: 30px;
}


.ourPeople p {
	clear:both;	
}
.ourPeople .center {
	margin:0 auto;
	float:none;	
}
.content p.center {
	width:96.5%;	
}

/* image placement stYles END */


/* contact us page form styles START */
.contactRight {
	width: 50%;
	padding: 10px 2%;
}
.contactForm input {
	float: left;
	width: 90%;
	height: 30px;
	padding: 0 5%;
}
.middleColumn,.contactForm .Actions {
	float: left;
	width: 68%;
}
.contactForm .field,.contactForm form {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	width: 100%;
}
.contactForm form {
	margin-bottom: 0;
}
.contactForm textarea {
	width: 90%;
	padding: 10px 5%;
}
.contactForm .Actions {
	float: right;
	margin-top: 5px;
}
.contactForm .Actions input {
	width: 100%;
	cursor: pointer;
}
.contactForm label.required {
	color: red;
	width: auto;
}
/* contact us page form styles END */