.gallery {overflow:hidden;}
.gallery li {float:left; position:relative; width:300px; height:250px; overflow:hidden; margin:10px 30px; border:1px solid #ccc; z-index:0;}
.gallery li a {display:block; width:100%; height:100%;}
.gallery li a img {
display:block;  position:relative; z-index:2;
/*width:270px;*/ height:420px; margin:0 auto;
}
.gallery li a .overlay{opacity:0!important;}

.gallery li a .overlay {
display:block; position:absolute; left:0px; top:0px; z-index:3;
width:100%; height:100%;
background:rgba(0,0,0,0.8);
}
.gallery li a div {position:absolute; left:0; bottom:0; z-index:4; background: url(../images/naxXL.png) repeat 0 0; height:35px; width:100%;}
.gallery li a div h3 {font-size:12px; color:#ffffff; text-transform:uppercase; line-height:35px; text-align:left; padding-left:20px;}
.gallery li a  img {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out ;
transition: all 2s ease-out ;						
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.gallery li a:hover img  {
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out ;
transition: all 2s ease-out ;						
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}


/*
= KM
-------------------------------------------------------------------------------------- */

	.km {min-height:100%;}

	/* 
	+ Intro */
			
		.km .intro {z-index:1;}	
			.km .intro div {background-image:url(../images/bgr-intro-km.jpg); }
			.km .intro h2 strong {font-size:78px; line-height:68px;}

	/* 
	+ gallery */
	
		.gallery2 {overflow:hidden;}
			.gallery2 li {float:left; position:relative; width:292px; overflow:hidden; height:200px;}
				.gallery2 li a {display:block; width:100%; height:100%;}
					.gallery2 li a img {
						display:block;  position:relative; z-index:2;
						/*width:270px;*/ height:200px;
						}
					.gallery2 li a .overlay {
						display:block; position:absolute; left:0px; top:0px; z-index:3;
						width:100%; height:100%;
						background:rgba(0,0,0,0.8);
						}
					.gallery2 li a div {position:absolute; left:0; bottom:0; z-index:4; height:35px; background:url(../images/pic_bg.png) repeat 0 0; width:100%;}
						.gallery2 li a div h3 {font-size:12px; color:#ffffff; text-transform:uppercase; line-height:35px; text-align:left; padding:0 10px;}
						.gallery2 li a  img {
							-webkit-transition: all 2s ease-in-out;
							-moz-transition: all 2s ease-in-out;
							-o-transition: all 2s ease-in-out ;
							transition: all 2s ease-out ;						
							-webkit-transform: scale(1);
							-moz-transform: scale(1);
							-o-transform: scale(1);
							transform: scale(1);
							}
							.gallery2 li a:hover img  {
								-webkit-transition: all 2s ease-in-out;
								-moz-transition: all 2s ease-in-out;
								-o-transition: all 2s ease-in-out ;
								transition: all 2s ease-out ;						
								-webkit-transform: scale(1.1);
								-moz-transform: scale(1.1);
								-o-transform: scale(1.1);
								transform: scale(1.1);
								}



/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding:0; margin:0;
	vertical-align:top;
	border:0;
	outline:none;
	}

.fancybox-wrap {position:absolute; top:0; left:0; z-index:8020;}

.fancybox-skin {
	position:relative;
	padding:115px 0 0 !important;
	color:#444; text-shadow:none;
	background:#ffffff;
	}

.fancybox-opened {z-index:1000000000;}

.fancybox-outer, .fancybox-inner {position:relative;}

.fancybox-inner {overflow:hidden;}

.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;}

.fancybox-error {
	margin:0; padding:15px;
	color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; white-space:nowrap;
	}

.fancybox-image, .fancybox-iframe {display:block; width:100%; height:100%;}
	.fancybox-image {max-width:100%; max-height:100%;}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {}

#fancybox-loading {
	position:fixed; left:0px; top:0px; z-index:9999;
	width:100%; height:100%;
	background:url(../images/logo-loader.png) center no-repeat;
	}

	@keyframes spinPulse {0% {transform:rotate(0deg);} 50% {transform: rotate(180deg);} 100% {transform: rotate(-360deg);}}
	@-moz-keyframes spinPulse {0% {-moz-transform: rotate(0deg);} 50% {-moz-transform: rotate(180deg);} 100% {-moz-transform: rotate(-360deg);}}
	@-webkit-keyframes spinPulse {0% {-webkit-transform: rotate(0deg);} 50% {-webkit-transform: rotate(180deg);} 100% {-webkit-transform: rotate(-360deg);}}
	@-ms-keyframes spinPulse {0% {-ms-transform: rotate(0deg);} 50% {-ms-transform: rotate(180deg);} 100% {-ms-transform: rotate(-360deg);}}
	@-o-keyframes spinPulse {0% {-o-transform: rotate(0deg);} 50% {-o-transform: rotate(180deg);} 100% {-o-transform: rotate(-360deg);}}
		
	#fancybox-loading div {
		position:absolute; top:50%; left:50%;
		width:70px; height:70px;
		margin:-38px 0 0 -38px;
		border:5px solid #ffffff; border-left:5px solid rgba(255, 255, 255, 0); border-right:5px solid rgba(255, 255, 255, 0); border-radius:100px;
		-webkit-backface-visibility: hidden;
		animation:spinPulse 3s infinite linear;
		-moz-animation:spinPulse 3s infinite linear;
		-webkit-animation:spinPulse 3s infinite linear;
		-ms-animation:spinPulse 3s infinite linear;
		-o-animation:spinPulse 3s infinite linear;
		}

.fancybox-close {
	position:absolute; right:0px; top:0px;
	width:150px; height:115px;
	background-color:#e9e9e9;
	}
	.fancybox-close span {
		position:absolute; left:0px; top:0px; display:block;
		width:100%; height:100%;
		text-indent:-9999px;
		background:url(../images/btn-close-menu-hover.png) center no-repeat;
		outline:none;
		}
		.fancybox-close span:first-child {z-index:2; background:url(../images/btn-close-menu.png) center no-repeat; background-color:#737373;}
		
.fancybox-nav {
	position:absolute; top:0; right:0; z-index:8040; overflow:hidden;	
	width:50%; height:100%;
	text-indent:-9999px;
	cursor:pointer;
	}
	.fancybox-prev {left:0; background:none;}
	.fancybox-next {right:0; background:none;}
		.fancybox-nav span {
			display:block; position:absolute; top:0px;
			width:50%; height:100%;
			background-repeat:no-repeat; background-position:center;
			}
			.fancybox-nav span.btn-overlay {left:0px; background:none;}
		.fancybox-next {background:none;}
			.fancybox-next span.starting-arrow {left:0px;}
			.fancybox-next span.ending-arrow {left:-9999px;}
		.fancybox-prev {background:none;}
			.fancybox-prev span.starting-arrow {left:0px;}
			.fancybox-prev span.ending-arrow {left:9999px;}

	.fancybox-tmp {
		position:absolute; top:-99999px; left:-99999px; visibility:hidden; overflow:visible !important; 
		max-width:99999px; max-height:99999px;
		}

/* Overlay helper */
	
	.fancybox-lock {width: auto;}
	.fancybox-lock body {}
	.fancybox-lock-test {}
	.fancybox-overlay {
		position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:1000000;
		background:rgba(0,0,0,1);
		}
	.fancybox-overlay-fixed {position:fixed;bottom:0;right:0;}
	.fancybox-lock .fancybox-overlay {overflow:hidden;}

/* Title helper */

.fancybox-title {visibility:hidden; position:relative; z-index:8050;}
	.fancybox-opened .fancybox-title {visibility:visible;}
	.fancybox-title-float-wrap {
		position:absolute; left:30px; top:0px; z-index:8050;
		height:115px;
		line-height:115px; font-size:34px; font-weight:900; text-transform:uppercase; color:#000000; 
		}

	@media screen and (max-width: 1400px) {

		.fancybox-skin {padding:55px 0 0 !important;}

			.fancybox-close {width:80px; height:55px;}
					
			.fancybox-nav {top:-55px; right:80px; width:80px; height:55px;}
				.fancybox-nav span {background-size:auto;}
				.fancybox-prev {right:160px;}
				.fancybox-next {right:80px;}
				
			.fancybox-title-float-wrap {height:55px; line-height:55px; font-size:24px;}	
			
		}