/* 
====================
GLOBAL
====================
*/

html, body {
	font-size: 1em;
	background-color:#fff;
}

img {
	max-width: 100%;
}

/* 
====================
FONTS
====================
*/

@font-face {
	font-family: 'bebas_bold';
	src: url('/fonts/bebas_bold.eot?') format('eot');
	src: url('/fonts/bebas_bold.eot?iefix') format('embedded-opentype'),
	url('/fonts/bebas_bold.woff') format('woff'),
	url('/fonts/bebas_bold.ttf') format('truetype'),
	url('/fonts/bebas_bold.svg#bebas_bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bebas_regular';
	src: url('/fonts/bebas_regular.eot?') format('eot');
	src: url('/fonts/bebas_regular.eot?iefix') format('embedded-opentype'),
	url('/fonts/bebas_regular.woff') format('woff'),
	url('/fonts/bebas_regular.ttf') format('truetype'),
	url('/fonts/bebas_regular.svg#bebas_regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bebas_book';
	src: url('/fonts/bebas_book.eot?') format('eot');
	src: url('/fonts/bebas_book.eot?iefix') format('embedded-opentype'),
	url('/fonts/bebas_book.woff') format('woff'),
	url('/fonts/bebas_book.ttf') format('truetype'),
	url('/fonts/bebas_book.svg#bebas_book-') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('/fonts/icomoon.eot?-hj0z8d');
	src:url('/fonts/icomoon.eot?#iefix-hj0z8d') format('embedded-opentype'),
		url('/fonts/icomoon.woff?-hj0z8d') format('woff'),
		url('/fonts/icomoon.ttf?-hj0z8d') format('truetype'),
		url('/fonts/icomoon.svg?-hj0z8d#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('/fonts/icomoon.eot?2z3ls7');
	src:url('/fonts/icomoon.eot?#iefix2z3ls7') format('embedded-opentype'),
		url('/fonts/icomoon.woff?2z3ls7') format('woff'),
		url('/fonts/icomoon.ttf?2z3ls7') format('truetype'),
		url('/fonts/icomoon.svg?2z3ls7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1em;
	


	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-facebook:before {
	content: "\e600";
	font-size: .8em;
}

.icon-twitter:before {
	content: "\e601";
		font-size: .8em;
}

.icon-youtube:before {
	content: "\e602";
		font-size: .8em;
}

.icon-mail:before {
	content: "\e900";
		font-size: .8em;
}


h1,h2,h3,h4 {
		font-weight: normal !important;
}

h1 a,h2 a,h3 a {
	text-decoration: none;
	color: inherit;
}

h1 {
	font-family: "bebas_bold", sans-serif;
	font-size: 3em;
	padding: 0;
	line-height: 0.8;
	margin: .2em 0 .2em 0;
}


h2 {
	font-family: "bebas_regular", sans-serif;
	font-size: 2em;
	line-height: .8em;
}

h3 {
	font-family: "bebas_regular", sans-serif;
	font-size: 1.8em;
	line-height: 1;
}

h3 a:hover {
	color: #cb3839;
	-webkit-transition: all 0.3s; ]
    	transition: all 0.3s;
}

p, ol li {
	font-family: "Raleway", sans-serif;
	font-weight: 500;
	font-size: 1.1em;
	color: #4d4d4d;
	line-height: 1.25;
}

a {
	text-decoration: none;
	color:inherit;
}

ol {
    counter-reset:li; 
    margin-left:0; 
    padding-left:0; 
}

ol  li {
    position:relative;
    margin: 0 0 2em 3em;
    padding: 0px 8px 4px 20px; 
    list-style:none; 
}

ol > li:before {
    	content:counter(li); 
    	counter-increment:li; 
    	position:absolute;
    	top:0;
    	left:-2.5em;
    	-moz-box-sizing:border-box;
    	-webkit-box-sizing:border-box;
    	box-sizing:border-box;
    	width:2em;
    	padding:.3em;
    	color:#fff;
    	background: rgba(0,0,0,0.25);
    	font-family: "bebas_bold", sans-serif;
    	text-align:center;
    	border-radius: 50%;
}

ol ol li:last-child {
	margin-bottom:0;
}


/* 
====================
GLOBAL
====================
*/


.split {
	height: 4em;	
}

.centertext {
	text-align: center !important;
}

.lefttext {
	text-align: left !important;
}

.righttext {
	text-align: right !important;
}

.white {
	background-color: #fff;
}

.whitetext {
	color: #fff;
}

.semiwhitetext {
	color: rgba(255,255,255,.5);
}

.grey {
	background-color: #ccc;
}

.greytext {
	color: #ccc;
}

.lightgrey {
	background-color: #f6f6f1;
}

.lightgreytext {
	color: #f6f6f1;
}

.red {
	background-color: #c63738;
}

.redtext {
	color: #cb3839 !important;
}

.darkgrey {
	background-color: #4d4d4d;
}

.darkgreytext {
	color: #4d4d4d;
}

.charcoal {
	background-color: #1a1a1a;
}

.charcoaltext {
	color: #1a1a1a;
}

.youtubewrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: auto;
}

.youtubewrapperblank {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #5e5e5e;
	background-image: url('../images/play.png');
	background-position:center;
	background-repeat:no-repeat;	
}

.youtubewrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.uppercase {
	font-family: "bebas_bold", sans-serif;
	font-size: 120%;
	line-height: .8em;
	text-transform: uppercase;
}

sup {
	font-family: "Raleway", sans-serif;
	font-weight: 500;
	color: #aaa;
	font-weight: normal;
	

}
sup a {
	-webkit-transition: all 0.3s; ]
    	transition: all 0.3s;
}

p a, p a:hover, sup a:hover {
	color: #b73434;
	}

.whitetext a:hover {
	color: rgba(255,255,255,.5);
}


.hiddenuntilmobile, .hiddenuntiltablet {
	display: none;
}

.red_button {
	position: relative;
	background-color: #b73434;	
	font-family: 'bebas_regular', sans-serif;
	font-size: 2.5em;
	padding: .5em 1em;
	text-align:center;
	color:#fff;	
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
    -webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;
}

.red_button:hover {
	background-color: rgba(0,0,0,0.5);		
}

.big {
	font-size:600%;
}


/* 
====================
MASTER DIVS
====================
*/

.slider, .about, .approach, .theteam, .quotes, .values, .contact {
	padding: 4em 0;
}



/* DESKTOP MENU */

.desktop_menu {
	position:fixed;
	top:0px;
	width:100%; 
	height:auto; 
	z-index:100;
	background-color: #f6f6f1;
}

#logo {
	position: absolute;
	margin: 10px 0;
	overflow: visible;
	z-index: 150;
	left: 128px;
	top: -1px;
	width: 150px;
}


#nav {
	text-align: right;
	margin: 0px 0 0 200px;
}

.navigation{
	float: right;
	list-style: none;
	margin: 10px 0 10px 0;
}

.navigation li {
	font-family: 'bebas_regular', sans-serif;
	font-size: 1.2em;
	float: left;
	padding: 10px 0px 10px 30px;
}

.navigation li a{
	color: #808080 !important;
	-webkit-transition: color 0.5s; /* For Safari 3.1 to 6.0 */
	transition: color 0.5s;
}

.navigation li a:hover {
	cursor:pointer !important;
	color: #666 !important;
}

.active  {
	background-color: #eee !important;
	padding: 10px 10px 10px 10px !important;
	margin: 0 -10px 0 10px;
}

.navigation li:last-child {
	background-color: #c63738;
	-webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
	transition: background-color 0.3s;
	margin: 0 0 0 25px;
	padding: 10px 10px 10px 10px;
}

.navigation li:last-child a {
	color: #fff !important;
}

.navigation li:last-child:hover {
	background-color: #aaa;
}



/* Mobile Menu */

.parent {
	position: relative;
}
.menu_button {
	background-color: #fff;
	width: 100%;
	margin: 0 !important;
	z-index: 2000;
	position: fixed;
	padding: .6em 1em .8em 3em;
	left: 0 !important;
	color: #b73434;
	text-decoration: none;
	font-size: 1.1em;
	font-family: "bebas_regular", sans-serif;
   -webkit-transition: padding 0.3s; /* For Safari 3.1 to 6.0 */
   transition: padding 0.3s;
}

.menu {
    background-color: #fff; 
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1001;
    display: none;
}

.menu_div, .menu_div_top {
	width: 30%;
	margin-left: auto;
	margin-right: auto;

}

.menu_div {
	height: 10%;

}

.menu_div_top {
	height: 16.666%;
	border-bottom: 1px solid rgba(0,0,0,1);
}

.menu_div_text {
		position: relative;
		top: 50%;
	text-transform: translateY(-50%);
}

.menu_div_top h1 {
	color: #b73434;
}

.menu_div h2  {
	color: #4d4d4d !important;
		-webkit-transition: color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: color 0.3s;
}

.menu_div h2:hover {
	color: #ccc !important;
}

#menu_open_button, #menu_close_button {
	cursor: pointer;
	color:#aaa !important;
	 -webkit-transition: color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: color 0.3s;
}


#menu_open_button:hover, #menu_close_button:hover {
	color: #ccc !important;
}

#menu_close_button {
	font-size: 1.2em;
	display: none;
}





/* BANNER SECTION */

.header h1,.header h2,.header p, .projects h1, .projects h2, .projects h3, .projects p, .quote h2, .contact h1, .contact h2, .howis h1,  .howis h2, .howis h3, .howis p {
	color: #fff;
	margin-bottom: 0;	
}

.header h1, .projects h1, .approach h1, .about h1, .theteam h1, .values h1, .contact h1 {
	font-size: 6em;
}


.header {
		position: relative;
		background-color: #c63738;
		background-image: url("/images/man.png");
		background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
		padding: 15em 0 12em 0;
		overflow: visible;
}

	
.header_pick {
	margin: auto;
  position: absolute;
  top: 15%; left: 0; bottom: 0; right: 0;
	background-image: url("/images/spurshadow.png");
	background-repeat: no-repeat;
	background-position: center;
}

/* Suicide */

.suicide {
	padding: 14em 0 12em 0;
	background: fixed;
	background-image: url("/images/person.png");	
	background-repeat: repeat;
	-webkit-animation: suicide_animation 8s infinite;
	-moz-animation: suicide_animation 8s infinite;
	-o-animation: suicide_animation 8s  infinite;
	animation: suicide_animation 8s infinite;
}

@keyframes suicide_animation {
	0%, 100% {
    background-color: rgba(242,242,242,1);
  }

  33%, 66% {
	background-color: rgba(242,242,242,0);
  }
}




/* ABOUT */


.about h1, .theteam h1, .values h1  {
	color:#4d4d4d;
}

.about h2 {
	color:#c63738;
	font-size: 2.5em;
	line-height: 1;
}

/* Approach*/

.approach {
background: rgb(198,55,56);
background: -moz-linear-gradient(top, rgba(198,55,56,1) 0%, rgba(145,41,41,1) 100%);
background: -webkit-linear-gradient(top, rgba(198,55,56,1) 0%,rgba(145,41,41,1) 100%);
background: linear-gradient(to bottom, rgba(198,55,56,1) 0%,rgba(145,41,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c63738', endColorstr='#912929',GradientType=0 );
}

.approach h1, .approach h2, .approach h3, .approach p {
	color: #fff;
} 


/* PROJECTS */

.projects {
	padding: 4em 0;
}

.projects h1{
	color: #4d4d4d;
}


.flexbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.grid_square {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}



.grid_square_cell {
  overflow: hidden;
  position: relative;
  flex-basis: 50%;
}

.square_grid_content {
  margin: auto;
  position: absolute;
  width: 90%;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.square_grid_content p, .square_grid_content h1, .square_grid_content h2, .square_grid_content h3 {
 color: #fff;
}
.square_grid_content h2 {
	font-family: 'bebas_bold', sans-serif;
	font-size: 3.5em;
	line-height: 1;
	margin-bottom: -.5em;
	padding: 0;
}

.grid_square_cell:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.grid_full_cell {
  overflow: hidden;
  position: relative;
  flex-basis: 100%;
}
.grid_full_cell:after {
  content: '';
  display: block;
  padding-bottom: 50%;
}

.howis {
	position: relative;
	background-color: #25252d;
	overflow: hidden;
	background-attachment: fixed;

}

.howis h2 {
	font-size: 2.5em;
}

.howis .project_button {
	width: 75%;
}

.p1 {
	position: relative;
	background-image: url("/images/map.png");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
}

.p2, .p3, .p4a, .p4b, .p5, .p6, .p7, .p8, .p9, .p10 {
	position: absolute;
	height: 100%;
	width: 100%;
}
.p1_background {
	position: relative;
	background-color: #25252D;
}

.p2_background {
	background-image: url("/images/oldmate.jpg");
	background-repeat: no-repeat;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}

/*
.p1 {
	background-image: url("/images/map.png");
	
}
*/
.p2 {
	background: -moz-linear-gradient(45deg,  rgba(62,55,114,0.8) 0%, rgba(76,162,172,0.8) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(62,55,114,0.8) 0%,rgba(76,162,172,0.8) 100%);
	background: linear-gradient(45deg,  rgba(62,55,114,0.8) 0%,rgba(76,162,172,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e63e3772', endColorstr='#e64ca2ac',GradientType=1 );
}

.p3_background {
	background-color: #3fa9f5;
}

.p3 {
	background-image: url("/images/fun.png");
	background-position: center;
	background-repeat: no-repeat;
}
.p4_background {
	background-color: #f1f2f2;
}

.p4b {
	background-image: url("/images/blueletterbox_circles.png");
	background-position: center;
	background-repeat: no-repeat;

}
.p4a {
	background-image: url("/images/blueletterbox_lines.png");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-animation: pulse_animation 4s infinite;
	-moz-animation: pulse_animation 4s infinite;
	-o-animation: pulse_animation 4s  infinite;
	animation: pulse_animation 4s infinite;
}

.p4_background .square_grid_content .project_button {
	border: 2px solid #29abe2 ;
	background: none	;
}

.p4_background .square_grid_content .project_button a {
	color: #29abe2 !important;	
}

.p4_background .square_grid_content .project_button:hover {
	background: #29abe2;	
}

.p4_background .square_grid_content .project_button a:hover {
	color: #fff !important;	
}
.p4_background .square_grid_content p, .p4_background .square_grid_content h1,  .p4_background .square_grid_content h3 {
 color: #4d4d4d;
}
.p4_background .square_grid_content h2 {
	color: #29abe2;
}


.p5_background {
	background-color: #151515;
}
.p5 {
background-image: url("/images/stfu.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
}

.p6_background {
	background-color: #2D3E50;
}
.p6 {
background-image: url("/images/gsgh.png");
	background-position: center;
	background-repeat: no-repeat;
}

.p7_background {
	background-color: #e16a56;
}
.p7 {
	position: absolute;
	top:0;bottom:0;left:0;right:0;
	margin: auto;
	width: 92%;
	height:92%;
	background-color: #fff;
}
.p7_background .square_grid_content p, .p7_background .square_grid_content h1,  .p7_background .square_grid_content h3 {
 color: #808080;
}

.p7_background .square_grid_content h2 {
	color:#e16a56;
}
.p7_background .square_grid_content .project_button {
	border: 2px solid #e16a56 ;
	background: none	;
}

.p7_background .square_grid_content .project_button a {
	color: #e16a56 !important;	
}

.p7_background .square_grid_content .project_button:hover {
	background: #e16a56;	
}

.p7_background .square_grid_content .project_button a:hover {
	color: #fff !important;	
}


.p8_background {
	background-color: #121212;
}
.p8 {
	background-image: url("/images/conversationstarter.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@keyframes pulse_animation {
	0%, 100% {
    opacity: 0;
  }

  50% {
	opacity: 1;
  }
}







.project_button {
/*	position: absolute;
	bottom:10%;
	left: 0; right: 0; */
	width: 50%;
	background-color: rgba(0,0,0,.10);	
	font-family: 'bebas_regular', sans-serif;
	font-size: 1.25em;
	border: 2px solid #fff;
	padding: .45em 1em;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-transition: all 0.3s;
   transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;
}

.project_button a {
	color:#fff !important;

}

.project_button:hover {
	background-color: rgba(255,255,255,.25); !important;
	cursor: pointer;
}






/* THE TEAM */

.theteam h2 {
	font-family: "bebas_bold", sans-serif;
	margin-bottom: -.8em;
	line-height: 1.5;
	color:#4d4d4d;
	margin: .5em 0;
}
.theteam a {
	color: #c63738;
}

.theteam h3 {
	font-family: "bebas_book", sans-serif;
	line-height: 1;
	margin: 1em 0 -1.05em 0;
	color:#cb3839;
}

.theteam h4 {
	font-family: "bebas_regular", sans-serif;
	font-size: 1.5em;
	line-height: 1;
	color:#aaa;
	margin-bottom: .5em;
}

.more, .less {
	width: 25px;
	height:25px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	color:#fff;
}

.more {
	background-color: #e2e2e2;
	-webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;
	
}

.less {
	background-color: #cb3839;
		-webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;
}

.more:before, .less:before {
	font-family: "bebas_regular", sans-serif;
	font-size: 1.5em;
}

.more:before {
	content: "+";
}

.less:before {
	content: "-";
}

.more:hover {
	background-color: #cb3839;
}

.less:hover {
	background-color: #aaa;
}

.theteam .icon-mail, .theteam .icon-linkedin, .theteam .icon-twitter, .theteam .icon-website {
	color:#cb3839;
	-webkit-transition: color 0.3s; /* For Safari 3.1 to 6.0 */
    	transition: color 0.3s;
	
}

.theteam .icon-mail:hover, .theteam .icon-linkedin:hover, .theteam .icon-twitter:hover, .theteam .icon-website:hover {
	color:#aaa;

}

/* Vacancies 

.theteam .red_button {
	width: 250px !important;
	max-width: 100%;
}

#vacancies h1 {
	color:#cb3839;
}

#hiring_close {
	background-color: rgba(0,0,0,0.25);	
		-webkit-transition: color 0.3s; /* For Safari 3.1 to 6.0 
    transition: color 0.3s;
}

#hiring_close:hover {
	background-color: #cb3839; 
}


/* Quotes */
.quote {
	position: relative;
	text-align: center;
	background-color:#cb3839;
	padding: 1em;
	margin-bottom: 2em;
	border-radius: .5em;
}

.quote:after {
	content:"";
	position:absolute;
	bottom:-2em; 
	right:5em; 
	border-top: 2em solid #cb3839;
	border-left: 2em solid transparent;
	display:block;
	overflow: auto;
	width:0;
}

.quotes p {
	font-family: "bebas_regular", sans-serif;
	font-size: 1.5em;
	color: #fff;
	line-height: 1;

}

/* VALUES */

.values_top {
	position: relative;
	background-image: url("/images/values_top.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 20px;
}

.values_center {
	position: relative;
	background-image: url("/images/values_center.png");
	background-repeat: repeat-y;
	background-position: left;
}

.values_text {
	margin: 0 0 0 2em; 
}

.values_bottom {
	position: relative;
	background-image: url("/images/values_bottom.png");
	background-repeat: no-repeat;
	background-position: top left;
	height: 20px;
}


/* CONTACT */

.contact {
	background-color:#1a1a1a;
}



/* FOOTER */

.footer {
	z-index: 1000;
		background-color: #1a1a1a;
		padding-top: 3em;
}

.footer p, .footer h1, .footer h2, .footer h3 {
		font-family: 'bebas_regular';
	color: #fff !important;
}

.footer p a, .footer h1 a, .footer h2 a, .footer h3 a{
	color: rgba(255, 255, 255, .5) !important;
		-webkit-transition: color 0.3s; /* For Safari 3.1 to 6.0 */
	transition: color 0.3s;
}

.footer p a:hover, .footer h1 a:hover, .footer h2 a:hover, .footer h3 a:hover {
	color: #fff !important;
}

.footer h3 {
	font-size: 2em;
	margin-top: -.25em;
}

.footer .footerdonate a {
	color: #cb3839 !important;
}







/* 
====================
PLUGINS
====================
*/

/* -- MAILCHIMP NEWSLETTER REGISTRATION WIDGET -- */

#mc_embed_signup{
	width: 100%;
	padding: 0px;
	margin: -2px 0 0 0;
}

 #mc_embed_signup input {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: .8em;
	color:#b4b4b4;
	border: none;
	margin-right: 1px;
	padding: 10px 0;
	border: none;
}

#mc_embed_signup input:focus {
	border-color:#121212;
}

#mc_embed_signup .mailchimpbutton {
	font-family: "bebas_regular", sans-serif;
	font-weight: normal;
	font-size: 1em;
	border: 2pt solid #333;
	background-color: #1a1a1a; 
	cursor: pointer; 
	padding:7px 0; 
	text-align: center; 
	text-decoration: none; 
	text-transform:uppercase;
	vertical-align: top; 
}

#mc_embed_signup .mailchimpbutton:hover {
	color:#00b4ff; 
	background-color:#171717;
		-webkit-transition: color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: color 0.3s;
}

#mc_embed_signup label {
	padding:10px; 
	text-transform: uppercase; 
	width: 30%;  
	text-align: right;
	font-family: 'bebas_book', sans-serif;
	font-size: 1em;
	color:#9b9b9b;
}

#mc_embed_signup input.email {
	text-indent:5px; 
	width:60%;
	color:#b4b4b4;
	background-color: #222; 	
}

#mc_embed_signup input.mailchimpbutton { 
	width:10%;
}

		/* Mailchimp Response */
		#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
		#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
		.mce_inline_error {
			font-family: "bebas_book", sans-serif;
			font-weight: normal !important;
			color:#10A2CB !important;
			font-size: 1.2em;
			background-color: #121212 !important;

		}
		#mc_embed_signup #mce-error-response {display:none;}
		#mc_embed_signup #mce-success-response {color:#529214; display:none;}
		#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}



/* Animation */
.rotate {
	-webkit-animation: rotate 10s infinite linear;
	-moz-animation: rotate 10s infinite linear;
	-o-animation: rotate 10s infinite linear;
	animation: rotate 10s infinite linear;
}


@-webkit-keyframes rotate {
    0%   {-webkit-transform: rotate(0deg)}
    100% {-webkit-transform: rotate(360deg)}
}

@-moz-keyframes rotate {
    0%   {-moz-transform: rotate(0deg)}
    100% {-moz-transform: rotate(360deg)}
}
@-o-keyframes rotate {
    0%   {-o-transform: rotate(0deg)}
    100% {-o-transform: rotate(360deg)}
}
@keyframes rotate {
    0%   {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}


/* Mental Health Support */
#languages {
	display: none;
}
.return {
	background-color: #c63738;
	z-index: 2000;
	position: fixed;
	width: 100%;
	top: 0;
	padding: 1em 6em;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	font-family: "bebas_bold", sans-serif;
   -webkit-transition: color 0.3s; /* For Safari 3.1 to 6.0 */
   transition: color 0.3s;
}


.return:hover {
	color: rgba(255,255,255,0.5);
}