@import url(//fonts.googleapis.com/css?family=Economica:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

/**
 * Basic
 
html, body { overflow-x: hidden;}*/
body {position: relative; font-family: 'Open Sans', sans-serif; color: #6D6E71; height: 100%; background-color:#ededed;}
a { color: #2570b7; text-decoration: none; }
a:hover { color: #2570b7; text-decoration: underline; }

p { line-height: 19px; 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: #2570b7; font-family: 'Open Sans', sans-serif; font-size: 17px; opacity: 0.7; display:block;margin-bottom: 5px; }

h1 { font-size: 28px; color: #2570b7;}
h2 { font-size: 20px; margin: 0px 0px 20px 0px; color: #2570b7; font-weight: 400; font-family:"arial"; }
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; padding-top: 90px; }
body.nodes.promoted #wrapper {
	padding-top: 0;
}
.hidden { display: none; }
address { font-style: normal; }

.campus ul {
    list-style: disc;
    margin-left: 30px;
}
.campus .ourcampusdescription ul {
	margin-bottom: 15px;
	margin-top: 10px;
}
.campus ul li {
    line-height: 19px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
}
#topsocial .social a#annual_report {
    width: auto;
    margin-top: 7px;
    border-radius: 3px;
    padding: 5px 15px;
    border: none;
    margin-right: 15px;
}
#impact_report {
    position: fixed;
    right: 0;
    top: calc(50% - 150px);
    vertical-align: middle;
    z-index: 999;

    transform: translateY(-50%) rotate(-90deg);
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);

    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;

}
#impact_report a {
    background: #2570b7;
    color:  #ffffff;
    display: block;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 5px 15px;
    border:  1px solid #ffffff;

    box-shadow: -1px -1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: -1px -1px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: -1px -1px 3px rgba(0,0,0,0.4);
    -ms-box-shadow: -1px -1px 3px rgba(0,0,0,0.4);
    -o-box-shadow: -1px -1px 3px rgba(0,0,0,0.4);

    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}
    #impact_report a:hover {
        background:  rgba(37, 112, 183, .8);
        text-decoration: none;
        border-color: #2570b7;
    }
#impact_report a * {
    vertical-align: middle;
}
#impact_report img {
    margin-right: 10px;
}

/**
 * Form
 */
form { margin: 10px 0px 0px 0px; }
form label { display: inline-block; font-weight: bold; cursor: pointer; }
form .input { margin: 0px 0px 15px 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;
}
#authMessage {
    padding:8px 35px 8px 14px;
    margin: 0 auto;
    width: 1020px;
    margin-bottom:20px;
    margin-top:30px;
    color:#c09853;
    text-shadow:0 1px 0 rgba(255,255,255,0.5);
    background-color:#fcf8e3;
    border:1px solid #fbeed5;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
 div .error {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    color: #b94a48;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    background-color: #f2dede;
    border: 1px solid #fbeed5;
    border-color: #eed3d7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.form_input {
    display: block;
    width: 50% !important;
    margin-top: 10px;
}
/**
 * Header
 */
header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,117,191, 0.8);
	z-index: 1000;
	/*min-height: 80px;*/
	height: 90px;
	
	-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(0,117,191, 0.9);; height: 62px; } 

#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: 20px;
    height: 70px;
    transition: all 0.4s linear;
}
.scrolled #logo_holder > div img {
    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; 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-bottom: transparent 3px solid; padding-top: 3px; }
.sf-menu li a { float: left; display: block; line-height: 44px; text-align: left;  font-size: 14px; font-family: "Open Sans"; 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 8px 3px; }
#nav  ul  li  a:hover {  }

.sf-menu li.selected,
.sf-menu li.sfHover,
.sf-menu li:hover { border-bottom: 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: 20px 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: #2570b7;
		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 {
    list-style: disc;
    margin-top: 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: 5px solid rgba(0,117,191, 1);
}
#header_slider {
	height: 620px;
}
.section-title {
	padding: 20px 0;
	display: block;
	color: #2570b7;
	background: #ededed;
}
.section-title h1 {
    color: #2570b7;
    font-weight: 300;
    /*height: 62px;
    background: transparent url("../img/gliris-wings.png") right center no-repeat;*/
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}
.section-title h1 .title_wings {
    height: 31px;
    margin-left: 10px;
    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: 46%;
    margin-right: 4%;
    text-align: justify;
    float: left;
    display: block;
    margin-left: 0;
}
.promoted_article:nth-child(2n) {
    margin-left: 4%;
    margin-right: 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%;}



/*******TOP SOCIAL*********/
#topsocial{height:55px;width:100%;background-color:#fff;display:table;}
#topsocial p{display: inline; margin-bottom: 0; text-transform:uppercase;color:#2570b7;font-size:16px; float: left;margin-top: 7px;}
#topsocial .social a.blog_link span {margin-top: 5px;margin-right: 10px;}
#topsocial > div {display:table-cell;vertical-align:middle;height:100%;}
#topsocial .social { float: right; }
#topsocial .social a {
    margin-left: 5px;
    background: #2570b7;
    color: #fff;
    border-radius: 50%;
    padding: 4px 0;
    width: 26px;
    display: inline-block;
    text-align: center;

	-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;
}
#topsocial .social a:hover { background-color: #fff; color: #2570b7; }
/*******TOP SOCIAL********/

body.about-us{background:#fff;}
/*body.about-us #wrapper{padding-top:90px;}*/
.aboutuspic{margin:0 auto;display:block;margin-top:50px;}
body.about-us .paging{margin:0;}
/*******homepage counters*********/
#counters{height:auto;width:100%;background-color:#2570b7;padding: 20px 0;}
.counteritem{width:180px;height:100%;position:relative;float:left;margin-right:160px;padding-top:0;}
.counteritem p{color:#fff;font-size:14px;line-height:20px;text-align:center;margin-top:22px;margin-bottom:0;}
.counteritem:first-child{margin-left:60px;}
.counteritem:nth-child(3n){margin-right:0;}
.outcircle {
    padding: 15px;
    position: relative;
    width: 125px;
    height: 125px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    border: 3px solid #fff;
    margin: 0 auto;
}
.incircle {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 25px;
    margin: 0 auto;
    color: #2570b7;
    font-family: tahoma;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
}
.arrowcircle {
    font-family: tahoma;
    font-weight: bold;
    font-size: 17px;
    color: #0075bf;
    text-align: center;
    right: 15px;
    top: 0;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    letter-spacing: 0;
}
/*******homepage counters*********/


/*******GET INVOLVED HOME*********/
#getinvolved{
    height: auto;
    width: 100%;
    background-color: #2570b7;
    padding: 15px 0;
}
#getinvolved .container_16 {display: table;}
#getinvolved h1{color:#fff;font-weight:300;font-size:24px;margin-top:0;display: table-cell; vertical-align: middle;text-align: left;}
#getinvolved .involvedelements{margin-top:0;display: table-cell;text-align: left;vertical-align: middle;}
#getinvolved .involvedelements span{color:#fff;margin-left:5px;vertical-align: middle;}
#getinvolved .involvedelements img{margin-left:95px;vertical-align:middle;height: 38px;}
#getinvolved .involvedelements a{
	-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;
}
#getinvolved .involvedelements a:hover{opacity: 0.6;cursor:pointer;}
/*******GET INVOLVED HOME*********/


/*******GET INVOLVED INSIDE*********/
#getinvolvedinside{height:60px;width:100%;background-color:#ededed;padding-top:1px;position:relative;}
#getinvolvedinside h1{color:#2570b7;font-weight:300;font-size:24px;margin-top:17px;float:left;}
#getinvolvedinside .involvedelements{position:absolute;right:0;left:0;margin-left:auto;margin-right:auto;width:260px;top:12px;}
#getinvolvedinside .involvedelements span{color:#fff;margin-left:5px;vertical-align: middle;}
#getinvolvedinside .involvedelements img:first-child{margin-left:0;}
#getinvolvedinside .involvedelements a {margin-left:40px;}
#getinvolvedinside .involvedelements img{vertical-align:middle;height: 40px;
	-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;}
#getinvolvedinside .involvedelements a:hover{opacity: 0.6;}
/*******GET INVOLVED INSIDE*********/


/***********ourcampushome****************/
#ourcampushome{height:560px;width:100%;background-size:cover;position:relative;}
#ourcampushome .campuscontainer{padding:10px 30px 3px;height:auto;width:550px;background-color: rgba(0, 117, 191, 0.9);position:absolute;right:0;top:150px;}
#ourcampushome .campuscontainer p{color:#fff;}
#ourcampushome .campuscontainer p a{color:#fff;}
/**********ourcampushome******************/


/*********Contact us*********/
.container_670{width:670px;margin:0 auto;}
#topcontact{height:45px;background-color:#0075bf;}
#contactus{background-color:#005991;padding:40px 0;width:100%;color:#fff;}
#contactus h2{font-size:20px;color:#fff;margin-bottom:25px;}
#contactus .leftblock{float:left;width:295px;}
#contactus .leftblock p,#contactus .rightblock p{font-size:13px;margin:0;}
#contactus .leftblock h1{font-size:17px;color:#fff;font-weight: 300;}
#contactus .leftblock a{color:#fff;}
#contactus .rightblock{float:right;width:445px;}
#contactus h3{font-size:33px;}
#contactus input{width:48.5%;height:30px;border:0;margin-bottom:12px;margin-right:12px;padding:5px;}
#contactus input:nth-child(2n+1){margin-right:0;}
#contactus .submit input {width: 100%;height: 30px;background-color: #0075bf;cursor: pointer;color:#ffffff;}
#contactus .submit input:hover {opacity: 0.9;text-decoration: underline;}
#contactus textarea{width:100%;max-width:100%;min-width:100%;height:130px;max-height:130px;min-height:130px;border:0;padding:5px; font-family: 'Open Sans', sans-serif;font-size: 13px;}

#contactus .footer_social a {
	display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    background: #fff;
    color: #005991;
    border-radius: 50%;
    padding: 4px 0;
    width: 26px;
    text-align: center;

	-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;
}
#contactus .footer_social a:hover { background-color: #005991; color: #fff; }
/*********Contact us*********/


/*******OUR TEAM**********/
#main .block.ourteamtop{width:100%;border-radius:5px;background-color:#ededed;color:#0075bf;padding:28px;margin-bottom:45px;}
#ourteam{padding:45px 0;}
.teamsectiontitle{background-color:#ffffff;padding:0;}
.teamblock {
    height: auto;
    width: 47%;
    padding: 40px 24px;
    background-color: #0075bf;
    color: #ffffff;
    float: right;
}
.teamblock:nth-child(2n){float:left;}
.teamblock p{line-height:20px;font-size:15px;}
.teamimage{margin-right:24px;float:left;margin-bottom: 25px}
.teamtitle{float:left;margin-top:121px;}

.boardoftrusteestop{height:46px;width:100%;background-color:#0075bf;}
#board{background-color:#ffffff;padding:0;width:100%;}
#boardoftrustees{background-color:#0075bf;width:100%;color:#ffffff;}
#boardoftrustees{padding:25px 0;}
#boardoftrustees li{float:left;width:50%;background:url("../../img/boardicon.png") no-repeat;background-position:top left;height:26px;font-size:18px;line-height:25px;padding-left:34px;margin-bottom:20px;}
/*******OUR TEAM*********/


/*******Our campus*********/
.ourcampusdescription{padding:85px 0;}
.campusbigimage{position:relative;width:100%;max-width:1025px;margin:0 auto;height:485px;background-size:cover;margin-top:50px; background: #ccc; overflow: hidden;}
.campusbigimage h1{position:absolute;width:100%;background:rgba(0, 117, 191, 0.8);padding:20px 0;color:#ffffff;font-size:16px;font-weight:normal;padding-left:20px;bottom:0;z-index: 3;}
#gallerywrapper{width:100%;padding:22px 0;background-color:#ededed;margin-top:50px;}
#ourcampusgallery{}
#ourcampusgallery .photo{transition:all .25s ease-in;}
#ourcampusgallery .photo:hover{opacity:0.8;}


	#ourcampusgallery.owl-carousel .owl-controls .owl-nav .owl-prev,#ourcampusgallery.owl-carousel .owl-controls .owl-nav .owl-next
{top:0px;position:absolute;width:32px;height:100%;background-color:transparent;color:#fff;font-size:42px;text-align:center;transition:all 0.25s ease-in;}
#ourcampusgallery.owl-carousel .owl-controls .owl-nav .owl-prev:hover,#ourcampusgallery.owl-carousel .owl-controls .owl-nav .owl-next:hover{background-color:rgba(255,255,255,0.4);}
#ourcampusgallery.owl-carousel .owl-controls .owl-nav .owl-prev span,#ourcampusgallery.owl-carousel .owl-controls .owl-nav .owl-next span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#ourcampusgallery.owl-carousel .owl-controls .owl-nav .owl-prev{left:0px;}
#ourcampusgallery.owl-carousel .owl-controls .owl-nav .owl-next{right:0px;}

.preloader,
#stage_image {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	height: auto;
	width: auto;
	max-width: 100%;

	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.preloader {
	z-index: 1;
}
/*******Our campus*********/


/*******NEWSFEED*********/
#newsfeed_list > div {
    margin-bottom: 20px;
}
#newsfeed_list > div .white-bg {
    margin-bottom: 0;
    padding: 20px 10px;
    height: 510px;
}
.attachment_link,
.video_link {
	display: table;
	width: 100%;
	margin-bottom: 20px;
	font-size: 14px;
}
.video_link > *,
.attachment_link > * {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.medias .attachment_link {
	padding-left: 40px;
	background: transparent url("../img/yarram.png") left center no-repeat;
}
.video_link > img,
.attachment_link > img {
	padding-right: 10px;
}
/*.attachment_link > span {
	min-width: 80%;
}*/
.video_link span,
.attachment_link span {
    padding-left: 0;
    width: 65%; /*it used to be 209*/
}/*
.video_link span {
    width: 190px;
}*/
.poptrox-ajax .attachment_link {
    display: block;
    text-align: left;
    padding: 0 20px;
    padding-right: 0;
    text-decoration: none;
}
.poptrox-ajax .attachment_link > span {
    width: auto;
}
.poptrox-ajax .attachment_link > * {
    display: inline-block;
}
.poptrox-ajax .attachment_link > img {
    padding-right: 20px;
}
/*******NEWSFEED*********/



/**
 *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: 43px;
}
.input,
.input.text > input,
.input.email > input,
.input.textarea > textarea {
    width: 100%;
}
.field_row {
	clear:  both;
	padding: 5px 0;
}
.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;
}
#donate-form  .volunteer-intern .input.checkbox{margin-left:0;}
#donation-holder,
#volunteer-holder {
	width: 660px;
	color:#ffffff;
	padding: 15px;
	background-color:#0075bf;
	margin:50px 0;
	float:left;
}
.bank_transfer_holder{float:left;width:335px;background-color:#ededed;padding:15px;color:#000000;margin-top:50px;margin-left:20px;}
.bank_transfer_holder p{font-size:12px;line-height:15px;}
.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 {
}
	#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;
	}
#donate-form .input.checkbox{margin-left:95px;}
.input.checkbox input { margin-right: 2px; }
.input.checkbox label { font-size: 15px; font-weight: normal; }
.input.checkbox {
	width:47%;
	float:left;
	line-height:20px;
}
.input.radio + .input.radio, .input.checkbox + .input.checkbox { margin-top: 0; }
.input.text, .input.email {
	display: inline-block;
	float: left;
}
#donate-form input[type="submit"]{width:100%;text-align:center;}
.more-donations{transition:all 0.25s ease-in;width:100%;height:39px;background-color:#fff;color:#0075bf;margin-top:20px;line-height:39px;}
.more-donations:hover{opacity:0.8;}
.moredon:hover{text-decoration:none;}
#donate-form input , #donate-form textarea, #donate-form select, .filter-option{ 
	display: block;
	background-color: #fff; 
	border: none;
    padding: 5px 10px;
    font-weight: 400;
    color: #929292;
    line-height: 26px;
    text-align: left;
    font-size: 15px;
}
div.bootstrap-select.full {
	display: block !important;
    width: 100% !important;
}
.dropdown-toggle.selectpicker.btn-default, .input-block-level.form-control {
    background: #ffffff;
    border-radius: 0;
    border: none;
    padding: 0 !important;
    line-height: 26px;
    color: #929292;
    font-size: 15px;
}
	.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-input-placeholder { /* WebKit browsers */
		color:    #666;
		opacity:  1;
	}
	.input :-moz-placeholder,
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #666;
		opacity:  1;
	}
	.input ::-moz-placeholder,
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #666;
		opacity:  1;
	}
	.input :-ms-input-placeholder,
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #666;
		opacity:  1;
	}
.submit {
	margin-top: 15px;
}
/*.submit input { 
	width: 50px; 
	height: 30px; 
	background-color: #0075bf; 
	cursor: pointer;
	color:#ffffff;
}
	.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");
}
.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;}


/***Volunteer page****/
#volunteer-holder{background-color: #0075bf;color: #ffffff; margin: 0 0 25px 0;padding: 15px;width:100%;height:500px;}
.volunteer-info-holder{width:100%;background-color: #ededed;color: #000000;float: left;height: 70px;padding: 10px;margin-bottom:25px;}
.volunteer-info-holder p{font-size: 14px;line-height: 53px;text-align:center;}
#volunteer-holder #donate-form .half{width:47.3%;}
#volunteer-holder #donate-form .topmargin{margin-top:10px;}
.volunteer-intern{margin-top:20px;width:62.3%;float:left;padding-left:40px;}
#volunteer-holder textarea{width:100% !important;height:200px;max-height:200px;min-height:200px;max-width:100%;min-width:100%;}
.fullwidth{width:100% !important;}
#volunteer-holder #donate-form input[type="submit"]{width:20%;float:right;}
.volunteer-top-title{margin-top:50px;display:inline-block;padding:15px 100px 15px 30px;color:#fff;font-size:14px;background-color: #0075bf;}
.uploadcv{float:left;position:relative;}
.uploadcvbutton{width:118px;height:41px;background-image:url("../../img/volunteerbutton.png");position:absolute;top:8px;transition: all 0.25s ease-in-out;}
.uploadcvbutton:hover{opacity:0.8;cursor: pointer;}
#volunteer-holder input[type='file']{visibility: hidden;}
/***Volunteer page****/

/**
 *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: #2570b7;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 #2570b7;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #2570b7;
    display: block;
    font-family: "Open Sans",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: #2570b7;
    font-family: "Open Sans",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: 'Open Sans', sans-serif; width: 82px; height: 40px; background-color: #2570b7; 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; }

/**
 *footer
 */
#footer {
    font-size: 10px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: left;
    background-color:#0075bf;
    color:#fff;
    text-align: center;
}
#footer .right { text-align: right; }
#footer p {float: right; }
#footer a{color:#fff;}
#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;}

.pbody{background-color:#ededed;}

.carousel-projects{/*height:150px;*/}

#project_img_holder{width:430px;float:left;margin-right:50px;transition:all 0.25s ease-in;}
#project_img_holder:hover{opacity:0.8;}
#project_desc_holder{width:495px;float:left;}
#project{width:100%;}
/**
 * Project
**/
#projects {
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
}
#projects-holder {
	padding: 40px 0;
	background-color:#fff;
}
#project_container {
	margin: 0 auto;
	padding: 50px 0;
	background:#fff;
}
.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.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;
}

.project:hover{opacity:0.7;cursor: pointer;}


	.project .project_link {
		display: block;
	}
	.project .project_attchment {
		position: relative;
	}
	.project .project_thumb{
	    position: relative;
		display: inherit;
	    max-width: 100%;
		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: 15px;
	    font-weight: 400;
	    margin-top: 20px;
	    position: absolute;
	    bottom: 0;
	    color: #fff;
	    background: rgba(37, 112, 183, 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_details {
    min-height: 313px;
}
#project {
	text-align: left;
}

#project:after,
#project::after {
    /*content: "";*/
    width: 100%;
    display: inline-block;
}
#project .photo {
    border-radius: 0;
    /*width: 100px;*/
	/*height:100%;*/
    overflow: hidden;
    /*display: inline-block;*/
    margin: 0;
	transition:all 0.25s ease-in;
}
	#project .photo:nth-child(5n) {
	    margin-right: 0;
	}
	#project .photo:hover {
		opacity: 0.8;cursor:pointer;
	}
#project h2 {
	text-align: left;
	font-weight: 300;
	margin-bottom: 10px;
}
	#project .photo img{
		width: 100%;
	}
#project_middle_image,
#volunteer-title{
	max-width: 100%;
}




/**
 * Projectsinside
**/
#projectsinside {
	background-color:#ededed;
	padding:30px 0;
	width:1025px;
	margin:0 auto;
}

.projectinside {
    position: relative;
    /*display: inline-block;*/
    /*margin: 0 6px 0 0;*/
    padding: 0;
    color: #7573b3;
    /*width: 140px;*/
    height: auto;
	overflow:hidden;
	transition:all 0.25s ease-in;
}
.projectinside:hover{opacity:0.8;}
	.projectinside .projectinside_link {
		display: block;
	}
	.projectinside .projectinside_attchment {
		position: relative;
	}
	.projectinside .projectinside_thumb{
	    position: relative;
		display: inherit;
	    max-width: 100%;
	}
	.projectinside .projectinside_mask{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		max-width: 100%;
	}
	.projectinside .projectinside_category_mask{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		max-width: 100%;
	}
	.projectinside .projectinside_title {
	    text-align: left;
	    font-size: 15px;
	    font-weight: 400;
	    margin-top: 20px;
	    position: absolute;
	    bottom: 0;
	    color: #fff;
	    background: rgba(37, 112, 183, 0.8);
	    width: 100%;
	    padding: 10px;
	    text-transform: lowercase;
	    line-height: 18px;
	}

#projectinside .photoinside {
    border-radius: 0;
    width: 19%;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    margin-top: 10px;
    margin-right: 0.5%;
}
	#projectinside .photoinside:nth-child(5n) {
	    margin-right: 0;
	}
	#projectinside .photoinside:hover {
		opacity: 0.8;
	}
#projectinside h2 {
	text-align: left;
	font-weight: 300;
	margin-bottom: 10px;
}
	#projectinside .photoinside 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 {
	float: left;
	width: 30%;
	margin-right: 2%;
}
	.col-3:nth-child(3n) {
		margin-right: 0;
	}
img {
	max-width: 100%;
}
.blue_bar .col-3 { width: 32%; }
.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: #2570b7;
    font-family: "Economica";
    font-size: 40px;
    font-weight: lighter;
    line-height: normal;
    margin: 20px 0 10px;
}
.contact_social_icon:last-child {
	margin: none;
}
#contacts p {
    font-size: 17px;
    line-height: 19px;
}

#confirm_table {
    margin-top: 30px;
}
#paynow {
    margin-top: 20px;
}
.action_block_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    cursor: default;
    top: 0;
    left: 0;
    display: none;
    background: rgba(0,0,0,0.2);
    min-width: 100vw;
    min-height: 100vh;
}
.block_all_actions .action_block_overlay {
    display: block;
}

/**
 * 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: #2570b7 !important;
}
.slicknav_nav a {
	color: #fff !important;
}
.slicknav_btn {
    margin: -3px 10px 7px !important;
}
@media screen and (max-width:1140px){
#projectsinside{width:80%;}
}
@media screen and (max-width:1045px){
#wrapper, .container_16,#nav{width:100%;}
.container_16{padding:0 10px;}
.tp-caption h2{font-size:22px !important;padding-left:10px !important;line-height:20px;}
.teamblock{float:none;margin:0 auto;height: auto !important;}
.teamblock:nth-child(2n){float:none;margin-bottom:20px;}
#donation-holder{width:100%;float:none;}
.bank_transfer_holder{margin:0 auto;margin-bottom:20px;float:none;}
.ourcampusdescription{margin-top:30px;margin-bottom:30px;}
}
@media screen and (max-width:990px){
.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%; }
.tp-caption h2{font-size:19px !important;padding-left:10px !important;line-height:20px;}

#counters{text-align:center;height:auto;}
#counters .container_16{display:inline-block;width:auto;}
#counters .counteritem{margin-left:0;margin-right:0;margin-right:20px;}
#counters .counteritem:nth-child(3n){margin-right:0;}
#projects-holder{padding-top:0;}

#getinvolved{height:auto;padding:20px 0;}
#getinvolved .involvedelements img{margin-left:15px;}
#getinvolved h1{margin-top:10px;}
#getinvolved .involvedelements{margin-top:0;}

#project_container{padding-left:20px;padding-right:20px;}
#project_desc_holder{float:none;margin-top:15px;width:100%;}
#project_img_holder{float:none;margin-right:0;}

#project{width:500px;}
}
@media screen and (max-width:960px){

}
@media screen and (max-width:945px){
.projects_list{text-align:center;}
}
@media screen and (max-width:775px){
.project{width:190px;}
#getinvolved h1{float:none;text-align:center;}
#getinvolved .involvedelements{margin-top:10px;text-align:center;float:none;}
#contactus .leftblock,#contactus .rightblock{float:none;margin-bottom:40px;}
}
@media screen and (max-width:700px){
#topsocial{text-align:center;height:auto;}
#topsocial p,#topsocial .social{float:none;margin-bottom:3px;}
#topsocial .social{margin-top:5px;}
.promoted_article{float:none;width:100%;margin-bottom:35px;}
.promoted_article .readmore{margin-top:0;}
#footer{line-height:20px;}
.col-3.node-type-about-us{float:none;width:100%;margin-bottom:10px;}


}
@media screen and (max-width:670px){
	#donation-holder .left-holder,#donation-holder .right-holder{width:100% !important;float:none !important;}
	#donation-holder .field_row .input{width:100% !important;padding:0 !important;margin:0 !important;margin-bottom:5px !important;}
	#donation-holder .field_row{padding:0 !important;}
	#donate-form label{margin:0 !important;float:none !important;display:block !important;margin-top:10px !important;}
	#donate-form input[type="radio"]:nth-child(3n+1){margin-left:0 !important;margin-top:10px !important;}
	#donate-form .input.checkbox{float:none !important;width:100% !important;}
	.more-donations{font-size:14px !important;height:auto !important;text-align:center !important;padding:0 10px !important;}
	.more-donations img{float:none !important;margin:0 auto !important;display:block !important;padding-top:5px !important;}
	#volunteer-holder{height:auto;}
	#volunteer-holder #donate-form .left-holder,#volunteer_page #donate-form .right-holder{width:100% !important;float:none !important;}
	#volunteer-holder .field_row .input{width:100% !important;padding:0 !important;margin:0 !important;margin-bottom:5px !important;}
	#volunteer-holder .field_row{padding:0 !important;}
	#volunteer-holder #donate-form input[type="submit"]{width:50%;margin:0 auto;float:none;}
	.volunteer-info-holder{clear:both;float:none;height:auto;margin-top:20px;}
}
@media screen and (max-width:600px){
	#counters .counteritem{float:none;margin-right:0;}
	#ourcampushome .campuscontainer{position:static;width:100%;margin-top:30px;}
	#getinvolvedinside h1{float:none;text-align:center;margin-top:0;}
	#getinvolvedinside .involvedelements{position:static;width:auto;text-align:center;margin-top:5px;}
	#getinvolvedinside{height:auto;padding:10px 0;}
	#project{width:100%;}
}

@media screen and (max-width:480px){
	.revslider.tp-simpleresponsive {
		height: 250px !important;
	}
	#getinvolved .involvedelements img{width:7%;}
	#project_img_holder{width:100%;}
	
}
@media screen and (max-width:465px){
	#contactus .leftblock,#contactus .rightblock{width:100%;}
	#contactus input,#contactus textarea{width:100%;}
}
@media screen and (max-width:450px){
	.project{width:100%;}
	.project .project_title { padding: 20px 10px; font-size: 19px; }
	.teamblock{float:none;margin:0 auto;width:100%;height: auto !important;}
	.teamimage{float:none;}
	.teamtitle{float:none;margin-top:5px;}
	#boardoftrustees li{float:none;width:100%;}
	.bank_transfer_holder{width:100% !important;}
}
@media screen and (max-width:400px){
	#getinvolved .container_16{text-align:center;}
	#getinvolved .involvedelements img{width:23px;height: auto;}
	#getinvolved .involvedelements{display:inline-block;text-align:left;}
	#getinvolved .involvedelements a{display:block;margin-top:10px;}
	#getinvolved .involvedelements a:first-child{margin-top:0px;}
}