@charset "utf-8";
/* CSS Document */

/*
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Anton', sans-serif;
*/

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

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

body{margin:0px; padding:0px; font-family: 'Muli', sans-serif; font-weight:400; color:#000; overflow-x: hidden;}

h1{ color:#1d4a73; font-family: 'Source Sans Pro', sans-serif; font-size:4em; font-weight:bold;}
h2{ color:#1d4a73; font-family: 'Source Sans Pro', sans-serif; font-size:3em; font-weight:bold;}
h3{ color:#1d4a73; font-family: 'Source Sans Pro', sans-serif; font-size:2em; font-weight:bold;}
h4{ color:#1d4a73; font-family: 'Source Sans Pro', sans-serif; font-size:1.5em; border-top:#1d4a73 3px solid; border-bottom:#1d4a73 3px solid; padding:15px 0 15px 0; font-weight:bold;}
h5{ color:#1d4a73; font-family: 'Source Sans Pro', sans-serif; font-size:1.3em; font-weight:bold; line-height:25px;}

section p{ line-height:25px; font-family: 'Muli', sans-serif; font-weight:400; font-size:1.2em}
main p{ line-height:25px; font-family: 'Muli', sans-serif; font-weight:400; font-size:1.2em}
.bullet ul li{ line-height:25px; margin:0 0 5px 0; font-family: 'Muli', sans-serif; font-weight:400; font-size:1.2em}

.ness{ width:150px; height:150px; display:block; border-radius:50%; border:#ededed 10px solid; position:absolute; margin:auto; top:-1px; left:25%}

.project { border-bottom:2px solid #ededed; color:#000; display:block; float:left; padding:20px 0 20px 0;}
.project .title{ color:#1d4a73; font-size:1.2em; font-weight:bold; margin:0px 0 10px 0; width:100%; display:block; float:left;}
.project img{box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.4), 0 6px 20px 0 rgba(255, 255, 255, 0.19); border:1px solid #fff; transition: 0.3s;}
.project img:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border:1px solid #fff; transition: 0.3s;}
.project a{ color:#000;}
.project a:hover{ color:#1d4a73;}

aside .box{ border:#ededed 1px solid; padding:5px 20px 5px 20px; text-align:center; margin:0 0 10px 0;}
aside .box h6{color:#000; font-family: 'Anton', sans-serif; font-size:1.5em; font-weight:bold; line-height:30px;}
aside .box h6 span{ color:#1d4a73; font-size:1.7em;}
aside .box img{ margin:15px auto;}

.banner{ margin:120px 0 0 0;}

.presence-section{
	/*background: url("../img/bg1.jpg") no-repeat fixed 0 0 / cover  rgba(0, 0, 0, 0);*/
	background-color:#ededed; padding:25px 0 25px 0;
}


.gallery { position: relative; width: 100%; margin-top:30px;}

.image { display: block; width: 100%; height: auto;}

.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0;
  transition: .5s ease; background-color: #1d4a73;}

.gallery:hover .overlay {opacity: 1;}

.text { color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size:2em; position: absolute; top: 50%;
  left: 50%; text-align:left; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}

.spn60pad{ margin:30px 0 30px 0;}
.spn200pad{ margin:100px 0 100px 0;}

.reach{ width:230px; height:240px; display:inline-block; margin:auto; text-align:center; vertical-align: top;}
.reach img{ padding-top:30px; margin:auto; padding-bottom:5px;}
.reach .counterheading{ color:#1d4a73; font-family: 'Muli', sans-serif; font-weight:400; font-size:1.5em; text-align:center; font-weight:bold; display:block; width:100%; padding-bottom:4px;}
.reach .counter{ color:#1d4a73; font-family: 'Muli', sans-serif; font-weight:400; font-size:3em; font-weight:bold; text-align:center; display:block; width:100%; padding-bottom:4px;}

.updates .title{ font-family: 'Source Sans Pro', sans-serif; font-size:1.3em; font-weight:600; color:#000; margin:5px 0 5px 0;}
.updates p{ font-size:1.2em; color:#000; font-family: 'Muli', sans-serif; font-weight:400;}
.updates a{ text-decoration:none}

.donate_programme{ background-color:#1d4a73; width:100%; display:inline-block; float:left; margin:0 0 25px 0;}
.donate_programme .subtitle{ position:absolute; z-index:100; font-size:1.8em; color:#fff; text-shadow: 0 0 3px #000, 0 0 5px #000; padding:10px; font-weight:bold;}
.donate_programme p{ line-height:20px; font-size:1em; font-family: 'Roboto', sans-serif; font-weight:400; margin:5px 0 5px 0; color:#fff; padding:5px 15px 5px 15px;}
.donate_programme input[type=text]{ padding:10px; border:#C3D5E4 1px solid; padding:10px; color:#1d4a73; width:95%; display:block; margin:10px auto;}


/* Donate Button */

.donate-btn{ margin:5px 3px 0 0}

/*
.donate-btn{
  width: auto;
  padding: 10px 15px 10px 15px;
  margin:10px 10px 0 10px;
  background-color:#db291d;
  font-family: 'Muli', sans-serif;
  font-weight:bolder;
  font-size:1.2em;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 0px;	
	}
	
.donate-btn a{ color:#fff;}
	
.donate-btn:hover{ text-decoration:none;}
*/

/* Menu Button */
.menu-btn {
  width: 40px;
  padding: 0px;
  margin:0 0 0 10px;
  background-color:transparent;
  font-size:2em;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 0px;
}
.menu-btn:hover {
  opacity: 0.6;
}

/* Header */
.site-header {
  position: fixed;
  background: #1d4a73;
  color: #FFF;
  width: 100%;
  padding: 0;
  margin:0px;
  height:50px;
  z-index: 9998;
}

.frm input[type=text]{ padding:10px; border:#C3D5E4 1px solid; margin:5px 0 5px 0; color:#1d4a73; width:100%;}
.frm input[type=button]{ padding:10px; border:#1d4a73 1px solid; margin:5px 0 5px 0; color:#fff; background-color:#1d4a73; width:100%;}
.frm input[type=submit]{ padding:10px; border:#1d4a73 1px solid; margin:5px 0 5px 0; color:#fff; background-color:#1d4a73; width:100%;}


.enqfrm input[type=text]{ border:#ededed 0px solid; background-color:#ededed; margin:5px 0 5px 0; color:#000; width:100%; padding:10px}
.enqfrm input[type=tel]{ border:#ededed 0px solid; background-color:#ededed; margin:5px 0 5px 0; color:#000; width:100%; padding:10px}
.enqfrm input[type=email]{ border:#ededed 0px solid; background-color:#ededed; margin:5px 0 5px 0; color:#000; width:100%; padding:10px}
.enqfrm textarea{ border:#ededed 0px solid; background-color:#ededed; margin:5px 0 5px 0; color:#000; width:100%; padding:10px; height:120px;}
.enqfrm input[type=submit]{ padding:20px 40px 20px 40px; border:#1d4a73 1px solid; margin:15px; color:#fff; background-color:#1d4a73; width:auto;}

footer{ background-color:#1d4a73; color:#fff; padding:20px; display:block; clear:both;}
footer p{ color:#fff; text-align:center; margin:0px; padding:0px;}
footer p a {text-decoration:none; color:#fff; margin:5px 10px 0 10px;}
footer p a:hover{ color:#F5F5F5; text-decoration:none;}

.get-involved {
	font-family: 'Muli', sans-serif;
    background: orange;
    text-align: center;
    padding: 9px 20px 10px 20px;
    font-size: 22px;
    cursor: pointer;
	display:block;
	color:#214487;
	font-weight:bold;
	background: rgba(241,231,103,1);
background: -moz-linear-gradient(left, rgba(241,231,103,1) 0%, rgba(245,174,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(245,174,0,1)));
background: -webkit-linear-gradient(left, rgba(241,231,103,1) 0%, rgba(245,174,0,1) 100%);
background: -o-linear-gradient(left, rgba(241,231,103,1) 0%, rgba(245,174,0,1) 100%);
background: -ms-linear-gradient(left, rgba(241,231,103,1) 0%, rgba(245,174,0,1) 100%);
background: linear-gradient(to right, rgba(241,231,103,1) 0%, rgba(245,174,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#f5ae00', GradientType=1 );
}
.get-involved:hover,
.get-involved:active,
.get-involved:focus {
	text-decoration:none;
	color:#214487;
	background:#FAAD19;
}


.get-involvedd {
	font-family: 'Muli', sans-serif;
    background: orange;
    text-align: center;
    padding: 9px 20px 10px 20px;
    font-size: 22px;
    cursor: pointer;
	display:block;
	color:#fff;
	font-weight:bold;
	background: rgba(238,0,2,1);
background: -moz-linear-gradient(left, rgba(238,0,2,1) 0%, rgba(238,0,2,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(238,0,2,1)), color-stop(100%, rgba(105,1,2,1)));
background: -webkit-linear-gradient(left, rgba(238,0,2,1) 0%, rgba(105,1,2,1) 100%);
background: -o-linear-gradient(left, rgba(238,0,2,1) 0%, rgba(105,1,2,1) 100%);
background: -ms-linear-gradient(left, rgba(238,0,2,1) 0%, rgba(105,1,2,1) 100%);
background: linear-gradient(to right, rgba(238,0,2,1) 0%, rgba(105,1,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0002', endColorstr='#690102', GradientType=1 );
}
.get-involvedd:hover,
.get-involvedd:active,
.get-involvedd:focus {
	text-decoration:none;
	color:#fff;
	background:#ee0002;
}



.gett-involved {
	font-family: 'Muli', sans-serif;
    background: orange;
    text-align: center;
	margin-top:4spx;
    padding: 9px 20px 10px 20px;
    font-size: 16px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5), 0 2px 5px 0 rgba(0,0,0,0.5);
    cursor: pointer;
	border-radius:10px;
	display:block;
	color:#fff;
	font-weight:bold;
	background: rgba(255,0,0,1);
background: -moz-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(236,2,2,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(236,2,2,1)), color-stop(100%, rgba(236,2,2,1)));
background: -webkit-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(236,2,2,1) 100%);
background: -o-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(236,2,2,1) 100%);
background: -ms-linear-gradient(left, rgba(255,0,0,1) 0%, rgba(236,2,2,1) 100%);
background: linear-gradient(to right, rgba(255,0,0,1) 0%, rgba(236,2,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ec0202', GradientType=1 );
}
.gett-involved:hover,
.gett-involved:active,
.gett-involved:focus {
	text-decoration:none;
	color:#fff;
	background:#ec0202;
}