html {
	position: relative;
	min-height: 100%;
	
	overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

a{ color:#3BAFDA }
a:hover{ color:#626060 }

body {
	background-color: #ECECEC;
	background-image: url('../img/gradient.png'), url('../img/header1.png');
	background-size:contain;
	background-repeat: no-repeat;
	height: 100%;
	
	margin-bottom: 381px;
	transition:background 0.3s ease-in-out;
}
		
body, h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #626060;
	text-align:justify;
}

.green{  	background-color:#7DB12D }
.grey{   	background-color:#95A5A6 }
.blue{   	background-color:#3498DB }
.purple{ 	background-color:#9B59B6 }
.navy{   	background-color:#34495E }
.yellow{   	background-color:#F1C40F }
.red{		background-color:#C0392B }
.turquoise{ background-color:#1ABC9C }
.beige{ 	background-color:#B9A99E }

.green:focus{	  color:grey !important; background-color:#FFFFFF; !important }
.grey:focus{	  color:grey !important; background-color:#FFFFFF; !important }
.blue:focus{	  color:grey !important; background-color:#FFFFFF; !important }
.purple:focus{	  color:grey !important; background-color:#FFFFFF; !important }
.navy:focus{	  color:grey !important; background-color:#FFFFFF; !important }
.yellow:focus{ 	  color:grey !important; background-color:#FFFFFF; !important }
.red:focus{		  color:grey !important; background-color:#FFFFFF; !important }
.turquoise:focus{ color:grey !important; background-color:#FFFFFF; !important }
.beige:focus{	  color:grey !important; background-color:#FFFFFF; !important }

p{
    line-height: 1.7em;
}
		
h1, h2 {
	font-family: 'Maven Pro', serif;
	font-size: 25px;
	color: #555555;
	text-align:left;
}
		
h2 { font-size: 18px; color:#3BAFDA; }

h3 { font-weight: bold; text-transform:uppercase }

hr {
	margin:10px 0px 20px 0px;
	border-color:#CECECE;
}

.ico {
	font-size:16px;
}
		
.well {
	background:none; border:none;
	background-color:white; box-shadow:none;
	margin-bottom:0px;
}
		
.radius-bottom {
	border-radius: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
		
.radius-top {
	border-radius: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
		
.well-bottom {
	text-align:center;
	background-color:#F0F0F0;
			
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
			
	padding:10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	
	display:block;
	color:#626060
}
		
.well-bottom:hover {
	cursor:pointer;
	background-color:#3BAFDA;
	color:white;
	text-decoration:none;
}

*:focus{
	text-decoration:inherit !important;
	color:inherit !important;
}
		
.push {
	height:15px;
}
		
.large {
	height:30px;
}
		
.larger {
	height:50px;
}

/*
.btn {
	transition:all 0.1s ease-out;
	
	background:none; text-shadow:none;
	border:none; border-radius: 0px;
			
	padding-left:35px; padding-right:35px;
			
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
			
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	color:#626060;
}
		
.btn:hover {
	background-color:#3BAFDA;
	color:white;
}
*/

.btn {
	transition:all 0.1s ease-out;
	
	text-shadow:none;
	background-color:#3BAFDA; color:white;
	border:none; border-radius: 2px;
			
	padding-left:35px; padding-right:35px;
			
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
}
		
.btn:hover {
	background-color:#f5f5f5;
	color:#626060;
}

.disabled {
	background-color:#D4D4D4 !important;
	color:#ECECEC;
}
		
.header{
	margin-top:50px;
}

.header-social a{
	color:#333333;
	opacity:0.5;
	transition:all 0.1s ease-out;
}

.header-social a:hover{
	opacity:1.0;
}

.footer-social a{
	transition:all 0.1s ease-out;
}

.promo{
	text-align:center;
}

.label-asset{
	background-color:white !important;
	color:black !important;
	opacity:0.3;
	bottom: 10px;
	left: 10px;
	position: absolute;
}

.menu-label{
	font-family: "Open Sans", sans-serif;
	padding: 2px 3px 2px 3px;
	font-size: 7px;
	vertical-align: middle;
}

/* Elements */
		
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-thumb {
	background: #9C9C9C;
	border-radius: 10px;
}

::selection {
	background: #7DB12D;
	color: white;
}
				
::-moz-selection {
	background: #7DB12D;
	color: white;
}
		
.ani{
	transition:all 0.1s ease-out;
}

.header-menu li a{
	transition:all 0.1s ease-out;
}
		
.dot {
	font-size:6px;
	opacity:0.5;
}
		
.selected {
	opacity:1.0;
	color:white;
}
		
.noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
}
		
.header-logo, .header-menu {
	float:left;
}

.header-menu {
	text-align:center;
	left:-35%;
}

.header-menu *{
	transition: all 0.2s ease;
}

.header-menu ul {
	position:relative;
	left:35%;
}

.header-menu ul li {
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	text-transform:uppercase;
}

.header-menu ul li a {
	text-shadow:none;
}

.header-menu ul li a:hover {
	background:none;
	color:white;
	margin-top:-3px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.header-menu ul li a:active {
	background:none;
	color:white !important;
}

.header-menu ul li a:focus {
	background:none;
	color:white !important;
}

.header-menu ul li a {
	color: #333333;
}
		
.header-social {
	font-size:16px;
	margin-top:14px;
}
		
.header-social i{
	margin-left:6px;
	margin-right:6px;
}

.community-row {
	color:#626060;
	display:block;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #F0F0F0;
}

.community-row:hover{
	color:#3BAFDA;
}

.label {
	text-transform:uppercase;
	border-radius:0;
	padding:4px 6px 4px 6px;
	background-color:#3BAFDA;
}

.small-text {
	font-size:12px;
	color:#999999;
	text-transform:uppercase;
}

.news-row {
	color:#626060;
	display:block;
	padding-bottom:30px; padding-top:30px;
	border-top:1px solid #D2D2D2;
	border-radius: 4px;
	transition:all 0.1s ease-out;
}

.news-row:hover{
	background-color:#f5f5f5;
	
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	
	border-top:1px solid #ECECEC;
	text-decoration:none;
}

.news-row .label {
	border-radius:0;
	padding:4px 6px 4px 6px;
	background-color:#999999;
}

.news-thumb{
	background-position:center center;
	border-radius:100px;
	display:inline-block;
	box-shadow: 0px 0px 0px #999999;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #3C3C3C;
	padding-top:50px;
}

.footer a{ color:#9C9C9C }
.footer a:hover{ color:#3BAFDA }

.footer h1{
	color:#7E7E7E;
	font-size: 75%; font-weight: 700;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	margin-top:0px;
}

.footer ul{
	list-style:none;
	padding:0px;
}

.darker{
	text-transform:uppercase;
	background-color:#2A2A2A;
	text-align:center;
	padding-top:30px; padding-bottom:30px;
	font-size: 75%; font-weight: 700;
	margin-top:40px;
}

.kenneyLand{ transition:all 0.1s ease-out; text-align:center; opacity:0.5 }
.kenneyLand:hover{ opacity:1 }

.project{
	display:block;
	background-color:#ECECEC;
	color:#626060;
	
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}

.project:hover{
	color:#626060;
	text-decoration:none;
	-webkit-filter: brightness(105%); 
}

.project-nohover:hover{
	-webkit-filter: brightness(100%); 
}

.noshadow{
	box-shadow:none !important;
}

.project p{
	padding:16px 16px 16px 16px;
}

.project-preview{
	background-size:cover;
	background-position:center center;
	height:109px;
}

.form-control{
	border:none;
	box-shadow:none;
	font-size:inherit;
}

.screenshot{
	height:90px;
	cursor:pointer;
	padding:4px;
}
				
.screenshot:hover{
	-webkit-filter: brightness(110%); 
}
				
.screenshot-inner{
	width:100%; height:100%;
					
	background-position:center center;
	background-size:cover;
					
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}

.nudge-left{ margin-left:15px }
.nudge-right{ margin-right:15px }
.nudge-both{ margin-left:15px; margin-right:15px }

/* Flickity */

.gallery-cell {
	width: 100%;
	margin-right: 10px;
	text-align:center;
}

.flickity-page-dots .dot {
	width: 6px;
	height: 6px;
	opacity:0.3;
	margin:0px 4px 0px 4px;
}

.flickity-page-dots .dot.is-selected {
	background: white;
	opacity:1;
}

/* Assets */

.projectThumb{
	font-family: 'Maven Pro', sans-serif;
	font-size: 13px; font-weight:700;
	text-transform:uppercase;
	color: #95988B;
	line-height: 33px;
	border-radius: 3px;
}

.assetProject{
	background-image:url('../img/ccode.png');
	background-size:cover; background-position:center;
	height:170px; padding:0;
	
	transition:opacity 0.1s ease-out;
}

.projectBox{
	opacity: 0;
	filter: alpha(opacity=0);
	color:#FFFFFF;
	
	position:absolute;
	width:100%; height:100%;
	padding:5%;
	background-image:url('../img/transparent.png');
	
	transition:opacity 0.1s ease-out;
}

.assetBox{
	opacity: 1;
	filter: alpha(opacity=1);
	background:none;
}

.projectBox h1{
	margin:0;
	color:#FFFFFF;
}

.projectBox:hover{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-webkit-filter: brightness(110%); 
}

.assetBanner{
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

.assetPanel{
	font-family: 'Montserrat', sans-serif;
	font-size:13px; font-weight:200;
	text-transform:uppercase;
	color:#73756C;
	background-color:#EFF0EC;
	padding:6px; padding-left:10px; padding-right:10px;
	margin-right:6px;
	cursor:default;
}

.assetTag{
	border-radius: 3px;
	font-family: 'Montserrat', sans-serif;
	font-size: 75%; font-weight: 700;
	text-transform:uppercase;
	color:white;
	padding:4px; padding-left:8px; padding-right:8px;
	border:2px solid white;
	
	opacity: 0.75; filter: alpha(opacity=75);
	bottom:10px; left:10px;
	position:absolute;
}