/*
Theme Name: Stern Pictures
Text Domain: sternpictures
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Motyw podstawowy strony
Author: travi. | Creative Agency
Author URI: https://travi.pl
*/



/* -------------------------------------------------------------------------- */
/*	Reset
/* -------------------------------------------------------------------------- */


html,
body {
	border: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}



















/****************************************************************
BLOCKS
*****************************************************************/
.big-container {
    width: 90% !important;
    padding-left: 5%;
    padding-right: 5%;
    max-width: 1920px;
}
.medium-container {
	max-width: 1366px;
    width: 90% !important;
    padding: 0 5%;
    margin-left: 5%;
    margin-right: 5%;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}
.small-container {
    width: 70%;
    padding-left: 5%;
    padding-right: 5%;
    max-width: 900px;
}













/****************************************************************
GLOBALS
*****************************************************************/
::-moz-selection {
	background: #404040;
    color: #fff;
}
::selection {
	background: #404040;
    color: #fff;
}
input {
    outline: none !important;
}
body {
    background: #000;
    color: #fff;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 600;
    font-style: normal;
    overflow-x: hidden;
}
a{
	color: #fff;
	transition: all 0.15s linear;
}
a:hover {
    color: #fff;
    text-decoration: underline;
}
.see-more {
    border: 1px solid #232323;
    border-radius: 999px;
    height: 5.2vw;
    width: 5.2vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    font-size: 0.5vw;
}
.see-more:hover {
    border-color: #8B8B8B;
    text-decoration: none;
}
.page-top .naglowek {
    display: table;
    margin: 0 auto !important;
    margin-bottom: 70px !important;
}
.page-top, .page-top2, .page-top3 {
    margin-top: 200px;
    margin-bottom: 150px;
}
.page-top-full {
    display: table;
    margin: 0 auto;
}
.page-top-full .page-top-content, .page-top-full .naglowek {
    display: inline-block;
    vertical-align: middle;
}
.page-top-content {
    text-align: right;
    max-width: 300px;
    color: #808080;
    margin-right: 30px;
}
.page-top-content .naglowek {
    margin-bottom: 20px;
}
.page-top-content p {
    max-width: 250px;
}
.page-top3 .naglowek span {
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
    display: block;
    font-size: 20px;
}
.page-top3 .page-top-content {
    vertical-align: top;
    margin-top: 16px;
    color: #fff;
    font-size: 14px;
}
.page-top3 .page-top-content span:nth-last-child(1):before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #fff;
    margin: 5px;
}
.count {
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 1;
}
#full-page {
	overflow: hidden;
	animation: fadein 4s;
	-moz-animation: fadein 4s; /* Firefox */
	-webkit-animation: fadein 4s; /* Safari and Chrome */
	-o-animation: fadein 4s; /* Opera */
}
@keyframes fadein {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-moz-keyframes fadein { /* Firefox */
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-o-keyframes fadein { /* Opera */
	from {
		opacity:0;
	}
	to {
		opacity: 1;
	}
}
@media screen and (max-width: 991px) {
	.page-top2 .page-top-full .page-top-content, .page-top2 .page-top-full .naglowek {
		max-width: 45%;
	}
	.page-top2 .page-top-full .naglowek:not(.naglowek-3) {
		width: auto !important;
		max-width: 100%;
	}
	.page-top2 .page-top-full .naglowek-3 {
		overflow-wrap: break-word;
		font-size: 19px !important;
		line-height: 18px !important;
	}
	.page-top2 .page-top-full .page-top-content p, .page-top2 .page-top-full .page-top-content .naglowek {
		font-size: 12px;
		line-height: 14px;
	}
	.page-top-content {
		text-align: right;
		max-width: 300px;
		color: #808080;
		margin-right: 10%;
	}
}
.polityka {
    margin-top: 100px !important;
    padding-bottom: 100px !important;
}
.polityka h1, .polityka h2, .polityka h3, .polityka h4, .polityka h5, .polityka h6 {
    color: #fff;
    margin-bottom: 15px;
    margin-top: 40px;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    display: block;
}
.grecaptcha-badge {
    visibility: hidden !important;
}
.kont-footer span {
    font-size: 11px;
    font-weight: 400;
}
.kont-footer .wpcf7-list-item {
    padding: 0;
    margin: 0;
}












/****************************************************************
O NAS
*****************************************************************/
.onas-video img, .onas-video video {
    width: 100% !important;
    margin: 0 auto !important;
    max-width: 1000px;
    display: block;
}
.onas-video {
    margin-bottom: 100px;
}
.onas-txt h2 {
    margin-bottom: 40px;
}
.about-col {
    margin-bottom: 30px;
}
.about-col a {
    color: #808080;
    text-decoration: underline;
}









/****************************************************************
PRODUCTION
*****************************************************************/
.punkt {
    margin-bottom: 30px;
}
.margines-gora {
    margin-top: 60px;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px !important;
    height: 3px !important;
    text-align: center;
    opacity: .25;
    margin-top: 20px;
    content: "" !important;
    color: #fff;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-slide {
    margin: 0 auto;
    width: 100%;
    display: block;
    max-width: 900px;
    text-align: center !important;
}
.karuzela {
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    margin-bottom: 100px !important;
}
.karuzela img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.production-stopka {
    border-top: 1px solid #232323;
    border-bottom: 1px solid #232323;
    padding: 30px 0;
    margin-top: 50px;
    margin-bottom: 50px;
}
.production-linki {
    list-style: none;
    margin: 0 auto;
    display: table;
}
.production-linki li {
    display: inline-block;
    margin-right: 30px;
    vertical-align: top;
}
.production-linki li:nth-child(1) {
    font-size: 16px;
    line-height: 16px;
	font-weight: 500;
}
.production-linki a {
    font-size: 18px;
    font-weight: 500;
}













/****************************************************************
BUTTONS
*****************************************************************/
.arrow-button {
    background: url(/wp-content/themes/stern/img/arrow.svg) no-repeat;
    padding: 0 30px 0 0;
    font-size: 14px;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
    display: inline-block;
    text-decoration: none !important;
    background-position: right 0 center;
}
.arrow-button:hover {
	background-position-x: 90%;
}
.kon-button {
    background: none;
    border: none;
    text-align: center;
    color: #fff;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 600;
    font-style: normal;
    margin: 0;
    padding: 0;
}
.arrow-button:hover {
    background-position: right 5px center;
}












/****************************************************************
MENU, HEADER, OVERLAY NAV
*****************************************************************/
#me-trigger {
    background: no-repeat;
    color: #fff;
    border: 1px solid #232323;
    border-radius: 999px;
    height: 170px;
    width: 170px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    font-size: 14px;
    position: fixed;
    top: 10vh;
    right: 7vw;
    z-index: 2;
    cursor: pointer;
}
#me-pop {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    display: none;
    z-index: 999999999999999999;
	padding-bottom: 200px;
}
#me-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #fff;
    z-index: 99;
}
.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 999999999999999999999999;
    top: 0;
    left: 0;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
	.overlay {
		height: 0%;
		width: 100%;
		position: fixed;
		z-index: 999999999999999999999999;
		top: 0;
		left: 0;
		overflow-x: hidden;
		overflow-y: scroll;
	}
}
.header-home {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    border-left: 1px solid #232323;
}
.mainheader ul, .mainheader ul li {
    list-style: none;
}
.mainheader {
    z-index: 10;
}
.header-home .menu-trigger {
    right: 0;
    margin-top: 49vh;
    display: block;
    cursor: pointer;
}
/****
.menu-glowne ul, .menu-glowne li {
    list-style: none;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    font-size: 1vw;
}
****/
.menu-glowne ul, .menu-glowne li {
    list-style: none;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: right;
    font-size: 1vw;
}
ul#menu-menu {
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
}

.close-overlay a {
    display: block;
    float: right;
    margin: 20px;
    margin-right: 19px;
}
.menu-glowne {
    position: absolute;
    bottom: 50vh;
}
.menu-glowne a {
    font-size: 1vw;
    line-height: 0.9vw;
}
header:not(.header-home) .menu-trigger {
    cursor: pointer;
    margin: 30px;
    display: block;
    float: right;
    z-index: 90;
    position: fixed;
    top: 0;
    right: 0;
}
@media screen and (max-width: 991px) {
	.header-home {
		right: 0;
		top: 0;
		height: auto;
		border: none;
		z-index: 9;
		position: fixed;
		width: 100%;
	}
	.header-home .menu-trigger {
		right: 0;
		margin-top: 0;
		text-align: right;
		cursor: pointer;
		display: block;
		float: right;
		margin: 30px;
		margin-right: 20px;
	}
}
.logo-top {
    cursor: pointer;
    margin: 30px;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
}
.logo-top img {
    display: block;
    max-width: 60px;
}
/***
.spolecznosciowe {
    margin: 0 auto;
    display: block;
    border-top: 1px solid #232323;
    width: 70%;
    max-width: 600px;
    margin-top: 50px;
    padding-top: 30px;
    position: absolute;
    bottom: 20vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}****/
.spolecznosciowe {
    margin: 0 auto;
    display: block;
    border-top: 1px solid #232323;
    width: 80%;
    max-width: 80%;
    margin-top: 50px;
    padding-top: 30px;
    position: absolute;
    bottom: 20vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.spolecznosciowe ul {
    list-style: none;
    display: inline-block;
}
.spolecznosciowe div {
    display: inline-block;
}
.lista-mediow li {
    display: inline-block;
    margin-top: -4px;
}
.spolecznosciowe ul, .spolecznosciowe div {
    vertical-align: top;
    font-size: 0.6vw;
    line-height: 0.7vw;
	margin-right: 20px;
}
.lista-mediow svg {
    width: 1.6vw;
    height: auto;
}
@media screen and (max-width: 991px) {
	.menu-glowne a {
		font-size: 23px;
		line-height: 34px;
	}
	.spolecznosciowe ul, .spolecznosciowe div {
		vertical-align: top;
		font-size: 16px;
		line-height: 16px;
	}
	.spolecznosciowe ul {
		list-style: none;
		display: inline-block;
		float: right;
	}
	.lista-mediow svg {
		width: 40px;
		height: auto;
	}
	.menu-glowne {
		position: relative;
		top: 18vh;
	}
	.spolecznosciowe {
		margin: 0 auto;
		display: block;
		border-top: 1px solid #232323;
		width: 80%;
		max-width: 600px;
		margin-top: 50px;
		padding-top: 30px;
		position: initial;
		left: auto;
		bottom: auto;
		transform: translateY(30vh);
		margin-bottom: 100px;
	}
}
.menu-glowne a:hover {
    text-decoration: none;
    opacity: 0.5;
}









/****************************************************************
GRID NOT HOME
*****************************************************************/
.not-home .disclaimer-row {
    position: absolute;
    right: 2vw;
    bottom: 5vh;
    width: 14vw;
    max-width: none;
}
.not-home .see-more {
    position: absolute;
    right: 6vw;
    top: 10vh;
}
.not-home .single-video-row {
    width: 70vw;
    padding: 0;
    margin: 0 auto !important;
    display: flex;
    margin-top: 100px !important;
}
.not-home .home-video-container video {
    width: 70vw !important;
}
.not-home.film-loop .single-video-row:nth-child(2n+1) {
    margin-left: 10vw !important;
}
.not-home .see-more {
    position: absolute !important;
    right: 11vw !important;
    top: 10% !important;
    border-color: #fff;
}
.not-home .see-more:hover{
	border-color: #232323;
}
.autorzy {
    position: absolute;
    bottom: 26vh;
    right: 2vw;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 0.6vw;
    width: 14vw;
}
.autorzy ul {
    list-style: none;
    margin-top: 15px;
}










/****************************************************************
TEXT & HEADERS
*****************************************************************/
.desc{
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #808080;
}
.normal-desc{
	font-size: 16px;
	line-height: 24px;
}
.small-desc{
	font-size: 14px;
	line-height: 22px;
}
.naglowek{
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 600;
	font-style: normal;
}
.disclaimer-header {
    font-size: 0.6vw;
    line-height: 0.6vw;
    color: #808080;
    margin-bottom: 15px;
}
.naglowek-3 {
    color: #FFFFFF;
    line-height: 58px;
    font-size: 59px;
}
.naglowek-2 {
    color: #FFFFFF;
    line-height: 1.4vw;
    font-size: 1.4vw;
}
.disclaimer-desc {
    font-size: 0.55vw;
    line-height: 0.78vw;
}









/****************************************************************
FOOTER
*****************************************************************/
.stopka {
    margin-bottom: 50px;
    margin-top: 100px;
    border-top: 1px solid #232323;
    padding-top: 30px;
}
body.home .stopka{
	border-top: none !important;
}
.footer-1, .footer-2, .footer-3 {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}
.footer-1 {
    text-align: left;
}
.footer-3 {
    text-align: right;
}
.footer-2 div {
    margin: 0 auto !important;
    display: table;
}
.footer-2 {
    margin: 0 auto;
    text-align: center;
    line-height: 16px;
    color: #808080;
    font-size: 15px;
}
.footer-2 span, .footer-2 img {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    position: relative;
}
.footer-2 img {
    max-width: 60px;
}
.footer-2 span:before {
    content: "\00a9";
    display: block;
    position: absolute;
    left: -18px;
}
.footer-2 span {
    margin-right: 20px;
}
.footer-1 a {
    display: block;
    color: #808080;
    font-size: 13px;
}
.footer-1 {
    font-size: 13px;
}
@media screen and (max-width: 1000px) {
	.footer-3 {
		display: none;
	}
	.footer-2 {
		margin: 0 auto;
		text-align: center;
		line-height: 16px;
		color: #808080;
		font-size: 15px;
		width: 50%;
		float: right;
	}
	.footer-2 img {
		max-width: 44px;
	}
	.footer-2 span {
		margin-right: 20px;
		font-size: 12px;
		line-height: 12px;
	}
	.footer-1 {
		font-size: 13px;
		width: 50%;
		overflow-wrap: break-word;
		padding-right: 10%;
	}
}
.footer-ins {
    display: inline-block;
    float: left;
    margin-right: 15px;
}
@media screen and (max-width: 900px) {
	.footer-ins {
		display: block;
		float: none;
		margin-right: 15px;
		margin-left: -10px;
	}
}










/****************************************************************
KONTAKT
*****************************************************************/
.kon-input, .kon-textarea {
    background: none !important;
    border: none;
    border-bottom: 1px solid #232323 !important;
    padding: 10px 0 10px 0;
    margin-bottom: 30px;
    font-size: 20px;
    color: #fff;
    width: 100%;
    outline: none !important;
	border-radius: 0 !important;
}
.kontakty {
    margin-top: 200px;
}
.kontakty .naglowek {
    font-size: 40px;
    margin-bottom: 30px;
}
.siedziba {
    margin-bottom: 40px;
}
.siedziba .button {
    margin-bottom: 10px;
}
.siedziba p {
    font-size: 16px;
    line-height: 18px;
}
.kont-footer {
    padding: 0;
}
.zgoda {
    font-size: 12px;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.zgoda input {
    margin-right: 5px !important;
    vertical-align: middle;
}
.kon-textarea {
    height: 200px;
}
.kontakt-top {
    margin-bottom: 50px;
}
span.ajax-loader {
    position: absolute !important;
}
wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #fff;
    border: 1px solid #797979;
    font-size: 12px;
    font-weight: 500;
    display: none !important;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
    font-weight: normal;
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #808080;
}
.kontakt-container .row .col-12 {
    padding: 0;
}
.kontakt-container {
    max-width: 1200px;
    width: 70% !important;
}











/****************************************************************
PRELOADER
*****************************************************************/
.cover {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1999;
    background: #000;
}
/****/


/****
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	z-index: 2000;
	position: fixed;
	margin: auto;
	top: -10vh;
	left: 0;
	right: 0;
	bottom: 0;
	height: 120vh;
	width: 100%;
	
	background: #000000;
	
	border: none !important;
	overflow: hidden;
}
****/


.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2000;
    position: fixed;
    margin: auto;
    top: -10vh;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120vh;
    width: 400px;
    background: #000000;
    border: none !important;
    overflow: hidden;
}








body.pace-running{
	overflow: hidden !important;
}

.pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 200px;
    position: fixed;
    z-index: 2000;
    display: block;
    position: absolute;
    right: 100%;
    height: 2px;
    width: 100%;
    max-width: 100%;
    background: #ffffff;
    bottom: 40vh !important;
}




.pace.pace-inactive {
	display: none;
}
.pace.pace-active:before {
    content: "";
    background: url(/wp-content/themes/stern/img/logo-stern.png) no-repeat center;
    background-size: 200px;
    margin-bottom: 30px;
    height: 200px;
    display: block;
    margin: 0 auto;
    bottom: 45vh;
    position: absolute;
    width: 100%;
}
@media screen and (max-width: 1000px) {
	.pace.pace-active:before {
		content: "";
		background: url(/wp-content/themes/stern/img/logo-stern.png) no-repeat center;
		background-size: 100px !important;
		margin-bottom: 30px;
		height: 200px;
		display: block;
		margin: 0 auto;
		bottom: 45vh;
		position: absolute;
		width: 100%;
	}
	
	.pace {
		-webkit-pointer-events: none;
		pointer-events: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		z-index: 2000;
		position: fixed;
		margin: auto;
		top: -10vh;
		left: 0;
		right: 0;
		bottom: 0;
		height: 120vh;
		width: 200px;
		background: #000000;
		border: none !important;
		overflow: hidden;
	}
}




/*****
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace.pace-inactive .pace-progress {
	display: none;
}

.pace .pace-progress:before{
	content: "";
	background: url(/wp-content/themes/stern/img/logo-stern.png) no-repeat center;
	background-size: 100px;
	margin-bottom: 30px;
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
}

.pace .pace-progress {
	position: fixed;
	z-index: 2000;
	top: 40vh;
	height: 5rem;
	width: 100%;
	
	left: 0;
	right: 0;
	margin: auto;
	
	-webkit-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
}

.pace .pace-progress:after {
	display: block;
	top: 40vh;
	content: attr(data-progress-text);
	font-size: 30px;
	line-height: 1;
	text-align: center;
	color: #fff;
}
*****/





























/****************************************************************
STRONA GŁÓWNA
*****************************************************************/
.home-top-container {
    padding: 0 !important;
}
.home-slogan h2 {
    line-height: 40px;
    font-size: 40px;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 600;
    font-style: normal;
}
.home-slogan {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 20;
    top: 50vh;
}
.home-slogan img, .home-slogan h2 {
    display: inline-block;
    vertical-align: middle;
}
.home-slogan img {
    width: 135px;
    padding-right: 30px;
}
.home-slogan h2 {
    border-left: 1px solid #fff;
	padding-left: 30px;
}
@media screen and (max-width: 991px) {
	.home-slogan img {
		width: 67px;
		padding-right: 20px;
	}
	.home-slogan h2 {
		line-height: 21px;
		font-size: 21px;
		font-family: neue-haas-grotesk-display, sans-serif;
		font-weight: 600;
		font-style: normal;
	}
	.home-slogan h2 {
		border-left: 1px solid #fff;
		padding-left: 20px;
	}
	.home-slogan {
		position: absolute;
		left: 47%;
		-webkit-transform: translateX(-35%);
		transform: translateX(-35%);
		z-index: 20;
		top: 40vh;
	}
}
/*** video home***/
.video-container {
	margin: 0 auto;
	display: block;
  	width: 100vw;
  	height: 100vh;
	overflow: hidden !important;
}
.video-container video {
    min-width: 99.9vw;
    min-height: 99.9vh;
    width: 99.9vw !important;
    height: 99.9vh;
    overflow-y: hidden !important;
    object-fit: cover;
}
.gradient {
    background-size:contain !important;
    position: absolute;
    z-index: 1;
    bottom: 0;
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 50%);
	background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 50%);
	background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 50%);
	min-width: 100vw !important;
    min-height: 100vh !important;
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover !important;
}
.single-row-container {
    margin: 0 auto;
    margin-top: 100px;
    width: 40vw;
}
.home-video-container{
	position: relative;
	float: left;
}
.single-row-container video {
    width: 100% !important;
}
.home-video-container .naglowek-1 {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    left: -7vh;
    font-size: 2vw;
    line-height: 2vw;
}
.home-video-txt {
    float: left;
    width: 10vw;
    max-width: 300px;
}
.home-video-container {
    position: relative;
    float: left;
    margin-right: 2vw;
}
.single-video-row {
    width: 35vw;
    padding: 0;
    margin: 0 auto !important;
    display: flex;
    margin-top: 100px !important;
}
.home-video-container video {
    width: 35vw !important;
    object-fit: cover !important;
	opacity: 0.6;
}
.home-video-container .see-more {
    position: absolute;
    right: -20%;
    top: 0;
}
.disclaimer-row {
    position: absolute;
    right: -30%;
    bottom: 4px;
    width: 25%;
    max-width: 260px;
}
.film-loop .single-video-row:nth-child(2n+1) {
    margin-left: 24vw !important;
}
.home-video-container a {
    text-decoration: none;
}
.scroll-down {
    position: absolute;
    z-index: 2;
    bottom: 5vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
}
.scroll-down:after {
    content: "";
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 12px;
    height: 12px;
    display: block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 auto;
}



@media screen and (max-width: 1024px) {
	.disclaimer-row {
		position: relative !important;
		width: 90% !important;
		max-width: 300px !important;
		display: block;
		text-align: right;
		float: right;
		right: auto !important;
		bottom: auto !important;
	}
	.home-video-container .autorzy {
		display: none;
	}
	.disclaimer-header {
		font-size: 12px;
		line-height: 12px;
		color: #808080;
		margin-bottom: 5px;
	}
	.home-video-container .see-more {
		display: none !important;
	}
	.film-loop .single-video-row:nth-child(2n+1) {
		margin-left: auto !important;
	}
	.single-video-row {
		width: 80%;
		padding: 0;
		margin: 0 auto !important;
		display: flex;
		margin-top: 60px !important;
	}
	.not-home .single-video-row {
		width: 80%;
		padding: 0;
		margin: 0 auto !important;
		display: flex;
		margin-top: 60px !important;
	}
	.not-home .home-video-container video {
		width: 100% !important;
		object-fit: cover !important;
		opacity: 0.6;
	}
	.home-video-container video {
		width: 100% !important;
		object-fit: cover !important;
		opacity: 0.6;
	}
	.disclaimer-desc {
		font-size: 11px;
		line-height: 12px;
		width: 100% !important;
	}
	.home-video-container .naglowek-1 {
		position: absolute;
		top: 36%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 2;
		left: -3vh;
		font-size: 20px;
		line-height: 20px;
	}
}
.imdb {
    width: 100%;
    font-size: 12px;
    position: absolute;
    z-index: 5;
    bottom: -20px;
    right: 0;
}












/****************************************************************
BLOG
*****************************************************************/
.blog-data {
    color: #808080;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    margin-bottom: 10px;
}
.blog-min {
    min-height: 50px;
    background-size: cover !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    margin-bottom: 20px;
	height: auto;
}
.blog-min img {
    width: 100%;
}
.blog-listing {
    padding-right: 10%;
}
.blog-listing p {
    margin-top: 20px;
}
.blog-one a {
    text-decoration: none;
}
.blog-list-content {
    margin-bottom: 70px;
}
@media screen and (max-width: 991px) {
	.blog-min {
		min-height: auto;
		background-size: cover !important;
		background-position: top !important;
		background-repeat: no-repeat !important;
		margin-bottom: 20px;
		height: auto;
	}
	.blog-title .naglowek-2 {
		color: #FFFFFF;
		line-height: 30px;
		font-size: 30px;
	}
}
.blog-title .naglowek-2 {
    font-size: 35px;
    line-height: 35px;
}
.punkt .licz {
    margin-bottom: 20px !important;
    display: block;
}







/****************************************************************
ARTYKUŁ
*****************************************************************/
.art-photo img {
    width: 100%;
}
.art-photo {
    width: 100%;
    height: auto;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin-bottom: 50px;
    margin-top: 50px;
}
.art-content {
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #808080;
    font-size: 16px;
    line-height: 24px;
}
.artykul {
    margin-top: 200px;
}
.art-top .naglowek {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 30px;
}
.artykul h1, .artykul h2, .artykul h3, .artykul h4, .artykul h5, .artykul h6 {
    color: #fff;
    margin-bottom: 15px;
    margin-top: 40px;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    display: block;
}
.other-news {
    border: 1px solid #232323;
    border-radius: 999px;
    height: 150px;
    width: 150px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    font-size: 12px;
    text-decoration: none !important;
    margin: 0 auto;
    margin-top: 100px;
}
.other-news:hover{
	border-color: #8B8B8B;	
}










/****************************************************************
STORNA FILMU / PROJEKT
*****************************************************************/
.intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    max-width: 100vw;
    color: #fff;
    z-index: 100;
    background: #000;
    overflow: hidden !important;
}
.intro-row{
	height: 100vh;
}
.intro-details {
    padding: 0;
    margin: 0 auto;
    width: 90%;
    display: inline-flex;
}
.intro-details div, .intro-details span {
    display: inline-block;
    width: auto;
}
.intro-naglowek {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    width: auto;
    font-size: 7vw;
    padding: 19vw;
    line-height: 6.8vw;
}
.intro-details span {
    color: #808080;
    font-size: 14px;
    line-height: 14px;
	position: relative;
}
.intro-details span:before {
    content: "\00a9";
    display: block;
    position: absolute;
    left: -18px;
}
.intro-details div {
    font-size: 14px;
    line-height: 14px;
}
.intro-footer {
    margin: 0 auto;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 10vh;
}
.intro-footer-content {
    margin: 0 auto;
    width: auto;
    display: table;
}
.intro-footer-content {
    color: #808080;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
	font-size: 12px;
}
.lista {
    list-style: none;
}
.lista li {
    display: inline-block;
    margin: 5px;
}
.tworca span:nth-child(1) {
    text-align: left;
    width: 50%;
}
.tworca span:nth-child(2) {
    text-align: right;
    width: 50%;
}
.tworca span {
    display: block;
    float: left;
    font-size: 16px;
}
.lista li:nth-child(1) {
    margin-left: 0;
}
.lista li:nth-last-child(1) {
    margin-right: 0;
}
@media screen and (max-width: 1000px) {
	.lista li {
		display: block;
		margin: 0;
		text-align: center;
		font-size: 11px;
	}
	.tworca {
		margin-top: 5px;
		border-top: 1px solid #232323;
		padding-top: 5px;
		float: left;
		vertical-align: middle;
		display: inline-block;
	}
	.tworca span {
		display: block;
		float: left;
		font-size: 13px;
	}
	.intro-footer {
		margin: 0 auto;
		display: block;
		width: 100%;
		position: absolute;
		bottom: 20vh;
	}
	.intro-details {
		padding: 0;
		margin: 0 auto;
		width: 100%;
		display: inline-flex;
		margin-top: 25vh !important;
	}
	.intro-naglowek {
		text-align: center;
		display: inline-block;
		margin: 0 auto;
		width: auto;
		font-size: 7vw;
		padding: 12vw 24vw;
		line-height: 6.8vw;
	}
	.intro-details span {
		color: #808080;
		font-size: 14px;
		line-height: 14px;
		position: absolute;
		right: 10%;
		top: 10vh;
	}
	.intro-details div {
		font-size: 14px;
		line-height: 14px;
		position: absolute;
		left: 10%;
		top: 10vh;
	}
}
/*** intro end ***/
.projekt-top {
    height: 100vh;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position-x: center !important;
    background-position-y: top !important;
}
.projekt-top .naglowek {
    font-size: 7vw;
    line-height: 5.8vw;
    z-index: 9;
    position: absolute;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 50vw;
}
.top-details {
    position: absolute;
    bottom: 10vh;
    width: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}
.projekt-top-row {
    height: 70vh;
}
.gora-1 {
    font-size: 2vw;
    line-height: 2vw;
}
.gora-1 a {
    font-size: 0.8vw;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    display: block;
}
.gora-3 {
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #808080;
    font-size: 0.7vw;
}
.gora-3 div {
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    margin-bottom: 20px;
}
.gora-3 p {
    max-width: 50%;
    float: right;
}
.nagroda {
    width: 27%;
    height: 13vh;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    list-style: none;
    background-position-x: center !important;
    background-position-y: center !important;
    display: inline-block;
    text-align: center !important;
}
.gora-2 h3 {
    font-size: 1vw;
    margin-bottom: 20px;
}
.cytat {
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.7vw;
    line-height: 1.8vw;
    max-width: 500px;
    margin: 0 auto;
    display: block;
}
.pelny-opis img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 60px;
    margin-top: 60px;
}
.pelny-opis p {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #808080;
    font-size: 16px;
    line-height: 24px;
}
.pelny-opis {
    width: 100%;
    max-width: 1300px !important;
    padding-right: 5%;
    padding-left: 5%;
    margin-top: 40px;
}
.pelny-opis h1, .pelny-opis h2, .pelny-opis h3, .pelny-opis h4, .pelny-opis h5, .pelny-opis h6 {
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 600;
    font-style: normal;
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    margin-top: 30px !important;
}
.opis-pelny-projekt {
    max-width: 900px;
    margin: 0 auto;
}
.projekt-footer {
    margin: 0 auto;
    display: block;
    width: 100%;
}
.projekt-footer-content {
    margin: 0 auto;
    width: auto;
    display: table;
}
.projekt-footer-content {
    color: #808080;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
	font-size: 12px;
}
.stopka-projekt {
    margin-top: 100px;
}
.projekt-lista {
    list-style: none;
}
.projekt-lista li {
    display: inline-block;
    margin: 5px;
}
.projekt-tworca span:nth-child(1) {
    text-align: left;
    width: 50%;
}
.projekt-tworca span:nth-child(2) {
    text-align: right;
    width: 50%;
}
.projekt-tworca span {
    display: block;
    float: left;
    font-size: 16px;
}
.projekt-lista li:nth-child(1) {
    margin-left: 0;
}
.projekt-lista li:nth-last-child(1) {
    margin-right: 0;
}
@media screen and (max-width: 1000px) {
	.projekt-lista li {
		display: block;
		margin: 0;
		text-align: center;
		font-size: 11px;
	}
	.projekt-tworca {
		margin-top: 5px;
		border-top: 1px solid #232323;
		padding-top: 5px;
		float: left;
		vertical-align: middle;
		display: inline-block;
	}
	.projekt-tworca span {
		display: block;
		float: left;
		font-size: 13px;
	}
	.projekt-footer {
		margin: 0 auto;
		display: block;
		width: 100%;
	}
}
.footer-h {
    text-align: center;
    margin-bottom: 30px;
    font-size: 100px;
	line-height: 100px;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 600;
    font-style: normal;
}
.footer-h span {
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
    font-style: normal;
}
@media screen and (max-width: 1000px) {
	.footer-h {
		text-align: center;
		margin-bottom: 30px;
		font-size: 12vw;
		line-height: 12vw;
		font-family: neue-haas-grotesk-display, sans-serif;
		font-weight: 600;
		font-style: normal;
	}
}
.popup-video{
	background: #000;
	width: 100%;
	height: 100vh;
}
#pop-trigger {
    background: no-repeat;
    color: #fff;
    border: 1px solid #232323;
    border-radius: 999px;
    height: 170px;
    width: 170px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    font-size: 14px;
    position: fixed;
    top: 10vh;
    right: 7vw;
    z-index: 2;
    cursor: pointer;
}
#popup {
    width: 100%;
    max-height: 100vh;
    height: 100vh;
    padding: 0;
    position: relative;
    background: #000;
    margin: 20px auto;
}
#film-pop {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    display: none;
    z-index: 999999999999999999;
}
#pop-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #fff;
    z-index: 99;
}
.video-single-full {
    width: 70vw !important;
    max-width: 1080px;
    outline: none;
    object-fit: cover !important;
    position: absolute;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.coming-soon {
    margin-top: 30vh;
    font-size: 50px;
}
.coming-soon div {
	font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
}

@media screen and (max-width: 1024px) {
	.projekt-top .naglowek {
		font-size: 16vw;
		line-height: 16vw;
		z-index: 9;
		position: relative;
		text-align: center;
		max-width: 70%;
		display: block;
		margin: 0 auto;
		left: auto;
		transform: none;
	}
	#pop-trigger {
		background: no-repeat;
		color: #fff;
		border: 1px solid #fff;
		border-radius: 999px;
		height: 100px;
		width: 100px;
		text-align: center;
		display: flex;
		position: relative;
		font-size: 12px;
		z-index: 2;
		cursor: pointer;
		margin: 0 auto;
		margin-top: 50px;
		right: auto;
		left: auto;
	}
	.gora-1, .gora-2, .gora-3 {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: none;
		text-align: center !important;
	}
	.gora-1 {
		font-size: 20px;
		line-height: 20px;
		margin: 0 auto;
		max-width: 100%;
		flex: none;
	}
	.gora-1 a {
		font-size: 12px;
		font-family: neue-haas-grotesk-text, sans-serif;
		font-weight: 400;
		font-style: normal;
		display: block;
		margin-bottom: 10px;
	}
	.gora-1, .gora-2, .gora-3 {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: none;
		text-align: center;
	}
	.top-details {
		position: relative;
		bottom: auto;
		width: 90%;
		left: auto;
		-webkit-transform: none;
		transform: none;
		z-index: 2;
		margin: 0 auto;
	}
	.gora-2 h3 {
		font-size: 14px;
		margin-bottom: 10px;
		margin-top: 50px;
	}
	.projekt-top {
		height: auto;
		position: relative;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position-x: center !important;
		background-position-y: top !important;
	}
	.projekt-top-row {
		height: auto;
		padding-top: 200px;
		margin-bottom: 150px;
	}
	.gora-3 {
		font-family: neue-haas-grotesk-text, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: #808080;
		font-size: 14px;
		text-align: center !important;
	    margin-top: 20px;
	}
	.gora-3 p {
		max-width: 100%;
		float: right;
		text-align: center;
	}
	.gora-3 div, .gora-3 p {
		text-align: center !important;
		float: none;
	}
	.gora-3 div {
		font-family: neue-haas-grotesk-display, sans-serif;
		font-weight: 600;
		font-style: normal;
		color: #fff;
		margin-bottom: 5px;
	}
}