n/*!
 * v3.0.0
 * Copyright 2013-2014 YokCreative 
 * Designed and built using Boostrap 3.0 & FontAwesome Icons
 *
 * If you can't find style assignments here, please check the act.less file in the "theme" folder 
 *-------------------------------------------------------------------------------------------------------------------------------*/ 

		/* -------------------------------- */
		/*	TABLE OF CONTENTS
		/* -------------------------------- 
		  	01. Base 
			02. Type
			03. General Global Styles
			04. Navbar
			05. Content Sections
			06. Footer
			07. Overlays
			08. Additional Responsive Styles

/* ---------------------------------------------------------------------- */
/*	01. BASE
/* ---------------------------------------------------------------------- */@import url('//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css');.date-form { margin: 10px; }label.control-label span { cursor: pointer; }.clearer{clear:left;}
body {
    width: 100%;
    height: 100%;
    font-family:Avenir,"Opens Sans", sans-serif;
    color: #fff;
}body.page-template-template-success{	    height: initial;		}body.page-template-template-success #blog{position:relative; border-bottom: 0px solid #fff;}body.page-template-template-success #footer{position:absolute;bottom:0px;width: 100%;}
html {width: 100%;height: 100%;}


/* ---------------------------------------------------------------------- */
/*	02. Typography
/* ---------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h6,
label, .navbar-custom a, .nav-tabs .large a, .text-callout,
.text-big, .circle-text	  {
	margin-top:0;
}

h2,
h3,
h4,
h5,
h6,
.nav-tabs > li > a,
.circle-text, 
.fundraiser-stats h2,
#process h2, #blog-nav li a			{font-weight: 700;}#news-and-events h4{font-weight:300;}#news-and-events li{font-weight:300;}#news-and-events div.col-md-9 ul{width:108%;}.panel-campaign .txt-sticky{    font-size: 0.8em;    font-family: Avenir;    text-align: left;    font-weight: 300;    line-height: 2em;}.panel-campaign .title-sticky{ text-align: left;}#carousel_3{display:none;}.navbar-fixed-top{background:#EA482F;}
h1.h1-news{text-transform:initial!important;font-size:2.75em!important;color:#333;}h2.h2-news{    width: 80%;    margin: 0 auto;    font-size: 1.4em!important;    margin-bottom: 30px!important;	color:#333;}
h1, h5, .nav-tabs .large a,
.heading-progress h4, .donate,
#blog-nav li a						{text-transform:uppercase;}

h1									{font-size:4.3em;font-weight:800;line-height:.95em;margin-bottom:.45em;margin-top:-.08em;}
h2,.text-callout					{font-size:2.75em;font-weight:300;line-height:1.1em;margin-bottom:1em;}@media (max-width:768px){	.text-callout	{font-size:1.8em;}}
h3									{margin-top:0;margin-bottom:.75em;}@media (max-width:768px){	h3, .h3 {		font-size: 20px;		text-align: center;	}}h2.entry-title	{font-size:2em;margin-top:0.5em;}h6									{font-size:14px;}
p									{line-height:1.4;margin:0 0 20px;}
label								{font-weight:300; font-size:1.2em; margin-top:1.05em;}

#blog-nav li a			{font-size:1em;}
.donate a				{font-family:"Opens Sans", Arial, sans-serif!important;}
.donate a, .light		{font-weight: 300!important;}
.event-date				{vertical-align:middle;padding-top:2.5em;padding-bottom:1em;margin-bottom:1em;}
.fundraiser-stats h2	{margin:0em;}
.fundraiser-stats h4	{margin:0 0 .25em; font-weight:300}
.heading-progress h4	{margin-bottom:1em;margin-top:.75em}
.nav-tabs .large a		{font-size:18px!important;line-height:1!important;}	
.text-big				{font-size:5em;font-weight:normal;margin:0; line-height:.9em!important;text-transform:uppercase;font-family:Avenir;}div.carousel-inner div.item {text-align:left;margin-left:40px;}div.carousel-inner div.item .text-big{font-family:'Avenir', arial;}div.carousel-inner div.item .text-big b{font-family:Avenir, arial;}/* ---------------------------------------------------------------------- *//* --------------- Join conversation------------------------------------- */#join-the-conversation .inner-container{padding:45px 0px 45px 0px!important;}div.jointheconversation {margin:0px 0px 40px 40px;}@media(max-width:580px){div.jointheconversation {padding-left:0.5em;}}.powr-social-feed{max-width: 1004px;margin:0 auto;}div.jointheconversation a.btn-primary{font-family:'Avenir';background: #ea492f; border: 1px solid #ea492f;}div.jointheconversation a.btn-primary:hover{border: 1px solid white;}div.jointheconversation i.fa{font-size: 25px;}#jointheconversationbtn div{float:left;}#join-the-conversation		{background:url(../img/overlay_diagonal_light.png)repeat;}#join-the-conversation  div.container {background:url(../img/overlay_diagonal_light.png)repeat;}#join-the-conversation  div.bordright {  border-right: solid 1px #333;}#join-the-conversation  div.nav-join {  	font-family: Avenir;    font-size: 1.4em;	}	/* ---------------------------------------------------------------------- *//* --------------- ECET2 page------------------------------------- */.page h1 {    font-size: 2.75em;    font-weight: 700;    line-height: .95em;    margin-bottom: .65em;    margin-top: -.08em;    text-transform: initial;}.page h2 {    font-size: 2em;	margin-bottom:15px;}	@media(max-width:950px){		.page h2 {font-size: 1.8em;}			}	@media(max-width:850px){		.page h2 {font-size: 1.6em;}			}	@media(max-width:767px){		.page h2 {font-size: 2em;}			}.page hr {background: #ddd;    height: 1px;	    margin-top: 7em;		clear:both;	}.page img[data-size=gde] {width:100%;		}.page article {    position: relative;    margin-bottom: 20px;	padding-right:30px;    box-shadow: 0px 0px 0px #fff;}@media(max-width:768px){.page article {padding-right:0px;}}@media(max-width:990px){.page article {padding-right:10px;}}.page .text-holder {    color: #777;    font-family: Avenir;    line-height: 1.8em;	}	.post-2379 img{width:100%;height:auto;}		#download .fa-stop{	color:#ffffff;	margin-right:10px;	}#download .panel-heading{	padding:15px;	background:#e93e32;	}#download .rowdownload{    	margin-bottom: 1px;	background: #dedede;    height: 50px;}#download .panel-body{	background: #dedede;    padding: 15px;	color:#424242;}#download .chevron-download{	position: absolute!important;    right: 12px!important;    width: initial!important;    float: right!important;	text-align: right!important;}#download .subdownload{	background: #eee!important;    padding-left: 43px;}#download .panel-collapse{}#download .subsubdownload{	padding-top: 50px;}#tweets .fa-stop{	color:#ffffff;	margin-right:10px;	}#tweets .panel-heading{	padding:15px;	border:solid 1px #dedede;	background: #ffffff;	color:#424242;	font-size:0.8em;	font-weight:bold;	}	#tweets .panel-title{	color:#424242;    font-size: 1.5em;	font-weight:700;	}#tweets .rowdownload{    	margin-bottom: 1px;    height: 50px;}#tweets .panel-body{    padding: 15px;	color:#424242;}#tweets li{    list-style-type: none;    margin-bottom: 10px;    margin-top: 20px;    font-weight: 300;    font-family: Avenir;}#tweets ul{    padding-left:0px;}#tweets h2{    display:none;}#tweets .customisable-border {    border-color: #ffffff!important;}blockquote.twitter-tweet {  display: inline-block;  padding: 16px;  margin: 10px 0;  max-width: 468px;  border: #ddd 1px solid;  border-top-color: #eee;  border-bottom-color: #bbb;  border-radius: 5px;  box-shadow: 0 1px 3px rgba(0,0,0,0.15);  font: bold 14px/18px Helvetica, Arial, sans-serif;  color: #000;} blockquote.twitter-tweet p {  font: normal 18px/24px Georgia, "Times New Roman", Palatino, serif;  margin: 0 5px 10px 0;} blockquote.twitter-tweet a[href^="https://twitter.com"] {  font-weight: normal;  color: #666;  font-size: 12px;}#eventsecet2 {padding-top: 30px; }#eventsecet2 ul{padding: 0px; }#eventsecet2 hr.medium{margin: 0px;margin-top:15px;width:100% }#eventsecet2 li{   font-size: 0.8em;}#eventsecet2 .row-of-columns{padding: 0px; }#eventsecet2 .bg-brand-primary-text{padding: 0px;}#eventsecet2 .bg-brand-primary{font-size: 0.3em;margin-bottom: 5px;}#eventsecet2 h4{	font-size: 3em;    padding-bottom: 0px;}/* ---------------------------------------------------------------------- */
.text-xl				{font-size:14em;font-weight:800;margin:0;line-height:1em!important;text-transform:uppercase;}
.text-underline			{text-decoration:underline;}
#contact h2			    {margin-top:0;margin-bottom:0;}
#contact h3			    {margin-top:.3em;margin-bottom:.6em;}
#donatemodal h2			{margin-bottom:1.5em;}
#mapInfoBox h2, 
#volunteer	h2,
#process	h2		    {margin-bottom:.5em;}
	@media  (max-width: 1000px) {
		#volunteer h2						{color:#fff!important;}		.navbar-brand-home img {width: 230px!important;}
	}
	@media  (max-width: 980px) {
		.text-big							{font-size:2.8em;}
		}
	@media  (max-width: 768px) {
		.text-big							{font-size:2.4em;}
		}	@media  (max-width: 767px) {
		.text-big							{font-size:2.4em;}
		}
	@media  (max-width: 580px) {
		#contact-toggle h3, 
		#contact-toggle .fa 			   {font-size:1.15em;}
		.text-big			  			   {font-size:2.5em;}
		.text-xl						   {font-size:6em;}
		h1 								   {font-size:3em}
		h2								   {font-size:2em}		.navbar-brand-home img {width: 130px!important;}		div.carousel-inner div.item {margin-left: 10px!important;}		div.jointheconversation {margin:10px!important;}
	}

/* prettyphoto   */
.ppt 								{font-family: "Open Sans Condensed",Impact; text-transform:uppercase; font-weight:700;}/* for the prettyphoto image title */
.currentTextHolder					{font-family: "Open Sans",Times,Serif;font-style: italic;font-weight: 200;letter-spacing: -0.1px;}/* for prettyphoto number */	
div.light_square .pp_description 	{margin-top:70px;color: #000; }/* prettyphoto  */		
/* ---------------------------------------------------------------------- */
/*	03. GENERAL GLOBAL STYLES
/* ---------------------------------------------------------------------- */
.bottom-bar-responsive						{position:absolute; bottom:0;left: 0;right: 0;}
		@media(max-width:768px) {
			.bottom-bar-responsive	{position:relative!important; display:block;}
			}
[class*="col"]	.last						{padding-right:0;}
.container-wide 							{padding-left:25px;padding-right:25px;}
.container-90								{height:90%; background:#DF1D20}
.container-10								{height:10%; background:#FF9805}
.event-icon	.fa								{margin-bottom:.5em;}
.float-over-top								{position: absolute; top:0px; left:40px; z-index:99; }
.float-over-top-center						{position:absolute!important;top:28%;padding-left:3em; padding-right:3em}
.hidden-li									{width:0;height:0;}
.hero .inner-container 						{padding:9em 6em 6em 6em;}
.hero .btn-outline	 						{margin:2em 0 1em 0;}
.hero-with-image 							{width: 100%;height:375px;padding:0;} 
hr.medium									{width:94%;border-top:solid 1px #bbbbbb;}
.inner-container							{padding:5em;}
.inner-container-small						{padding-bottom:2em;padding-top:2em;height:350px;}@media(max-width:580px){	.inner-container-small .btn {   white-space: normal;}}
.no-margin									{margin:0;}
.no-padding									{padding:0;}
/*preloader*/
#preloader-wrapper {
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	background: #fff; 
	z-index: 9999999; 
	min-height: 100%;
	height: 100%;
}
.preloader {
    height:20px;
    position:absolute;
    left: 50%;
	top: 50%;
	background-image:url(../img/preloader.GIF);
	background-repeat: no-repeat; 
	background-position: center;
	width:20px;
}
.subpage .container							{margin-top:8em;}
.tab-content								{padding:1em;}@media(max-width:768px){	.tab-content								{padding:0;}	#news­and­events .inner­container div {	padding: 0px;	}}
.thin-strip									{height:10px}
.transparent 								{opacity:.8;filter: alpha(opacity=70);-khtml-opacity: 0.8; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s-webkit-transition:.5s;transition:.5s;}
.transparent-50 							{opacity:.50;filter: alpha(opacity=50);-khtml-opacity: 0.50; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s-webkit-transition:.5s;transition:.5s;}
.transparent-30 							{opacity:.30;filter: alpha(opacity=30);-khtml-opacity: 0.30; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s-webkit-transition:.5s;transition:.5s;}
.row-after-a-row 							{padding-top:4em!important;}
/* buttons, lists, icons   */
.list-inline li								{padding:0;}
.panel-support-campaign .btn				{margin-top:1em;}
.triangle-right								{position:absolute!important;top:-3em;z-index:1000;left:10%; font-size:2em;}				
ul											{margin:0}		
	@media  (max-width:1000px) {
		.responsive-hide .fa-caret-right 	{display:none!important;}
			}
	@media  (min-width: 990px) and (max-width: 1280px) 	{
		#process .btn-circle				{margin-left:1em;margin-bottom:.5em;}
	}	
	
	@media  (min-width: 580px) and (max-width: 990px) 	{
		#process .btn-circle				{margin-right:2em;margin-bottom:10em;}
		}
	@media  (max-width: 580px) {
	    .teacher-appreciation .inner-container          {padding: 3%}
		.inner-container					{padding:2em;}
		.thin-strip							{height:20px}
		#process .btn-circle				{margin-left:1em;margin-bottom:.5em;}
		.hero .inner-container				{padding:6.5em 2em 2em;}
	    .hero-with-image 					{height:250px;}
		.inner-container					{padding:2em;}
	}
/* carousels   */
.stats-carousel									{padding:0 3em;}
.stats-carousel i								{margin-bottom:.25em;padding-top:.5em}
.stats-carousel h3								{margin-bottom:0;}		
/* modals   */
.modal-body				{color:#000;margin-left:25px;margin-right:25px;padding-left:0;padding-right:0;padding-top:0;}
.modal-header			{border-bottom:1px solid #E5E5E5;margin:25px;min-height:16.4286px;padding-left:0;}
.modal-footer			{border-top:1px solid #E5E5E5;margin:25px;min-height:16.4286px;padding-left:0;padding-right:0;}
.modal-header .close	{margin-top:-1em;margin-right:-.75em;color:#fff;}
.modal-body .close		{margin-top:-2.5em;margin-right:0;}
#myModalLabel			{font-weight:300!important;} 
/* hack to fix left shift that occurs when launching boostrap modal */
.modal 					{overflow-y: auto;}
.modal-scrollbar 		{margin-right: 15px;}

/* vert centering   */
.vert-centered-wrapper-responsive 			{width:100%;height:100%;position:absolute;display:table;}
.vert-centered-inner-wrapper-responsive 	{display:table-cell;vertical-align:middle;width:100%;height:100%;padding:auto 50%;}
.vert-centered-wrapper-120px				{height: 120px;text-align: center;margin:0px;}
.vert-centered-wrapper-150px				{height: 150px;text-align: center;margin:0px;}
.vert-centered-wrapper-200px				{height: 200px;text-align:center;margin:0px;}
.vert-centered-wrapper-300px				{height: 300px;text-align:center;margin:0px;}
.vert-centered 								{display: inline-block!important;vertical-align: middle!important;width:92%;}
.vert-centered-wrapper-120px:before,
.vert-centered-wrapper-150px:before,
.vert-centered-wrapper-200px:before,
.vert-centered-wrapper-300px:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}
.wrapper-relative 							{position: relative; }

	@media  (max-width: 768px) {
		#about .vert-centered-wrapper-150px					{height: 200px;}
	}
	@media  (max-width: 580px) {
		#about .vert-centered-wrapper-150px					{height: 250px;}
		#search-bar .vert-centered-wrapper-120px		{height: 100px!important;}
	}
	
	@media  (max-width: 1200px) {
		.row-of-columns [class*="col"]		{margin-bottom:0em;}
		#join .row-of-columns [class*="col"]{margin-bottom:2em;}
		.col-right-responsive-fix			{margin-top:4em;}
	}

/* ---------------------------------------------------------------------- */
/*	04. NAVBAR
/* ---------------------------------------------------------------------- */
.navbar-custom .navbar-brand 						{font-weight: 700;}
.navbar-custom .navbar-brand:focus 					{outline: 0;}
.navbar-custom .navbar-brand .navbar-toggle 		{font-size: 16px;color: #fff;}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active  {outline: 0;}
.navbar-custom li a 								{color: #fff;font-weight:700;opacity: .3;filter: alpha(opacity=30);-khtml-opacity: 0.3; text-transform:uppercase}
.navbar-custom .nav li.active a {
    outline: none;
	opacity:1;
  	filter: alpha(opacity=100);
  	-khtml-opacity:1;
    background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
    outline: 0;
    background-color: rgba(255,255,255,.3);
	opacity:1;
  	filter: alpha(opacity=100);
  	-khtml-opacity:1;
}
.navbar-custom  ul									{margin:0;}
.navbar-brand-home	img								{width:75px; height:auto}
.subpage .navbar-brand	img							{width:60px; height:auto; margin-top:-.4em;}
.navbar-fixed-top 				{max-height:450px!important;}
.navbar-collapse									{padding:0;}
.navbar-collapse					{max-height:450px!important;}nav.top-nav-collapse .emailheader .input-group-addon{background:#333333;border:solid 1px #333333;}nav.top-nav-collapse .navbar-right{margin-top:22px;    margin-right: 22px;}
.top-nav-collapse .navbar-header	{margin-top:13px;}
.top-nav-collapse .navbar-brand-home img			{width:60px; height:auto; margin-top:-.4em;}
.top-nav-collapse .container-wide 					{padding-left:0px!important;padding-right:0px!important;}
.navbar .emailheader { width: 220px;float: left;margin-right: 10px;}.emailheader .input-group-addon{background:#ea492f;border:solid 1px #ea492f;color:white;font-size:18px;}.emailheader .input-group-addon:hover{border:solid 1px white;}.navbar .fa-stack a{color:white;}.navbar .fa-stack a:hover{color:#ea492f;}#inputemailheader{width:170px;float:left;}.submitBtnHeader {width:50px;float:left;}.emailfooter { width: 200px;float: left;margin-right: 10px;}.emailfooter .input-group-addon{background:#ea492f;border:solid 1px #ea492f;color:white;font-size:18px;}.emailfooter .input-group-addon:hover{border:solid 1px white;}.emailfooter .form-control{background:#2c2c2c;}#inputemailfooter{width:150px;float:left;padding-left: 9px;padding-right: 0px;}.submitBtnFooter {width:50px;float:left;height:43px;}.onair{display:none!important;visibility:hidden!important;}/* reset boostrap toggle   */
.navbar-custom .navbar-toggle 						{float:none;margin:0;}
/* for the hidden list item   */
.navbar-custom li a .hidden-li, .navbar-custom .nav li.active a.hidden-li  {background-color: rgba(255,255,255,0)!important;}
	@media (max-width: 1024px) {
 		#inputemailfooter{width:135px;font-size:10px;}
    }
	@media (min-width: 990px) {
 		.nav-show-hide {display: none;}
    }
	@media(max-width:990px) {
		.navbar-custom .container-wide 		{padding-left:0px!important;padding-right:0px!important;}
		.navbar-brand-home	img				{width:60px; height:auto; margin-top:-.4em;}
		.hidden-li							{display:none!important;}
		.navbar-header	{background:#ea482f;height: 80px;margin-top: 0px!important;}		.navbar-right	{margin-right: 28px;margin-top: 10px!important;right: 0;}		.navbar-collapse{background:#ea482f;margin-top: 22px;}		.emailheader .input-group-addon{background:#333333;border:solid 1px #333333;color:white;font-size:18px;}
	}	@media (min-width: 991px){		.navbar-header {			height: 80px!important;		}	}
/* Note: Breakpoint for nav also changed in base boostrap files. To edit change @grid-float-breakpoint here http://getbootstrap.com/customize/?id=4526701554bd06d22de9 download your updated, compiled boostrap and replace all folders in the "dist" folder. Next come back here adjust the min-width below */ 
	@media(min-width:990px) {
    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .top-nav-collapse {padding: 0;background-color: #ea482f;height: 80px;}
}

/* navbar donation button   */
#donate-button-responsive			{line-height:51px;padding-left:15px;padding-right:15px;}
#donate-button-responsive a			{opacity:1;filter: alpha(opacity=100);-khtml-opacity:1;}
#donate-button-subpages 			{height:50px;line-height:50px;padding-left:1.25em;padding-right:1.25em;}
#donate-homepage					{height:50px;line-height:50px;padding-left:1.25em;padding-right:1.25em;display:none;}
.donate a:hover, .donate a:active,
.donate a:focus                     {text-decoration:none!important;}
/* donate modal   */
#donateModal	.modal-body			{padding-top:75px;padding-bottom:75px;}

		@media (min-width:767px) and (max-width:990px){	
			#donate .btn				 {display:none;} 
		}
		@media (max-width:768px) {
			#donate-button-subpages 	 {display:none;}
		}
		@media (min-width:580px) and (max-width:990px) {
			#donatemodal .control-group {margin-top:1em;}
		}
/* ---------------------------------------------------------------------- */
/*	05. SECTIONS & PAGES
/* ---------------------------------------------------------------------- */div.download a{color:#333;}div.download a:hover{color:#E93E32;}.sharepartner{    position: absolute;    right: 0;    bottom: 40px;    background: white!important;    border: solid 1px #ccc;    padding: 45px;    box-shadow: 5px 5px 8px #d8d8d8!important;	width: 240px;    display: none;}.sharepartnervisible{    display: block;}
/* homescreen  */
#home .btn-outline					{margin-top:1em;}
#home {
width: 100%;
height: 100%;
padding:0;
text-align: center;
color: #fff;

background-color: #000;
-webkit-background-size: cover!important;
-moz-background-size: cover!important;
background-size: cover!important;
-o-background-size: cover!important;}		

#home .teacher-appreciation-week { 
    margin-top: 17em;
}


@media (max-width: 990px) {
    #home { background-position: 80% 40px !important; }
}

@media (min-width: 990px) { 
    #home {
        background-position: 95% 0px !important;
        background-size: 120% auto !important;
    }  
}

	@media (min-width:780px) {
		#home 						{height: 100%; }
		#home .carousel-wrapper		{padding-top:12%;}
	}
	@media (max-width:780px) {
		.intro-body,#home .carousel-wrapper		{padding-top:9%;}
	}
	@media (max-width: 580px) {
		.intro-body	{padding-top:20%;margin-bottom: 50px;}		#home .carousel-wrapper 	{padding-top:20%;}
		#home	.carousel-inner		{padding-left:.5em;padding-right:.5em;}
		#home .teacher-appreciation-week { margin-top: 7em; }
		
	}
/* homescreen SEARCH bar  */
#search-bar [class*="col"]				{padding:0;}#search-bar {padding-bottom:40px;}#search-mobile {display:none;}.fa-search{color:white;}.search-bar-container{    text-align: center;}#search-bar .date-search{float: left;width: 140px;border: solid 0px white;background:white;}#search-bar .hidr{display:none;}#search-bar .date-search .input-group-addon{border:0;}#search-bar .date-search input{    color: #999;}#search-bar .search-home .keywsearch{width:228px;float:left;color:#999999;}#search-bar .search-home button.but-search{padding: 9px;    width: 80px;    text-transform: uppercase;    background: #EA492F;    border: solid 1px #EA492F;    color: #fff;	float: left;}		#search-bar .search-home #date{float: left;    width: 80px;}#search-bar .search-home option{font-family: Avenir;text-transform: initial;color:#999999;}#search-bar .search-home select{font-family: Avenir;text-transform: initial;color:#999999;height: 34px;}#search-bar .teaser-bar{font-family:'Avenir';font-size:24px;margin:30px;color:#dddddd;}#search-bar .teaser-bar i{color:#999999;}@media(max-width:768px){#search-bar .teaser-bar{font-size:20px;margin:24px 24px 15px 24px;color:#dddddd;}}	@media (max-width:780px) {		#search-bar .search-home{width:400px;}		.search-results #search-bar {width:400px;margin:0 auto}			}	@media (max-width:580px) {			}	@media (max-width:580px) and (orientation: portrait) {		.modal-header .close {margin-top: -13px!important;margin-right: -9px!important;}		.modal-footer {border-top: 0px solid #E5E5E5!important; margin: 0px!important;padding:0px!important;}		.modal-header {border-bottom: 0px solid #E5E5E5!important;margin: 0px!important;}		#myModal h4.modal-title{margin-left: 16px!important;letter-spacing: 0.1em;font-size: 1em!important;padding-bottom: 0px!important; padding-top: 0px!important;}		#myModal div.modal-body{padding-left:0px!important;width: 90%;margin: 0 auto!important;}		#myModal label{float: none;margin-top: 20px!important;}		#myModal .submitmodal{margin-top: 12px!important;padding:0px!important;width: 100%!important;}		#myModal .modal-body input[type=text], #myModal .modal-body input[type=email]{width: 100%!important;font-size: 1em!important;}		.stack-first{margin-left: 10px;}		.navbar .emailheader {margin-left: 10px;margin-bottom: 5px;float:none;}		.navbar-right	{margin-right: 28px;margin-top: 10px!important;right: 0;height:80px!important;}		#search-mobile {			top: 58px;			display: none;			position: absolute;			right: 8px;			font-size: 1.5em;		}		#search-bar .search-home{width:290px;}		.search-results #search-bar {width:290px;margin:0 auto}				#search-bar{			display:block;			top: 55px;			height: 300px;			z-index:999;		}		#search-bar .hidr{			top: 10px;			position: absolute;			right: 10px;			display:block;		}		#search-bar {display:none;}		#search-bar .search-home .keywsearch{margin: 5px 0 5px 0;width: 278px;}		#search-bar .search-home select{margin: 5px 5px 5px 0;}		#search-bar .date-search{ clear: left; margin: 5px 0px 5px 0px;}		#search-bar .search-home button.but-search{    margin: 5px 0px 5px 0px;}		.intro-body { padding-top: 50%!important;}		.text-big {font-size: 2em;}		h1.h1-news {font-size: 2.3em!important;}	}	@media (max-width:780px) and (orientation: landscape) {		.modal-header .close {margin-top: -13px!important;margin-right: -9px!important;}		.modal-footer {border-top: 0px solid #E5E5E5!important; margin: 0px!important;padding:0px!important;}		.modal-header {border-bottom: 0px solid #E5E5E5!important;margin: 0px!important;}		#myModal h4.modal-title{margin-left: 16px!important;letter-spacing: 0.1em;font-size: 1em!important;padding-bottom: 0px!important; padding-top: 0px!important;}		#myModal div.modal-body{padding-left:0px!important;width: 80%;margin: 0 auto!important;}		#myModal label{float: none;margin-top: 20px!important;}		#myModal .submitmodal{margin-top: 12px!important;padding:0px!important;width: 100%!important;}		#myModal .modal-body input[type=text], #myModal .modal-body input[type=email]{width: 100%!important;font-size: 1em!important;}		.stack-first{margin-left: 10px;}		.navbar .emailheader {margin-left: 10px;margin-bottom: 5px;}		#search-mobile {			top: 58px;			display: none;			position: absolute;			right: 8px;			font-size: 1.5em;		}		#search-bar .search-home{width:290px;}		.search-results #search-bar {width:290px;margin:0 auto}				#search-bar{			display:block;			top: 55px;			height: 300px;			z-index:999;		}		#search-bar .hidr{			top: 10px;			position: absolute;			right: 10px;			display:block;		}		#search-bar {display:none;}		#search-bar .search-home .keywsearch{margin: 5px 0 5px 0;width: 278px;}		#search-bar .search-home select{margin: 5px 5px 5px 0;}		#search-bar .date-search{ clear: left; margin: 5px 0px 5px 0px;}		#search-bar .search-home button.but-search{    margin: 5px 0px 5px 0px;}		.carousel-wrapper {padding-top: 0%!important;}		.intro-body { padding-top: 12%!important;}		.text-big {font-size: 2em;}		h1.h1-news {font-size: 2.3em!important;}	}/*   */.panel-heading .accordion-toggle:after {    /* symbol for "opening" panels */    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */    content: "\e114";    /* adjust as needed, taken from bootstrap.css */    float: right;        /* adjust as needed */    color: #fff;         /* adjust as needed */}.panel-heading .accordion-toggle.collapsed:after {    /* symbol for "collapsed" panels */    content: "\e080";    /* adjust as needed, taken from bootstrap.css */}.panel-group .panel-heading {	background-color: #333333;    color: #fff;    font-family: Avenir;}
/* Search Page */	 h2.searchteaser{    text-transform: none;	color:#333333;	font-size: 1.5em;	border-top: solid 1px #c9c9cb;    padding-top: 25px;}h2.searchteaser span{	color:#969696;}.search-results div.bgsearch{    background: repeating-linear-gradient( -45deg, #ffffff, #ffffff 2px, #efefef 4px, #efefef 5px );	padding-top: 25px;	padding-left: 10px;}article{	position:relative;    margin-bottom: 20px;    box-shadow: 2px 2px 5px #ddd;}article h2{margin-bottom: 0.1em;}article .entry-thumbnail{    float: left;    padding-right: 10px;	width:163px;	height:163px;	overflow:hidden;	display:block;}article footer.entry-footer{    position: absolute;    bottom: 0px;    left: 164px;    width: 70%;}article footer.entry-footer .link-partner{	float: left;	    padding: 8px}article footer.entry-footer .share-partner{	float: right;    border-left: solid 1px #dedede;	    padding: 8px;}.share-partner span{	color:#969696;	font-size:1.4em;}article .entry-summary{    	height: 126px;    overflow: hidden;    display: block;    border-bottom: solid 1px #dedede;	padding-right:5px;	padding-left:5px;	font-size:0.9em;	}	article .entry-summary h2 a{	margin-top:4px;	color:#2f2f2f;	font-weight:700;	font-size:0.6em;		}article .entry-summary p{	color:#aeaeae;	font-size:0.9em;}	article{	 background: white;    border-radius: 10px;}	article .entry-thumbnail img{padding:5px;min-width:163px;min-height:163px;}/* about */	 #about h2{	font-size: 1.8em;    line-height: 1.8em;}
@media (max-width:678px){	#about h2 {		font-size: 1.4em;		line-height: 1.3em;	}}
/* blog */	
#blog-hero 	{background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;}
#blog-summaries .inner-container			{padding:0}
	@media (max-width: 1200px) {
		#blog-summaries .inner-container	{padding:0 2em}
	}
#spotlight img{position:relative;width:100%}	#spotlight {position:relative}	#spotlight span.text-callout{margin-bottom:3%;display:block;}	#spotlight .inner-container {position:absolute!important;top:18%;left:40%;}		@media (max-width: 1450px) {			#spotlight .inner-container {left:35%;padding-right: 0px;top:16%} #spotlight.teacher-appreciation .inner-container {left:2%; top: auto; bottom: 1%; padding-right: 0px;}		}	@media (max-width: 1350px) {			#spotlight .inner-container {left:35%;padding-right: 0px;top:10%}	#spotlight.teacher-appreciation .inner-container {left:1%;padding-right: 0px;top:auto; bottom: 1%}		}	@media (max-width: 1240px) {			#spotlight .inner-container {left:35%;padding-right: 0px;top:5%}	#spotlight.teacher-appreciation .inner-container {left:1%;padding-right: 0px;top:auto; bottom: 1%}		}	@media (max-width: 1150px) {			#spotlight .inner-container {left:35%;padding-right: 0px;}	#spotlight.teacher-appreciation .inner-container {left:1%;padding-right: 0px;bottom:1%}				#spotlight .text-callout{font-size:2.5em;}		}	@media (max-width: 1100px) {			#spotlight .inner-container {left:25%; padding-right: 0px;padding-top: 20px;top:8%}		#spotlight.teacher-appreciation .inner-container {left:1%; padding-right: 0px;padding-top: 20px;top:auto; bottom: 1%}				#spotlight .text-callout{font-size:2.5em;}					}	@media (max-width: 990px) {			#spotlight .inner-container {left:20%; padding-right: 10px;padding-top: 35px;}	#spotlight.teacher-appreciation .inner-container {left:1%; padding-right: 10px;padding-top: 35px; bottom: 1%; top:auto;}				#spotlight .text-callout{font-size:2em;}					}	@media (max-width: 800px) {			#spotlight .inner-container {top:5%;}	#spotlight.teacher-appreciation .inner-container {top:auto; bottom: 1%; left: 1%;}					}	@media (max-width: 768px) {			#spotlight .inner-container {top:0%;}	#spotlight.teacher-appreciation .inner-container {top:auto;bottom: 1%;left:1%}		}	@media (max-width: 700px) {			#spotlight .inner-container {left:20%; padding-right: 10px;padding-top: 35px;}	#spotlight.teacher-appreciation .inner-container {left:1%; padding-right: 10px;padding-top: 35px; top: auto; bottom: 1%}				#spotlight. .text-callout{font-size:1.5em;}					}	@media (max-width: 650px) {			#spotlight .inner-container {left:5%; padding-right: 10px;padding-top: 35px;}	#spotlight.teacher-appreciation .inner-container {left:1%; padding-right: 10px;padding-top: 35px; top: auto; bottom: 1%}				#spotlight .text-callout{font-size:1em;}					}	@media (max-width: 600px) {			#spotlight .inner-container {left:5%; padding-right: 10px; padding-left: 7%;padding-top: 35px;}		#spotlight .inner-container {left:1%; top: auto; bottom: 1%; padding-right: 10px; padding-top: 35px;}				#spotlight .text-callout{font-size:1em;}					}	@media (max-width: 520px) {			#spotlight .inner-container {padding-top: 20px;}	#spotlight.teacher-appreciation .inner-container {padding-top: 20px; top: auto; bottom: 1%; left: 1%}		}	@media (max-width: 520px) {			#spotlight p  {display:none;}		}	@media (max-width: 500px) {			#spotlight .inner-container {left:5%; padding-right: 0px; padding-left: 2px;padding-top: 10px;}	#spotlight.teacher-appreciation .inner-container {left:1%; top: auto; bottom: 1%; padding-right: 0px; padding-left: 2px;padding-top: 10px;}				#spotlight .text-callout{font-size:1em;}				#spotlight h3{font-size: 18px;text-align:left;}				#spotlight .inner-container .text-callout p{margin:0px;}					}	@media (max-width: 390px) {			#spotlight h3{margin-bottom: 2px;}				#spotlight h2{font-size: 1.5em; margin-bottom: 2px;}				#spotlight a{font-size: 0.9em; }		}/* contact */	 
#contact #submitbtn	 						{margin-top:.75em!important;}
#contact-toggle .fa-chevron-down,
#contact-toggle .fa-chevron-up				{margin-left:.125em;}
/* gallery */
#gallery .tn img							{-moz-transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
#gallery .tn img:hover						{-khtml-opacity:0.50;filter:alpha(opacity=50);opacity:.50;}
[id^="gallery"] [class*="col"],
[id^="campaign-summary"] [class*="col"]		{padding-left:0;padding-right:0;}
/* maps */
#map 							{width: 100%;height:400px;}
#map-modal-event 				{height: 450px;}
	#mapModal .modal-body		{margin-top:2em;}
	#mapModal .close			{margin-top:1em;margin-right:.25em;}
#mapInfoBox						{padding-left:2em;padding-right:2em}
/* sample campaign */
#sample-campaign-image			{background:url(../img/gal-bg-children-01.jpg) no-repeat center center;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;height:500px; /*same height as jumbotron */top:0;left:0;margin:0;z-index: -1;}
#sample-campaign-stats	 		{height:500px;}
	@media  (max-width: 580px) {
		#sample-campaign-image, #sample-campaign-stats	 {height:450px;}
	}
/* subpage */
.subpage .header                            {padding-top:4em;}

/* team */
#team .team-members .col-xs-12				{margin-bottom:.5em;}		

/* volunteer */
#volunteer									{-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background:url(../img/volunteer-bg.jpg) no-repeat;background-size:cover;color:#fff;display:table;height:auto;padding:0;width:100%;}	
	@media  (max-width: 580px) {
		#map								{width: 100%;height:200px!important;margin-top:-1em;}
		#map p								{display:none}
		#map h4								{font-size:115%!important;}
		#map h2								{font-size:200%!important;}
	 }	 


/* ---------------------------------------------------------------------- */
/*	06.0  WHY I TEACH
/* ---------------------------------------------------------------------- */	

div.imagewhyIteach {
    max-height: 500px;
    overflow: hidden;
    margin-top: 78px;
	position: relative;
}

div.imagewhyIteach img.bgwide{
    width: 100%;
    height: auto;
	}
div.container-whyITeachForm {
	margin-top:25px!important;
}

div.teaser {
    position: absolute;
    top: calc(50% - 30px);
    left: 0px;
    color: white;
    font-size: 60px;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

div.titleContactWhyITeach {
    color: #ea492f;
    font-size: 48px;
    font-weight: 700;
	width: 576px;
	margin:0 auto;
    text-align: center;
}

div.titleContactWhyITeach div {
    color: #333333;
    font-size: 20px;
    font-weight: 300;
    width: 100%;
	padding: 2px 0px 25px 0px;
    text-align: center;
}
div.thksContactWhyITeach {
    color: #ea492f;
    font-size: 60px;
    font-weight: 700;
    width: 515px;
	margin:0 auto;
    text-align: center;
}

div.thksContactWhyITeach div {
    color: #333333;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
	padding: 2px 0px 25px 0px;
    text-align: center;
}
#contactWhyITeach article{ 
	padding:25px;
	margin-top:25px;
	margin-bottom:50px;
    -webkit-box-shadow: 0px 2px 1px 0px #d5d5d5;
    -moz-box-shadow: 0px 2px 1px 0px #d5d5d5;
    box-shadow: 0px 2px 1px 0px #d5d5d5;
	}

#whyITeachForm  div.col50{float:left;width:50%;}
#whyITeachForm  div.col50r{padding-left:10px;}

#whyITeachForm  label {
	color:#333333;
    font-weight: 700;
    font-size: 1em;
    margin-top: 0em;
}

#whyITeachForm  p {
    margin: 0 0 15px;
}
#whyITeachForm input.btn-submit {
    width: 280px;
    height: 60px;
    font-size: 24px;
    background: #EA482F;
    color: #fff;
    font-weight: 500;
    box-shadow: 0px 2px 1px 0px #af3723;
    font-weight: 700;
    letter-spacing: 2px;
    padding-right: 42px;
	}
	
div.div-submit i {
    position: absolute;
    top: 14px;
    font-size: 32px;
    color: #fff;
    left: 240px;
}
#whyITeachForm  span.btn-primary i  {
    font-size: 1.25em;
}
.div-toolkit  span.btn-primary i  {
    font-size: 30px;
}

#whyITeachForm  div.div-submit  {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 30px;
    width: 280px;
    margin: 0 auto;
    position: relative;
    margin-top: 36px;
    margin-bottom: 45px;	
}

#whyITeachForm  input, #whyITeachForm button, #whyITeachForm select, #whyITeachForm textarea {
    background: #f5f5f5;
    color: #999999;
    font-weight: 300;
     font-size: 1.2em;
   border: solid 0px;
    line-height: inherit;
	padding:10px;
	width:100%;
	border-radius:4px;
    -webkit-box-shadow: inset 0px 1px 1px 0px #d5d5d5;
    -moz-box-shadow: inset 0px 1px 1px 0px #d5d5d5;
    box-shadow: inset 0px 1px 1px 0px #d5d5d5;}

.div-toolkit{
    margin: 0 auto;
    width: 360px;
    height: 60px;
}

.div-toolkit i{
font-size: 29px;
    padding-top: 2px;
	}

.div-toolkit a{
	box-shadow: 0px 2px 1px 0px #af3723;
    font-weight: 700;
    letter-spacing: 2px;
    height: 53px;
    width: 360px;
    font-size: 22px;
    padding-left: 25px;
}

@media (max-width: 990px){
	div.imagewhyIteach {
		max-height: 380px;
		margin-top: 50px;
	}
}
@media (max-width: 768px){
	div.teaser {
		top: calc(40% - 25px);
		left: 0px;
		font-size: 50px;
	}
}
@media (max-width: 500px){
	div.teaser {
    top: 10%;
    left: 0px;
    font-size: 37px;
	}
	div.titleContactWhyITeach {
		font-size: 30px;
		width: 100%;
	}
	div.titleContactWhyITeach div {
		font-size: 16px;
	}
	div.thksContactWhyITeach {
		font-size: 48px;
		width: 100%;
	}
	div.thksContactWhyITeach div {
		font-size: 12px;
	}
	#contactWhyITeach article {
		padding: 25px 5px;
	}
	textarea{height:300px;}
	.div-toolkit {
    margin: 0 auto;
    width: 330px;
	}
.div-toolkit a {
    box-shadow: 0px 2px 1px 0px #af3723;
    font-weight: 700;
    letter-spacing: 2px;
    height: 53px;
    width: 315px;
    font-size: 20px;
    padding-left: 14px;
}
}
@media (max-width: 375px){
	.div-toolkit a {
		height: 48px;
		width: 296px;
		font-size: 18px;
	}
	.div-toolkit i {
    font-size: 24px;
	}
	div.teaser {
		top: 10%;
		left: 0px;
		font-size: 32px;
	}
	
}
@media (max-width: 360px){
	.div-toolkit a {
		padding-left: 12px;
	}
}
@media (max-width: 320px){
	div.teaser {
		top: 10%;
		left: 0px;
		font-size: 28px;
	}
	div.titleContactWhyITeach {
		font-size: 28px;
		width: 100%;
	}
	div.titleContactWhyITeach div {
		font-size: 12px;
	}
	div.thksContactWhyITeach {
		font-size: 36px;
		width: 100%;
	}
	div.thksContactWhyITeach div {
		font-size: 12px;
	}
	.div-toolkit a {
		height: 44px;
		padding-left: 12px;
		font-size: 15px;
		width: 258px;

	}
	.div-toolkit i {
		font-size: 18px;
	}	
}

/* ---------------------------------------------------------------------- */
/*	06.1  JOIN
/* ---------------------------------------------------------------------- */	
.page article {
     padding-right: 0px!important; 
}
div.container-joinus {
	margin-top:0px!important;
	  background: url(../img/bg-mission.jpg) repeat scroll;
	 padding-top:35px;

}

div.container-joinus .container{
	margin-top:0px!important;
}

#joinus div.overlay-dark{
    position: absolute;
    width: 100%!important;
    height: 500px!important;
    top: 0px;
	z-index: 10;
}
div.teaser-join {
    position: absolute;
    top: 12%;
    left: 0px;
    color: white;
    font-size: 70px;
    font-weight: 500;
    width: 100%;
    text-align: left;
    z-index: 11;
    padding-left: 12%;
    line-height: 68px;
}
	div.teaser-join-sticker {
	    top: 25%;

}
#joinus article {
    background: none;
}
div.teaser-join img.arrow-dynamic {
width:150px;
}
#joinus div.imagewhyIteach{
    max-height: 375px;
}
@media  (min-width: 1280px) {
	#joinus div.imagewhyIteach{
		max-height: 525px;
	}
	div.teaser-join {
    padding-left: 20%;
	    top: 15%;

}
	div.teaser-join-sticker {
	    top: 35%;

}
}


#joinusform  div.col50{float:left;width:50%;}
#joinusform  div.col50r{padding-left:10px;}

#joinusform  label {
	color:#fff;
    font-weight: 300;
    margin-top: 0em;
	font-size: 1.1em;
    padding-left: 10px;
	}
#joinusform div.areyouteacherdiv {
    height: 70px;
}
#joinusform  p {
    margin: 0 0 15px;
}
#joinusform input.btn-submit {
    width: 280px;
    height: 60px;
    font-size: 24px;
    background: #EA482F;
    color: #fff;
    font-weight: 500;
    box-shadow: 0px 2px 1px 0px #af3723;
    font-weight: 700;
    letter-spacing: 2px;
    padding-right: 42px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}
#joinusform input.font20 {
    font-size: 20px;
	}

#joinusform input.btn-submit:hover {
    -webkit-box-shadow: 0px 0px 1px 1px #fff;
    -moz-box-shadow: 0px 0px 1px 1px #fff;
    box-shadow: 0px 0px 1px 1px #fff;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}	
div.div-submit i {
    position: absolute;
    top: 14px;
    font-size: 32px;
    color: #fff;
    left: 240px;
}
#joinusform  span.btn-primary i  {
    font-size: 1.25em;
}
.div-toolkit  span.btn-primary i  {
    font-size: 30px;
}

#joinusform  div.div-submit  {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 30px;
    width: 280px;
    margin: 0 auto;
    position: relative;
    margin-top: 36px;
    margin-bottom: 45px;	
}

#joinusform  input, #joinusform  button, #joinusform  select, #joinusform  textarea {
	font-size:14px;
	background: #fff;
    color: #555;
    font-weight: 500;
   border: solid 0px;
    line-height: inherit;
	padding:10px;
	width:100%;
	border-radius:4px;
    -webkit-box-shadow: inset 0px 2px 2px 0px #555;
    -moz-box-shadow: inset 0px 2px 2px 0px #555;
    box-shadow: inset 0px 2px 2px 0px #555;
	max-width: 400px;
    margin: 0 auto;
    display: block;	
}
#joinusform  input[type=radio]{
    -webkit-box-shadow: inset 0px 0px 0px 0px #d5d5d5;
    -moz-box-shadow: inset 0px 0px 0px 0px #d5d5d5;
    box-shadow: inset 0px 0px 0px 0px #d5d5d5;
	float: left;
    width: 20px;
}
ul.are_you_a_teacher label{
    float: left;
	color: #fff;
    font-weight: 300;
    font-size: 1.1em;
}
ul.are_you_a_teacher li {
    list-style: none;
    display: inline-block;
    float: left;
    margin-left: 25px;
    margin-top: 5px;
	}

.container-joinus  div.whitetext {
    font-size: 24px;
    color: #fff;
	font-weight:300;
}
.container-joinus  div.redtext {
    font-size: 36px;
    color: #EA482F;
	margin-top: 20px;
	margin-bottom: 25px;
	font-weight:300;
}

.container-joinus  div.whiteatext {
    font-size: 36px;
    color: #fff;
	margin-top: 20px;
	margin-bottom: 25px;
	font-weight:300;
}

.container-joinus  div.smallwhitetext {
    font-size: 20px;
    color: #fff;
	font-weight:300;
}
.container-joinus  div.smallerwhitetext {
	font-size: 16px;
    color: #9C9C9C;
    font-weight: 300;
    margin: 20px 0px 12px 0px;
}
.container-joinus  div.smallwhitetext a {
    font-size: 20px;
    color: #fff;
	font-weight:300;
}
.container-joinus  div.smallredtext {
    font-size: 30px;
    color: #EA482F;
	margin-top: 20px;
	margin-bottom: 25px;
	font-weight:300;
}
.container-joinus  div.smallwhiteatext {
    font-size: 30px;
    color: #fff;
	margin-top: 20px;
	margin-bottom: 25px;
	font-weight:300;
}

div.formJoinUs{	
	background: white;
    border-radius: 10px;
    padding-top: 25px;
    -webkit-box-shadow: 0px 2px 1px 0px #d5d5d5;
    -moz-box-shadow: 0px 2px 1px 0px #d5d5d5;
    box-shadow: 0px 2px 1px 0px #d5d5d5;
}
div.sharefellows {
    height: 300px;
    text-align: center;
    font-size: 36px;
    padding-top: 55px;
	    color: #555;
}
div.sharefellows  span.redtext {
    color: #EA482F;
}
div.social i {
    margin: 40px;
    background: #EA482F;
    padding: 20px;
    border-radius: 50%;
    color: white;
    width: 75px;
	font-size: 36px;
}

div.socialthanks i {
    margin: 30px;
    background: #EA482F;
    padding: 20px;
    border-radius: 50%;
    color: white;
    width: 75px;
	font-size: 36px;
}
div.socialthanks  {
    height:200px;
	text-align: center;
}
@media  (max-width: 1199px) {
	.container-joinus  div.whitetext, .container-joinus  div.redtext  {
		text-align:center;
	}
	.container-joinus  div.smallerwhitetext  {
		text-align:center;
	}
	.sticker  {
		    margin: 0 auto;
		display: block;
		margin-bottom:20px;
	}
}
@media  (max-width: 1024px) {
	.container-joinus  div.whitetext, .container-joinus  div.redtext  {
		text-align:center;
	}
	.container-joinus  div.smallerwhitetext  {
		text-align:center;
	}
	.sticker  {
		    margin: 0 auto;
		display: block;
		margin-bottom:20px;
	}
	div.teaser-join {
		top: 10%;
	}
		div.teaser-join-sticker {
	    top: 28%;

}
}

@media  (max-width: 1024px) {
	.container-joinus div.redtext {
		font-size: 32px;
	}
	div.teaser-join {
		font-size: 50px
	}
	div.teaser-join img.arrow-dynamic {
		width: 100px;
	}
}

@media  (max-width: 414px) {
#joinusform  input, #joinusform  button, #joinusform  select, #joinusform  textarea {
	font-size:16px;

}

	div.teaser-join {
		top: 7%;
		font-size: 36px;
		font-weight: 300;
		padding-left: 12%;
		line-height: 45px;
	}
	div.teaser-join-sticker {
	    top: 25%;

}
	.sticker  {
		    width: 100%;
	}
div.nopadding{padding:0px;}

	.container-joinus div.whitetext {
		font-size: 16px;
	}
	.container-joinus div.redtext {
		font-size: 23px;
	}
	div.container-joinus {
		padding-top: 20px;
	}
	div.container{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	div.sharefellows {
		font-size: 30px;
	}	
}
@media  (max-width: 360px) {
	div.teaser-join {
		top: 7%;
		font-size: 30px;
		font-weight: 300;
		padding-left: 5%;
		line-height: 34px;
	}
	div.teaser-join-sticker {
	    top: 25%;

}
	div.social i {
		margin: 20px;
		background: #EA482F;
		padding: 20px;
		border-radius: 50%;
		color: white;
		width: 75px;
	}
	div.sharefellows {
		font-size: 24px;
		height: 280px;
	}	
	div.teaser-join img.arrow-dynamic {
    width: 80px;
	}
	div.div-submit i {
    left: 165px;
	}
	#joinusform input.btn-submit {
		width: 198px;
	}	
	#joinusform div.div-submit {
		width: 210px;
	}	
	
	#joinusform input.font20 {
		font-size: 13px;
	}	
	
}

/* ---------------------------------------------------------------------- */
/*	06.3 Download kit
/* ---------------------------------------------------------------------- */	
div.divMarginTop{margin-top:50px;}

div.socialthanks i.whitepict {
    background: #fff;
    color: #335467;
}
div.download-toolkit div.div-submit i {
    left: 354px;
}
#joinusform div.download-toolkit div.div-submit {
    width: 390px;
}
#joinusform div.download-toolkit input.btn-submit {
    width: 390px;
}
.container-joinus div.medwhitetext {
    font-size: 24px;
	padding-bottom:10px;
	color:#fff;
	font-weight:300;
}
.container-joinus div.medredtext {
    font-size: 32px;
    color: #EA482F;
    margin-top: 20px;
    margin-bottom: 25px;
    font-weight: 300;
}
.container-joinus div.medwhiteatext {
    font-size: 32px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 25px;
    font-weight: 300;
}
.leftColKit{margin-bottom:25px;}

.smallwhitetext p {
margin-top:20px;
}

@media  (max-width: 1024px) {
}

@media  (max-width: 1024px) {
		div.medredtext, div.smallredtext, div.smallwhitetext, .medwhiteatext, .whiteatext {
		text-align:left;
	}


		div.smallwhitetext ul {
		text-align:left!important;
	}

}

@media  (max-width: 500px) {
	
		div.download-toolkit div.div-submit i {
    left: 355px;
	}
	#joinusform div.download-toolkit  input.btn-submit {
		width: 385px;
		font-size: 20px;
	}	
	#joinusform div.download-toolkit div.div-submit {
		width: 385px;
	}	
	div.medredtext, div.smallredtext, div.smallwhitetext,.medwhiteatext, .smallwhiteatext, .whiteatext {
		font-size: 18px!important;
		text-align:left;
	}
	.smallwhitetext ul {
		font-size: 18px!important;
	}
}
@media  (max-width: 414px) {
	div.download-toolkit div.div-submit i {
    left: 90%;
	}
	#joinusform div.download-toolkit  input.btn-submit {
		width: 100%;
		font-size: 14px;
	}	
	#joinusform div.download-toolkit div.div-submit {
		width: 100%;
	}	
}
@media  (max-width: 360px) {


	#joinusform div.download-toolkit  input.btn-submit {
		width: 385px;
		font-size: 14px;
	}	
	
}


/* ---------------------------------------------------------------------- */
/*	06. FOOTER
/* ---------------------------------------------------------------------- */	
#footer	.footer-bottom .inner-container-small	{padding-top:1em;padding-bottom:2.5em;height: 50px;}
#footer	.footer-bottom p						{margin-bottom:0em;}
#footer .last									{padding-right:0!important;}
#footer [class*=col]							{padding-right:40px;}

#footer .fa										{font-size:120%;}
#footer #flickr-stream				  		    {width:120%;}
#footer #flickr-stream	 a {
		width:40px;
		float:left;
		margin:5px 40px 0 0;
		padding:0;
		border:0;    
		}
#footer #flickr-wrapper {display: inline-block; margin-bottom: 1.5em !important;}
#footer .blog-posts .fa 		{margin-right:1em;}
#footer .post 					{margin-bottom:.7em;}
#footer .list-social li			{margin-left:1em}	
#footer .list-unstyled	.fa		{padding-right:8px;}
#footer .row					{margin:0;}		
	@media  (max-width: 1200px) {
		.footer-bottom .left							{text-align:center;}
		.footer-bottom .pull-right						{float:none!important; text-align:center;}
		.footer-bottom .pull-right li					{margin-left:.25em!important;margin-right:.25em;}
		#footer .logo img								{padding-bottom:1em!important;}
		.footer-bottom	[class*="col"] 					{margin-bottom:.5em!important;}
		#flickr-wrapper									{width:80%;}
	}
	@media  (max-width: 580px) {
		#footer .blog-posts  [class*="col"]         	{padding-bottom:0!important;}
		#footer	.inner-container-small					{padding:1em 1em!important;}
		#footer [class*=col]							{padding-right:8px;}
	}
#footer a							{-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
#footer a, #footer p				{color:#fff;opacity:.65;filter: alpha(opacity=65);-khtml-opacity: 0.65;}
#footer small						{color:#fff;opacity:.45;filter: alpha(opacity=45);-khtml-opacity: 0.45;}
#footer a:hover		   				{opacity:1;filter: alpha(opacity=100);-khtml-opacity: 1;}		@media(max-width:580px){#footer .emailus { height: 80px;}	}	@media(max-width:580px){#footer .subscribenews { height: 80px;}	}	

/* ---------------------------------------------------------------------- */
/*	07. OVERLAYS
/* ---------------------------------------------------------------------- */
.overlay-dark		{background:url(../img/overlay_diagonal_dark.png) repeat;width:100%!important; height:100%!important;min-height:100%!important;z-index:0;  overflow: hidden}
.overlay-light		{background:url(../img/overlay_diagonal_light.png)repeat;width:100%!important; height:100%!important;min-height:100%!important;z-index:0;  overflow: hidden}
		@media	(min-width:1000px) {
			#volunteer .overlay-dark			{visibility:hidden;}
		}
		
/* ---------------------------------------------------------------------- */
/*	08. ADDITIONAL RESPONSIVE STYLES
/* ---------------------------------------------------------------------- */		
	@media  (max-width: 480px) {
		.responsive-hide					{display:none}
	}