/*-----LIGHTBOX-----*/

#blackout {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:9999;
	background-color: rgba(0,0,0,0.8);
	/*background-image:url('img/load.gif');*/
	background-position: center center;
	background-repeat: no-repeat;
}
	#lightbox {
		position:relative;
		z-index:99999;
		width: auto;
		height: auto;
		display: none;
		background-color: white;
		padding: 10px;
	}
	#lightbox.loading {
		background-image: url('img/load3.gif');
		background-repeat: no-repeat;
		background-position: center center;
	}
	/*#close, #next, #prev {
		overflow: hidden;
	}*/
	#close {
		width:32px;
		height:32px;
		position:absolute;
		right:0;
		padding:5px;
		cursor: pointer;
	}
	.cross {
		position: absolute;
		width: 32px;
		height: 32px;
	}
	.cross:before, .cross:after {
		position: absolute;
		left: 15px;
		content: ' ';
		height: 33px;
		width: 2px;
	}
	.cross:before {
		transform: rotate(45deg);
	}
	.cross:after {
		transform: rotate(-45deg);
	}
	.cross:before, .cross:after {
		background-color: white;
		-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6);
		
		transition: all .20s ease-in-out;
		-moz-transition: all .20s ease-in-out;
		-webkit-transition: all .20s ease-in-out;	
	}
	#close:hover > .cross:before, #close:hover > .cross:after { background-color:#494949; }

	#next, #prev {
		display:none;
		width:65px;
		height:200px;
		position:absolute;
		top: -10px; bottom: 0;
		margin: auto;
		cursor: pointer;
	}
	#next {right:0;}
	#prev {left:0;}

	.square {
		width:75px;
		height:75px;
		top:0;
		bottom:0;
		margin: auto 0;
		position: absolute;
	}
	.square:before {
		width: 2px;
		height: 75px;
	}
	.square:after {
		width: 75px;
		height: 2px;
	}
	.square:before, .square:after {
		position: absolute;
		content: ' ';		
		background-color: white;
		
		-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6);
		
		transition: all .20s ease-in-out;
		-moz-transition: all .20s ease-in-out;
		-webkit-transition: all .20s ease-in-out;	
	}
	#next:hover > .square:before, #next:hover > .square:after,
	#prev:hover > .square:before, #prev:hover > .square:after
	{ background-color:#494949; }


	#next .square {
		right:30px;
	  -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	}
	#prev .square {
		left:30px;
	  -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}

	#next:hover > .square, #prev:hover > .square { border-color:#494949; }
	#lbimg {
		display:block;
		float:left;
		position: relative;
	}
		#lbimg img {
			display:block;
		}

@media screen and (max-width: 800px) { /*main*/
	#lightbox {
		padding: 0;
		background-color: transparent;
	}
	#close {
		cursor: none;
	}	
	#next, #prev {
		width:40px;
		height:100px;
		cursor: none;
	}
	.square:before {
		width: 2px;
		height: 35px;
	}
	.square:after {
		width: 35px;
		height: 2px;
	}
}


/*------WP GALLERY------*/

.gallery {
	margin: 12px auto 18px auto;
	/*background-color: #D3D3D3;*/
	padding: 5px 0;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 100%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33333333%;; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-icon {
	padding: 5px;
	transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-webkit-transition: all .20s ease-in-out;	
}
/*.gallery-icon:hover img {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(97,97,97,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(97,97,97,1);
	box-shadow: 0px 0px 10px 0px rgba(97,97,97,1);
}
#single_content a:hover img,
#content a:hover img {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(97,97,97,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(97,97,97,1);
	box-shadow: 0px 0px 10px 0px rgba(97,97,97,1);	
}*/
.gallery img {
	max-width: 100%;
	min-width: 100%;
	display: block;
	height: auto;
}
.gallery img:hover {

}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
	display: none; /**/
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }


/*----- LBGALLERY -----*/

.lbgall *, .lbgall .fs:before, #lbdesc {
	transition: all .20s ease-in-out;
	-moz-transition: all .20s ease-in-out;
	-webkit-transition: all .20s ease-in-out;	
}

.lbgall {
	width: 100%;
	position: relative;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding-right: 10px;
	margin-top: -10px;
}

.lbimg {
	box-sizing: border-box;
	padding: 0px;
	width: 74px;
	margin-left: 10px;
	margin-top: 10px;
	height: auto;
	
	position: relative;
	cursor: pointer;
	display: inline-block;
	
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.lbimg img {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	height: auto;

	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.lbimg:hover {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(97,97,97,1);
	-moz-box-shadow: 0px 0px 7px 0px rgba(97,97,97,1);
	box-shadow: 0px 0px 7px 0px rgba(97,97,97,1);
}

.lbgall .fs {
	width: 32px;
	height: 32px;
	background-color: black;
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: white;
	text-align: center;
}

.lbgall .fs:before {
	font-family: FontAwesome;
	line-height: 30px;
	font-size: 16px;
	content: "\f07e";
	display: inline-block;

	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.fs:hover {
	background-color:black;
}

#lbdesc {
	height:80%;
	width:100%;
	background-color:white;
	background-color:rgba(255,255,255,0.8);
	float: left;
	display:block;
	position: absolute;
	bottom:0;
	left:0;
	padding-top:40px;
	box-sizing: border-box;
}

#collapse {
	color:black;
	color:rgba(0,0,0,0.6);
	text-transform: uppercase;
	font-size: 12pt;
	font-family: 'Oxygen';
	font-weight: 700;
	position: absolute;
	right:10px;
	top:7px;
	cursor: pointer;
	z-index:99;
}

#collapse i {
	vertical-align: 2px;
}

#lbdesc_content {
	color:black;
	color:rgba(0,0,0,0.6);
	position: relative;
	width:100%;
	height:100%;
	overflow:hidden;
	box-sizing: border-box;
	padding: 0px 20px 20px 20px;
}

.lb_img_desc {
	display:none;
}

@media screen and (max-width: 800px) { /*main*/
	.lbcol.half {width:100%;}
	.lbcol.third {width:100%;}
	.lbcol.fourth {width:100%;}	
}