@font-face {
    font-family: 'novecento_sans_widenormal';
    src: url('/font/novecentosanswide_normal_macroman/Novecentosanswide-Normal-webfont.eot');
    src: url('/font/novecentosanswide_normal_macroman/Novecentosanswide-Normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/novecentosanswide_normal_macroman/Novecentosanswide-Normal-webfont.woff2') format('woff2'),
         url('/font/novecentosanswide_normal_macroman/Novecentosanswide-Normal-webfont.woff') format('woff'),
         url('/font/novecentosanswide_normal_macroman/Novecentosanswide-Normal-webfont.ttf') format('truetype'),
         url('/font/novecentosanswide_normal_macroman/Novecentosanswide-Normal-webfont.svg#novecento_sans_widenormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'novecento_sans_widelight';
    src: url('/font/novecentosanswide_light_macroman/Novecentosanswide-Light-webfont.eot');
    src: url('/font/novecentosanswide_light_macroman/Novecentosanswide-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/novecentosanswide_light_macroman/Novecentosanswide-Light-webfont.woff2') format('woff2'),
         url('/font/novecentosanswide_light_macroman/Novecentosanswide-Light-webfont.woff') format('woff'),
         url('/font/novecentosanswide_light_macroman/Novecentosanswide-Light-webfont.ttf') format('truetype'),
         url('/font/novecentosanswide_light_macroman/Novecentosanswide-Light-webfont.svg#novecento_sans_widelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: '#novecento_sans_widemedium';
    src: url('/font/novecentosanswide_medium_macroman/Novecentosanswide-Medium-webfont.eot');
    src: url('/font/novecentosanswide_medium_macroman/Novecentosanswide-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/novecentosanswide_medium_macroman/Novecentosanswide-Medium-webfont.woff2') format('woff2'),
         url('/font/novecentosanswide_medium_macroman/Novecentosanswide-Medium-webfont.woff') format('woff'),
         url('/font/novecentosanswide_medium_macroman/Novecentosanswide-Medium-webfont.ttf') format('truetype'),
         url('/font/novecentosanswide_medium_macroman/Novecentosanswide-Medium-webfont.svg#novecento_sans_widemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

 

.mainHeader {
	    font-family: '#novecento_sans_widemedium';
	    margin-top:0px;
 }
 h1 {
	 	    font-family: 'novecento_sans_widelight';
font-size: 3.5rem;
 }
 h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	 	 	    font-family: '#novecento_sans_widemedium';
  }
 h2 {
	 	    font-family: 'novecento_sans_widelight';
font-size: 3rem;
 }
 h3 {
	 	    font-family: 'novecento_sans_widelight';
font-size: 2.5rem;
 }
 h4 {
	 	    font-family: 'novecento_sans_widelight';
font-size: 2rem;
 }
  h5 {
	 	    font-family: 'novecento_sans_widelight';
font-size: 1.5rem;
 }
  h6 {
	 	    font-family: 'novecento_sans_widelight';
	 	    font-size: 1rem;

 } 
 h1, h2,h3,h4,h5,h6 {
letter-spacing: 0.1rem; }
 .novo {
	 	    font-family: '#novecento_sans_widemedium';
 }
 nav ul a {
	 color:#000;
 }
.inBlock  {
/*
	line-height: 2.5rem;
	font-size: 20px;
*/
	font-weight: 300;
	}
body {
	font-family: 'Lato', sans-serif;
	
	line-height: 2.5rem;
	font-size: 20px;
	font-weight: 300;
		letter-spacing: 0.025rem;
}
.contenty {
	position: relative;
	left:0px;
 	right:0px;
	 
	z-index: 999999999;
 }
/*
 .contentyIn {
	 	margin: 0px 12.5%;

 }
*/

#about {
 	position: relative;
	top:0px;
}
#logo {
	width:500px;
	height: auto;
	margin-left:-250px;
	top:50%;
	position: absolute;
	left:50%;
	-webkit-transform: translateY(-50%);
	z-index: 999999;
}
.video-js .vjs-tech {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.goDown  {
	position: fixed;
	bottom:50px;
	color:#fff;
	width: 200px;
	font-size:80px;
	text-align: center;
	left:50%;
	margin-left:-100px;
	z-index: 999;
	transition:all .3s ease;
	transform: translateY(0);
}
.goDown:hover {
	transform: translateY(10px);
	cursor: pointer;
}
#minimenutoggle {
	position: absolute;
	right:0px;
	top:0px;
	padding: 0px 15px;
	font-size:30px;
}
.ponizej #minimenutoggle, .podstrona #minimenutoggle {
	color:#000;
}
.caption {
	position: absolute;
	font-size:40px;
	font-weight: 300;
	top:50%;
	left:5%;
	right: 5%;
	transform: translateY(-50%);
}
.podlewka {
	position: relative;
	display: inline-block;
	padding: 20px;
}
 
nav {
	background: transparent;
	box-shadow: none;
}
body.ponizej nav, body.podstrona nav {
	background: #fff;
}
.prawamenu li a {
	text-transform: uppercase;
}
body.ponizej .prawamenu li a, body.podstrona .prawamenu li a  {
	color:#000;
}
.navbar-fixed {
	z-index: 999999999999;
	position: fixed;
}
.videoWrap, #audioWrap {
	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;
}

.overVideo {
overflow: hidden;
		position: absolute;
	left:0px;
	z-index: 999999999999;
	right:0px;
	bottom:0px;
	top:0px;
 	background-color:rgba(0,0,0,0.4);
 	background-position: center;
	background-repeat: repeat;
 }
 .videoWrap 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); }
.headerWrap {
	position: relative;
	display: inline-block;
	padding: 10px 50px;
}
.wiecejwrap {
	position: absolute;
	left:0px;
	top:0px;
	bottom:0px;
	display: flex;
	align-content: center;
	justify-content: center;
	text-align: center;	align-items: center;

}
.zobaczwiecej {
	display: inline-block;
	border:1px solid #000;
	padding: 20px;
	margin-top: 30px;
	font-size: 16px;
 	text-align: center;
	height: auto;
}
.boxreadmore {
	position: absolute;
	right:5%;
	top:10%;
	width: 120px;
	height: 120px;
	color:#fff;
	z-index: 99999999999;
	text-align: center;
	padding: 20px 10px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;

}
.boxreadmore.srodek {
	right:auto;
	left:50%;
	margin-left:-60px;
	color:#000;
	top:auto;
	bottom:20%;
}
.boxreadmore.srodek:after {
	border:1px solid #fff;
	background: rgba(255,255,255,1);
}
.boxreadmore.srodek:hover {
	color:#fff;
}
.boxreadmore.srodek:hover:after {
	background: #000;
	border:1px solid #000;
}
.boxreadmore:hover {
color:#000;
cursor: pointer;
}
.boxreadmore:hover:after {
	transform: rotate(0deg) scale(0.9);
	background: #fff;
}
.boxreadmore:after {
	position: absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	border:1px solid #fff;
	transform: rotate(45deg) scale(1);
	transition:all .3s ease;
	content:" ";
	z-index: -1;
	background: rgba(0,0,0,0.1);
}



.hwlt {
	position: absolute;
	left:10px;
	display: none;
	top:10px;
	line-height: 20px;
	font-size: 18px;
	font-weight: 300;
 	opacity: 0;
	transition:all 1s ease;
	transition-delay: 2s;
}
.hwrb {
	position: absolute;
	right:10px;
	bottom:5px;
	line-height: 20px;
	font-size: 18px;
	font-weight: 300;
 	opacity: 0;
	transition:all 1s ease;
	transition-delay: 2s;
}
/* .headerWrap.active .hwrb, .wrapOpis.active .hwrb, */.headerWrap.active .hwlt, .wrapOpis.active .hwlt {
	opacity: 1;
}
.hwtop, .hwright, .hwbottom, .hwleft {
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height:2px;
	transform: scale(0,1);
	transform-origin: left center;
	background: #000;
	opacity: 0;
	transition:all .5s linear;
	transition-delay: 0s;
}
.hwright {
	left: auto;
	right:0px;
	height: 100%;
	width: 2px;
	transform: scale(1,0);
	transform-origin: center top;
	transition-delay: .5s;
}
.hwbottom {
  top:auto;
  bottom:0px;
  right:0px;
  left: auto;
  transition-delay: 1s;
  transform: scale(0,1);
	transform-origin: right center;
  
}
.hwleft {
	top:auto;
	bottom:0px;
	right: auto;
	left:0px;
	width: 2px;
	height: 100%;
	transition-delay: 1.5s;
	transform: scale(1,0);
	transform-origin: center bottom;
}
/*
.headerWrap.active .hwtop, .wrapOpis.active .hwtop {
	opacity: 1;
	transform: scale(1,1);	opacity: 1;
}
.headerWrap.active .hwright, .wrapOpis.active .hwright {
	transform: scale(1,1);	opacity: 1;

}
.headerWrap.active .hwbottom, .wrapOpis.active .hwbottom {
	transform: scale(1,1);	opacity: 1;

}
.headerWrap.active .hwleft, .wrapOpis.active .hwleft {
	transform: scale(1,1);	opacity: 1;

}
*/
.hiddenOpis {
	position: relative;
/*
	top:60px;
	opacity: 0;
	transition:all 2s ease;
	transition-delay: 2.5s;
*/
}
/*
 .wrapOpis.active .hiddenOpis {
	 opacity: 1;
	 transform: translateY(-50px);
 }
 
*/

 .inbody {
	 overflow: hidden;
	 position: relative;
 	 min-height: 100%;
width:100%;
z-index: 5;
 }
 .topWrap {
	 position: fixed;
	 top:0px;
	 z-index: 1;
	 overflow: hidden;
	 left:0px;
	 right:0px;
	 height:100%;
 }
 .fadeTop {
	 position: absolute;
	 top:0px;
	 bottom:0px;
	 right:0px;
	 left:0px;
	 background: #fff;
	 z-index: 9999999999999;
	 opacity: 0;
 }
 .topWrapImg {
	 position: absolute;
	 left:0px;
	 top:0px;
	 right:0px;
	 z-index: 99;
	 bottom:0px;
	 background-size: cover;
	 background-position: center;
 }
 .topWrapTitle {
	 position: absolute;
	 bottom:150px;
	 left:2%;
	 right:2%;
	 color:#fff;
	 z-index:99999999;
	 text-align: center;
	 l
 }
.top {
	overflow: hidden;
	position: relative;
	min-height:100vh;
	width:100%; 
}



 #dotla {
	 clip-path: inset(10px 20px 30px 40px);
 }
 
	#worksLeft {
		position: relative;
		top:0px;
		left:-100%;
		z-index: 9999999999;
		height: auto;		padding: 30px 0px;

		padding-top:150px;
		background: #fff;
		transition:all 1s ease;
		width:99%;
		overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
height: 100vh

		
	} 
	#worksLeft.active {
		position: relative;
		transform: translateX(100%);
	}
 	.mainBody {
		width: 100vw;	

	}
	.mainWrap {
		overflow: hidden;
		z-index: 1;
		position: relative;
		left:0px;
		top:0px;
		width: 100%;
			min-height: 100vh;
	
	}
	.mainBody.semi {	transition:transform 1s ease;
 		transform: translate(0);
		left:0px;
		top:0px;		position: absolute;
width:100vw;
		min-height: 100vh;
	}
	.mainBody.inactive {
		position: absolute;
		transform: translateX(98%);
		min-height: 100vh;
		top:0px;
		cursor: pointer;
		left:0px;
	}
.worksMenu a {
	color:#999;
	margin: 0px 30px;
	transition:all .5s ease;
	font-size:20px;	display: inline-block;
	text-transform: lowercase;
font-family: "novecento_sans_widelight";
}

.worksMenu a:nth-of-type(1) {
	margin-left: 0px;
}
.worksMenu a.active {
	color:#000;
}
.worksMenu a:hover {
	color:#000;
	cursor: pointer;
}
.vrworksMenuWrap {
 	z-index: 99999;
 	margin-top:300px;
}
.vrworksMenu {
	border-radius: 3px;
	background: rgba(0,0,0,0);
	transition:background .5s ease;
 }
.vrworksMenu.fixed {
	position: fixed;	transform-style: preserve-3d;

	top:80px;	transform: translateZ(30px);

	z-index: 9999999;
 }
.vrworksMenu {
	text-align: center;
}
.vrworksMenu a {
	color:#000;
	margin: 10px 10px;
	font-size:16px;
	background: rgba(236,252,255,0.4);
	padding: 0px 10px;
	height:30px;
	display: inline-block;
	line-height: 30px;
	transition:all .5s ease;
 	border-radius: 3px;
	
}
@media (max-width:966px) { 
	.vrworksMenu.fixed {
		top:50px;
	}
	.vrworksMenu a {
		margin: 3px;
		font-size: 11px;
		padding: 0px 5px;
		height: 20px;
		line-height: 20px;
	}
}
.vrworksMenu a:nth-of-type(1) {
	margin-left: 0px;
}
.vrworksMenu a.active {
	color:#000;
	background: #fff;
}
.vrworksMenu a:hover {
	color:#000;
	cursor: pointer;
	background: rgba(255,255,255,1);
}

 .portfolioImgWrap, .portfolioImgWrapNo {
	 overflow: hidden;
  }
  .portfolioClick {
	  position: relative;
  }
  .portfolioWrap {
 		  
  }
  .portfolioWrapIn {
	  overflow: hidden;
  }
  .portfolioWrap:hover .portfolioImg {
	  transform: scale(1.05);
  }
 .portfolioImg {
	 position: absolute;
	 top:0px;
	 bottom: 0px;
	 left:0px;
	 right:0px;
	 background-position: center;
	 background-size: cover;
	 transform: scale(1);
	 transition:all .5s ease;
 }
 .portfolioImgWrap .portfolioImg, .portfolioImgWrapNo .portfolioImg {
	 transition:all 1s ease;
	 transform: scale(1);
	 transform-origin: center bottom;
	 vertical-align: top;
	 position: absolute;
	 z-index: 0;
 }
 .portfolioImgWrap:hover .portfolioImg {
	 transform: scale(1.1);
 }
 .portfolioImgWrap:hover .portfolioImg.doukrycia {
	 transform: scale(1);
	 opacity: 0;
	 transition:all 0s ease;
 }
 .portfolioImgWrap .portfolioImg.dopokazania {
	 display: none;	
	 opacity: 1;
	 position: absolute;
	 top:0px;
	 transition-delay: 0s;
	 left:0px;
	 bottom:0px;
	 right:0px;
 }
 .portfolioImgWrap:hover .portfolioImg.dopokazania {
	 transform: scale(1);
	 display: block;	 
 }
 .portfolioImgTitle {
	 position: absolute;
	 display: none;
	 bottom:30px;
	 left:0px;    box-decoration-break: clone;
width: 60%;
	 line-height: 40px;
	 transition:all 1s ease;
	 opacity: 1;
	 z-index: 1;
 }
 .portfolioImgName {	 display: none;

	 	 background: rgba(255,255,255,0.8);
	 color:#000;
	 font-weight: 200; 
	 -webkit-box-decoration-break: clone;
box-decoration-break: clone;
 	 line-height: 30px;
	 max-width: 50%;
	 padding: 5px 3px;
	 font-size:20px; 
	 position: relative;  display: inline;
 	   box-shadow: 10px 0 0px 0px rgba(255,255,255,0.8), -10px 0 0px 0px rgba(255,255,255,0.8);
   } 
   .portfolioImgWrap:hover .portfolioImgTitle {
	   opacity: 0;
   }
   .portfolioImgWrap:after {
	   opacity: 0;
	   transition:all 1s ease;
	   position: absolute;
	   left:0px;
	   right:0px;
	   bottom:0px;
	   top:0px;
	   z-index: 9;
	   background: rgba(0,0,0,0.7);
	   content:" ";
   }
   .portfolioImgWrap.slabszy:after {
	   background: rgba(0,0,0,0.4);
   }
   .portfolioImgWrap:hover:after {
	   opacity: 1;
   }
   .portfolioImgRodzaj {
	   position: absolute;
	   right:10px;
	   left:10px;
	   text-align: right;
	   white-space: nowrap;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   
	   top:5px;
	   font-size:16px;
	   font-weight: bold;
	   color:#fff;
	   z-index: 5;
   }
   .portfolioImgOpis {	 display: none;

	    opacity: 1; 
	   position: absolute;
	   left:15px;
	   right:15px;
	   top:50%;
 	   z-index: 11;
	   color:#fff;
	   text-align: center;
	   font-weight: 200;
	   z-index: 9999999999;
	   font-size:15px;
	   transform: translateY(-50%);
	   text-align: center;
	   max-height: 100%;
 	   
   } 
   .portfolioImgWrap:hover .portfolioImgOpis.slabszy {
	   	   transition-delay: 0s;
	   	   transform: translateY(-10px);

	   opacity: 0.8;
   }
   
   .contentyIn, .inBlock {
	   max-width: 900px;
	   margin: auto;
	   width: 900px;
   }
   .awards {
	   text-align: center;
   }
   .awards img {
	   width: auto;
	   display: inline-block;
   }
   .awards img:nth-of-type(1) { 
	   margin-left: 0px !important;
   }
 
   .blogMain {
	   display:table-cell; float:none; padding-bottom: 40px !important;
   }
.blogMainDwn {
	border-bottom: 2px solid #000;
position: absolute;
bottom:0px;
left:0.75rem;
right: 0.75rem;
	transition:all .5s ease;
color:#000;
}
.blogMain:hover .blogMainDwn {
	color:#D2EEDA;
}
.blogMain:after {
	position: absolute;
	bottom:0px;
	height: 2px;
	background: #D2EEDA;
	left:0.75rem;
	right:0.75rem;
	transform: scale(0,1);
	transition:all .5s ease;
	transform-origin: left center;
	content:" ";
}

.blogMain:hover:after {
	transform: scale(1);
}
.sociale a {
	color:#000;
	display: inline-block;
	margin: 0px 10px;
	font-size:18px;
}

.showreelStrzalka {
	position: absolute;
	left:50%;
	top:50%;
	transition:all .3s ease;
	opacity: 0.8;
	transform: translate(-50%,-50%);
}
.showreelStrzalka:hover {
	cursor: pointer;
	opacity: 1;
}
.showreelStrzalka.semi {
	transition:all 1s ease;
	opacity: 0;
}
.showreelStrzalka.inactive {
	display: none;
}
#showreelImg {
	vertical-align: top;
}
#showreelImg:hover {
 	cursor:pointer;
}
#showreelImg.semi {
	opacity: 0;
	position: absolute;
	left:0px;
	cursor: pointer;
	width: 100%;
	transition:all 1s ease;
}
#showreelImg.semi.inactive {
	display: none;
}
#showreelVideo {
	display: none;
	opacity: 0;
		transition:all 1s ease;

 }
 #showreelVideo.semi {
	 display: block;
 }
 #showreelVideo.semi.active {
	 opacity: 1;
 }
 .over {
	 position: fixed;
	 top:100%;
	 width: 100%;
	 left:0px;
	 height: 100%;
	 background: #fff;
	 transition:transform .5s ease, opacity .5s ease;
	 z-index: 99999999999999;
	 
 }
 .over.ugory {
	 top:-100%;
	 	 transition:transform .0s ease, opacity .0s ease;

 }
 .over.active {
	 transform: translateY(-100%);
 }
 .over.ugory.active {
	 	 transition:transform .5s ease, opacity .5s ease;

	 transform: translateY(100%);
 }
 .over.active.inactive {
	 opacity: 0;
 }
 .row.flexowy {
	 display: flex;display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: left;
justify-content: left;
justify-items:center;
align-content: left;
    flex-direction: row;  /* make main axis vertical */


text-align: left;    -webkit-align-items: left; /* Safari 7.0+ */
-webkit-align-content:left;
 }
 .flexowy .col.l4 {
	 -webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
margin-left:  0px;
 }
 .logoWrap {
	 margin: auto;
 }
 @media (max-width:992px) { 
	 .logoWrap {
		 margin: auto;
	 }
	 .flexowy .col.m6 {
	 -webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%
 }
	 .contentyIn, .inBlock {
		   width: 95%;
		   max-width: 95%;
	   }
	   .topWrapTitle {
		   left:2%;
		   right:2%;
	   }
	    nav .prawamenu {
		 text-align: center;
		   position: fixed;
		   top:55px;
		   left:0px;
		   right:0px;
		   background: #fff;
	   }
	 nav  .prawamenu li {
		   display: block;
		   float: none;
	   }
	   nav .prawamenu li.social, nav.prawamenu li.social a  {
		   display: inline-block;
	   }
	  nav  .prawamenu li a {
		   display: block;
		   height: 40px;
		   line-height: 40px;
		   color:#000;
		   text-align: center;
	   }
nav ul .jezykinew {
	float: none;
	
}
nav ul.jezykinew a, nav ul .jezykinew span {
	float: none;
	color:#000;
}
 }
   @media (max-width:599px) { 
 	   .topWrapTitle {
		   left:2%;
		   right:2%;
	   }
/*
	   row.portfolioRow {
		   margin:0px 1em !important;
	   }
	   .portfolioWrap {
		   padding: 0px 1em 2em 1em !important;
	   }
*/
	   .portfolioImgOpis h5 {
		   font-size:13px;
	   }
	   .blogMain {
		   display: block;
		   margin-bottom: 40px;
	   }
/*
	    .contentyIn {
	 	margin: 0px 2.5%;

 }
*/
	   .contentyIn, .inBlock {
		   width: 95%;
		   max-width: 95%;
	   }
	   .logoWrap {
		   top:8px;
		   margin: auto;
		   left:8px;
	   }
	   .logoWrap img {
		   width: 150px;
	   }
	   .jezyki {
		   left:150px;
		   top:-12px;
	   }
	   .napis h1 {
		letter-spacing: 0.5rem !important;
		font-size:1.5rem !important;
	}
	.napis h6 {
		letter-spacing: 0.1rem !important;
		font-size: 1.1rem !important;
	}
	
	   }
	   
@media (max-width:600px) { 
	.napis h2 {
		letter-spacing: 0.3rem !important;
		font-size:1.7rem !important;
	}
	.napis h6 {
		letter-spacing: 0.1rem !important;
		font-size: 1.1rem !important;
	}
}