body 				{
					margin: 0;
					padding: 0;
					font-family: "Lato", Helvetica, Arial, sans-serif;
					color: #453b2f;
					overflow-y: scroll;
					}

html * 				{
					margin: 0;
					padding: 0;
					}

*:focus 			{outline: none;}

.clear 				{clear:both;}

h1, h2, h3 			{font-weight: 300;}

.cp-button 			{
					display: inline-block;
					color: blue;
					background: #fff;
					padding: 5px 7px;
					font-size: 14px;
					text-decoration: none;
					text-shadow: none;
					border: 2px solid blue;
					box-shadow: 0 0 0 2px #fff;
					}
					
					.cp-button:hover 	{opacity: .7;}
					
.hide-element,
.hide-students		{display: none;}					

a.go,
.search input[type=submit],
.tops input[type=submit],
.profile,
.profile span,
.social a,
.notes a,
.menu a.login,
.menu a.facebook,
a.bold 				{
					-webkit-transition: all .3s;
					-moz-transition: all .3s;
					transition: all .3s;
					}
/* BUILD */
.container 			{
					max-width: 1100px;
					padding: 0 20px;
					margin: auto;
					position: relative;
					z-index: 20;
					}

					.darker 		{
									padding: 70px 0;
									background: rgba(0,0,0,.05);
									}

									.darker + .footer,
									.map + .footer 		{margin: 0;}

/* Header */
.menu 				{
					float: right;
					margin: 26px 15px 0 0;
					}

.menu-rite 			{
					float: right;
					margin: 12px 0;
					}
					
					.m-left 				{float: left;}

					a.menu-big 				{
											display: block;
											text-decoration: none;
											line-height: 100%;
											font-size: 14px;
											border-radius: 3px;
											background: #532446;
											color: #fff;
											padding: 14px 30px 15px;
											margin: 22px 0;
											float: right;
											-webkit-transition: all .3s;
											}

											a.menu-solo 			{
																	display: inline-block;
																	float: none;
																	text-align: center																	}
											
											a.menu-big i 			{padding-left: 10px;}
											
											a.menu-big:hover 		{background: #6e2f5c;}
											
											.mid-section a.menu-big	{
																	float: none;
																	text-align: center;
																	}
					
					.menu-rite a.mf 		{
											float: left;
											width: 50%;
											}
											
											.m-left a.mf 			{width: 33.3%;}

.wrap 				{margin: 1px;}
					
.topper 			{
					background: #453b2f;
					padding: 10px 0;
					}

.t-foot			 	{
					background: #26211a;
					border-bottom-left-radius: 5px;
					border-bottom-right-radius: 5px;
					}
					
					.topper a,
					.topper p 		{
									display: block;
									float: left;
									color: rgba(255,255,255,.7);
									margin-right: 20px;
									line-height: 100%;
									font-size: 12px;
									text-decoration: none;
									font-weight: 300;
									-webkit-transition: all .3s;
									}
									
									.topper a:hover 				{color: #fff;}
									
									.topper a.current 				{
																	color: #fff;
																	text-decoration: underline;
																	}
									
									.topper p 		{float: right;margin: 0 0 0 20px;}
									
									.topper i 		{padding-right: 2px;}
					
					.topper img 	{
									width: 40px;
									display: block;
									position: absolute;
									left: 21px;
									top: 15px;
									}

.logo 				{
					width: 436px;
					display: block;
					position: absolute;
					left: 20px;
					bottom: 0;
					}
					
					.logo img 		{
									width: 100%;
									display: block;
									float: left;
									}
									
.logo-mob 			{
					max-width: 250px;
					display: block;
					margin: 20px auto;
					display: none;
					}			
					
					.logo-mob img 	{width: 100%;display: block;}					
															
.menu-bot 			{background: #c5a987;}
									
					.menu-bot a		{
									display: block;
									float: left;
									width: 33.3%;
									box-sizing: border-box;
									border-right: 1px solid #fff;
									color: rgba(0,0,0,.5);
									text-decoration: none;
									text-transform: uppercase;
									padding: 10px 0;
									font-size: 12px;
									text-align: center;
									letter-spacing: 1px;
									-webkit-transition: all .3s;
									position: relative;
									}
									
									.menu-bot a:hover 			{color: rgba(0,0,0,.8);}
									
									.menu-bot a:nth-child(3) 	{border: none;}
									
					.menu-bot span	{
  									display: none;
  									position: absolute;
  									bottom: -7px;
  									left: 50%;
  									margin-left: -10px;
  									width: 0; 
  									height: 0; 
  									border-left: 10px solid transparent;
  									border-right: 10px solid transparent;
  									border-top: 10px solid #c5a987;
									}	
									
									.menu-bot a.current span	{display: block;}								
									
					.menu a,
					.menu a.show-m	{
									display: block;
									float: right;
									color: #453b2f;
									text-transform: uppercase;
									letter-spacing: 1px;	
									font-size: 12px;
									padding: 10px 0 3px;
									margin: 0 15px;
									text-decoration: none;
									cursor: pointer;	
									-webkit-transition: all .3s;				
									}

									.menu a.show-m 		{display: none;}

									.menu a:hover 		{opacity: .7;}

									.menu a.current:hover,
									.menu a.current		{
														opacity: 1;
														border-bottom: 2px solid #453b2f;
														}

									.menu a.login 		{
														background: rgba(255,255,255,.7);
														padding: 10px 20px 9px;
														border-radius: 20px;
														color: #1d4384;
														margin: 19px 20px 0 10px;
														font-weight: 700;
														}

														.menu a.login:hover
														{border: 0;opacity: .7;}
														
														.menu a.login.current
														{
														background: #fff;
														border: 0;
														}
														
									.menu a.facebook	{
														width: 30px;
														height: 30px;
														padding: 0;
														margin-top: 20px;
														background: url(../images/fb.html) no-repeat center;
														}
														
														.menu a.facebook:hover
														{
														border: 0;
														opacity: .7;
														}
					
.cover 				{
					position: relative;
					height: 450px;
					}
					
					.cover .scroll-icon 	{
									position: absolute;
									display: block;
									bottom: 49px;
									right: 56px;
									font-size: 33px;
									color: rgba(255,255,255,.7);
									cursor: pointer;
									-webkit-transition: all .3s;
									z-index: 50;
									}
									
									.scroll-icon:hover	{opacity: .85;}
					
.small-cover 		{
					width: 1050px;
					height: 450px;
					margin: auto;
					overflow: hidden;
					background-repeat: no-repeat;
					background-position: center;
					background-size: cover;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					}
					
					.small-cover img 	{width: 100%;}
					
					.cover .container
									{
									position: absolute;
									left: 50%;
									margin-left: -570px;
									z-index: 20;
									top: 0;
									bottom: 0;
									}

					.csmall 		{height: 450px;}
					
					.c-new 			{
									width: 100px;
									height: auto;
									margin: auto;
									}
					
					.csmall .container 	{z-index: 70;}

					.bar,
					.shade 			{
									position: absolute;
									bottom: 0;
									left: 0;
									right: 0;
									height: 7px;
									background: rgba(255,255,255,.3);
									z-index: 40;
									}
					
					.shade			{
									bottom: 7px;
									height: 200px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
						
					}

					.tagline 		{
									max-width: 600px;
									position: relative;
									z-index: 40;
									color: #fff;
									}

									.tcenter	{
												margin: auto;
												text-align: center;
												}

					.tagline h1		{
									font: 100 45px/110% "Montserrat", Arial, sans-serif;
									margin-bottom: 20px;
									}
									
					.tagline p 		{
									font-size: 20px;
									line-height: 150%;
									font-weight: 300;
									}

									.twhite h1,
									.twhite p 	{color: #fff;}

					a.go 	 		{
									display: inline-block;
									margin: 20px 0;
									padding: 15px 35px;
									border-radius: 30px;
									border: 2px solid rgba(0,0,0,.5);
									color: rgba(0,0,0,.5);
									background: rgba(0,0,0,.05);
									text-decoration: none;
									text-transform: uppercase;
									font-size: 14px;
									letter-spacing: 1px;
									font-weight: 300;
									cursor: pointer;
									}

									a.go:hover 		{
													background: rgba(0,0,0,.2);
													padding: 15px 50px;
													}

									.tagline a.go 	{
													border: 2px solid #fff;
													color: #fff;
													background: rgba(255,255,255,.1);				
													}
													
									.tcenter a.go	{
													display: inline-block;
													text-align: center;
													float: none;
													}

									.tagline a.go:hover		{background: rgba(255,255,255,.3);}

									a.burst 		{
													color: #ff6008;
													border-color: #ff6008;
													background: #fff;
													}

													a.burst:hover 	{opacity: .7;background: none;}

									a.gocent 		{
													float: none;
													width: 200px;
													text-align: center;
													margin: 30px 0;
													}

.overlay 			{
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					z-index: 10;
					border-bottom-left-radius: 5px;
					border-bottom-right-radius: 5px;
					background-color: rgba(0,0,0,.25);
					background-image: url(../uploads/overlay30.png);	
					background-size: 2px;								
					}
			
.slide 				{
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					z-index: 5;
					}
										
					.slide-in		{
									position: absolute;
									top: 0;
									left: 0;
									right: 0;
									bottom: 0;
									background-repeat: no-repeat;
									background-position: center;
									-webkit-background-size: cover;
									-moz-background-size: cover;
									background-size: cover;
									z-index: 10;
									opacity: 0;
									-webkit-transition: all 1s;
									-moz-transition: all 1s;
									transition: all 1s;
									border-bottom-left-radius: 5px;
									border-bottom-right-radius: 5px;
									}
									
					.slide .slide-z {z-index: 15;}
					.slide .slide-top{opacity: 1;}

					.controls 		{
									width: 240px; 
									position: absolute;
									bottom: 45px;
									left: 20px;
									z-index: 50;
									white-space: nowrap;
									}
									
									.controls a 	{
													display: block;
													width: 30px;
													height: 30px;
													border: 3px solid rgba(255,255,255,.5);
													border-radius: 100%;
													float: left;
													margin-right: 20px;
													cursor: pointer;
													}
													
													.controls a.current,
													.controls a:hover
													{
													border-color: #fff;
													background: rgba(255,255,255,.5);
													}
													
					.more 			{
									display: block;
									width: 40px;
									height: 40px;
									background: url(../images/arrow-down.html) no-repeat center top;
									position: absolute;
									bottom: 40px;
									right: 0;
									z-index: 50;
									opacity: .7;
									-webkit-transition: all .3s;
									-moz-transition: all .3s;
									transition: all .3s;
									cursor: pointer;
									}
									
									.more:hover 	{
													opacity: .5;
													background-position-y: bottom;
													}		

.mid-section 		{
					padding: 50px 0;
					position: relative;
					}
					
					.mid-two 		{
									padding: 60px 0 30px;
									border-top: 2px solid #c5a987;
									border-bottom: 2px solid #c5a987;
									background: url(../uploads/pattern.png);
									background-size: 2px;
									}
					
					.top-title		{
									position: absolute;
									top: 0;
									left: 50%;
									margin-left: -90px;
									font-size: 14px;
									text-align: center;
									width: 150px;
									padding: 8px 15px 10px;
									border-bottom-left-radius: 3px;
									border-bottom-right-radius: 3px;
									color: #fff;
									background: #c5a987;
									}
					
					.big-text 		{
									width: 65%;
									margin-right: 5%;
									float: left;
									font-size: 21px;
									line-height: 150%;
									font-weight: 300;
									}
									
									
					.small-text 	{	
									width: 30%;
									float: left;
									font-size: 16px;
									font-weight: 300;
									}				
									
									.small-text p 		{opacity: .7;}			

					.arrows 		{
									display: block;
									position: absolute;
									width: 56px;
									height: 44px;
									border: 2px solid #c5a987;
									background: #fff;
									border-radius: 100%;
									top: 50%;
									margin-top: -35px;
									left: 30px;
									text-align: center;
									font-size: 24px;
									padding: 16px 4px 0 0;
									color: #c5a987;
									text-decoration: none;
									-webkit-transition: all .3s;
									cursor: pointer;
									}
									
									.arite 		{
												left: inherit;
												right: 30px;
												padding: 16px 0 0 4px;
												}
												
									.arrows:hover		{color: #453b2f;}

.dots 				{
					position: absolute;
					bottom: 35px;
					left: 50%;
					}

					.dots a 		{
									display: block;
									width: 10px;
									height: 10px;
									border-radius: 100%;
									float: left;
									margin-right: 14px;
									border: 2px solid #c5a987;
									background: #fff;
									-webkit-transition: all .3s;
									cursor: pointer;
									}	
									
									.dots a:nth-last-child(2)	{margin-right: 0;}	
									
									.dots a:hover,
									.dots a.current 	{background: #c5a987;}

.photo-sel 			{text-align: center;}

.photo-sel div,
.news div	 		{
					display: inline-block;
					width: 33%;	
					background: #fff;
					vertical-align: top;
					}
					
					.photo-sel .overlay
					{
					display:block;
					background-color: rgba(0,0,0,.5);
					border-radius: 0;
					}
					
					.photo-sel a 	{
									min-height: 100px;
									display: block;
									background-size: cover;
									background-position: center;
									margin: 20px;
									position: relative;
									text-transform: uppercase;
									-webkit-transition: all .3s;
									}
									
									.photo-sel a:hover 		{opacity: .8;}
									
					.page .photo-sel p 
									{
									font: 700 18px "Montserrat", Arial, sans-serif;
									letter-spacing: 1px;
									color: #fff;
									position: absolute;
									z-index: 20;
									top: 50%;
									left: 0;
									right: 0;
									padding: 0 20px;
									}
																	
.top-center 		{
					max-width: 960px;
					text-align: center;
					border-bottom: 2px solid #c5a987;
					padding-bottom: 40px;
					margin: 50px auto 40px;
					}
					
					.top-center div	{
									max-width: 500px;
									margin: auto;
									}
					
					.top-center h2 	{
									font-size: 40px;
									margin-bottom: 15px;
									}
									
					.top-center p 	{
									font-size: 21px;
									font-weight: 100;
									line-height: 170%;
									}
									
					.top-center span{
									display: inline-block;
									font-size: 14px;
									font-weight: 100;
									margin-top: 23px;
									text-transform: uppercase;
									word-spacing: 5px;
									color: #c5a987;
									}
					
.page 				{
					max-width: 960px;
					margin: 40px auto;
					padding: 0 20px;
					}
					
					img.main-image	{
					    			width: 100%;
					    			margin: 0 0 30px;
					    			}										
					
					.page p 		{
									font-size: 18px;
									line-height: 170%;
									}
									
									.page p + p 		{margin-top: 20px;}
					
.copy				{
					max-width: 750px;
					margin: auto;
					}
					
					.copy img 		{
									width: 60%;
									height: auto;
									display: block;
									margin: 30px auto;
									}
									
									.copy .related img 	{margin: 0 5% 0 0;}
									
.related 			{margin-top: 50px;}

					h2.sec-title	{font-size: 30px;}

					.area 			{
									max-width: 650px;
									margin: 30px auto;
									text-align: center;
									position: relative;
									z-index: 10;
									}
									
									.quotes h2 i 		{
														font-size: 16px;
														display: inline-block;
														vertical-align: top;
														opacity: .5;
														padding-top: 3px
														}
														
														.quotes h2 i.fa-quote-right	{padding-left: 5px;}
					
					.area h4,
					.projects h4,
					.top-center h4	{
									display: inline-block;
									margin: 0 5px;
									font: 700 11px "Montserrat", Arial, sans-serif;
									text-transform: uppercase;
									}
									
									.projects h4 		{margin: 0 10px 10px 0;}
									
									.top-center h4		{margin-bottom: 15px;}
									
					.area h2 		{
									font-size: 35px;
									margin: 10px 0 15px;
									}
									
					.area h3 		{
									font-size: 18px;
									font-weight: 400;
									color: rgba(0,0,0,.35);
									}
									
					.mid-section .area a.menu-big
									{
									float: none;
									display: inline-block;
									background: #453b2f;
									}
									
									.mid-section .area a.menu-big:hover
									{background: #6e5e4b;}
									
					.pitch .area a.menu-big {
											background: #994280;
											color: #fff;
											font-size: 21px;
											padding: 20px 40px;
											margin-top: 50px;
											margin-bottom: 0;
											box-shadow: 0 2px 3px rgba(0,0,0,.3);
											}
											
											.pitch .area a.menu-big:hover
											{background: #b34d96;}

					.project-slides .area 				{display: none;}

					.project-slides .area:first-child 	{display: block;}											
																	
.networks a 		{
					display: block;
					padding: 20px 23px;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;
					text-decoration: none;
					color: #fff;
					margin-bottom: 40px;
					position: relative;
					-webkit-transition: all .3s;
					border-radius: 5px;
					text-shadow: 1px 1px 1px #453b2f;
					}		
					
					.networks .overlay		{
											background-color: rgba(0,0,0,.25);
											border-radius: 5px;
											}
					
					.networks a:hover 		{opacity: .85;}
					
					.netext 				{
											position: relative;
											z-index: 20;
											}	
											
											.netext h2 			{font: 30px "Montserrat", Arial, sans-serif;}	
											
											.netext i 			{
																position: absolute;
																display: block;
																top: -10px;
																right: -13px;
																color: #fff;
																font-size: 18px;
																}

.all-partners 		{margin: 50px 0;}

.partners 			{
					margin: -1px 0;
					border-top: 1px solid #c5a987;
					border-bottom: 1px solid #c5a987;
					padding: 30px 0;
					}

.copy .partners img {
					display: inline-block;
					float: left;
					width: 150px;
					margin: 0 50px 0 0;
					border-radius: 3px;
					}
					
					.partners div 			{
											overflow: hidden;
											}
										
					.partners h3 			{font: 21px "Montserrat", Arial, sans-serif;}
					
					.partners p 			{font-size: 14px; margin-top: 5px;}	
					
					.partners a 			{
											display: inline-block;
											font: 300 10px "Montserrat", Arial, sans-serif;
											margin-top: 7px;
											background: #453b2f;
											color: #fff;
											padding: 2px 5px;
											border-radius: 3px;
											text-decoration: none;
											text-transform: uppercase;
											letter-spacing: 1px;
											-webkit-transition: all .3s;
											}		
											
											.partners a:hover 	{opacity: .85;}
					
.testimonial 		{
					background: #ddc09a;
					padding: 10px 0 40px 0;
					text-align: center;
					}
					
					.testimonial .area h2
					{font-size: 24px; line-height: 150%;}
					
					.testimonial .area h4
					{padding: 10px 0 25px;}
					
					.testimonial .area span
					{
					color: rgba(255,255,255,.7);
					padding-bottom: 18px;
					display: inline-block;
					}

.donors	 			{padding: 20px 0;}

					.donor-logos 	{
									width: 100%;
									text-align: center;
									display: inline-block;
   			 						vertical-align: middle;
   			 						margin: 40px 0;
    								}
    								
    								.donor-logos img 	{
    													display: inline-block;
    													vertical-align: middle;
    													margin: 0 30px;
    													}
					
.pitch				{
					background: url(../uploads/pitch2.jpg) no-repeat center;
					background-size: cover;
					color: rgba(255,255,255,.75);
					}					
					
					.pitch h2 		{font: 100 35px "Montserrat", Arial, sans-serif;}
					
					.pitch p 		{
									font-size: 18px;
									line-height: 140%;
									font-weight: 100;
									}
									
.page-head 			{
					padding: 40px 0;
					text-align: center;
					background: url(../uploads/pitch2.jpg) no-repeat center;
					background-size: cover;
					color: rgba(255,255,255,.75);
					text-transform: uppercase;
					}
					
					.page-head h1 	{
									color: #fff;
									font: 400 40px "Montserrat", Arial, sans-serif;
									text-shadow: 0 1px 2px rgba(0,0,0,.5);
									letter-spacing: 1px;
									}
									
					.page-head p	{
									color: #fff;
									font: 100 18px "Lato", Arial, sans-serif;
									}

.downloads 			{
					position: relative;
					margin-top: 30px;
					}

					.downloads a 	{
									display: block;
									border: 1px solid #c5a987;
									padding: 15px 15px;
									border-radius: 3px;
									text-decoration: none;
									margin-top: 20px;
									position: relative;
									color: #453b2f;
									-webkit-transition: all .3s;
									}
									
									.downloads a p 		{opacity: .7;}
									
									.downloads a i 		{
												   		display: block;
												   		float: left;
												   		font-size: 35px;
												   		margin-right: 15px;
												   		color: #c5a987;
												   		}
												   		
									.downloads a:hover	{opacity: .7;}
									
.all-projects 		{margin: 50px 0;}

					.related .all-projects 	{margin: 20px 0 50px;}
									
.projects 			{
					position: relative;
					margin-top: -1px;
					padding: 50px 0;
					border-top: 1px solid #c5a987;
					border-bottom: 1px solid #c5a987;
					}
					
					.related .projects
					{padding: 30px 0;}

					.projects img 	{
									display: block;
									float: left;
									width: 50%;
									margin-right: 5%;
									border-radius: 3px;
									}														
									
					.projects h2 	{
									font-size: 30px;
									margin-bottom: 20px;
									}	
									
									.related .projects h2 	{font-size: 24px; margin-bottom: 10px;}
									.related .projects p 	{font-size: 16px;}
									
					.projects a	 	{
									display: inline-block;
									margin-top: 25px;
									border-radius: 3px;
									padding: 10px 15px;
									background: #c5a987;
									color: #fff;
									font: 14px "Montserrat", Arial, sans-serif;
									text-transform: uppercase;
									text-decoration: none;
									-webkit-transition: all .3s;
									}					
									
									.projects a:hover 		{background: #453b2f;}				
					
					.all-projects .projects:nth-child(2n+2) img
									{
									float: right;
									margin: 0 0 0 5%;
									}	
									
.news				{
					position: relative;
					text-align: center;
					}

					.news a			{
									display: block;
									margin: 20px 20px 30px;
									text-decoration: none;
									color: #453b2f;
									-webkit-transition: all .3s;
									}
									
									.news a:hover 			{opacity: .85;}
									
					.news img 		{
									width: 100%;
									display: block;
									}
					
					.news h2 		{
									border-top: 1px solid #c5a987;
									padding-top: 5px;
									margin: 10px 0 5px;
									font-size: 21px;
									}
									
					.news p			{
									font-size: 14px;
									font-weight: 100;
									}

									
/* Contact form */
.field 				{
					width: 100%;
					border: 1px solid #999;
					border-radius: 3px;
					margin-bottom: 20px;
					}

					.field input,
					.field textarea	{
									width: 94%;
									height: 40px;
									padding: 0 3%;
									font: 15px "Roboto", Helvetica, Arial, sans-serif;
									background: none;
									border: none;
									}

									.field textarea {
													height: 120px;
													padding: 3%;
													}

					.map 			{
									margin-top: 100px;
									-webkit-background-size: cover;
									-moz-background-size: cover;
									background-size: cover;
									position: relative;
									}
									
									.disable 		{
													position: absolute;
													top: 0;
													left: 0;
													right: 0;
													bottom: 0;
													cursor: pointer;
													}
													
/* Content */
.content 			{margin: 50px auto;}
					
					.thirds 		{
									width: 33.3%;
									float: left;
									margin-top: 20px;
									}

									.thirds div 	{margin-right: 20px;}

									.thirds p 		{color: #ff6008;}
									.thirds span 	{font-size: 13px; color: #777;}

					h2.title 		{
									text-transform: uppercase;
									letter-spacing: 1px;
									font-size: 18px;
									text-align: center;
									}

					.notes a 		{
									display: block;
									padding: 20px 0;
									text-decoration: none;
									border-bottom: 1px solid #ddd;
									color: #777;
									}

									.notes a:hover 	{color: #333;}

									.notes a span 	{
													display: block;
													padding-top: 3px;
													float: right;
													font-size: 13px;
													text-transform: uppercase;
													letter-spacing: 1px;
													font-weight: 700;
													color: #ccc;
													}

.tops 				{
					max-width: 500px;
					margin: 70px auto;
					}				
					
					.tops h3 		{
									text-transform: uppercase;
									font: 100 16px "Montserrat", Arial, sans-serif;
									letter-spacing: 2px;
									color: #000;
									}	

					.darker .tops 	{margin-top: 0;}

					.tops h1,
					.tops h2 		{font-size: 40px;margin-bottom: 20px;color: #001633}			

					.tops p 		{font-size: 18px;}

					.tops span 		{
									display: block;
									margin-top: 50px;
									text-transform: uppercase;
									}


.story 				{margin-bottom: 100px;}

.story p 			{line-height: 170%;}

.story img,
.story p img		{
					width: 100%;
					height: auto;
					margin-bottom: 30px;
					}
					
.story h2 			{margin-bottom: 10px;}
										
.story ol	 		{margin: 20px 40px 40px 40px;}

					.story ol li 	{margin-bottom: 10px;}
					
.story iframe 		{
					display: block;
					margin: 0 auto 50px;
					}

.block 				{
					display: block;
					background: #f7eadf;
					position: relative;
					margin-bottom: 50px;
					text-decoration: none;
					-webkit-transition: all .3s;
					-moz-transition: all .3s;
					transition: all .3s;
					}			
					
					.block:hover 	{opacity: .7;}

					.image 			{
									width: 300px;
									background: #ccc;
									float: left;
									margin-right: 70px;
									position: relative;
									}

									.image img 		{
													width: 100%;
													float: left;
													}

									.brite .image 	{
													width: 450px;
													float: right;
													margin: 0 0 0 150px;
													}

									.image span 	{
													position: absolute;
													top: 0;
													left: 0;
													right: 0;
													bottom: 0;
													background: rgba(0,0,0,.3) url(../images/play.html) no-repeat center;
													background-size: 100px;
													z-index: 100;
													}

					.text 			{
									padding: 70px 150px 0 0;
									color: #3e3934;
									}

									.brite .text 	{padding-left: 70px;}

									.btype .text	{padding: 70px 150px 70px 70px;}

									.text h3 		{
													font-weight: 700;
													margin-bottom: 15px;
													color: #001633;
													}

													.btype .text h3 	{font-size: 40px;}

									.text p 		{
													font-size: 14px;
													margin-bottom: 15px;
													}

													.btype .text p 		{font-size: 21px;}

									.text span 		{
													font-size: 11px;
													text-transform: uppercase;
													letter-spacing: 1px;
													}

/* Search */
.search 			{
					max-width: 500px;
					margin: 30px auto;
					box-shadow: inset 0 0 0 1px #ccc;
					border-radius: 30px;
					background: url(../images/search.html) no-repeat left 15px center;
					background-size: auto 20px;
					position: relative;
					}

					.search input[type=text]		{
													float: left;
													font: 14px "Roboto", Helvetica, Arial, sans-serif;
													margin-left: 45px;
													height: 40px;
													border: 0;
													width: 60%;
													background: none;
													}

					.search input[type=submit],
					.search-button,
					.tops input[type=submit]		{
													display: block;
													width: 30%;
													-webkit-appearance: none;
													background: #ff6008;
													color: #fff;
													height: 40px;
													border-radius: 30px;
													float: right;
													border: 0;
													font: 700 12px "Roboto", Helvetica, Arial, sans-serif;
													letter-spacing: 2px;
													cursor: pointer;
													}

													.search input[type=submit],
													.search-button 				{
																				position: absolute;
																				top: 0;
																				right: 0;
																				bottom: 0;
																				float: none;
																				width: 140px;
																				text-align: center;
																				padding-top: 11px;
																				height: auto;
																				background: #532446;
																				}

													.tops input[type=submit] 	{
																				font-size: 15px;
																				letter-spacing: 0;
																				font-weight: 100;
																				}

													.search input[type=submit]:hover,
													.tops input[type=submit]:hover,
													.search-button:hover 	 	{opacity: .7;}

.more-cover 		{
					position: fixed;
					overflow-y: auto;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background: rgba(0,0,0,.7);
					z-index: 100;
					display: none;
					padding: 0 30px;
					}
					
					.more-person 	{
									max-width: 400px;
									padding: 30px;
									margin: 40px auto;
									background: #fff;
									border-bottom-left-radius: 5px;
									border-bottom-right-radius: 5px;
									position: relative;
									}
									
									.more-person img{
													width: 50px;
													height: 50px;
													border-radius: 100%;
													margin-bottom: 10px;
													}
													
									.more-person p 	{
													font-size: 14px;
													text-align: left;
													}
					
					.more-person i 	{
									font-size: 16px;
									padding: 10px;
									position: absolute;
									top: 10px;
									right: 10px;
									color: #453b2f;
									cursor: pointer;
									-webkit-transition: all .3s;
									}
									
									.more-person i:hover 	{opacity: .85;}
/* Profiles */
.all-profiles 		{
					margin: 40px -30px;
					text-align: center;
					}

.profile 			{
					display: inline-block;
					width: 19%;
					text-decoration: none;
					color: #333;
					vertical-align: top;
					}

					.org 			{width: 33%;}

					.profile:hover	{opacity: .7;}

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

					.profile div 	{
									margin: 10px 10px 20px;
									text-align: center;
									position: relative;
									cursor: pointer;
									}
									
									.org img 				{
															display: block;
															border: 5px solid rgba(0,0,0,.2);
															box-sizing: border-box;
    														-moz-box-sizing: border-box;
    														-webkit-box-sizing: border-box;
															}

									.org .desc 				{
															background: #1d4384;
															padding: 10px;
															color: #fff;
															border: none;
															margin: 1px 0 0;
															}

					.profile img 	{
									width: 100%;
									float: left;
									}	

					.profile h3 	{font-size: 16px;margin-top: 5px;}

					.profile p 		{color: #ff6008;font-size: 13px;}	

					.profile span 	{
									display: block;
									position: absolute;
									top: 0;
									left: 0;
									right: 0;
									bottom: 0;
									background: rgba(0,0,0,.3) url(../images/zoom.html) no-repeat center;
									background-size: 50px;
									opacity: 0;
									}

									.profile:hover span 	{opacity: 1;}

/* Specific profile */
img.profile-image 	{
					display: block;
					width: 200px;
					position: absolute;
					bottom: -50px;
					right: 0;
					box-shadow: 0 0 0 7px rgba(0,0,0,.2);
					background: #fff;
					}
					

.csmall .tagline 	{
					position: absolute;
					bottom: 40px;
					right: 250px;
					text-align: right;
					}
					
					.csmall .tagline 		{max-width: 350px;}
					.csmall .tagline h1 	{font-size: 35px;}
					.csmall .tagline p 		{font-size: 16px;}
					
.social 			{
					position: absolute;
					bottom: -40px;
					right: 250px;
					}

					.social a 		{
									display: block;
									height: 13px;
									float: right;
									font-size: 12px;
									font-weight: 700;
									letter-spacing: 1px;
									text-transform: uppercase;
									padding: 1px 0 0 20px;
									margin-left: 30px;
									color: #999;
									background: url(../images/search.html) no-repeat left center;
									background-size: auto 14px;
									text-decoration: none;
									}

									.social a:hover 	{opacity: .7;}

					.social a.web	{background-image: url(../images/web.html);}
					.social a.fb	{background-image: url(../images/social-fb.html);}
					.social a.tw	{background-image: url(../images/social-tw.html);}
					.social a.in	{background-image: url(../images/social-in.html);}
					.social a.ig	{background-image: url(../images/social-ig.html);}

.orgs img.profile-image
					{
					width: 230px;
					left: 0;
					right: inherit;
					}

.orgs .tagline 		{left: 270px; right: inherit; text-align: left;}
.orgs .social 		{left: 270px; right: inherit;}
.orgs .social a 	{margin: 0 30px 0 0;}

					

/* Post */
.post 				{
					width: 33.3%;
					float: left;
					}

.post-in 			{
					margin: 0 20px 40px;
					height: 380px;
					background: #fff;
					box-shadow: 0 1px 2px rgba(0,0,0,.2);
					position: relative;
					}

					.tag-student,
					.student-post 	{
									
									color: #fff;
									text-transform: uppercase;
									padding: 4px 7px;
									font-size: 12px;
									font-weight: bolder;
									border-radius: 3px;
									background: #ff6008;
									}

									.tag-student 				{
																position: absolute;
																top: 10px;
																left: 10px;
																}

									.student-post 				{
																display: inline-block;
																margin-top: 20px;
																}

					.post-image 	{
									display: block;
									height: 240px;
									background-position: center;
									background-size: cover;
									background-repeat: no-repeat;
									}

									.post-image:hover 						{opacity: .7;}
																							
					.post-text 		{padding: 20px;}
					
					.post-text h2 	{
									width: 90%;
									font-size: 19px;
									line-height: 130%;
									margin-top: 13px;
									}
					
									.post h2 a,
									.tops h2 a 		{
													color: #555;
													text-decoration: none;
													}

													.post h2 a:hover,
													.tops h2 a:hover		{text-decoration: underline;}
									
					.post span		{
									display: block;
									font-size: 12px;
									color: #999;
									}
									
					.post p 		{
									font-size: 12px;
									line-height: 170%;
									}
									
/* Docs */
.sidebar 			{
					float: left;
					width: 18%;
					padding-right: 2%;
					}				
					
					.sidebar h2 	{
									padding-bottom: 5px;
									border-bottom: 1px solid #ddd;
									}
					
					.sidebar a 		{
									display: block;
									border-bottom: 1px solid #ddd;
									padding: 10px 0;
									text-decoration: none;
									color: #0059cd;
									}		
									
									.sidebar a:hover 		{color: #000;}		
														
.mainbar 			{
					float: left;
					width: 80%;
					}
					
					.mainbar img 	{
									max-width: 100%;
									height: auto;
									}
									
					.mainbar h2 	{margin-bottom: 10px;}
									
					.mainbar p + p 	{margin-top: 25px;}
									
					.mainbar p + h2 {margin-top: 50px;}
																								

/* Footer */
iframe 				{
					width: 100%;
					height: 600px;
					border: 0;
					}
					
					.map iframe  	{height: 450px;}

					iframe + .footer{margin: 0;}

.footer 			{
					background: #453b2f;
					padding: 50px 0;
					position: relative;
					}
					
					.link-section 	{
									float: left;
									margin-right: 20px;
									border-right: 1px solid rgba(255,255,255,.2);
									}
									
									.topper .link-section a 	{padding: 0;}
									
									.container .link-section:nth-last-child(2)	{border: 0;margin: 0;}
					
					img.logo-bottom	{
									width: 80px;
									display: block;
									position: absolute;
									bottom: -50px;
									left: 60px;
									}
					
					.box 			{
									width: 20%;
									padding-right: 5%;
									float: left;
									font-weight: 100;
									}
									
					.latest 		{width: 50%;}
					
									.latest a	{
												display: block;
												color: rgba(255,255,255,.75);
												text-decoration: none;
												border-bottom: 1px solid rgba(255,255,255,.1);
												padding-bottom: 10px;
												margin-bottom: 10px;
												-webkit-transition: all .3s;
												}
												
												.latest a p 		{
																	font-size: 14px;
																	color: rgba(255,255,255,.35);
																	float: none;
																	padding: 0;
																	}
																	
												.lastest a:hover 	{opacity: .85;}
									
									.big-text h4,
									.small-text h4,
									.box h4 	{
												text-transform: uppercase;
												font: 100 14px "Montserrat", Arial, sans-serif;
												margin-bottom: 30px;
												color: rgba(255,255,255,.7);
												}
												
												.big-text h4,
												.small-text h4
												{
												color: #453b2f;
												font: 300 18px "Montserrat", Arial, sans-serif;
												margin-bottom: 20px;
												}
					
					.smallest		{width: 20%; padding: 0;text-align: right;}
					
									.smallest a	{
												display: block;
												color: rgba(255,255,255,.75);
												text-decoration: none;
												margin-bottom: 10px;
												-webkit-transition: all .3s;
												}
												
												.smallest a p	 	{
																	float: none;
																	font-size: 14px;
																	color: rgba(255,255,255,.35);
																	padding: 0;
																	}
																	
												.smallest a:hover 	{opacity: .85;}
									
									.box h3 	{
												color: rgba(255,255,255,.75);
												padding-bottom: 15px;
												font-size: 21px;
												text-transform: uppercase;
												}
									
									.box p.icon	{
												width: 30px;
												text-align: center;
												}
												
									.box p 		{
												float: left;
												color: rgba(255,255,255,.35);
												padding-bottom: 15px;
												font-size: 14px;
												}
												
									.box a		{-webkit-transition: all .3s;}
												
												.box a:hover 		{color: #fff;}

					.f-menu 		{text-align: center;}

					.f-menu a 		{
									display: inline-block;
									text-decoration: none;
									font-size: 13px;
									font-weight: 700;
									text-transform: uppercase;
									letter-spacing: 1px;
									padding-left: 1px;
									color: rgba(0,0,0,.7);
									margin: 15px;
									}
					
					.f-menu a:hover,
					.f-menu a.current {border-bottom: 2px solid rgba(0,0,0,.5);}

					.f-menu a:nth-last-child(2)	{margin: 0;}
					
a.bold 				{
    				display: block;
    				background: #26211a;
    				color: rgba(255,255,255,.7);
    				font-weight: 300;
    				padding: 3px 5px;
    				font-size: 12px;
    				position: absolute;
    				bottom: -40px;
    				right: 20px;
    				text-decoration: none;
    				}
    				
    				a.bold:hover 		{color: #fff;}

@media only screen 
and (max-width : 770px)  {

	a.bold 			{bottom: -20px;}
	
	.wrap 			{margin: 0;}

	.mid-two a.arrows,
	.logo,
	.menu-clear		{display: none;}

	.logo-mob 		{display: block;}

	.slide-in 		{border-radius: 0;}

	.topper a,
	.topper p 		{
					display: inline-block;
					float: none;
					width: 32%;
					margin: 0;
					padding: 5px 0;
					text-align: center;
					}

					.topper p 		{opacity: .5;}

	a.menu-big 		{
					float: none;
					text-align: center;
					margin: 0;
					}

	.menu 			{
					float: none;
					margin: 10px -20px;
					}

					.menu a 		{
									float: left;
									width: 33.3%;
									text-align: center;
									margin: 0;
									padding: 10px 0;
									}

	.big-text,
	.small-text 	{
					float: none;
					width: auto;
					margin: 10px 0;
					}

					.small-text 	{font-size: 18px;}

									.small-text p 		{margin-bottom: 20px;}

	.cover .container	{
						left: 0;
						margin: auto;
						right: 0;
						padding: 20px;
						}							

	.copy 			{padding: 0 30px;}

	.photo-sel div,
	.news div 		{
					display: block;
					width: auto;
					}

	.top-center div {padding: 0 20px;}

	.top-center h2 	{font-size: 30px;}

	.profile 		{width: 25%;}

	.networks a 	{margin: 30px;}

	.mid-two 		{padding-bottom: 50px;}

	.project-slides	{padding: 0 20px;}
	
	.area h2 		{font-size: 30px;}

	.area h3 		{margin-bottom: 20px;}

	.testimonial 	{padding: 10px 20px 40px;}

	.donor-logos 	{margin: 0;}

	.donor-logos img{margin: 20px 30px;}

	.t-foot 		{border-radius: 0;}

	.link-section 	{
					border: 0;
					float: none;
					}
					
	.copy .partners img		
					{
					float: none;
					margin-bottom: 10px;
					}			

	.topper .link-section a,
	.t-foot p 		{
					width: auto;
					padding: 15px 10px;
					}

	.footer 	 	{padding: 20px 0;}

	.box 			{
					float: none;
					width: auto;
					margin-bottom: 40px;
					}

					.box h4 		{margin-bottom: 10px;}

	img.logo-bottom	{
					width: 100px;
					bottom: -20px;
					left: 40px;
					}





}