@charset "UTF-8"; /* CSS Document */

img {border: 0; }

/* Layout Styling */
* {margin: 0; padding: 0; outline: none; }
html, body {margin: 0px; padding: 0px; }
html {height: 100%; }
body {min-height: 320px; min-width: 180px; }
body {background: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:10px; letter-spacing: 0; color: #333; letter-spacing:.5px; text-transform:uppercase; }
body.fullpage {height: 100%; }
body.scrollpage {display: block; }

/* Links */
a {color: #333; text-decoration: none; }
a:link {}
a:visited {}
.no-touch a:hover {color:#CCC; }
a:active {color:#000; }
a {}

/* Sitewide Elements */
body {
	padding: 0 20px;
}

#header {
	display: inline-block;
	margin-top: 0px;
	width: 100%;
	min-height: 55px;
	float: left;
}

#logo {
	float: left;
	padding:15px 15px 10px 0;
}
#information {
	float: left;
	padding-top:10px;
	padding-right:10px;
}

#facebook, #instagram {
	float: left;
	padding-right:10px;
	padding-top:3px;
}

#logo, #logo a {
	display: block;
}
#logo a {
	width: 100%;
	max-width: 500px;
}
#logo img {
	width: 100%;
	height: auto;
}

#rightmenu {
	float: right;
}


.menuitem {
	float: right;
	background-color:#000;
	color:#fff;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding:5px;
}

.contactitem a{
	color:#fff;
	text-decoration:none;
}

#top-filters span {
	float:left;
	display:block;
	margin-right:6px;
}
#top-filters .filters {
	float:left;
}
#top-filters a {
	color:#fff;
}

.filters { list-style:none; }
.filters li { float:left; padding-right:5px; }
.filters li:last-child { padding-right:0; }
.filters li a { display:block; border-right:1px solid hsla(0, 0%, 0%, 0.2); }
.filters li:last-child a { border-right:none; }
.filters li.selected a { text-decoration:underline; }
.filters li a:hover { background-color:#F0F0F0; }
.filters li a:active { background-color:#E0E0E0; }




/* Page Elements */

body #pagecontent { padding: 16px 0px 20px 0px; clear: both; }
.fullpage #pagecontent { /*height: 100%;*/ }
.scrollpage #pagecontent { min-height: 100%; }



.covergallery #photos { position:relative; margin: 0 auto; min-height: 100%; }

.covergallery .photo {
  width: 250px;
  /*margin: 5px;*/
  float: left;
  /*background: #fff;*/
}

.covergallery .photo.preload {
	display: none;
}

.covergallery .photo a {
	position: relative;
	display: block;
}

.covergallery .photo a > img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	
	-ms-interpolation-mode: bicubic;
}

/* Caption base elements */
.covergallery .photo .wrapper {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.covergallery .photo .wrapper {height:100%; width:100%; position: absolute; bottom: 0; left: 0; right: 0; padding: 0px; /* Spacing to edges of image */ }
.covergallery .photo .wrapper {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
.covergallery .photo .backer {position:absolute; width: 100%; height:100%; background-color:#fff;}
.covergallery .photo .block {position:relative; display: table; width: 100%; height:100%; padding-top: 0px; border: 0px solid #000; min-height: 30px; /* Title block min-height */}
.covergallery .photo .text {font-family: 'Roboto', sans-serif; size:14px; font-weight: 500; color:#000; display: table-cell; text-align:right; text-transform:uppercase; vertical-align: bottom; padding: 4px 4px 4px 0px; /* Title block inner padding */}
.covergallery .photo .lines {display: inline-block;}
.covergallery .photo .line {display: block; margin-top: 0px;/* Spacing between lines */}
.covergallery .photo .line:first-of-type {margin-top: 0; }
.covergallery .photo .line.count {font-size:50px; line-height:30px; padding:5px; text-align:center; }
.covergallery .photo .line.countname {font-size:16px; padding:5px; }

.covergallery .photo .wrapper .backer, .covergallery .photo .wrapper .block {
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
}

.covergallery .photo .wrapper .backer, .covergallery .photo .wrapper .block {
	opacity: 0.0;
	-webkit-opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);
}

.covergallery .photo:hover .wrapper .backer {
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}

.covergallery .photo:hover .wrapper .block {
	opacity: 1.0;
	-webkit-opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
}


.setgallery {
	padding: 0 20px;
	position: relative;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.setgallery.script #pagecontent {
	position: absolute;
	top: 70px;
	bottom: 0;
	left: 20px;
	right: 20px;
}

.setgallery.script #gallery {
	position: relative;
	text-align: center;
	
	margin: 0 auto;
	height: 100%;
	width: 100%;
	
	max-height: 1200px;
	max-width: 1600px;
}

.setgallery #topbar {
	position: absolute;
	height:20px;
	top: 0;
	left: 0;
	right: 0;
	padding-bottom:10px;
	display: none;
}

.setgallery.script #middlebar {
	position: absolute;
	top: 0;
	bottom: 30px;
	left: 0;
	right: 0;
	background-color: #fff;
}

.setgallery #bottombar {
	font-size:12px;
	text-transform:uppercase;
	text-align: center;
	position: absolute;
	height:20px;
	bottom: 0;
	left: 0;
	right: 0;
}

.setgallery.script #photos {
	margin: 0 40px;
	height: 100%;
}


.setgallery.script .photo {
	margin: 0 auto;
	max-height: 100%;
	max-width: 100%;
	position: relative;
}

.setgallery #photos img {
	image-rendering: auto;
	-ms-interpolation-mode: bicubic;
}

.setgallery.script .photo img {
	height: 100%;
	width: 100%;
}

.setgallery .photo.preload {background: url(images/preloader.gif) center center no-repeat #fff; background-size:30px 30px; }


.setgallery.noscript #gallery {
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
}

.setgallery noscript {
	width: 100%;
}

.setgallery.noscript #photos > a {
	
}

.setgallery.noscript #photos img {
	width: 100%;
	height: auto;
}

.noscript .side, .noscript #bottombar {
	display: none;
}


.side {
	position: absolute;
	top: 0;
	bottom: 0;
}

#sideleft {
	left: 0;
}

#sideright {
	right: 0;
}

.arrow {
	position: absolute;
	top: 50%;
	font-size: 40px;
}

.arrowinner {
	margin-top: -25px;
}

#arrowleft {
	left: 0;
}

#arrowright {
	right: 0;
}