/* The gallery overlay */

#galleryOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:100000;
	background-color:#222;
	background-color:rgba(0,0,0,0.8);
	overflow:hidden;
	display:none;
	
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}

/* This class will trigger the animation */

#galleryOverlay.visible{
	opacity:1;
}

#gallerySlider{
	height:100%;
	
	left:0;
	top:0;
	
	width:100%;
	white-space: nowrap;
	position:absolute;
	
	-moz-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
	transition:left 0.4s ease;
}

#gallerySlider .placeholder{
	background: url("../imgs/system/preloader.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width:100%;
	display:inline-block;
}

/* The before element moves the
 * image halfway from the top */

#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}

#gallerySlider .placeholder img{
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}

#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('../imgs/gallery/arrows.png') no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	
	top:50%;
	margin-top:-29px;
	
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}
/*======================= Gallery Page ========================*/

.page-gallery a.zoom,

.page-item__gallery a.zoom {

  position: relative;

  display: block;

  overflow: hidden;

  z-index: 1;

}

.page-gallery a.zoom span.zoom-bg,

.page-item__gallery a.zoom span.zoom-bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: block;

  background: #000;

  opacity: 0;

  filter: alpha(opacity=0);

  z-index: 3;

}

.page-gallery a.zoom span.zoom-icon,

.page-item__gallery a.zoom span.zoom-icon {

  background: url(../imgs/zoom.png) left top no-repeat;

  display: block;

  width: 36px;

  height: 36px;

  position: absolute;

  top: -50%;

  left: 50%;

  margin: -18px 0 0 -18px;

  z-index: 4;

}

.page-gallery a.zoom img,

.page-item__gallery a.zoom img {

  -webkit-transition: all 0.4s ease-out;

  -moz-transition: all 0.4s ease-out;

  -o-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  z-index: 2;

}

.page-gallery a.zoom.active img,

.page-item__gallery a.zoom.active img {

  z-index: 2;

}

.page-gallery .item_icons,

.page-item__gallery .item_icons {

  margin-bottom: 9px;

}

.view-article #prevArrow,

.view-article #nextArrow {

  display: none;

}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {

  z-index: 2;

}

.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}

/**** Isotope CSS3 transitions ****/

.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}

.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -ms-transition-property: height, width;

  -o-transition-property: height, width;

  transition-property: height, width;

}

.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  -ms-transition-property: -ms-transform, opacity;

  -o-transition-property: top, left, opacity;

  transition-property: transform, opacity;

}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

  -moz-transition-duration: 0s;

  -ms-transition-duration: 0s;

  -o-transition-duration: 0s;

  transition-duration: 0s;

}

/* End: Recommended Isotope styles */

ul#filters li {

  display: inline-block;

  vertical-align: top;

  margin: 9px 9px 0 0;

}

#isotopeContainer {

  padding-top: 8px;

}

#isotopeContainer .item_img {

  margin-right: 0;

}

.page-gallery_img {

  margin-left: 0;

}

.category_children .category_child {

  margin-bottom: 20px;

}
/*===== Gallery Page ======*/

ul.gallery {

  margin: 0 0 0 -36px;

}

ul.gallery .gallery-item {

  overflow: hidden;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 0 0 50px 36px;

  float: left;

  list-style: none;

}

ul.gallery .gallery-item .item_img {

  margin-right: 0;

  margin-bottom: 0px;

  float: none;

}

ul.gallery .gallery-item.straightDown {

  float: none;

}

ul.gallery .gallery-item.straightDown .item_img {

  float: left;

  margin: 0 18px 18px 0 !important;

}
.item_img .img_border {
display: block;
max-width: 100%;
border: 1px solid #fff;
padding: 4px;
background: #f0f0f0;
margin: 0;
font-size: 0;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.29);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.29);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.29);
}