/* Reset (yui 3)  //////////////////////////////////*/

html	{ color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
			table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
			li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
			abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
			input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

h2 { font-size: 66px; color: #000; line-height: 1em; }
							
@font-face {font-family:"Aller Light";src:url("../fonts/Aller_Lt.eot?") format("eot"),url("../fonts/Aller_Lt.woff") format("woff"),url("../fonts/Aller_Lt.ttf") format("truetype"),url("Aller_Lt.svg#Aller-Light") format("svg");font-weight:normal;font-style:normal;}

/* generic ////////////////////////////////// */
html                    { min-height: 100%; position: relative; }
body 					{ background: #fff; font-family: "Aller Light", sans-serif; margin-bottom: 190px; padding-top: 80px; 
							font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
img, object, embed 		{ max-width: 100%; height: auto; }
img 					{ -ms-interpolation-mode: bicubic; }

h1 						{ font-family: 'Montserrat' , sans-serif; font-size:26px; line-height:36px;  color:#fff; 
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop); zoom: 1; /*text-transform:uppercase;*/ font-weight:700;}
.hide					{ display:none;}
a 						{ cursor:pointer; text-decoration:none;  }
hr						{ border: none;}
.clear					{ clear:both;}
		
a						{ -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;	-o-transition:all .5s ease-in-out; }
a:hover					{ -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;	-o-transition:all .5s ease-in-out; }
	
p { line-height: 1.2em; margin-bottom: 0.5em; }
strong { font-weight:bold; }
	
.text-center { text-align:center; } 
	
.navbar-header	{ height: 80px; }
	
.navbar-toggle { 
    border: 1px solid #fff;
    margin-top: 23px;
    margin-bottom: 23px;
}	
.navbar-toggle .icon-bar {
    background-color: #fff;
}
	
/* structure */
.wrapper				{ width:960px; margin-left:auto; margin-right:auto; /* border:1px solid red; */}
.content				{ padding-top: 180px; padding-bottom:150px; }

	

/* columns */	
ul.columns			{ width: 100%; clear:both; }
ul.columns li		{ float:left; margin-right:5%;}
ul.columns li:last-child{ margin-right: 0;}
ul.columns.two li	{ width: 47.5%; }
ul.columns.three li	{ width: 30%;  	}
ul.columns.four li	{ width: 21.25%;}
	
		
/* 	buttons */
.btn			{  margin: 20px 0 25px 0; padding:0; cursor:pointer; border:none; color:#0dffdc; padding : 15px 25px 12px 25px;
						  	font-family: 'Montserrat' , sans-serif; font-size: 20px;  text-align:center; text-transform: uppercase;
							-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background-color: #151515; 
							-webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out;	-o-transition:background-color .25s ease-in-out; }
	
.btn:hover		{ background-color:#000; 
						-webkit-transition:background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out;	-o-transition:background-color .25s ease-in-out;  }


#support-badge { position:fixed; top:0; right:0; z-index:100; }



/* 	header and nav ////////////////////////////////// */
#header 				{ width: 100%;  height: 80px; top: 0; position:fixed; z-index:35; background-color: #000; }
#header .wrapper		{ width:960px; }
	
.logo_word				{ padding-top: 25px; font-family: 'Montserrat' ,serif; font-size: 16px; line-height:34px; text-transform: uppercase; display:block; 
				  			color: #fff; float:left; }
.logo_word:hover		{ color: #dcfc04; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out;	-o-transition:all .25s ease-in-out; }
	
	
.logo					{ padding-top: 10px; width: 90px; height:58px; float:left;  }
	
ul.nav 					{ list-style-type: none; padding:0; margin:10px 0px; float:right;   }
ul.nav li 				{ float:left; padding: 0; margin:0;}
ul.nav a 				{ font-size: 22px; line-height:60px; text-transform: uppercase; padding: 0 15px; display:block; 
				  			color: #fff; }
	
ul.nav a.active,
ul.nav a:hover,
ul.nav a:focus 			{   /*-webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out;	-o-transition:all .25s ease-in-out;*/
                            background: #facd3a; /* Old browsers */
                            background: -moz-linear-gradient(top,  #facd3a 0%, #d34290 100%, #d34290 100%); /* FF3.6-15 */
                            background: -webkit-linear-gradient(top,  #facd3a 0%,#d34290 100%,#d34290 100%); /* Chrome10-25,Safari5.1-6 */
                            background: linear-gradient(to bottom,  #facd3a 0%,#d34290 100%,#d34290 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#facd3a', endColorstr='#d34290',GradientType=0 ); /* IE6-9 */
}
ul.nav li.logo			{ padding: 0px; width: 161px; height:84px; float:left; }
	
#header .navbar { height: 80px; border: none; }

.footer .navbar-fixed-bottom {
	z-index: 1;
}
.footer .navbar {
    background: none;
    background-color: #1e1e1e;
    border: none;
    box-shadow: none;
}
.footer .copy {
	padding:25px 0px 45px 0px;
}
#footer-tos {
	padding:0px;
	margin:0px;
}
#footer-tos li {
	list-style: none;
	display:inline-block;
	margin-bottom: 0px;
	font-size: 13px;
}
#footer-tos li a{
	color: #fff;
    line-height: 70px;
	margin-right: 15px;
	font-size: 13px;
}
#footer-social.navbar { margin: 0;}
#footer-social {
    height: 70px;
}

#footer-social ul {

}

#footer-social li { 
    display: inline-block;
}

#footer-social li a {
    color: #fff;
    font-size: 24px;
    line-height: 70px;
    padding: 0 5px;
    display: inline-block;
    
    
}

#footer-social li a:hover {
    color: #d74488;
}



#footer-social .twitch {
    background-color: #6441a5;
}

#footer-social .twitch a:hover {
    background-color: #d74488;
}

#footer-social .twitch img {


}
#content {
	z-index: 2;
	position:relative;
}

/* home ////////////////////////////////// */
	#awards				{ background:#28cbda; text-align: center; padding: 75px 15px; }
	#home				{ /* min-height:700px; background: url( ../img/bg-home2.jpg) no-repeat fixed #000;  background-position: center top; */ }
	#home .content		{ width: 100%; height:480px; text-align:center; overflow:hidden;}
	#home .content h1	{ width: 100%; }
	#home .content p	{ width: 100%; margin: 0 auto; margin-bottom:10px; text-align:left; color: #fff; font-size: 1.2em; line-height: 1.8em;;}
	
	.logo-armello		{ width:400px; margin: 0 auto 30px;}

	#kickstarter		{ width: 900px; margin:0 auto; padding-top:100px; }
	#kickstarter .text 	{ float:left; font-size:30px; height:182px; color:#7ac043; line-height:225px; padding:0 15px; }
	#kickstarter .armello-logo  { float:left; text-align:center; }
	#kickstarter .armello-logo a { display:block; background:#7ac043; color:#fff; padding:10px; margin-top:30px; font-weight:bold; 
						   -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size:20px; }
	#kickstarter .kickstarter-logo	{ float:left; font-size:30px; height:182px; color:#7ac043; line-height:241px; padding:0 15px; }

	.funded-badge 		{ position: absolute; bottom: 50px; left: 50px; width: 200px; height: 200px; }



/* social icons //////////////////////////////////*/
	ul#social  				{ list-style-type: none; float:right; margin-top:10px;  }
	ul#social li 			{ float:left; margin:0 8px;width:40px; height:40px; }
	ul#social li a			{ color: #fff; text-transform: uppercase;  display:block; width:40px; height:40px;
							  -webkit-border-radius: 200px;border-radius: 200px; 
							  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=70); -moz-opacity: 0.70;  -khtml-opacity: 0.70;  opacity: 0.70;
							  -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out;	-o-transition:all .25s ease-in-out;}
	ul#social li a:hover	{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1;  -khtml-opacity: 1;  opacity: 1;
							  -webkit-transition:all.25s ease-in-out; -moz-transition:all .25s ease-in-out;	-o-transition:all .25s ease-in-out;
							  -moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.4); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.4);
							  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);   -ms-transform: scale(1.1);   -o-transform: scale(1.1);  transform: scale(1.1); }
	ul#social.on li a 		{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1;  -khtml-opacity: 1;  opacity: 1;
							  -webkit-transition:all.25s ease-in-out; -moz-transition:all .25s ease-in-out;	-o-transition:all .25s ease-in-out;
							  -moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.4); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.4); }


/* the geeks overview ///////////////////////// */
    #geeks {
        background-color: #fff;
        padding: 150px 0;
    }

    #geeks h2 {
        font-size: 52px;
        line-height: 1em;
        margin: 1em 0 0.2em;
        color: #000;
    }

    #geeks p {
        font-size: 20px;
        color: #2f2f2f;
        line-height: 1.1em;
        margin-bottom: 0.5em;
    }

/* the posts ////////////////////////////////// */
.posts #content {
	width:1170px;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 20px;
	margin-top: 0px;
}
@media (max-width: 1024px) {
	body {
		margin-bottom:200px;
	}
	.posts #content {
		width:auto;
	}
	#geeksphoto div,
	#workphoto div{
		background-size: contain !important;
	}
	.worktext {
		width:60% !important;
	}
	#geeksphoto, #workphoto {
		height: 400px !important;
	}
}
.cover-photo {
	width:100%;
	height:250px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.post img{
	width:100%;
}
.posts {
	background:#ffb65a;
	padding-bottom: 75px;
	overflow-x:hidden;
	min-height: 700px;
	position: relative;
	z-index: 9;
}
.posts-summary ul {
	padding-top: 100px;
}
.posts-summary li {
	padding-bottom: 25px;
	min-height:350px;
}
.posts h2.title {
	padding:100px 0px 0px;
}
.posts h2 {
	color:#000;
	text-align: center;
}
.posts h3 {
	color:#000;
	font-size:24px;
	text-align: left;
	margin-bottom: 25px;
}
.posts p {	
	font-size:18px;
}
.posts .date {
	color:#fff;
	text-transform: uppercase;
}
.posts h2,h3,p,a {
	color:#000;
}
.posts article{
	width:60%;
	margin:0px auto;
}
@media (max-width: 1024px) {
  .posts article{
	width:80%;
  }
}
@media (max-width: 768px) {
	#geeksphoto {
		height: 280px !important;
	}
	.parallaxParent > * {
		top:-50% !important;
	}
	#workphoto div{
		background-size: cover !important;
	}
	#workphoto.parallaxParent > * {
		top: -100% !important;
	}
}
@media (max-width: 540px) {
	#geeksphoto {
		height: 180px !important;
	}
	.parallaxParent > * {
		top:-60% !important;
	}
  .posts article{
	width:90%;
  }
  .alm-listing li {
	    padding: 0 20px 0 20px;
	}
}
@media (max-width: 320px) {
	#geeksphoto {
		height: 180px !important;
	}
	#pink {
		padding: 130px 0;
	}
	#geeksphoto {
		height: 110px !important;
	}
	.parallaxParent > * {
		top: -80% !important;
	}
}
.posts iframe{
	width:100% !important;
	height: 390px;
}
.posts .post{
	padding-top: 100px;
}
.post li {
	font-size: 16px;
	color:#000;
}
button.alm-load-more-btn {
    background-color: #000 !important;
}
.gallery img {
    border: none !important;
}
a.alm-load-more-btn:hover {
    background-color: #e06464;
    color: #fff;
    text-decoration: none;
}
a.alm-load-more-btn {
    background-color: #000 !important;
}
a.alm-load-more-btn {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    width: auto;
    height: 42px;
    line-height: 44px;
    background: #ed7070;
    color: #fff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 50px 0 4px;
    padding: 0 20px;
    display: inline-block;
    position: relative;
    -webkit-transition: padding 0.25s ease-in-out, width 0.25s ease-in-out;
    -moz-transition: padding 0.25s ease-in-out, width 0.25s ease-in-out;
    transition: padding 0.25s ease-in-out, width 0.25s ease-in-out;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
/* the tos ////////////////////////////////// */
.page-template-tos-template h2 {
	margin-bottom: 75px;
	font-size: 36px;
}
.page-template-tos-template .post-listing ol,
.page-template-tos-template .post-listing ul {
	background: transparent;
    font-family: "Aller Light", sans-serif;
    padding: 25px 25px;
    font-size: 18px;
    line-height: 1em;
	color: #000;
    font-weight: 400;
}
.page-template-tos-template .post-listing ol li,
.page-template-tos-template .post-listing ul li {
	list-style: inherit;
	margin-bottom: 15px;
}
/* the geeks ////////////////////////////////// */
	#geeks_overview 			{ min-height:700px; background: url( ../img/bg-geeks2.jpg) no-repeat fixed #fd70ff; background-position: center top;  }
	#geeks_overview .content	{ max-width: 700px; }
	.geek_logo		{ width:375px; height:auto; margin: 0 auto 50px auto; text-align:center; }
	
	.geek_copy		{ width:100%; margin: 0 auto; text-align:left; color: #000; font-size: 1.2em; line-height: 1.8em; }
	/*.geek_copy h1	{ font-size:2em; line-height: 2em; text-transform: uppercase; color: #000; text-align: center;}*/
	.geek_copy h1	{ font-size:24px; line-height: 34px; font-weight:400; margin:20px 0px; }
	.geek_copy h2	{ font-size:24px; line-height: 28px; font-weight:400; margin:20px 0px; }
	.geek_copy p	{ margin-bottom: 10px; }

	.geek_copy .discover { margin:100px 0; text-align:center; }
	.geek_copy .discover a { color:#fff; border-bottom:1px dashed #fff; }
	
	.twitter-link:before {
		content: "\F099"; 
	    font-family: 'FontAwesome';
	    position: relative;
	    left:-5px;
	    top:0;
	}
	.twitter-link {
		font-size: 20px;
		color: #2f2f2f;
		line-height: 1.1em;

	}

	#geeks .position {
		font-size: 28px;
	}


	.team			{ position:relative; font-weight:bold; -webkit-transition:all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
					  /*-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0  10px #000;*/}

	p.caption		  { display:block; position:absolute; left:0; right:0; bottom:5px; height:25px; background-color: rgba(0,0,0,0.5); color:#fff; font-size:14px;text-align:center; padding: 10px 0; margin-bottom:0;
					    -webkit-transition:all .2s ease-in-out; -moz-transition: all .2s ease-in-out; }
	p.caption a 	  { color:#fff; position:relative; top:0; display:inline-block; -webkit-transition:all .2s ease-in-out; -moz-transition: all .2s ease-in-out; }
	p.caption a:hover { top:-6px; padding-bottom:6px; color:#dcfc04;  -webkit-transition:all .2s ease-in-out; -moz-transition: all .2s ease-in-out; }				 

	

/* projects ////////////////////////////////// */
	#projects 			{ min-height:800px;  background: #000 url(../img/bg-projects-armello-full.jpg) no-repeat fixed center center; position:relative;  }
	#projects .images 	{ width: 100%; height: 200px; margin: 0 auto; overflow:hidden;  }
	#armello-images		{ }
	#projects .armello	{ position:relative ; display:block; width: 315px; margin: 0 auto -80px auto; z-index: 10; }
	#projects .copy		{ width: 760px; margin: 0 auto; font-size: 1.2em; line-height: 1.8em; color: #fff; text-align:left; }
	
	
	
	.quote { width:100%; max-width:800px; /*min-height:142px;*/ margin: 0 auto; padding: 35px 20px; box-sizing:border-box; background:url(../img/quote-bg.png); background-size:100%;
			 text-align:center;  color:#fff;  	 }
	
	.quote .title {

		display:block; padding-bottom: 0px;
		font-family:Georgia; font-size: 25px; line-height:32px;text-transform:uppercase; font-weight:500; color:#ffe77c;
		background: -webkit-linear-gradient(#ffe77c, #bf6f00);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		/* text-shadow: 2px 2px 2px #000; filter: dropshadow(color=#000, offx=2, offy=2); */
	}
	.quote span { font-size:16px; line-height:16px; padding-bottom: 30px; font-family: 'Open Sans', Helvetica, Arial, "Lucida Grande", sans-serif; text-transform:none;text-shadow: none; }
	.quote em	{ font-style: oblique; font-family:georgia; }


	.armello-links 			{ width:607px; height:275px; position:absolute; bottom:0; left:0; right:0;  margin:0 auto; 
							  text-align:center; color:#fff; text-transform:uppercase; line-height: 30px; box-sizing: border-box; }
	.armello-links a 		{ display:block; margin: 20px 0; font-size: 20px; color:#fff; -webkit-transition:none; -moz-transition: none; text-shadow: 1px 1px #535353; }
	.armello-links a:hover 	{ -webkit-transition:none; -moz-transition: none; }

/*	
	.website 		 		{ background:url(../img/icon-armello-website.png) center top no-repeat; }
	.website:hover	 		{ background:url(../img/icon-armello-website-over.png) center top no-repeat; color:#ca9661; }
	.presskit 		 		{ background:url(../img/icon-armello-press.png) center top no-repeat; }
	.presskit:hover	 		{ background:url(../img/icon-armello-press-over.png) center top no-repeat; color:#b75152; }
	.facebook 		 		{ background:url(../img/icon-armello-fb.png) center top no-repeat; }
	.facebook:hover	 		{ background:url(../img/icon-armello-fb-over.png) center top no-repeat; color:#3c5892; }
	.facebook:hover img 	{ opacity:0; }
	.twitter 		 		{ background:url(../img/icon-armello-twitter.png) center top no-repeat; }
	.twitter:hover	 		{ background:url(../img/icon-armello-twitter-over.png) center top no-repeat; color:#08a4df; }

*/


/* pink log ////////////////////////////////// */	
#pink		{ padding: 150px 0; min-height:619px; background: url(../img/bg-geeks2.jpg) no-repeat fixed #000; background-position: center center; color: #fff; }
#pink .log	{ width:100%; height:100%; background: url(../img/pink_log.gif) no-repeat fixed; background-position: center center; }
#pink .log img { display:none; }
#pink p.heading { font-size: 66px; }
#pink p { font-size: 26.5px; }




/* blog ////////////////////////////////// */
	#blog 			{ min-height:1100px; background: url( ../img/bg-blog.jpg) no-repeat fixed #b5b5b5;}
	#blog .content 	{ text-align: left; }

	/* blog title -- css animations, using javascript instead */
	/*
	.blog_title		{ position :relative; width: 460px; margin:0 auto; height: 350px; }
	.b				{ position:absolute; left:0; top:50px;-webkit-transition:top .25s ease-in-out; -moz-transition: top .25s ease-in-out;	-o-transition:top .25s ease-in-out;}
	.b:hover		{ top:80px;-webkit-transition:top .25s ease-in-out; -moz-transition: top .25s ease-in-out;	-o-transition:top .25s ease-in-out;}
	.l				{ position:absolute; left:130px; top:95px; -webkit-transition:top .25s ease-in-out; -moz-transition: top .25s ease-in-out;	-o-transition:top .25s ease-in-out;}
	.l:hover		{ top:115px;-webkit-transition:top .25s ease-in-out; -moz-transition: top .25s ease-in-out;	-o-transition:top .25s ease-in-out;}
	.g				{ position:absolute; left:260px; top: 138px; -webkit-transition:top .25s ease-in-out; -moz-transition: top .25s ease-in-out;	-o-transition:top .25s ease-in-out;}
	.g:hover		{top: 158px; -webkit-transition:top .25s ease-in-out; -moz-transition: top .25s ease-in-out;	-o-transition:top .25s ease-in-out;}
	*/

	/* blog title2 */
	.blog_title2		{ position :relative; width: 460px; margin:0 auto; height: 350px; }
	.letter				{ position:absolute; height: 170px; width: 200px;}
	.letter.b			{ left:0;     top:0px;  background:url(../img/blog/b.png)  no-repeat;  }
	.letter.l			{ left:130px; top:45px; background:url(../img/blog/lo.png) no-repeat; }
	.letter.g			{ left:260px; top:88px; background:url(../img/blog/g.png)  no-repeat;  }
	
	/* listings */
	.listings			{ float:left; width: 244px; }
	.listings li		{ width: 100%; border-top: 2px solid #c0c0c0; font-size: 18px; line-height:28px; color:#828282; padding: 20px 0;
						  -webkit-transition:all. 20s ease-in-out; -moz-transition:all .20s ease-in-out; -o-transition:all .20s ease-in-out; transition:all .20s ease-in-out;  }
	.listings li.active  { border-top: 6px solid green;  -webkit-transition:all. 20s ease-in-out; -moz-transition:all .20s ease-in-out; -o-transition:all .20s ease-in-out; transition:all .20s ease-in-out; }

	.listings li a 		{ color:#828282; font-family: 'Oswald', sans-serif; /*text-transform:uppercase;*/
						  -webkit-transition:all. 20s ease-in-out; -moz-transition:all .20s ease-in-out; -o-transition:all .20s ease-in-out; transition:all .20s ease-in-out;
						  -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }	
	.listings li.active a,	
	.listings li a:hover{ color:#000; -webkit-transition:all .20s ease-in-out; -moz-transition:all .20s ease-in-out; -o-transition:all .20s ease-in-out; 
					      -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); -ms-transform: scale(1.1);  -o-transform: scale(1.1); transform: scale(1.1); }	
	.listings .date		{ font: 12px 'Montserrat',  sans-serif; margin-top:6px; }

	
	/* article */
	.article			{ float:right; width: 643px; padding: 20px 0; border-top: 6px solid green;  }
	#article_nav		{ width: 643px; height:32px; line-height:32px; margin-left: 320px; padding: 20px 0; }
	#article_loading	{ float:left;  } 
	
	#article_title		{ font: 2.0em 'Oswald', sans-serif; font-weight:400; /*text-transform:uppercase;*/ color:green; }
	
	#article_date		{ font: 12px 'Montserrat', sans-serif; font-weight:600;  margin-top: 15px;   }
	
	#article			{ margin-top: 20px; width:643px; overflow:hidden; font-size: 1.2em; line-height:1.8em; }
	#article a 			{ color: #000; font-weight: 600;  }
	#article a:hover	{ color:green;  }
	#article p 			{ margin-bottom: 20px; }
	
	/* 	previous and next buttons */
	#btn_prev, #btn_next	{ position: relative; bottom: -26px;  float:right; }

	#btn_prev a, 
	#btn_next a {  position:relative;/*color:#fff;  background: green;*/ color:green; padding: 4px 8px; margin-right:3px; font-family: 'Oswald', sans-serif; font-weight:700;  text-transform:uppercase;
				   -webkit-transition:all. 20s ease-in-out;  -o-transition:all .20s ease-in-out;
				   letter-spacing:2px; /*font-weight:300;*/ font-size:16px; padding:4px 0px 4px 8px;}
	
	#btn_prev a:hover,
	#btn_next a:hover 	{ /*top:-50px; padding-bottom: 50px;*/ opacity:1; -webkit-transition:all. 20s ease-in-out; -o-transition:all .20s ease-in-out; }

	#btn_prev a.disabled, 
	#btn_next a.disabled { color:green; opacity: 0; }

/*	#btn_prev a:before 	{ content: "\25C4"; font-size: 80%; display: inline-block; padding-right: 3px;  } 
	#btn_next a:after 	{ content: "\25BA"; font-size: 80%; display: inline-block; padding-left: 3px;  }*/

    /* Geeks group shot //////////////////////////*/
	#geeksphoto,
	#workphoto {
        height: 600px; /*background: url(../img/geeks-group-shot.jpg) no-repeat fixed #000;background-position: center center;*/
	}
	#geeksphoto-div,
	#workphoto-div {
		transition: background-image .2s linear;
	}
	.worktext {
		display:block;
		vertical-align: middle;
		color: #fff;
		position: absolute;
		top: 20%;
		width: 40%;
		left:0;
		right:0;
		margin: auto;
		text-align: center;
		text-shadow: 1px 1px 15px rgba(0, 0, 0, 1);
	}
	.worktext h2{
		color: #fff;
	}
	.worktext p{
		color: #fff;
		font-size:26.5px;
		font-weight:700;
	}
	.worktext a{
		color: #fff;
		text-decoration: underline;
	}
/* friends ////////////////////////////////// */
	#friends 			{ min-height:700px; background-color: #6ea3f8; text-align:center; padding-bottom: 150px; padding-top:100px; }
	#friends .content 	{ width: 955px; text-align:center; padding-bottom: 250px; }
	
	.friends_logo		{ margin-bottom: 40px;}

	#friends .friends	{  width:960px; width:auto; margin: 50px auto 0; }
	#friends li			{ float:left; margin-top: 40px; }
	    
	#friends a			{ display:block; width: 100%;/*  height:100%; */-webkit-transition:all.15s ease-in-out; -moz-transition:all .15s ease-in-out;	-o-transition:all .15s ease-in-out; }
	#friends a:hover	{ -webkit-transition:all.15s ease-in-out; -moz-transition:all .15s ease-in-out;	-o-transition:all .15s ease-in-out;
						  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);   -ms-transform: scale(1.1);   -o-transform: scale(1.1);  transform: scale(1.1);}
	
	#friends .placeholder	{ width:99%; min-height:100px; background-color: gray; }

	/*
	#friends ul		{ max-width:800px; width:auto; margin: 50px auto 0;}
	#friends ul li		{ float:left; width: 18%;  margin-right:20%; text-align:justify; overflow:hidden;}
	#friends ul li:last-child,
	#friends ul li.last-child { margin-right:0;}
	#friends .placeholder	{ width:99%; min-height:100px;; background-color: gray; }
	*/





/* contact ////////////////////////////////// */
	#contact-form h1		{ margin:0 40px ; font-family: 'Montserrat' , sans-serif; font-size:2em; line-height: 2em;text-transform: uppercase; color: green; }
	#contact-form .details	{ margin: 0 40px 20px 40px;  font-size: 1.2em; line-height: 1.8em; color: #000;}
	#contact-form .details span	{  font-weight:bold; }
	#contact-form form	  	{ margin: 0 40px; }
	input[type='text'],
	textarea				{ width: 100%; border: 1px solid #e6e4e4; padding:5px; margin-bottom: 10px; 
							  font-family: 'QuicksandBook' , sans-serif; font-size: 14px; line-height: 24px;  color:#635a5b;
							  -webkit-box-sizing: -moz-border-box; box-sizing: border-box; box-sizing: border-box;}
	textarea				{ height: 100px; margin-bottom:5px; }
	p.error					{ display: block; margin: -5px 0 12px 0;  font-size: 12px; color: #C00000; text-align:left; }
	p.required				{ display: block; float:right; font-size: 12px; color: #90b819; text-align:left;}
	.btn_submit				{  margin: 20px 0 25px 0; padding:0; cursor:pointer; border:none; color:#0dffdc; padding : 11px 30px 6px 30px;
						  	  font-family: 'Montserrat' , sans-serif; font-size: 20px;  text-align:center; text-transform: uppercase; letter-spacing:1px;
							  -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background-color: #535353; 
							  -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out;	-o-transition:background-color .25s ease-in-out; }
	.btn_submit:hover		{ background-color:#000; 
							  -webkit-transition:background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out;	-o-transition:background-color .25s ease-in-out;  }
	#thankyou				{ width:auto; text-align:center;  }
	#thankyou h1			{ font-size: 2em; line-height:4em; text-transform:uppercase; color:#000; font-weight:normal;}
	#thankyou .copy			{ font-family: 'QuicksandBook' , sans-serif; color:#fef200; text-align:center; line-height: 2em; margin-bottom:0px; }
	#thankyou hr			{ border-top: 2px solid #fef200; margin: 30px;}






/* colors */
	.white-text  			{ color: #fff; }
	.yellow-text 			{ color:#fef200;}
	.green-text  			{ color:#90b819; }
	
	
	
	/*** Parallax ***/
    .parallaxParent {
        overflow: hidden;
    }

    .parallaxParent > * {
        height: 200%;
        position: relative;
        top: -100%;
        background-position: center top;
        background-size: contain;
    }
	
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(../img/interface/modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
	} 
	
	
	.modal-body {
		padding: 150px 0;
		background: #eee url(../img/interface/modal-gloss.png) no-repeat -200px -80px;
	}

	.modal-body h3 {
		font-weight: bold;
		font-size: 32px;
		color: green;
		margin-bottom: 1em;
	}

	/* Mobile */
		
		@media handheld, only screen and (max-width: 1023px) {
			.reveal-modal-bg { position: absolute; }
			.reveal-modal,
			.reveal-modal.small,
			.reveal-modal.medium,
			.reveal-modal.large,
			.reveal-modal.xlarge { width: 60%; top: 60px; left: 15%; margin-left: 0; padding: 20px; height: auto; }
		}
		
		@media handheld, only screen and (max-width: 768px) {
			body {
				margin-bottom: 310px;
			}
			.reveal-modal-bg { position: absolute; }
			.reveal-modal,
			.reveal-modal.small,
			.reveal-modal.medium,
			.reveal-modal.large,
			.reveal-modal.xlarge { width: 80%; top: 15px; left: 5%; margin-left: 0; padding: 20px; height: auto; }
		}
		@media (max-width: 780px) {
			body {
				margin-bottom: 300px;
			}
		}
		@media (max-width: 480px) {
			body {
				margin-bottom: 380px;
			}
			.worktext {
				width: 90% !important;
				top:10%;
			}
		}
		@media (max-width: 380px) {
			body {
				margin-bottom: 420px;
			}
			.worktext p {
				color: #fff;
				font-size: 20.5px;
				font-weight: 700;
			}
			.worktext {
				width: 90% !important;
				top: 15%;
			}
		}
		@media (max-width: 320px) {
			body {
				margin-bottom: 450px;
			}
		}
		
	
	
	
	
	
	
	
	
		/*  Orbit slider - zurb */
		

		

div.orbit-wrapper {
 	width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }
    
div.orbit.with-bullets {
    margin-bottom: 40px; }

div.orbit .orbit-slide {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0; }

div.orbit a.orbit-slide {
    border: none;
    line-height: 0; 
    display: none; }

div.orbit div.orbit-slide {
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.orbit-wrapper div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 31; }

div.orbit-wrapper span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(../img/orbit/rotator-black.png) no-repeat;
    z-index: 3; }

div.orbit-wrapper span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

div.orbit-wrapper span.rotator.move {
    left: 0 }

div.orbit-wrapper span.mask.move {
    width: 40px;
    left: 0;
    background: url(../img/orbit/timer-black.png) repeat 0 0; }

div.orbit-wrapper span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/orbit/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

div.orbit-wrapper span.pause.active {
    background: url(../img/orbit/pause-black.png) no-repeat 0 -40px }

div.orbit-wrapper div.timer:hover span.pause,
div.orbit-wrapper span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    text-transform:uppercase;
    font-weight:bold;
    z-index: 30;
    color: #fff;
    text-align: left;
    padding: 7px 0;
    font-size: 13px;
    position: absolute;
    left: 10px;
    bottom: 0;
    /* width: 100%; */ }


/* DIRECTIONAL NAV
   ================================================== */

div.orbit-wrapper div.slider-nav {
    display: block }

div.orbit-wrapper div.slider-nav span {
    width: 78px;
    height: 100px;
    text-indent: -9999px;
    position: absolute;
    z-index: 30;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.orbit-wrapper div.slider-nav span.right {
    background: url(../img/orbit/right-arrow.png);
    right: 0; }

div.orbit-wrapper div.slider-nav span.left {
    background: url(../img/orbit/left-arrow.png);
    left: 0; }

/* BULLET NAV
   ================================================== */

ul.orbit-bullets {
    position: absolute;
    z-index: 30;
    list-style: none;
    bottom: -40px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

ul.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(../img/orbit/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

ul.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
ul.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

ul.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }*/


    
/* FLUID LAYOUT
   ================================================== */
div.orbit img.fluid-placeholder {
    visibility: hidden;
    position: static;
    display: block;
    width: 100%; }

div.orbit, div.orbit-wrapper { width: 100% !important; }

ul.orbit-bullets {
    position: absolute;
    z-index: 30;
    list-style: none;
    bottom: -50px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

ul.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(../img/orbit/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

ul.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

ul.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }

ul.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }





    /*.orbit-bullets { position:absolute; top:auto; left:0; right:0; margin:0; padding:10px 0 0 0; overflow:hidden; text-align:center;  }*/
	ul.orbit-bullets li {display:inline-block !important;  width:15px; height:15px;  margin-right: 0 3px; float:none; background:#00489b; -webkit-border-radius:1000px; border-radius:1000px;  border:none;  }
	ul.orbit-bullets li.active{ background:#dcfc04; }
	ul.orbit-bullets li:first-child{margin-left:0}
	ul.orbit-bullets li:last-child{margin-right:0}

	.navbar-fixed-top .navbar-collapse, 
	.navbar-fixed-bottom .navbar-collapse {
		max-height: initial !important;
		/*height: 90vh !important;*/
	}

@media handheld, only screen and (max-width: 1000px) {
    .navbar-collapse { background-color: #000; padding-left: 0; padding-right: 0; }
    .navbar-collapse ul.nav { float: none;  }
    .navbar-collapse ul.nav li { float: none; }
    .navbar-collapse ul.nav li a { text-align: center; } 


    .footer .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .footer .navbar .navbar {
        text-align: center;
    }
}



/* mobile */
	@media handheld, only screen and (max-width: 1023px) {
	
		body 		{ font-size:16px; }
		.content { padding-top: 140px; padding-bottom:100px; }
		
		
		#home		{ background-image:url(../img/bg-home-1023-2.jpg);		background-attachment:scroll ; background-position: center top; 	background-repeat: no-repeat;}
		#pink		{ background-image:url(../img/bg-geeks-1023.jpg);		background-attachment:scroll ; background-position: center top; 	background-repeat: no-repeat;}
		#projects	{ background-image:url(../img/bg-projects-1023.jpg);	background-attachment:scroll ; background-position: center top; 	background-repeat: no-repeat;}
		#pink_log .pink_gif { display:block;}
		#blog		{ background-image:url(../img/bg-blog-1023.jpg);		background-attachment:scroll ; background-position: center top; 	background-repeat: no-repeat;}
		#friends	{ /*background-image:url(../img/bg-friends-1023.jpg);		background-attachment:scroll ; background-position: center top; 	background-repeat: no-repeat;*/}
		
		
		#geeks { padding-bottom: 0px; }
		#geeks .content	 	{ padding-top: 100px;}
        #geeks .col-sm-4 { padding-bottom: 100px; }
		.geek_logo		{ width:300px; height:auto; margin: 0 auto 0 auto;  }
		.geek_copy		{ width: 800px; }
		.geek_copy h1	{ text-align:center; }
		
		
		#projects { min-height:0;}
		#projects .content	{ padding-top: 98px; }
		#projects .placeholder { height: 350px;}
		
		
		#pink_log	{ background: url(../img/bg-pink-log2.jpg) no-repeat scroll #000; background-position: center center;  }
		#pink_log .log {background: none; width: 266px;  margin: 0 auto; padding: 200px;}
		#pink_log .log img { display:inline;   }
		
		
		#blog .content	{ padding-top: 100px; }
		.blog_title2	{ height:280px; }
		
		#friends .content { width: 800px; padding-top:100px;}
		.friends_logo { margin-bottom: 0; width: 350px;}


        #pink p.heading { font-size: 40px; }
        #pink p { font-size: 22px; }
		
	}