@import url(//fonts.googleapis.com/css?family=Economica:400,400italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Raleway:400,500);

/**
 * Basic
 
html, body { overflow-x: hidden;}*/
body {position: relative; font-family: 'Raleway', sans-serif; color: #6D6E71; height: 100%; }
a { color: #6C71B5; text-decoration: none; }
a:hover { color: #6C71B5; text-decoration: underline; }

p { line-height: 20px; font-size: 14px; font-weight: 300; margin-bottom: 10px; }
p + p {  }
strong { font-weight: 500; }

pre { margin: 10px 0px 10px 0px; padding: 20px; font-family: Courier, monospace; }
tt { font-weight: normal; font-style: normal; color: #6C71B5; font-family: 'Raleway', sans-serif; font-size: 17px; opacity: 0.7; display:block;margin-bottom: 5px; }

h1 { font-size: 34px; color: #6C71B5; font-family: "Economica"; }
h2 { font-size: 28px; margin: 0px 0px 20px 0px; color: #6C71B5; font-weight: 400; font-family: "Economica"; }
h3 { font-family: "Economica"; }
h4 { font-weight: 600; margin-bottom: 0; margin-top: 10px; display: block; }

blockquote { margin: 20px 0px 20px 0px; padding: 20px 50px 20px 50px; }
blockquote p { font-size: 16px; font-style: italic; }
blockquote p cite { text-align: right; display: block; }

div.paging { text-align: center; margin: 30px; }

#wrapper {position: relative; margin-top: 0; max-width: 2000px; margin-left: auto; margin-right: auto; overflow: hidden; /*background: transparent url("../img/header-bg.jpg") center top no-repeat;*/ padding-top: 110px; }
body.nodes.promoted #wrapper {
	padding-top: 0;
}
.hidden { display: none; }
address { font-style: normal; }

/**
 * Form
 */
form { margin: 10px 0px 0px 0px; }
form label { display: inline-block; font-weight: bold; cursor: pointer; }
form .input { margin: 0px 0px 7px 0px; }
.contact-form form .input { margin: 0 0 10px; }


form .error-message { color: #ee4b33; }

.success {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    color: #468847;
    margin: 20px auto;
	width: 1000px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-align: left;
}

/**
 * Header
 */
header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(108,113,181, 0.8);
	z-index: 1000;
	min-height: 80px;
	height: 110px;
	
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
	header.scrolled { background: rgba(108,113,181, 0.95); height: 80px; } 

#header{position: absolute; top:0;height: 749px;width: 100%; background: url(../img/default.jpg); background-size: cover;  z-index: -1; }
#header h1 { margin: 50px 0px 10px 0px;  }
#header h1 a { text-decoration: none; }
#header .site-tagline { color: #666; font-style: italic; font-size: 13px; }


/**
 * Navigation (with dropdown)
 */
#logo_holder {
	float: left;
	height: 100%;
	display: table;
}
#logo_holder > div {
	display: table-cell;
	vertical-align: middle;
}
#logo_holder > div img {
	padding-right: 0; /*20px;*/
	border-right: none;/* 1px solid #fff;*/
	height: 60px;
}
#slogan { height: 49px; background: transparent url(../img/slogan-bg.png) center center no-repeat; width: 100%; text-align: center; color: #7573b3; margin-top: 200px; line-height: 49px; font-size: 14px; }
#nav {text-align: center; margin: 0 auto;   font-size: small;  width:980px; background: transparent; height: 100%;  }

#nav #sponsor-arrow {
	margin: 0;
	float: right;
	opacity: 1;
}
#nav #donate-arrow {
	margin: 0;
	float: left;
	opacity: 1;
}

#nav #sponsor-arrow:hover,
#nav #donate-arrow:hover {
	opacity: 0.7;
}


#nav .menu { 
	display: block;
	float: right;
	height: 100%;
	text-align: left;
	text-transform: uppercase;
}

.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; display: table; height: 100%; }
.sf-menu { line-height:1.0; margin-top: 0; }
.sf-menu li { display: table-cell; vertical-align: middle; border-top: transparent 3px solid; padding-bottom: 3px; }
.sf-menu li a { float: left; display: block; line-height: 44px; text-align: left;  font-size: 14px; font-family: "Raleway"; font-weight:400; width: auto; height: auto; }

.sf-menu li a { color: #fff;  padding:0 0 0 0; text-decoration: none; }
.sf-menu > li > a { padding: 0 7px 3px; }
#nav  ul  li  a:hover {  }

.sf-menu li.selected,
.sf-menu li.sfHover,
.sf-menu li:hover { border-top: 3px solid #fff; }
	
.sf-menu ul { position:absolute; top:-999em; width:10em; }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; }
.sf-menu li { position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top:2.5em; z-index:99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:10em; top:0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; top:0; }
#selectedCircles{display: block; }
#nav ul li:first-child ul { margin: -3px 0px 0px 0px; }
#nav ul li ul { margin: -3px 0px 0px -1px; }
#nav li li:first-child a { border-top: 1px solid #ccc; }
#nav li li a { background: #f7f7f7; border-top: 0px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
#nav li li a:hover { color: #ff4b33; }

#nav li li li:first-child { margin: 2px 0px 0px -1px; border-left: 0px solid #ccc; }
#nav li li li { margin: 0px 0px 0px -1px; }

/*ABOUT SIDEBAR*/

#main .block {
	overflow: hidden;
	padding: 0;
}

#about-tabs {
	padding: 40px 0;
}
.block-about a, #about-tabs ul li a {
	color: #979797;
	background: transparent url(../img/sidebar-bullet.png) 0 -29px no-repeat;
	line-height: 29px;
	height: 29px;
	padding: 0 0 0 37px;
	display: block;
}
	.block-about a:hover,
	#about-tabs ul li a:hover,
	#about-tabs ul li.ui-tabs-active a {
		color: #6C71B5;
		background-position: 0 0;
		text-decoration: none;
	}
.block-about li, #about-tabs ul li {
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 0;
}

/**
 * Main
 */
#main {position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px;}

#content {
    margin: 0 auto;
}
.nodes.view.page.our-partners-supporters .node-type-page ul li,
.nodes.view.page.demo-page .node-type-page ul li {
    list-style: disc;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.nodes .node h2 { margin: 30px 0 20px 0; }
.col-3.node-type-about-us { text-align: justify; display: inline-table; margin-right: 4%; }
.node-type-about-us:nth-child(3n) { margin-right: 0; }
.nodes.index.about-us .node-type-about-us h2 a { text-transform: uppercase; }

.nodes.index.testimonials #content p {
	font-family: "Economica", sans-serif;
	font-size: 18px;
	color: #7673C0;
	line-height: 22px;
	font-weight: 400;
}
.node-type-testimonials {
    padding-left: 20px;
    padding-top: 20px;
    background: transparent url(../img/quote.png) left top no-repeat;
    margin-top: 40px;
}

.block-slider {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 !important;
    border-bottom: 3px solid #716ebb;
}
#header_slider {
	height: 620px;
}
.section-title {
	padding: 20px 0;
	display: block;
	color: #fff;
	background: #6C71B5;
}
.section-title h1 {
    color: #fff;
    font-weight: 300;
    /*height: 62px;
    background: transparent url(../img/gliris-wings.png) right center no-repeat;*/
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
.section-title h1 .title_wings {
    height: 22px;
    margin-left: 7px;
    float: right;
    margin-top: 6px;
}
.nodeBody { 
	position: relative; 
	margin-left: auto; 
	margin-right: auto; 
	font-size: 15px; 
	text-align: left; 
	padding-top: 0; 
	padding-bottom: 0; 
	width: 74%; 
	line-height: 21px;
}
.promoted_article {
    width: 44%;
    margin-right: 6%;
    text-align: justify;
    float: left;
    display: block;
    margin-left: 0;
}
	.promoted_article:last-child {
		margin-right: 0;
	}

#sidebar {
	float: right;
	padding-top: 30px;
	display: none;
}	
.nodeBody img{ 
	max-width: 100%;
}
.readmore {
	display: block;
	margin-top: 10px;
}

.container {position: relative; padding-bottom: 0; margin-bottom: 10px; margin-top: 30px; overflow: auto; width: 100%; background-color: #f5f3e9; z-index: 0; }
.container p {font-size: 17px; width: 400px;}
.container em {color: #006f95; font-style: normal; font-size: 35px;  }

.pdf {position: absolute; bottom: 10px; right: 32.7%;}


/**
 *Homepage Section
 */
#back-top {
    bottom: 20px;
    height: 53px;
    position: fixed;
    right: 20px;
    width: 53px;
    z-index: 199;
}
	#back-top a {
		background: url("../img/back-top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		display: block;
		height: 100%;
		opacity: 0.1;
		transition: all 0.3s ease 0s;
		width: 100%;
	}
		#back-top a:hover {
			opacity: 0.9;
		}

#intro_message {
	background: #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index:300;
	cursor: pointer;
	color: #7573b3;
	text-align: center;
}
	#intro_message > div{
		background: #fff url("../img/landing-bg.jpg") center top no-repeat;
		background-size: auto 100%;
		width: 100%; 
		max-width:1820px;
		text-align: center;
		margin: 0 auto;
	}
	#intro_message p{
		margin-bottom: 20px;
		line-height: 18px;
	}
	#intro_message img{width: 100%; max-width:1000px;}
#enterWebsite {
	width: 100%;
	text-align: center;
    -webkit-animation: myfirst 1s alternate infinite; 
    animation: myfirst 1s alternate infinite;
	color: #a7a7a7;
}
	#enterWebsite:hover {
		color: #7573b3 !important;
		text-decoration: underline;
	}

	/* Chrome, Safari, Opera */
	@-webkit-keyframes myfirst {
		0% {color: #a7a7a7;}
		100% {color: #7573b3;}
	}
	
	/* Standard syntax */
	@keyframes myfirst {
		0% {color: #a7a7a7;}
		100% {color: #7573b3;}
	}
	
/* Start News Page */
.node-info { font-style: italic; }
/* End News Page */

#social_icons_holder {
	position: fixed; 
	top: 25%; 
	left: 40px; 
	z-index: 1;
}
#social_icons_holder img{
	display: block;
	margin-bottom: 0;
	opacity: 1;
}
	#social_icons_holder img:hover {
		opacity: 0.7;
	}
#social_icons_holder #search_holder {
    background: none repeat scroll 0 0 #7075b7;
    display: block;
    padding: 5px 10px;
    position: absolute;
    right: 40px;
    top: -68px;
    width: 230px;
    height: 109px;	

    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
#social_icons_holder #search_holder.opened {
	right: -190px;
}
#social_icons_holder #search_holder .block-search{
    width: 200px;
}
#social_icons_holder #search_holder .block-search form .input{
	margin-bottom: 10px;
}
#search_btsn {
    cursor: pointer;
    position: absolute;
    right: -40px;
    top: 0;
}
#facebook_btsn {
	right: -40px;
	top: 37px;
    cursor: pointer;
    position: absolute;
}
#twitter_btsn {
	right: -40px;
	bottom: 0;
    cursor: pointer;
    position: absolute;
}
#searchform, #searchform .input {
	margin: 0;
}
#searchform .input input{
    background-color: #fff;
    border: medium none;
    border-radius: 7px;
    box-shadow: 1px 1px 2px rgba(153, 150, 219, 0.75), 0 0 7px rgba(0, 0, 0, 0.21) inset;
    color: #716ebb;
    font-family: "Economica";
    font-size: 21px;
    font-weight: 500;
    height: 24px;
    line-height: 23px;
    padding-left: 15px;
    text-align: left;
}
#search_holder p {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 7px 0 14px;
    padding-right: 2px;
    text-align: right;
}
#search_holder p a {
	color: #ffffff;
	text-decoration: none;
}
#search_holder p a:hover {
	color: #cccccc;
	text-decoration: none;
}
/**
 *Donation & Volunteer Form
 */
#payment_title {
	max-width: 100%;
	height: 37px;
}
.input,
.input.text > input,
.input.email > input,
.input.textarea > textarea {
    width: 100%;
}
.field_row {
	clear:  both;
	padding: 5px 0;
}
	.field_row::after {
	    clear: both;
	    content: "";
	    display: block;
	}
.field_row.col-sm-6 {
	background: transparent url(../img/form-sep.png) right center no-repeat;
}
.field_row > div {
	/*! margin: 0; */
}
.block-donate, .block-volunteer { 
	padding: 20px 0;
	/*background: #716ebb url(../img/donation-bg.jpg) center center no-repeat;*/
}
.block-donate + .block-volunteer {
	margin-top: 20px;
}
#donation-holder,
#volunteer-holder {
	width: 980px;
	margin: 0 auto;
	color:#7673C0;
	padding: 50px 0;
}
.input.radio legend {
	display: none;
}
.input.radio fieldset {
	width: 550px;
}
.input.radio label {
    width: 160px;
    height: 26px;
    padding-left: 10px;
    position: relative;
    margin-left: 40px;
    margin-bottom: 20px;
    margin-right: 25px;
    cursor: pointer;
    font-family: "Economica";
    font-weight: 400;
    color: #fff;
    line-height: 26px;
    text-align: left;
    font-size: 21px;
    background: #716ebb;
}

.input.radio label::before {
    content: "";
    background: transparent url(../img/radio-bg.png) 0 0 no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    left: -40px;
    top: 0px;
}
#donation-holder > .block-body {
	/*! width: 750px; */
}
	#donate-form .input.radio input[type=radio] {
		position: absolute;
    	visibility: hidden;
	}
	#donate-form .input.radio input[type=radio]:checked + label:before {
		background-position: 0 -26px;
	}

.input.checkbox input { margin-right: 10px; }
.input.checkbox label { font-size: 15px; font-weight: normal; }
.input.checkbox {
	margin: 5px 5px 0;
}
.input.radio + .input.radio, .input.checkbox + .input.checkbox { margin-top: 0; }
.input.text, .input.email {
	display: inline-block;
	float: left;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100% !important;
}
.input.text input,
.input.email input,
.input.textarea textarea { 
	display: block;
	background-color: #fff; 
	border: none;
    padding: 5px 10px;
    position: relative;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
    text-align: left;
    font-size: 18px;
    background: #716ebb;
	
	font-family: "Economica"; 
}
div.bootstrap-select.full {
	display: block !important;
    width: 100% !important;
}
.dropdown-toggle.selectpicker.btn-default, .input-block-level.form-control {
    background: #716ebb;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    line-height: 26px;
    color: #fff;
    font-size: 21px;
    font-family: "Economica";
}
	.input.textarea textarea {
		height: 86px;
		resize: none;
	}
/*
#donation-holder .input.text input,
#donation-holder .input.email input,
#donation-holder .input.textarea textarea { 
	font-weight: bold;
}*/
#donate_user_details {
	width: 500px;
}
#donate_user_details .input {
	width: 48%;
}
.medium_input_width { width: 73%; }

.grid_4 .input.text input,
.grid_4 .input.email input,
.grid_4 .input.textarea input { 
	width: 90%;
}
.grid_10 .input {
    width: 460px;
}
	.input ::-webkit-input-placeholder { /* WebKit browsers */
		color:    #ffffff;
		opacity:  0.6;
	}
	.input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #ffffff;
		opacity:  0.6;
	}
	.input ::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #ffffff;
		opacity:  0.6;
	}
	.input :-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #ffffff;
		opacity:  0.6;
	}
.submit {
	margin-top: 15px;
}
.submit input { 
	width: 373px; 
	height: 36px; 
	background-color: #fff; 
	-webkit-box-shadow: 1px 1px 1px rgba(169,167,225,.86);
	-moz-box-shadow: 1px 1px 1px rgba(169,167,225,.86);
	box-shadow: 1px 1px 1px rgba(169,167,225,.86);
	border: solid 1px #5f5d9f; 
	cursor: pointer;
	max-width: 100%;
	
	font-family: "Raleway"; font-weight: 400; color: #716ebb; text-align: center; font-size: 19px;
}
	.submit input:hover { 
		opacity: 0.9;
		text-decoration: underline;
	}

/**
 *Sectors
 */
#sectors { width: 100%; position: relative; margin-left: auto; margin-right: auto;text-align: center; }
.sector_row { clear: both; position: relative; width:1000px; margin-left: auto; margin-right: auto;  }
.sector_four {width: 800px;}
.sector {overflow: hidden; cursor: pointer; position: relative;  width: 160px; height: 160px; border-radius: 80px;  margin: 10px 20px 10px 0; display: inline-block; }



.sector h3 {font-weight:300; font-style: normal; font-size: 20px; color: #fff; text-shadow: 1px 2px 4px #000;}
.sector div {color:white;height: 100px; width: 120px;text-align: left; position: absolute; z-index: 3;padding-top:50px; padding-left: 30px;}
.sector img { position: absolute; top: 0; left: 0; height: 100%; width: auto;}
	.sector table {
		position: absolute;
		z-index: 3; 
		top: 0px; 
		left: 0px; 
		height: 160px; 
		width: 160px;
		padding: 0;
		margin: 0;
		text-align: left;
		color: #fff;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.sector table td{
		padding-left: 20px; 
		width: 100%; 
		height: 160px;
		box-sizing: border-box;
		margin: 0 !important;
		padding: 0;
		vertical-align: middle;
	}
	
.sector .greyscale { 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
}
.selected img{display: block;}
.thumbnail {z-index:1;}


.overlay {z-index: 2; display: none;}
.sector:hover .overlay {display: block;}

#sectorBody p{width: 500px;}

#buttons_holder {
	width: 677px; 
	margin: 0 auto;
	position: relative;
}
	#buttons_holder #sponsor-button {
	    float: left;
	    margin-top: 5px;
	    opacity: 1;
	}
	#buttons_holder #donate-button {
	    float: right;
	    margin-right: 18px;
	    margin-top: 4px;
	}
	#buttons_holder #sponsor-button:hover,
	#buttons_holder #donate-button:hover {
    	opacity: 0.7;
	}

.content_holder{
	position: relative;
	overflow: visible;
	
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
body.sectors.index .content_holder{    
	margin: 0 auto 30px;
    overflow: hidden;
    width: 100%;
}
.content_slide {
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	position: absolute;
	overflow: visible;
	top:0;
	left: 0;
	width: 100%;
	z-index: -1;

}

.content_slide > .nodeBody { padding-top: 0; }
#buffer { display: none; }
.buffered_right{ left: 300%;	}

.buffered_left{ left:-300%; }
.navigation_container { position:absolute; z-index: 1; overflow: visible; height:0px; width: 100%;}
.navigation {z-index: 1; width: 1220px; text-align: left; margin-left: auto; margin-right: auto;}

.right{float: right;}

/**
 *press releases
 */

#pressReleases { background-size: cover;}

.release p {font-size: 15px; width: 400px; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; font-weight: 300;}
	.release:last-child p { border-bottom: none;}
.release a{color:#006f95; text-decoration: none; font-weight: 600;}
.release h3{margin-top: 30px; font-weight: 600; font-size: 20px; color: #6a6a6a;}
.release h4{ font-weight: 400; font-size: 16px; color: #6a6a6a;}


/**
 *contact in contact page
 */
.contacts .contact-form form {
	
}
#contacts {width:1000px; margin-left: auto; margin-right: auto; margin-top: 70px; padding-bottom: 70px; }
#contacts em{font-style: normal; font-weight: 600;}

.contact {
    box-sizing: border-box;
    float: left;
    padding: 0 5px;
    text-align: left;
    width: 50%;
	font-style: normal;
}
.contact strong{color: #6C71B5;font-size: 35px;font-weight: normal;margin-bottom: 20px;}
.contact p  {margin: 0; font-size:  18px;}

.contact_input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #6C71B5;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #6C71B5;
    display: block;
    font-family: "Raleway",sans-serif;
    font-size: 23px;
    font-weight: 300;
    height: 60px;
    margin-top: 0;
    width: 100%;
	box-sizing: border-box;
}
.notes {
    /*background: url("../../img/textarea-bg.png") repeat scroll 0 -10px rgba(0, 0, 0, 0);*/
    border: medium none;
    color: #6C71B5;
    font-family: "Raleway",sans-serif;
    font-size: 23px;
    font-weight: 300;
    height: 257px;
    line-height: 64px;
    margin-top: 0;
    padding-top: 0;
    resize: none;
	box-sizing: border-box;
	overflow: hidden; 
    width: 100%;
}
		
.buttons_wrapper {width: 385px;}
.button {font-family: 'Raleway', sans-serif; width: 82px; height: 40px; background-color: #6C71B5; border: none; color: #ffffff; font-size: 17px; float: right; margin-left: 10px; }
.contact-form { padding-bottom: 30px; background: none; }
.button { cursor: pointer; }
.button:hover { text-decoration: underline; }


.sponsor_item {
    border: 1px solid #6C71B5;
    margin-top: 20px;
}
.sponsor_item a {
	color: #fff;
}
.sponsor_image_holder {
    padding: 20px 10px;
    height: 200px;
    text-align: center;
    display: table;
    width: 100%;
}
.sponsor_image_holder.has_attachment {
	display: block;
	position: relative;
}
.sponsor_image_holder img {
	max-height: 100%;
	color: #6D6E71;
}
	.image_cell{
	    display: table-cell;
	    vertical-align: middle;
	    text-align: center;
	    font-size: 150%;
	}
/*#sponsor_22 img.sponsor_attachment {
	position: absolute;
	bottom: 0;
	left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transfrom: translateX(-50%);
-moz-transform: translateX(-50%);
	height: 120px;
}*/
.sponsor_name {
	padding: 20px 10px;
	background: #6C71B5;
	color: #fff;
	height: 72px;
	text-align: center;
	display: table;
	width: 100%;
	font-size: 82%;
}
	.sponsor_name span {
		display: table-cell;
		vertical-align: middle;
	}
#sponsors_container {
	padding: 40px 0;
}

/**
 *footer
 */
#footer {
    border-top: 1px solid #716ebb;
    font-size: 14px;
    margin: 20px auto 0;
    padding: 20px 0;
    text-align: left;
}
#footer .right { text-align: right; }
#footer p {float: right; }
#media {height: 100px;  font-size: 20px; color: #5d5d5d; display: inline-table; }
#socialText {padding-right: 30px;}
#media .children {display: table-cell; vertical-align: middle; padding-right: 15px; opacity: 1;}
#media .children:hover {opacity: 0.8;} 
#media p{float: none; margin-left: 0; }
#copyright {margin-bottom: 30px;  margin-top: 30px; }

.about_footer {border-bottom:0px solid #d0d0d0 !important;}


/**
 * Project
**/
#projects {
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
}
#projects-holder {
	padding: 80px 0;
}
#project_container {
	margin: 0 auto;
	padding: 50px 0;
}
.projects_list {
	text-align: justify;
	margin: 0 auto;
}
.projects_list:after {
	/*content: "";*/
	width: 100%;
	display: inline-block;
}
.project {
    position: relative;
    display: inline-block;
    margin: 20px 6px 40px 0;
    padding: 0;
    color: #7573b3;
    width: 19%;
    height: auto;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
	.project.element-item:hover {
	    opacity: 0.8;
	}
	.project .project_link {
		display: block;
	}
	.project .project_attchment {
		position: relative;
	}
	.project .project_thumb{
	    position: relative;
		display: inherit;
	    max-width: 100%;
	}
	.project .project_mask{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		max-width: 100%;
	}
	.project .project_category_mask{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		max-width: 100%;
	}
	.project .project_title {
	    text-align: left;
	    font-size: 12px;
	    font-weight: 400;
	    margin-top: 20px;
	    position: absolute;
	    bottom: 0;
	    color: #fff;
	    background: rgba(55, 46, 119, 0.8);
	    width: 100%;
	    padding: 10px;
	    text-transform: lowercase;
	    line-height: 18px;
	}
#project_list {
    box-sizing: border-box;
	margin: 40px auto 0;
	width: 100%;
}
	#project_list li {
		font-size: 16px;
		text-align: left;
	}
	#project_list li a{
		color: #636363;
		text-decoration: none;
		padding: 7px 0;
		display: block;
	}
	#project_list li a:hover,
	#project_list li a.current{
		color: #006f95;
	}
#project {
	text-align: left;
	margin: 30px auto;
}

#project:after,
#project::after {
    /*content: "";*/
    width: 100%;
    display: inline-block;
}
#project .photo {
    border-radius: 0;
    width: 19%;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    margin-top: 10px;
    margin-right: 0.5%;
}
	#project .photo:nth-child(5n) {
	    margin-right: 0;
	}
	#project .photo:hover {
		opacity: 0.8;
	}
#project h2 {
	text-align: left;
	font-weight: 300;
	margin-bottom: 10px;
}
	#project .photo img{
		width: 100%;
	}
#project_middle_image,
#volunteer-title{
	max-width: 100%;
}

/**
 * Overwrite some responsive columns
**/
/**
 * Contacts
**/
#contacts {
	padding-top: 70px;
    margin: 0 auto;
    max-width: 980px;
    line-height: 18px;
    text-align: center;
}
.col-3,
.col-4,
.col-5 {
	float: left;
}
.col-3 {
	width: 30%;
	margin-right: 2%;
}
.col-4 {
	width: 23%;
	margin-right: 2%;
}
.col-5 {
	width: 18%;
	margin-right: 2%;
}
	.col-3:nth-child(3n),
	.col-4:nth-child(4n),
	.col-5:nth-child(5n) {
		margin-right: 0;
	}
.col-3 img,
.col-4 img,
.col-5 img {
	max-width: 100%;
}
	
.contact_social_icon {
    display: inline-block;
    margin-right: 16px;
    margin-top: 20px;
    font-size: 35px;
}
.block-social-media-columns {
	padding: 20px 0;
}
#contacts h3 {
    color: #6C71B5;
    font-family: "Economica";
    font-size: 29px;
    font-weight: lighter;
    line-height: normal;
    margin: 20px 0 10px;
}
.contact_social_icon:last-child {
	margin: none;
}
#contacts p {
    font-size: 14px;
    line-height: 19px;
}

/**
 * Debug Mode
**/
#debug {
	padding: 10px 20px;
	position: fixed;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	color: #fff;
	z-index: 9999;
}

/**
 * Responsive Properties
**/
.slicknav_menu {
	display:none;
	padding: 22px 5px 10px !important;
	background: #6C71B5 !important;
}
.slicknav_nav a {
	color: #fff !important;
}
.slicknav_btn {
    margin: -3px 10px 7px !important;
}
@media screen and (max-width: 1220px) {
	#nav {
		width: 1000px;
	}
	.sf-menu li a { 
		margin-left: 0 !important; 
		/*padding-right: 0;
		padding-left: 0;*/
		font-size: 14px;
	}
	.sf-menu li a.green-corporate-governance { margin-left: 135px; }
	
	.navigation { position: fixed; top: 40%; left: 0; width: 100%; }
	.arrow {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
		left: 0;
		position: absolute;
	}
	.arrow:hover {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
	}
	.rightlink.arrow {
		left: auto;
		right: 0;
	}
	.projects_list {width: auto;}
	#project_container { width: 100%; }
	#project{ padding: 0 20px; }
		
	#project_list .sector { margin-left: 0px;  }
	#project h2 { font-size: 33px; }
}

@media screen and (max-width: 1017px) {
	/* start assigning blocks as full width */
	.success { width: 90%; }
	#nav, #wrapper, #footer, .release p{
		width: 100%;
	}
	#nav {
		top: 0;
		left: 0;
		z-index: 200;
		margin: 0;
	}
	#content, .nodeBody, #contacts { 
		width: 100%;
	}
	.nodeBody, #contacts { 
		padding: 0 20px; 
	}
	#about-tabs > ul {
		float: none;
		padding: 50px 20px 0;
	}
	#contacts { 
		padding-bottom: 70px;
	}
	.release p {
		
	}
	
	
	.photo_project {
		left: 20px;
		right: auto;
		top: auto;
	}
	#sidebar { display: none; }
	#main .block {
		width:  100%;
		padding-left: 0;
		padding-right: 0;
		overflow: hidden;
	}
	form .input, .field_row {
	    margin: 0 0 15px;
	    width: 100%;
	}

	#sectors br { display: none;}
	#sectors .sector { margin: 10px; }
	
	.nodeBody {
		margin-top: 0;
		padding-top: 50px;
	}
	.section-title {
		padding: 20px;
	}
	.section-title h1 {
		background-size: auto 100%;
		height: auto;
	}
	.container_12, .container_16 { width: 100%; }
	.block-slider {padding-bottom: 0;}
	.release h3 {
		margin-top: 20px;
	}
	.pdf {
		bottom: -85px;
		right: -15px;
	}
	.container { padding-bottom: 30px; overflow: hidden; }
	.container.description { padding-bottom: 90px; }
	.content_slide.current .container:after, .container.description:after { background: #f5f3e9 !important;}
	.nodeBody p {
		width: auto;
	}
	#contactUs,
	#contactUs h2 {
		margin-top: 30px;
	}
	
	#footer {
		padding: 0 20px;
		width: auto;
	}
	
	.contact { height: auto; }
	
	#project { width: 100%; text-align: center; }
	#project_list .sector { width: 140px; height: 140px; margin: 10px;  }
	#project_list .sector table, #project_list .sector table td{ width: 140px !important; height: 140px !important;  }
	#project_container h2 { width: 100%; padding: 0 20px; box-sizing: border-box; }

	.container_12 .grid_10, .grid_10,.container_12 .grid_3, .container_16 .grid_4, .grid_4  {
	    width: 50%;
	}
	.grid_10 .input {
	    width: 100%;
	}
	.project { width: 24%; }
}

@media screen and (max-width: 900px) {
	#wrapper {
		margin-top: 45px;
	}
	.slicknav_menu {
		display:block;
	}
	.sf-menu, #nav > a {
		display:none;
	}
		header,
		header.scrolled {
			min-height: unset;
			height: auto;
			background-color: unset;
		}
		#nav .menu { 
			width: 100%;
			height: auto;

			box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
			-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
		}

		#logo_holder {
		    position: absolute;
		    z-index: 2;
		    float: unset;
		    overflow: hidden;
		    display: block;
		    height: 50px;
		    left: 10px;
		    text-align: left;
		    top: 5px;
		}
		#logo_holder > div { display: block; }
		#logo_holder * { height: 100%; }

	.contact-form { background: #f5f3e9; }
	
	.contacts .contact-form form,
	.contact_input {
		width: 100%;
	}
	.notes {
		width: 100%;
	}
	.col-3,
	.col-4,
	.col-5 {
		width: 100%;
		padding: 10px;
		margin: 0;
	}
		.col-3 img, .col-4 img, .col-5 img {
		    width: auto;
		}
		.sponsor_image_holder {
			height: auto;
		}
		.sponsor_name {
			font-size: 100%;
		}
	.buttons_wrapper {
		float: right;
	}
	#project, #project_list {
		box-sizing: border-box;
		display: block;
		float: none;
		width: 100%;
	}
	#project_list { padding: 10px; }
	#project_list br { display: none; }
	#project_list ul { padding: 10px; background-color:#ddd; border-radius: 10px; }
	#project_list ul li a:hover{ background-color: #CCC; }
	#project .photo { margin-right: 10px; }
}
@media screen and (max-width: 760px) {

	#project_middle_image{
		display: none;
	}
	.project { width: 32%; }
}
@media screen and (max-width: 700px) {
	.aboutBodyDiv {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 auto 20px;
	}
	.aboutImg {
		float: left;
		margin-right: 30px;
	}
}
@media screen and (max-width: 640px) {

	.section-title h1 .wingz {
		display: none;
	}
	#footer p {
		float: none;
		text-align: center;
	}
	#footer {
		text-align: center;
		border-top: 1px solid #d0d0d0;
		border-bottom: none;
		margin-top: 40px;
		padding-top: 30px;
	}
	.success { width: 80%; }

	.right, .left {
	    float: none;
	}
	.grid_4 .input.text input, .grid_4 .input.email input, .grid_4 .input.textarea input {
	    width: 100%;
	}

	.block-donate .section-title h1 { background: none; }

	#header_slider {
		height: 420px;
	}
}
@media screen and (max-width: 550px) {
	body.nodes.view.page .nodeBody img{
		display: block;
		float: none !important;
	}
}
@media screen and (max-width: 500px) {
	.section-title h1 {
		font-size: 40px;
	}
	.project { width: 48%; }
	#logo_holder > div img  {
	    width: auto;
	    height: 100%;
	}
	.sectorTitle {
		font-size: 30px;
	}
	#companyTitle {
		font-size: 18px;
	}
	#titleSection h4 {
		font-size: 17px; 
	}
	h2 {
		font-size: 33px;
	}
	.aboutDescription h3,
	#people h3 {
		font-size: 28px;
	}
	#socialText {
		display: block !important;
		margin: 10px auto;
	}
	#media .children {
		display: inline-block;
	}
	#project { text-align: center; }
	.photo_project a { font-size: 25px; }
	
}


@media screen and (max-width: 450px) {
	.project { width: 100%; }
	.project .project_thumb { width: 100%; }
	.project .project_title { padding: 20px 10px; font-size: 19px; }
}