/*html {  
  overflow: hidden; 
}

body {
  overflow: hidden;
}*/

.section-main {
	width: 100%;
}

.section-container {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #efe8d6;
}


.gallery-list-container {
		margin-top: 1em;		
}




/* -------------    Photo Galleries   ---------------- */

.gallery {
	width: 100% !important;
}

#mosaic-gallery {
	width: 100%;
}

.mosaic-image img {
	display:block;	
	height:auto;
	width: 100%;
}

.grid-sizer {
	width: 25%;
}

.mosaic-image {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
	width: 25%;
	margin: 0;
}

.gallery .item-over {
	position: absolute;	
	width: 100%;
	bottom: 0;
	-webkit-transition: all 0.25s ease-in-out;	
	transition: all 0.25s ease-in-out;	
}

.gallery .item-over p {
	background: rgba(142,179,191,.83);
	text-align: center;
}

.gallery .item-over .gallery-name {
	position: relative;	
	color: #fff;
	font-size: .35em;
	padding: .5em;
	display: inherit;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}

.gallery .item-over .icon {	
	margin-bottom: .4em;
}

.gallery .mosaic-image:hover .item-over {	
	opacity: 1;	
}

.gallery .mosaic-image img {	
	-webkit-transition: all 0.25s ease-in-out;	
	transition: all 0.25s ease-in-out;
}


.gallery .mosaic-image:hover img {	
	-webkit-transform:scale(1.2);	
	transform:scale(1.2);
}

.temp-image {
	position: absolute;
	width: 0;
	height: 0;
	visibility: hidden;
}



/* -------------    Sub Gallery   ---------------- */

.subgallery {
	position: absolute;
	width: 100%;
	height: 100%;	
	background: #efe8d6;
	top: 0;
	left: 0;
	text-align: center;
	overflow: auto;
	-webkit-transition: all 0.25s ease-in-out;	
	transition: all 0.25s ease-in-out;
	z-index: 2000;
}

.subgallery .gallery-nav {
	height: 1em;	
}

.subgallery .gallery-nav .topbar {
	background: #efe8d6;	
}

.subgallery .gallery-nav .topbar .name {	
	color: #535156;
}

.subgallery .close {
	color: #737373;
}

.subgallery .close:hover {
	color: #000;
}

#mosaic-subgallery {
	position: relative;
	margin-top: 1em;
	width: 100% !important;
	background: #efe8d6;
}

/*#mosaic-subgallery .mosaic-image {
	width: 100%;
	margin-bottom: .3em;
}*/


/* -------------    Single Gallery Mosaic   ---------------- */


.gallery-single-mosaic {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #252526;
	top: 0;
	left: 0;
	-webkit-transition: all 0.25s ease-in-out;	
	transition: all 0.25s ease-in-out;
	overflow: auto;
	z-index: 2000;
}

.gallery-single-mosaic .gallery-nav {
	height: 1em;
	background: #000;	
}

.gallery-single-mosaic .close {
	position: absolute !important;
}

.gallery-single-mosaic .close:hover {
	color: #fff;
}

#mosaic-gallery-single {
	position: relative;
	margin-top: 1em;
	background: #252526;
	width: 100%;
}




/* -------------    Single Gallery   ---------------- */

.gallery-single {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #252526;
	top: 0;
	left: 0;
	-webkit-transition: all 0.25s ease-in-out;	
	transition: all 0.25s ease-in-out;
	z-index: 2100;
}

.gallery-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;		
	height: 100%;
	text-align: center;	
	color: rgba(255,255,255,.4);
	font-family: PFDinCondensedThin;
	-webkit-transition: all 0.35s ease-in-out;	
	transition: all 0.35s ease-in-out;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;	
}

.gallery-nav .topbar {	
	height: 1em;
	width: 100%;
}

.gallery-single .gallery-nav .topbar {
	background: rgba(0,0,0,.6);
}

.gallery-nav .topbar ul {	
	display: inline-block;
}

.gallery-nav .topbar li {
	float: left;		
}

.gallery-nav .topbar .name {	
	height: 1em;
}

.gallery-single .gallery-nav .topbar .name {	
	color: #fff;
}

.gallery-nav .topbar .name p {	
	font-size: .5em;
	-webkit-user-select: auto;  
	-moz-user-select: auto;    
	-ms-user-select: auto;      
	user-select: auto;	
}

.gallery-single .arrows {
	position: absolute;
	top: 40%;
	font-size: 1.67em;
	width: 100%;
	text-align: left;
	z-index: 2000;	
}

.gallery-single .arrows .icon-arrow-left {
	position: absolute;
	margin-left: -.6em;
	-webkit-transition: all 0.25s ease-in-out;	
	transition: all 0.25s ease-in-out;
	color: rgba(255,255,255,.6);
	cursor: pointer;
	cursor: hand;	
}

.gallery-single .arrows .icon-arrow-right {
	position: absolute;
	right: -.6em;
	-webkit-transition: all 0.25s ease-in-out;	
	transition: all 0.25s ease-in-out;
	color: rgba(255,255,255,.6);
	cursor: pointer;
	cursor: hand;	
}

.gallery-single .arrows .icon-arrow-left:hover {
	color: #fff;	
}

.gallery-single .arrows .icon-arrow-right:hover {
	color: #fff;		
}

.gallery-nav .description {
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;	
	width: 100%;
	height: 0;
	background: rgba(0,0,0,.6);
}

.gallery-nav .description p {
	color: #fff;
	font-size: .4em;
	padding-left: 1em;
	padding-right: 1em;
	-webkit-user-select: auto;  
	-moz-user-select: auto;    
	-ms-user-select: auto;      
	user-select: auto;	
}

.gallery-nav .close, section-nav .close {
	position: fixed;
	top: 0;
	right: 0;
	-webkit-transition: all 0.25s ease-in-out;	
	transition: all 0.25s ease-in-out;
	cursor: pointer;
	cursor: hand;	
}

.gallery-single .close:hover {
	color: #fff;
}

.gallery-single .slider, .gallery-single .slider .slides-container, .gallery-single .slider .slide  {	
	width: 100%;
	height: 100%;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;	
}

/*.gallery-single .slider .slide1 {	
	background: url('../img/upload/gallery/4.jpg') no-repeat center center; 
	-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.gallery-single .slider .slide2 {	
	background: url('../img/upload/gallery/5.jpg') no-repeat center center; 
	-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}*/

@media only screen 
and (device-aspect-ratio: 40/71) 
and (orientation : portrait) {
	.gallery-list-container {
			margin-top: 2em;		
	}
	.mosaic-image {
	  width: 50%;
	}

}