@font-face{
	font-family: 'Varela Round';
	font-style: normal;
	font-weight: 400;
	src: 
		local('Varela Round'), 
		local('VarelaRound-Regular'), 
		url(http://themes.googleusercontent.com/static/fonts/varelaround/v3/APH4jr0uSos5wiut5cpjrqRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

html, body{
	background-color:#000;
	background-image:url(https://pxportfolios.s3.amazonaws.com/themes/53/main/assets/517194b2ae3ddb37690004e8/bg-dark.png);
}

html{
	min-height:100%;
}

img{
	display:block;
	width:100%;
}

.no-js img.lazy{
	display:none;
}


body{
	color:#999;
	font-size:13px;
	font-family: 'Varela Round', 'Helvetica Neue', 'MyriadProLight', 'Myriad Pro', 'Microsoft Sans Serif', arial, Geneva, frutiger, Tahoma, Verdana, sans-serif;
	font-smoothing: antialiased;
	line-height:20px;
}

	body.lock {
		height: 100%;
		overflow: hidden;
	}

a,
a:visited {
	color: #999;
}
	a:hover {
		color: #eee;
		cursor: pointer;
	}

.left{  float:left;  }
.right{ float:right; }

@media screen and (max-width: 767px) {
	.left, 
	.right{
		float:none;
	}
}

.header{
	background:url(https://pxportfolios.s3.amazonaws.com/themes/53/main/assets/5171949bae3ddb4a480004bd/line-dark.png) repeat-x bottom;
	padding-top:30px;
	padding-bottom:30px;
}
	.header img {
		max-height: 50px;
		width: auto;
	}

	.header h1 {
		font-size:28px;
		letter-spacing:-1px;
		line-height:30px;
		text-shadow: 0 -1px 0 ;
	}
	
		.header h1 a{
			color:#999;
			display:inline-block;
			transition-duration:0.2s;
			transition-timing-function:ease-out;
		}
		
			.header h1 a:hover{
				color:#eee;
			}
	
	.header h2.title{
		color:;
		font-size:15px;
		margin-top:5px;
	}
	
	.header nav ul.dropdown{
		float:right;
	}
	
	@media screen and (max-width: 767px) {
		.header nav ul.dropdown{
			float:none;
		}
	}
	
		.header nav ul.dropdown ul{
			display:none;
			position:absolute;
			transition:display 0.2s;
			top:31px; left:0;
			z-index:9;
		}
		
			.header nav ul.dropdown ul li{
				margin-top:1px;
			}
	
	.header nav > ul > li{
		float:left;
		margin-left:8px;
		position:relative;
	}
		
	@media screen and (max-width: 767px) {
		.header nav > ul > li{
			margin-top:16px;
			margin-left:0;
			margin-right:8px;
		}
	}
	
		.header nav > ul > li a {
			background-color:#333;
			border-radius:30px;
			box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);
			color:#eee;
			display:block;
			padding:5px 16px;
			transition:0.2s;
			white-space:nowrap;
		}
	
			.header nav > ul > li a:hover{
				background:#444;
				box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);
				text-shadow:none;
			}

.content{
	color:#eee;
	font-size:15px;
	margin:20px 0;
}
	
	.content p { margin-bottom:1em; }

	.content a.thumbnail{
		display:block;
		transition-duration: 0.2s;
		transition-timing-function: ease-out;
	}
		
		.content a.thumbnail:hover{
			-webkit-transform:rotate(-1deg) scale(1.1);
			position:relative;
			z-index:1;
		}
		
			.content a.thumbnail:hover figure{
				box-shadow:0px 0px 30px rgba(153, 153, 153, 0.2);
			}
			
		.content a.thumbnail:hover:nth-child(odd){
				-webkit-transform:rotate(1deg) scale(1.1);
		}
			
		@media screen and (max-width: 767px) {
			.content a.thumbnail:hover:nth-child(1){
				-webkit-transform:none;
			}
		}

		.content a.thumbnail figure{
			transition: box-shadow 0.2s ease-in-out;
			-webkit-transition: box-shadow 0.2s ease-in-out;
			-moz-transition: box-shadow 0.2s ease-in-out;
			background:#000;
			box-shadow:1px 1px 0px rgba(0, 0, 0, 0.2);
			margin:10px auto;
			max-width:440px;
			padding:10px;
			position:relative;
		}
			
			.content a.thumbnail figure:after{
				display:block;
				background:url(https://pxportfolios.s3.amazonaws.com/themes/53/main/assets/517194d0ae3ddb2baf000508/white-gloss.png);
				content:'';
				position:absolute;
				width:88px; height:189px;
				top:0; right:0;
			}
		
			.content a.thumbnail figure figcaption{
				color:#999;
				font-size:13px;
				margin-top:10px;
				overflow:hidden;
				text-align:center;
				text-overflow:ellipsis;
				white-space:nowrap;
				min-height: 1.5em;
			}
	.content aside.sidebar{
		overflow:hidden;
	}
		
		.content .sidebar img.avatar{
			box-shadow: 1px 1px 3px #333;
			border-radius:3px;
			margin-bottom:40px;
			max-width:300px;
		}
		
		.content .sidebar dl.info dt{
			color:#999;
			font-size:13px;
		}
		
		.content .sidebar dl.info dd{
			line-height:30px;
			margin-bottom:10px;
		}

	.content form.contact{
	}
	
		.content form.contact label{
			display:block;
			margin-bottom:5px;
		}
			
		.content form.contact p input,
		.content form.contact p textarea{
			background:#333;
			border:1px solid #444;
			border-radius:2px;
			color:#eee;
			padding:10px;
			box-sizing:border-box;
			width:100%;
		}
			
		.content form.contact p textarea{
			min-height:100px;
		}
		
		.content form.contact p button{
			background:-moz-linear-gradient(0% 170% 90deg, #c4c4c4, white);
			background:-webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4));
			border: 1px solid;
			border-color: #e6e6e6 #cccccc #cccccc #e6e6e6;
			border-radius:3px;
			font-size:13px;
			cursor:pointer;
			margin-top:20px;
			padding:10px 20px;
		}
			.content form.contact p button:hover{
				background:-moz-linear-gradient(0% 170% 90deg, #b8b8b8, white);
				background:-webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#b8b8b8));
				border-color:#99ccff;
			}
	
.footer{
	background:url(https://pxportfolios.s3.amazonaws.com/themes/53/main/assets/5171949bae3ddb4a480004bd/line-dark.png) repeat-x top;
	padding-top:30px;
	padding-bottom:30px;
}

	.footer p.copyright{
		
			background:url(https://pxportfolios.s3.amazonaws.com/themes/53/main/assets/517194b2ae3ddb018d0004e9/logo-dark.png) no-repeat bottom center;
		
		padding-bottom:30px;
		text-align:center;
	}

#contact_success,
#contact_error{
	border:1px solid;
	border-radius:4px;
	display:none;
	margin-bottom:20px;
	padding:10px 20px;
}

#contact_success{
	color:#468847;
	background-color:#dff0d8;
	border-color:#d6e9c6;
}

#contact_error{
	color:#b94a48;
	background-color:#f2dede;
	border-color:#eed3d7;
}

#recaptcha_table{
	background:#ddd;
}

#mainimage {
	background: black;
	opacity: 0;
	position: fixed;
	top: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	user-select: none;
	-webkit-user-select: none;
	-mox-user-select: none;
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	z-index: 100;
}
	#mainimage > div {
		position: absolute;
	}
	#photos {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
		#photos .img {
			display:block;
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
			.photoinfo {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				min-height: 44px;
				padding: 10px 0;
				text-align: center;
				line-height: 1.5;
				background: rgba(0, 0, 0, 0.8);
				box-sizing: border-box;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				overflow-x: hidden;
				overflow-y: auto;
			}
				.photoinfo.hidden {
					opacity: 0;
					bottom: -100px;
				}
				.photoinfo > * {
					margin: 0;
					margin-bottom: 0px;
					padding: 0 44px;
				}
				.photoinfo p {
					margin: 0;
					color: rgba(255, 255, 255, 0.6);
				}
				.photoinfo h2 {
					color: #fff;
				}
				.photoinfo .photodescription {
					margin: 0;
				}
				.photoinfo .metadata {
				}
					.photoinfo .metadata li {
						display: inline-block;
						color: rgba(255, 255, 255, 0.4);
						font-style: italic;
						font-weight: normal;
						display: inline;
						padding: 0 5px;
					}
				.photoinfo .map {
					display: inline;
					margin-top: 10px;
				}
				.store_links a:hover {
					color: rgba(255, 255, 255, 1);
				}
				.store_links a {
					color: rgba(255, 255, 255, 0.8);
					margin: 0 10px;
				}

	#mainimage .ui {
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
	}	
	#mainimage .backbutton {
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.6);
	}
	.photonav {
		background-color: rgba(0, 0, 0, 0.6);
	}
	.photonav.prev {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.photonav.next {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	
	#mainimage.visible {
		opacity: 1;
		top: 0;
	}
		#mainimage.visible .img {
		}	
		#mainimage.visible .ui {
			z-index: 500;
		}

.button {
	height: 44px;
	min-width: 44px;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
	.button.prev {
		background-image: url(https://pxportfolios.s3.amazonaws.com/themes/53/main/assets/51916bbdc030b70f27000001/icon_prev.png);
	}
	.button.next {
		background-image: url(https://pxportfolios.s3.amazonaws.com/themes/53/main/assets/51916bbd8569250ae600006e/icon_next.png);
	}
	.button.backbutton {
		background-image: url(https://pxportfolios.s3.amazonaws.com/themes/53/main/assets/51916bbd8569253727000229/icon_x.png);	
	}
	.button a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.button:hover {
		cursor: pointer;
		color: rgba(0, 0, 0, 1) !important;
		background-color: rgba(255, 255, 255, 0.4) !important;
	}


/* Swipe 2 required styles */

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

/* END required styles */