@font-face {
font-family: 'Swiss 721 Thin BT';
font-style: normal;
font-weight: normal;
src: local('Swiss 721 Thin BT'), url('/font/Swiss721ThinBT.woff') format('woff');
}

body {
 font-family: 'Lato', serif; 
   font-display: fallback;

 	letter-spacing: 2px; 
	font-weight: 400;
	 -webkit-font-smoothing:antialiased;
	 overflow-x: hidden;
	     -moz-osx-font-smoothing: grayscale;
/*
	     overflow:hidden;
overflow-y: auto;
width: 100%;
*/
 	
	}
	.contenty {
		padding: 0px 30px;
	}
	.btn.btn-black {
		border-radius: 0px;
		background: #000;
		color:#fff;
		box-shadow: none;
		border:1px solid #000;	}
	.btn.btn-black:hover {
		background: #fff;
		color:#000;
		border:1px solid #000;
		cursor: pointer;
	}
	
	.show-go-up {
		transform: translateY(100px);
		opacity: 0;
	}
	.show-left {
		transform: translateX(-100px);
		opacity: 0;
	}
	.show-left.active {
		transform: translateX(0);
		opacity: 1;		transition:all 1s ease;

	}
	.show-right {
		transform: translateX(100px);
		opacity: 0;
	}
	.show-right.active {
		transform: translateX(0);
		opacity: 1;		transition:all 1s ease;

	}
	.show-go-up.active {
		transform: translateY(0);
		opacity: 1;		transition:all 1s ease;

	}
	.show-fast.show-me.active {
		transition: all .5s ease !important;
	}
	.delay-05 {
		transition-delay: .5s;
	}
	.delay-1 {
		transition-delay: 1s;
	}
	.show-opac, .show-opacity {
		opacity: 0;
	}
	.show-opac.active, .show-opacity.active {
				transition:all 1s linear;

		opacity: 1;
	}
	.showblack  {
		background: #000;
		
	}
	.showblack.active {
		background: #fff;		transition:all 1s linear;

	}
	.showblack-down {
		overflow: hidden;
	}
	.showblack-down:after  {
		position: absolute;
		top:0px;
		bottom:0px;
		right:0px;
		left:0px;
		content:" ";
		transform: translateY(0);
		background: #000;
		
	}
	.showblack-down.active:after {
		transform: translateY(100%);		transition:all 1s linear;

		
	}
	.show-scale-horizontal { 
		transform: scale(0,1);
	}
	.show-scale-horizontal.active {
		transform: scale(1,1);
		transition:all 1s ease;
	}
	body.noscroll {
		overflow: hidden;
	}
.playfairdsc {
	font-family: 'Playfair Display SC', serif;

}
 .playfaird {
	 font-family: 'Playfair Display', serif;
	 
	 } 
   .text-lower {
	    text-transform: lowercase !important;
    }
.skrollr-mobile  #skrollr-body {
	   position: fixed;
	   top:0px;
	   left:0px;
	   width: 100%;
	   height: 100%;
	   
	   }
	   header {
		   position: absolute;
		   z-index: 999999999999;
	   }
	nav {
		top:0px;
 		position: fixed;
		left:0px;
		width:100%;
		background:transparent;
 		overflow: hidden;
		 	}
		 	.menu {
			 	background: #fff;
		 	}
	.logoGrafika {
		height: 30px;
		position: absolute;
		top:5px;
		left:5px;
	}
	.logoGrafika img {
		width: 35px;
		
	}	.navbar-brand {
		position: relative;
		top:10px;
		background: transparent;
		z-index: 9999;
		width: 100%;
		margin-right: 0px;
		background: #fff;
		padding: 5px 5px;
		border:1px solid #fff;
	}
	.navbar-brand-wrap {width: 200px; flex-grow: 0.33; padding:0px;}
	.navbar-brand img {
		width: 100%;
 	}
	.topcol {
		position: relative;
		padding-top: 30px;
 	}
 	.topcol:nth-child(1):after {
	 	position: absolute;
	 	top:30px;
	 	left:15px;
	 	right:-15px;
	 	height: 1px;
	 	background: #fff;
	 	content:" ";
 	}
 	.topcol:nth-child(3):after {
	 	position: absolute;
	 	top:30px;
	 	left:-15px;
	 	right:15px;
	 	height: 1px;
	 	background: #fff;
	 	content:" ";
 	}
	.menu {
		position: relative;
 	}
	.menua {
		padding-left:32px;
		position: relative;
	}
	.menua span {
		position: absolute;
		left:0px;
		top:10px;
		height: 20px;
		width: 20px;
		display: block;
		padding-left: 1px;
 		line-height: 8px;
		text-align: center;
		font-size: 10px;
		font-weight: 100;
		border-radius: 0px;
	}
	.menu a { 
		font-weight: 700 !important;
 		padding: 0px 15px;
		margin: 0px;
		display: inline-block;
		font-size: 18px;
		height: 30px;
		color:#000 !important;
		line-height: 30px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-transform: uppercase;
	}
 
	.menu a:hover {
		color:#3E0C13;
 		text-decoration: none;
		cursor: pointer;
	}
	.menu a.active {
		color:#3E0C13;
	}
	.hidden-sessions {
		display: none;
		padding-left: 12px;
		
	}
	.menu .hidden-sessions a { 
		font-size: 12px; 
		height: 24px;
		line-height: 24px; 
		color:#999;
	}
	.hidden-sessions.active {
		display: block;
	}
	.imgover1, .imgover2, .imgover3, .imgover4, .imgover5 {
		background: #e51d1d;
		opacity: 1;
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		z-index: 10;
		transition: all 9s linear;
		transition-delay: 2s;
		
	}
	.imgover2 {
		background: #59b620;
		transition-delay: 1s;		z-index: 8;
		opacity: .7;

	}
	.imgover3 {
		background: #2b9fde;		z-index: 9;
opacity: 0.8;
		transition-delay: 1.5s;
	} 
	.imgover4 {
		background: #fff;
		transition-delay: 0s;
 	}
 	.imgover5 {
	 	transition-delay: 0s;
	 	transition: all 2s linear;
	 	background: #000;
 	}
	.imgwrapper.active .imgover1, .imgwrapper.active .imgover2, .imgwrapper.active .imgover3, .imgwrapper.active .imgover4, .imgwrapper.active .imgover5 {
		opacity: 0;
	}
	.imgwrapper {
		overflow: hidden;
 	}
 	.imgover5right {
	 	background: #000;
	 	left:0px;
	 	right:0px;
	 	bottom:0px;
	 	top:0px;
	 	position: absolute;
	 	transition: all 3s linear;
 	}
 	.imgwrapper.active .imgover5right {
	 	transform: translateX(-100%);
	 	margin-left:1px;
 	}
	.imgunder {
		opacity: 0;
		position: relative;
		z-index: 5;
		transition: all 4s linear;
		
	}
	.doprawej {
		transform: translateX(100%);
		transition:all 3s linear;
	}
	.imgwrapper.active .doprawej {
		transform: translateX(0);
	}
	.imgwrapper.active .imgunder {
		opacity: 1;
	}
	.content-wrapper-big {
		overflow: hidden;
		width: 100%;
	}
	.content-wrapper {
		width: 200%;
	}
	.content-left, .content-right {
		width:50%;
		float: left;
		transition:all 2s ease;
	}
	.content-right-back {
		font-size:24px;
		display: inline-block;
		margin-bottom: 30px;
		padding: 0px 30px;
		height: 40px;
		line-height: 40px;
		transition:all .3s ease;
		text-shadow: 0px 3px 6px rgba(0,0,0,0);
	}
	.content-right-back:hover {
		transform: scale(1.2);
		text-shadow: 0px 3px 6px rgba(0,0,0,.6);
		cursor: pointer;
	}
	.content-right {
		display: none;
	}
	.content-right.pre { 
		display: block;
	}
	 
	  .content-left.right-active,.content-right.right-active {
		transform: translateX(-100%);
	}
	#content {
	position: relative;
	padding-left:0px;
	padding-right: 0px;
	top:0px;
	z-index: 1;
	bottom:0px;
	right:0px;  
	}
	#mainPhoto.mainContent {
		padding-top: 0px;
		padding-bottom: 0px;
		cursor: pointer;
		position: relative;
		left:0px;
		right:0px;
		height: 90vh !important;
 		top:0px;
	}
	.mainPhotoLeftBorder {
		position: absolute;
		left:15px;
		top:30px;
		bottom:30px;
		width: 1px;
			background: #fff;
	content:" ";
		z-index: 99999999999;
	}
	.mainPhotoRightBorder {
		position: absolute;
		right:15px;
		top:30px;
		bottom:30px;
		width: 1px;
		content:" ";
		background: #fff;
		z-index: 9999999999;
	}
	.mainPhotoBottomBorder {
		position: absolute;
		left:15px;
		right:15px;
			background: #fff;
	bottom:30px;
		height: 1px;
		content:" ";
		z-index: 99999999999;
	}
	#mainPhotoOpis {
		position: absolute;
		bottom:50%;
		transform: translateX(-50%);
		font-size: 11px;
		left:50%;
		color:#fff;
		z-index: 99999999;
		text-align: center;
		padding: 5px;
 		
	}
	.mainPhotoTxt {
		position: absolute;
		left:50%;
		bottom:40px;
		font-size: 150px;
		color:rgba(255,255,255,0.5);
		transform: translateX(-50%);
		z-index: 999999999;
		font-weight: 900;
	}
	.mainPhotoLeft {
		position: absolute;
		left:0px;
		width: 50%;
		bottom:0%;
		top:0px;
		background-image: url(/layout/przemekTop.jpg);
		background-position: center 80%;
		background-size: cover;	/* 	animation:mainleft 70s linear infinite; */
		border-bottom:1px solid #000;
		z-index: 99999;
		transition:all .05s ease;
		overflow: hidden;

	}
	
	.mainPhotoLeftTxt {
		position: absolute;
		bottom:50px;
		font-size: 140px;
		font-weight: 900;
		color:rgba(255,255,255,0.6);
		left:50vw;
		z-index: 9999999;
 		
	}
		@keyframes mainleft {
		0% { 
			width:50%; 
		}
		30% { 
			width: 80%;
		}
		60% { 
			width: 30%;
		}
	}
	.mainPhotoRight {
		position: absolute;
		right:0%;
		width: 50%;
		overflow: hidden;
		bottom:0px;
		top:0;		transition:all .05s ease;

		border-top:1px solid #000;
/* 			animation:mainright 70s linear infinite; */
 
		z-index: 99999;

	}
	.mainPhotoRightTxt {
		position: absolute;
		bottom:50px;
		font-size: 140px;
		font-weight: 900;
		color:rgba(255,255,255,0.6);
		left:50vw;
		z-index: 9999999;
		 
		
	}
		@keyframes mainright {
		0% { 
			width:50%; 
		}
		30% { 
			width: 20%;
		}
		60% { 
			width: 70%;
		}
	 
	}
	
	.big-text-wrap {
		 margin-left:-50px; padding: 50px 0px 50px 50px; 
	}
	.portfolio-header {
		font-weight: 900;
		font-size:60px;
		margin-top: 150px;font-family: 'Playfair Display', serif;
		margin-bottom: 80px;
	}
	.big-header {
		font-weight: 900; font-size:80px
		} 
	.big-subheader {
		display:block; padding:10px 10px; border: 1px solid #000; border-width: 1px 0px; width: 90%; margin-bottom: 15px; font-size:22px; line-height: 30px;
	}	
	.zone-text {
		font-size: 16px; line-height: 22px
	}
	.zone-2-wrap {
		width:70%;  padding:20px; 
	}
	.main_zone_3_1_1 { 
		font-size: 80px; font-weight: 300; letter-spacing: -2px;
	}	
	.main_zone_3_1_2 {
		font-size: 110px; font-weight: 900; letter-spacing: -2px; line-height: 80px;
	}
	.main_zone_3_1_3 { 
		font-size: 60px; font-weight: 300; letter-spacing: 13px;
	}
	.main_zone_3_1_4 { 
		font-size: 90px; font-weight: 500; letter-spacing: -2px; line-height: 80px;
	}
		video {
min-height: 100% !important; min-width: 100% !important; height: auto !important; width: auto !important; position: absolute; left: 0; top: 0; -webkit-transform: translateZ(0); }


.videoWrap  {
	position: fixed;
	left:0px;
	right:0px;
	z-index: 0;
	height:100%;
	top:0px;
	background: #333;
	-webkit-transition: all 1s ease;
	overflow: hidden;
}
.videoPlik  {
overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	background-position: center;
	background-size: cover;
	z-index: 1;
}


video {
min-height: auto; min-width: 100%; /* height: auto !important; width: auto !important;  */position: relative; left: 0; top: 0; -webkit-transform: translateZ(0); }


.vjs-control-bar, .vjs-caption-settings.vjs-modal-overlay.vjs-hidden {
	display: none;
}
#goBack {
	position: fixed;
	left:00px;
	top:60px;
	z-index: 9999999999;
	background: #fff;
	color:#000;
	padding: 5px;
	font-size: 15px;
 }
#goBack:hover {
	background: #000;
	color:#fff;
	cursor: pointer;
}
 .wrapperNew {
	 position: fixed;
	 left:0px;
	 top:0px;
	 right:0px;
	 bottom:0px;
	 overflow: hidden;
	 overflow-y: scroll;
	 z-index: 999999999;
  }
  .wrapperNew.relat {
	  position: relative;
	  overflow: visible;
	  overflow-y: visible;
  }
 .zdjeciaWrap {
	 background: #fff;
 } 
 .sessionAbout {
	 opacity: 0;
	 position: absolute;
	 bottom:100px;
	 left:50%;
	 transform: translateX(-50%);
	 max-width: : 40%;
	 color:#fff;
	 font-size: 22px;
	 z-index: 5;
	 text-align: center;
 }
 .nazwaSesji {
	 display: inline-block;
	 text-align: center;
	 font-size: 40px;
	 font-weight: bold;
	 border-top:1px solid #fff;
	 border-bottom: 1px solid #fff;
	 margin-bottom: 30px;
 }
 .sessionAbout.active {
	 opacity: 1;	 transition: all 2s ease;

 }
 .powieksz:after {
	 position: absolute;
	 left:0px;
	 right:0px;
	 bottom:0px;
	 top:0px;
	 background:rgba(0,0,0,.5);
	 content:" ";
	 opacity: 0;
	 transition:all 2s ease;
 }
 .powieksz.active:after {
	 opacity: 1;
 }
.photo { 
	position: relative;
	height: 30vh;
	transition:all .3s ease;
	border-bottom:1px solid #000;
}
.photo:hover {
	z-index: 9999999;
}
.photo:after {
	position: absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	transition:all .3s ease;
	background: #000;
	opacity: 0;
	z-index: 99999;
	content:" ";
}
.photo.inactive:after {
	opacity: 0.6;
}
.photo:hover:after {
	opacity: 0;
}
.photo:hover .photoIn{
top:-20%;
/* box-shadow: 0px 0px 30px rgba(0,0,0,.5); */
bottom:-20%;
z-index: 99999999;
cursor: pointer;
  }
.photoIn {
 	position: absolute;
	top:0px;
	transition:all .3s ease;
	bottom:0px;
	right:0px;
	left:0px;
/* 	box-shadow: inset 0px 5px 20px rgba(0,0,0,.3); */
	background-size: cover;
 	background-position: center;
}
.photoIn.click {
	position: fixed;
}
.photoDesc, .photo2Desc {
	position: absolute;
	bottom:10%;
	left:10%;
	font-size: 20px;
	color:#fff;
 	z-index: 9999999;
 	text-shadow: 0px 1px 2px rgba(0,0,0,.3);
}
.galin img {
	display:none;
}
.galin img.active {
	display: block;
}



	.mainImg {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.mainContent {
		display: none;
	}
	.mainContent.active {
		display: block;
 		left:0px;
		right:0px;
		bottom:0px;
		top:0px;
		overflow: hidden;
		overflow-y: auto;
	}
	.mainContent.active#about, .mainContent.active#contact {
		position: relative;
		padding: 50px 20px 0px 20px;
	}
	.menua .plusminus {
		font-size: 14px;
		width: 30px;
		
	}
	.menua .minus, .menua.active .plus {
		display: none;
	}
	.menua.active .minus {
		display: inline-block;
	}
	/*

	.thumbOpis {
		position: absolute;
		right:0px;
		bottom:0px;
		padding: 0px 5px;
		height: 18px;
		line-height: 18px;
		background: #fff;
		font-size: 11px;
		z-index: 99999;
	}
	.thumbWrap:hover {
		cursor: pointer;
		opacity: 0.8;
		
		
	}
*/
	.thumbWrap {
		position: relative;
		background-size:cover;
		background-position: center;
		overflow: hidden;
 	}
/*
 	.thumbWrapOver {
	 	position: absolute;
	 	left:-100px;
	 	top:-100px;
	 	right:-100px;
	 	bottom:-100px;
 		background-size:cover;
		background-position: center;
		z-index: 5;
		opacity: 0;
		transition:all .5s ease;
		padding: 150px;
 		background-clip: content-box;
 	}
 	.thumbWrap:hover .thumbWrapOver {
	 	opacity: 1;
 	}
*/
 	.thumbWrap:hover {
	 	cursor: pointer;
 	}
 	.thumbOpis {
	 	position: absolute;
	 	top:50%;
	 	text-align: center;
	 	left:50%;
	 	padding: 40px;
	 	font-size: 13px;
	 	color:#fff;
	 	transform: translate(-50%,-50%);
	 	z-index: 999999999;
	 	opacity: 0;
	 	font-weight: 700 !important;
	 	transition:all .5s ease;
 	}
 	.thumbWrap:hover .thumbOpis {
	 	opacity: 1;
 	}
	#sessionLeft {
		position: absolute;
		left:0px;
		top:0px;
		bottom:0px;
 		width: 20%;
		z-index: 9999999;
	}
	#sessionLeft i {
		position: absolute;
		top:50%;
		left:50px;
		font-size: 20px;
		z-index: 9999999999;
		color:#fff;
		transition:all .5s ease;
		text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
		opacity: 0;
		transform: translateX(-10px);
	}
	#sessionLeft:hover, #sessionLeft.active {
		cursor: pointer;
	}
	#sessionLeft:hover i,#sessionLeft.active i {
		opacity: 1;		
		text-shadow: 0px 1px 3px rgba(0,0,0,0.6);

		transform: translateX(0);
	}
	/*

	#sessionLeft:hover {
		cursor: w-resize;
	}
*/
	#sessionRight {
		position: absolute;
		right:0px;
		top:0px;
		bottom:0px;
		
		width: 20%;
		z-index: 9999999;
	}#sessionRight:hover,#sessionRight.active {
		cursor: pointer;
	}
	#sessionRight i {
		position: absolute;
		top:50%;
		color:#fff;		transition:all .5s ease;
		text-shadow: 0px 1px 3px rgba(0,0,0,0.6);

		right:50px;
		font-size: 20px;
		z-index: 9999999999;
		opacity: 0;
		transform: translateX(10px);
	}
	#sessionRight:hover i,#sessionRight.active i  {
		opacity: 1;		text-shadow: 0px 1px 3px rgba(0,0,0,0.6);

		transform: translateX(0);
	}
	
/*
	#sessionRight:hover {
	cursor: e-resize;
	}	
*/
	#sessionOpis {
		position: fixed;
		display: none;
		right:0px;
		bottom:0px;
		z-index: 9999999;
		padding: 10px;
		font-size: 12px;
		line-height: 14px;
		letter-spacing: 0.5px;
		background: #fff;
		color:#999;
	}
	#sessionWrap, .sessionWrap {
		position: fixed;
		top:40px;
		right:40px;
		bottom:40px;
		left:250px;
	}
	.sessionPhoto.active {
		display: block;
	}
	.sessionPhoto {
		position: absolute;
		left:0px;
		width: 100%;
		bottom:0px;
		top:0px;
		padding: 10px;
		cursor: pointer;
		display: none;
	}
	.sessionPhoto.prevactive {
		left:-100%;
		display: block;
	}
	.sessionPhoto.fastIn {
		transition: all .2s ease !important;
		transform: translateX(100%) !important;
		
	}
	.sessionPhoto.nextactive {
		left:100%;
		display: block;
	}
	.sessionPhoto.fastOut {
		transition: all .2s ease !important;
		transform: translateX(-100%) !important;
		
	}
	.sessionPhoto img { object-fit: contain;
  		max-width: 100%;
		max-height: 100%; 
		width: 100%;
		height: 100%;	}
		
		
		
	.navFooter {
		position: absolute;
		z-index: 99999999999;
		bottom:40px;
		left:0px;
		right:0px;
		font-size: 11px;
		text-align: center;
	}
	.sociale {
		margin-top:30px;
		margin-left: -15px;
		text-align: center;
		position: fixed;
		bottom:0px;
		background: #fff;
		font-size: 20px;
	}
	.sociale a i {
		opacity: 0.7;color:#292b2c;
		margin: 0px 15px;
	}
	.sociale a i:hover {
		opacity: 1;
		text-decoration: none;
	}
	
	
	@media (max-width:990px) { 
		.navbar-brand {
		position: fixed;
		top:10px;
 		z-index: 9999;
		width: 185px;
		margin-right: 0px;
	}
	header {
		z-index: 99999999999;
/* 		position: relative; */
		height: 60px;
	}
		.toggleMen {
			position: fixed;
			top:5px;
			right:5px;
			width: 40px;
			z-index: 9999999999;
			height: 40px;
			text-align: center;
			line-height: 40px;
			font-size: 30px;
			color:#000;
			border: 0px;
			background: transparent;
		}
		.toggleMen.active {
			color:#000;
		}
		body {
			padding-left: 15px;
		}
/*
		#content {
			position: fixed;
			padding: 0px;
			left:0px;
			top:60px;
			bottom:40px;
			overflow-x: hidden;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
 			
		}
*/
		.mainContent.active#about, .mainContent.active#contact {
		position: relative;
		padding: 50px 20px 0px 20px;
	}

		nav {
 			position: fixed;
			z-index: 999999999999;
			height: 60px;
			overflow: visible;
			width: 100%;
		}
		.menuMobi, .menu {
			display: none;
		}
		.menuMobi.active {
 display: block !important;
 position: fixed;
left: 0px;
right: 0px;
top: 0px;
padding-top:100px;
bottom: 0px;
height:100vh;
color:#fff;
background: #fff;
z-index: 9999;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling:touch;

		}
		.menuMobi.active {
			text-align: center;
		}
		.menuMobi.active .menua {
			display: block;
			text-align: center;
			height: 40px;
			font-weight: 500;
			line-height: 40px;
		}
		.menuMobi.active a { 
			color:#000;
			font-size: 30px;
			display: block;
			height: 40px;
			text-transform: uppercase;
			font-weight: 300;
			line-height: 40px;
		}
		.menuMobi.active .menua a.glowne {
			text-align: center;
			display: inline-block;
		}
		.menuMobi.active a.glowne {
			display: block;
		}
		.menuMobi .menua span {
			display: inline-block;
			float: none;
			position: relative;
			top:-1px;
			left:0px;
		}
		.menua span.minus, .menua.active span.plus {
			display: none;
		}
		.sociale {
			position: fixed;
			margin-left: -15px;
			bottom:0px;	
			z-index: 9;font-size:13px;	}
			.sociale a i {
				font-size: 13px;
			}
		.navFooter {
			display: none;
		}
		.navbar-brand img {
 		}
		#sessionWrap, .sessionWrap {
    position: fixed;
    top: 40px;
    right: 15px;
    bottom: 15px;
    left: 15px;
	}
	}
	@media (max-height:500px) { 
		.sociale {
			bottom:0px;
		}
	} 
	@media (max-width:1200px) { 
		
		body {
			padding-left: 0px;
		}
		.navbar-brand-wrap {width:50%; flex-grow: 0.5;}
		.contenty { padding: 0px; }
		.big-text-wrap {
		 margin-left:0px; padding: 50px 0px 0px 0px; 
	}
		.big-header {
		font-weight: 900; font-size:30px
		} 
	.big-subheader {
		display:block; padding:10px 0px; border: 1px solid #000; border-width: 1px 0px; width: 100%; margin-bottom: 15px; font-size:16px; line-height: 20px;
	}	
	.zone-text {
		font-size: 14px; line-height: 20px
	}
	.zone-2-wrap {
		width:100%;  padding:20px 0px 0px 0px; 
	}
	.main_zone_3_1_1 { 
		font-size: 60px; font-weight: 300; letter-spacing: -2px;
	}	
	.main_zone_3_1_2 {
		font-size: 90px; font-weight: 900; letter-spacing: -2px; line-height: 60px;
	}
	.main_zone_3_1_3 { 
		font-size: 45px; font-weight: 300; letter-spacing: 13px;
	}
	.main_zone_3_1_4 { 
		font-size: 75px; font-weight: 500; letter-spacing: -2px; line-height: 70px;
	}

	}
	
	@media (max-width:600px) { .portfolio-header {
		font-weight: 900;
		font-size:40px;
		margin-top: 150px;font-family: 'Playfair Display', serif;
		margin-bottom: 80px;
	}
		#goBack {
			top:56px;
		}
	 .mainPhotoLeft, .mainPhotoRight {
	 
		transition:none;
		overflow: hidden;

	}

		.main_zone_3_1_1 { 
		font-size: 40px; font-weight: 300; letter-spacing: -2px;
	}	
	.main_zone_3_1_2 {
		font-size: 60px; font-weight: 900; letter-spacing: -2px; line-height: 40px;
	}
	.main_zone_3_1_3 { 
		font-size: 30px; font-weight: 300; letter-spacing: 13px;
	}
	.main_zone_3_1_4 { 
		font-size: 50px; font-weight: 500; letter-spacing: -2px; line-height: 45px;
	}
	}
	
	
	
.wmediachcontainer {
	padding: 50px 0px 100px 0px;
 	color:#fff;
}
.wmediachcontainer .col-md-3 {
	position: relative;
	overflow: hidden;
	opacity: 0.7; 
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.no-touch .wmediachcontainer .col-md-3:hover, .touch .wmediachcontainer .col-md-3.active {
	opacity: 1;
} 
 
.wmediachbtm {
text-transform: uppercase;
font-family: 'Roboto', sans-serif;font-weight: 400;
position: absolute;
	bottom:0px;
	left:15px;
	color:#fff;
	right:15px;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	font-size:10px;
}
.wmediachbtm:before {
	position: absolute;
	left:-1px;
	top:0px;
	content: " ";
	z-index: 999999999;
	bottom:0px;
	width: 1px;
	background: #333;
	box-shadow: 3px 0px 3px #333;
	
}
.wmediachbtm:after {
	position: absolute;
	right:-1px;
	top:0px;
	content: " ";
	z-index: 999999999;
	bottom:0px;
	width: 1px;
	background: #333;
	box-shadow: -3px 0px 3px #333;
	
}
.wmediachbtm span {
	position: absolute;
	left:100%;
	-webkit-transform: translateX(0px);
	-webkit-transition: all 1s ease-in-out;
	-moz-transform: translateX(0px);
	-moz-transition: all 1s ease-in-out;
	transform: translateX(0px);
	transition: all 1s ease-in-out;
	height: 100%;
	white-space: nowrap;
	width: auto;
}
a.morewmediach {
	position: absolute;
	top:0px;
	left:30%;
	right:30%;
	background: #fff;
	color:#333;
	text-align: center;
	display: block;
	height: 20px;
	line-height: 20px;
	opacity: 0;
	-webkit-transform: translateY(-20px);
	-webkit-transition: all .3s ease;
	-moz-transform: translateY(-20px);
	-moz-transition: all .3s ease;
	transform: translateY(-20px);
	transition: all .3s ease;}
 .wmediachcontainer .col-md-3:hover .morewmediach, .touch .wmediachcontainer .col-md-3.active .morewmediach {
	opacity: 0.2;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	 transform: translateY(0);
}
 .wmediachcontainer .col-md-3:hover .morewmediach:hover,.touch .wmediachcontainer .col-md-3.active .morewmediach:active {
	opacity: 0.6;
}
 .wmediachcontainer .col-md-3:hover .wmediachbtm span, .touch .wmediachcontainer .col-md-3.active .wmediachbtm span {	
	-webkit-transition: all 8s linear;
	-webkit-transform: translateX(-200%);
	-moz-transition: all 8s linear;
	-moz-transform: translateX(-200%);
	transition: all 8s linear;
	transform: translateX(-200%);}