/*
 * Nivo Lightbox v1.2.0-a
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.nivo-lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 998;
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
	visibility: hidden;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(34, 34, 34, 0.8);
}

.nivo-lightbox-overlay.nivo-lightbox-open {
	visibility: visible;
	opacity: 1;
}

.nivo-lightbox-wrap {
	left:0px;	
	right:0px;
	position:relative;
	vertical-align:middle;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height:auto;
	width:100%;
	padding:0;
	text-align:center;
}

.nivo-lightbox-content {
	display: inline-block;
	width: auto; /*100%;*/
	height: 100%;
}
.nivo-lightbox-title-wrap {
	position: relative;
	top:0px;
	width: 100%;
	height:25px;
	background-color:#fff;
	/*z-index: 999;*/
	height: 22px;
	line-height: 22px;
	margin: 0 auto;
	text-align: center;
}

.nivo-lightbox-nav { 
	display: none; 
}
.nivo-lightbox-prev {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1000;
	background: url(img/left.png) left center no-repeat;
    width: 50px;
    height: 50px;
}
.nivo-lightbox-next {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1000;
	background: url(img/right.png) right center no-repeat;
    width: 50px;
    height: 50px;
}
.nivo-lightbox-close {
	z-index:999;
	position: absolute;
	/*top: 0%;
	left: 1%;*/
	top: 1%;
	background: url(img/close50w.png) center no-repeat;
    width: 50px;
    height: 50px;
}

.nivo-lightbox-image { 
	text-align: center; 
}
.nivo-lightbox-image img {
	max-width: 95vw;
	max-height: 95vh; /*100%;*/
	width: auto;
	height: auto;
	vertical-align: middle;
}

.nivo-lightbox-content iframe {
	overflow: hidden;
}
/*this is the iframe inline and ajax remotely loaded content */
.nivo-lightbox-item,
.nivo-lightbox-inline,
.nivo-lightbox-ajax {
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*  -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll !important;	*/
}

.nivo-lightbox-error {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}

.nivo-lightbox-error p {
	display: table-cell;
	vertical-align: middle;
}

/* Effects
 **********************************************/
.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

/* fadeScale */
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	-webkit-transform: scale(0.7);
	   -moz-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	        transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

/* slideLeft / slideRight / slideUp / slideDown */
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	   -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	    -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	     -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	        transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
	-webkit-transform: translateX(-10%);
	   -moz-transform: translateX(-10%);
	    -ms-transform: translateX(-10%);
	        transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
	-webkit-transform: translateX(10%);
	   -moz-transform: translateX(10%);
	    -ms-transform: translateX(10%);
	        transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transform: translateY(-10%);
	   -moz-transform: translateY(-10%);
	    -ms-transform: translateY(-10%);
	        transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
	-webkit-transform: translateY(10%);
	   -moz-transform: translateY(10%);
	    -ms-transform: translateY(10%);
	        transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

/* fall */
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	        perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	-webkit-transform: translateZ(300px);
	   -moz-transform: translateZ(300px);
	    -ms-transform: translateZ(300px);
	        transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	        transform: translateZ(0);
}

/* iOS iframe and scrolling problems*/
/*maybe solutions: 
- iframe document has a child div with better overflow support 
- iframe is never wider than parent div
-
*/

/*this is the iframe or ajax remotely loaded content
.nivo-lightbox-ajax, */
/**
iframe.nivo-lightbox-item {
	max-width:99%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
**/

.nivo-lightbox-item body.lightversion.normalclose #page	{
	position: relative;		
	width: 100%; 
	height: 100%;
	overflow-y: scroll;
}


/*
@media (-webkit-min-device-pixel-ratio: 1.3),
       (-o-min-device-pixel-ratio: 2.6/2),
       (min--moz-device-pixel-ratio: 1.3),
       (min-device-pixel-ratio: 1.3),
       (min-resolution: 1.3dppx) {
*/

@media only screen and (max-width: 643px) {
	/*lower resolutions have iframe positioned at the top - not in viewport! 
	*/
	/*.nivo-lightbox-wrap  {
		width: 98%;
		left: 1%;
		right: 1%;
		display: block;
		position: fixed;
		height: auto;
		z-index: 999;
	}
	*/
	/*body.lightversion:not(.touch) .nivo-lightbox-wrap .*/
	body.lightversion .nivo-lightbox-wrap  {
		left:  2%;
		right: 2%;
	}
	
	body.lightversion .site-main {
		max-width:100%;
		min-width:100%;
	}	
	body.lightversion.normalclose #page,
	body.lightversion.touch .site-main {
		max-width:100%;
		min-width:100%;
	}	
	body.lightversion.normalclose .nivo-lightbox-close {
		top:2%;
	}	
}