@font-face {
  font-family:'uncodeicon';
  src:url('../fonts/uncode-icons.eot');
  src:url('../fonts/uncode-icons.eot?#iefix') format('embedded-opentype'),
  url('../fonts/uncode-icons.woff2') format('woff2'),
  url('../fonts/uncode-icons.woff') format('woff'),
  url('../fonts/uncode-icons.ttf') format('truetype'),
  url('../fonts/uncode-icons.svg#uncodeicon') format('svg');
  font-weight:normal;
  font-style:normal;
  font-display:swap
}

.fa {
  font-family:'uncodeicon' !important;
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.fa-behance::before{
  content: "\f1b4";
}

.fa-instagram::before{
  content: "\f16d";
}

.fa-facebook1::before{
  content: "\e912";
}

.fa-linkedin::before{
  content: "\f0e1";
}

.fa-angle-right::before {
  content: "\f105";
}

.fa-close::before {
  content: "\e117";
}

.fa-left::before {
  content: "\f104";
}

.fa-right::before {
  content: "\f105";
}

.fa-mail::before {
  content: "\e066";
}

.fa-phone::before {
  content: "\f095";
}

.fa-mon::before {
  content: "\f108";
}

.fa-video::before {
  content: "\f01d";
}

.fa-doc::before {
  content: "\e88e";
}

.fa-file::before {
  content: "\e125";
}

.fa-pen::before {
  content: "\e6c6";
}

.fa-box::before {
  content: "\e0b3";
}

.fa-im::before {
  content: "\e06e";
}

.fa-cat::before {
  content: "\e121";
}

.fa-left-b::before {
  content: "\f0d9";
}

.fa-right-b::before {
  content: "\f0da";
}

.fa-cen::before {
  content: "\f009";
}

.fa-art::before {
  content: "\f1ea";
}

.fa-dymek::before {
  content: "\f27b";
}

a
{
  color: #000;
  text-decoration: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

b{
font-weight:600;
}

html
{
  font: normal 62.5%/1.4em Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
}



blockquote, q
{
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
  content: '';
}

ins
{
  text-decoration: underline;
}

del
{
  text-decoration: line-through;
}

table
{
  border-collapse: collapse;
  border-spacing: 0;
}

body{
margin:0px;
padding:0px;
font-size:16px;
font-family: "Rajdhani", sans-serif;
font-weight:400;
overflow-x:hidden;
}

body input, body textarea, body button, body select{
font-family: "Rajdhani", sans-serif;
}

#workflow {
  scroll-margin-top: 77px;
}

#team {
  scroll-margin-top: 77px;
}

.body-hide-ow{
overflow:hidden;
}

.con{
width:calc(100% - 30px);
max-width:1452px;
padding:0px 15px;
margin:0px auto;
}

.con22{
  width: calc(100% - 30px);
  max-width: 1771px;
  padding: 0px 15px;
  margin: 0px auto;
}

.con-m{
width:100%;
max-width:804px;
margin:0px auto;
text-align:center;  
}

.con-mt{
width:100%;
max-width:804px;
margin:0px auto 40px auto;  
}

.con-md{
width:100%;
max-width:900px;
margin:0px auto;
text-align:center;  
}


.ld{
top:0px;
left:0px;
width:100%;
height:100%;
position:fixed;
z-index:99999999999;
display:flex;
justify-content:center;
align-items:center;
background:#000;
display:block;
}

.ld-img{
bottom:50%;
left:50%;
width:300px;
height:0%;
position:absolute;
margin:0px 0px -42px -150px;
overflow: hidden;
animation:Loadimg 6s linear infinite;
transform-origin: 0 100%;
}

.ld-img::before{
content:'';
bottom:0px;
left:0px;
width:300px;
height:84px;
position:absolute;
background: url('img/logo-white.svg') no-repeat 50%;
background-size:100% 100%;
}

.ld::before{
content:'';
top:50%;
left:50%;
width:300px;
height:84px;
position:absolute;
background:url('img/logo-white.svg') no-repeat 50%;
background-size:100% 100%;
margin:-42px 0px 0px -150px;
opacity:0.5;
}

@keyframes Loadimg{
  0% {
    height: 0px;
  }
  100% {
    height: 84px;
  }
}


.cur{
position:absolute;
left:0px;
top:0px;
width:20px;
height:20px;
border-radius:50%;
z-index:9999999;
transition-duration:200ms;
transition-timing-function: ease-out;
transform:translate(-10px, -10px);
pointer-events: none;
background:rgba(0,0,0,0.2);
opacity:1;
}

.cur.cur-h{
opacity:0;
}

.cur.cur-h-g{
background:transparent;
}



.cur-dot{
position:absolute;
left:0px;
top:0px;
width:6px;
height:6px;
border-radius:50%;
z-index:9999999;
transition-duration:400ms;
transition-timing-function: ease-out;
transform:translate(-3px, -3px);
pointer-events: none;
background:#ffd150;
opacity:1;
}

.cur-dot.cur-h{
width:60px;
height:60px;
transform:translate(-30px, -30px);
opacity:0.2;
}

.cur-dot.cur-h-g{
width:80px;
height:80px;
transform:translate(-40px, -40px);
opacity:1;
background:rgba(0,0,0,0.2) url('img/cur.png') no-repeat center center;
}

.header{
position:fixed;
top:0px;
left:0px;
width:calc(100% - 150px);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index:999;
background:transparent;
-webkit-box-shadow:0px 0px 30px rgba(0, 0, 0, 0.075);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.075);
padding:18px 75px;
border-bottom:1px solid rgba(119,119,119,0.29);
}

.subpage .header.header-black{
background:#fff;
}


.header.header-black-wh{
background:rgba(255,255,255,0.4);
}

.header-fl{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
}

.header-fl-img{
width:144px;
height:40px;
}

.header-fl-img img{
width:auto;
height:40px;
}

.header-fl-img-b{
display:none;
}

.header-black .header-fl-img-w{
display:none;
}

.subpage-blog .header-fl-img-w{
display:none;
}

.header-black .header-fl-img-b{
display:block;
}

.subpage-blog .header-fl-img-b{
display:block;
}

.header-fl-r, .header-fl-r-nav{
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;
}

.header-fl-r ul{
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;
}

.header-fl-r ul li{
list-style-type:none;
padding:0px 14px;
margin:0px;
}

.header-fl-r ul li a{
text-transform: uppercase;
color:#fff;
font-weight:700;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-size:1.0625em;
}

.subpage-blog ul li a{
color:#303133;
}

.header-black .header-fl-r ul li a{
color:#000;
}

.header-fl-r ul li a:hover, 
.header-fl-r ul .current-menu-item a,
.header-black  .header-fl-r ul .current-menu-item a{
color:#ffd150;
}

.subpage-blog ul li a:hover, .subpage-blog ul .current-menu-item a{
color:#a9a9a9;
}

.subpage-contact .header-fl-r ul .current-menu-item a {
color:#ffd150;
}


.header-fl-r ul li a i{
font-size:0.8em;
display:none;
}

.header-fl-r-nav-fg{
margin-left:14px;
}

.header-fl-r-icon{
margin-left:26px;
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap; 
}

.header-fl-r-icon a{
color:#fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin:0px 0px 0px 19px;
font-size:1.125em;  
}


.subpage-blog .header-fl-r-icon a{
color:#303133;  
}

.header-black a{
color:#000; 
}

.header-fl-r-icon a:hover{
color:#ffd150;
}

.subpage-blog .header-fl-r-icon a:hover{
color:#a9a9a9;
}

.header-fl-r-mob{
align-items:center;
display:none;
height:30px;
opacity:1;
line-height:0px;
position:relative;
cursor:pointer;
z-index:0;
transition:.3s;
}

.header-fl-r-mob-l{
border-radius:5px;
background-clip:padding-box;
display:inline-block;
height:2px;
width:20px;
position:relative;
background:#ffffff;
}

.header-open .header-fl-r-mob-l{
transition:background 0.3s 0s ease-in-out;
background:transparent !important;
}

.header-fl-r-mob-l::before{
content:'';
left:0;
top:6px;
position: absolute;
transition: top 0.3s 0.6s ease-in-out,transform 0.3s ease-in-out;
transform-origin: 10px center;
height:2px;
width:20px;
background:#fff;
}

.header-open .header-fl-r-mob-l::before{
transform:rotate3d(0, 0, 1, 45deg);
transition:top 0.3s ease-in-out,transform 0.3s 0.5s ease-in-out;
top:0px;
background:#000;
}

.header-fl-r-mob-l::after{
content:'';
top:-6px;
bottom:0px;
position: absolute;
transition: top 0.3s 0.6s ease-in-out,transform 0.3s ease-in-out;
transform-origin: 10px center;
height:2px;
width:20px;
background:#fff;
}

.header-open .header-fl-r-mob-l::after{
transform:rotate3d(0, 0, 1, -45deg);
transition:top 0.3s ease-in-out,transform 0.3s 0.5s ease-in-out;
top:0px;
background:#000;
}

.header-black .header-fl-r-mob-l::before,
.header-black .header-fl-r-mob-l::after,
.header-black .header-fl-r-mob-l{
background:#000;
}



/*NAGŁOWKI STRONA*/

.page-h-a{
color:#1b1d1f;
font-weight:900;
line-height:88px;
font-size:5em;
margin:0px 0px 30px 0px;
padding-top:50px;
}

.page-h-b{
color:#1b1d1f;
font-weight:900;
line-height:55.6833px;
font-size:2.9em;
}

.page-h-b span{
display:inline-block;
vertical-align:bottom;
padding:0px 5px;
position:relative;
background:url('../images/bg.png') no-repeat bottom left;
background-size:100% 50%;
}

.ma-a{
margin:0px 0px 40px 0px;
}

.ma-b{
margin:0px 0px 30px 0px;
}

.page-h-c{
color:#1b1d1f;
font-weight:600;
line-height:30.7167px;
font-size:1.6em;
margin:0px 0px 40px 0px;  
}


/*TEKSTY STRONA*/

.page-txt-a p{
color:#1b1d1f;
font-weight:600;
line-height:39px;
font-size:1.5625em;
margin:0px 0px 0px 0px;
font-family:'urbanist';
padding:0px 0px 40px 0px; 
}

.page-txt-b p{
color:#303133;
font-weight:600;
line-height:31.4167px;
font-size:1.121875em;
margin:0px 0px 0px 0px;
font-family:'urbanist';
padding:0px 0px 40px 0px;
text-align:justify;
hyphens:auto !important;  
}

.page-txt-b ul, .page-txt-b ol{
padding:0px 0px 40px 0px;
margin-left:15px; 
}

.page-txt-b ul li, .page-txt-b ol li{
color:#303133;
font-weight:600;
line-height:31.4167px;
font-size:1.121875em;
margin:0px 0px 0px 0px;
font-family:'urbanist'; 
}

.page-txt-b p a{
text-decoration:underline;
font-weight:600;  
}

/*przyciski STRONA*/

.page-b-a{
color:#1b1d1f;
line-height:normal;
font-size:2.96em;
margin:0px;
letter-spacing:9.472px;
border:2px solid #1b1d1f;
display:inline-block;
padding:3px 10px 0px 10px;
font-weight:900;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position:relative;
}

.page-b-a:hover{
color:#ffd15f;
border:2px solid #ffd15f;
}

.page-b-a::before{
content:'';
position:absolute;
width:calc(100% - 10px);
height:40px;
background:#ffd15f;
right:5px;
pointer-events: none;
z-index:0!important;
bottom:-14px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.page-b-a:hover::before{
width:0px;
}

.page-b-a span{
display:block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform: translateY(0px); 
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px); 
}

.page-b-a:hover span{
transform:translateY(5px); 
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px); 
}

.page-b-a::after{
content:'';
position:absolute;
width:calc(100% - 10px);
height:2px;
background:#1b1d1f;
right:5px;
bottom:-2px;
 -webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.page-b-a:hover::after{
background:#ffd15f;
}


.page-b-b{
color:#1b1d1f;
line-height:normal;
font-size:1.25104375em;
margin:0px;
letter-spacing:4.00333px;
display:inline-block;
font-weight:700;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position:relative;
text-transform:uppercase;
background-image:url(img/bg.png);
background-repeat:no-repeat;
background-size:100% 50%;
background-position:right bottom;
padding:5px 0px;
}

.page-b-b:hover{
color:#ffd15f;
background-size:0% 50%;
}


.page-b-c{
color:#1b1d1f;
font-weight:600;
line-height:24px;
font-size:1.25em;
margin:0px 0px 0px 0px;
font-family:'urbanist';
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
display:inline-block;
margin-bottom:30px;
padding-bottom:10px;
position:relative;
}

.page-b-c::before{
content:'';
position:absolute;
bottom:0px;
left:0px;
width:0%;
height:2px;
background:#ffd15f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.page-b-c:hover::before{
width:100%;
}

.page-b-c:hover{
color:#ffd15f;
}

.page-b-c i{
display:inline-block;
vertical-align:middle;
margin-right:10px;
}

.page-b-c span{
display:inline-block;
vertical-align:middle;
}


/*SEKCJA FILM*/

.sec-a{
width:100%;
height:100vh;
position:relative;
overflow:hidden;
}

.sec-a::before {
content:'';
position:absolute;
inset:0;
background:rgba(0,0,0,0.3);
z-index:90;
pointer-events:none;
}

.sec-a-iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
margin-top: 0;
padding-top: 0;
z-index: 1;
}



.sec-a-iframe .vimeo-placeholder{
position: absolute;
top: 0;
left: 0;
    z-index: 2;
    object-fit: cover;
    transition: opacity .3s ease;
    width: 100%;
    height: 100%;
    display: block;    
}

.sec-a-iframe.loaded .vimeo-placeholder{
    opacity: 0;
    pointer-events: none;
}


.sec-a-iframe iframe {
position: absolute;
top: 50%;
left: 50%;
width: 177.77777778vh;
height: 100vh;
min-width: 100vw;
min-height: 56.25vw;
transform: translate(-50%, -50%);
z-index: 1;
pointer-events: none;
}

.sec-a-iframe video{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.sec-a-con {
position: absolute;
left: 0;
bottom: 108px;
width: 100%;
height: calc(100% - 108px);
display: flex;
justify-content: flex-end;
align-items: flex-end;
flex-direction: column;
z-index: 100;
}

.sec-a-con-h{
font-size:9.6875em;
font-weight:900;
letter-spacing:normal;
line-height:131px;
text-align:left;
text-transform:uppercase;
color:#fff;
padding-bottom:36px;
margin-bottom:36px;
position:relative;
}

.sec-a-con-h::before{
content:'';
position:absolute;
bottom:0px;
left:0px;
width:70%;
height:3px;
background:#ffd15f;
}

.sec-a-con-h span{
color:#ffd15f;
fill: #f7f7f7 !important;
-webkit-text-fill-color:transparent;
-webkit-text-stroke: 0.15vw;
}

.sec-a-con-txt{
font-family:Urbanist;
font-size:1.6875em;
font-weight:600;
letter-spacing:normal;
color:#fff; 
}

/*SEKCJA NOWA GŁÓWNA 1*/

.sec-bn-1{
width:100%;
height:100vh;
position:relative;
}

.sec-bn-1-bg{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
}

.sec-bn-1-bg img{
width:100%;
height:100%;
object-fit:cover;
object-position:bottom center;
}

.sec-bn-1-con{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;  
}

.sec-bn-1-con-block{
padding:0px 75px 0px 10%;  
}

.sec-bn-1-con-h{
font-size:3.6875em;
font-weight:900;
letter-spacing:normal;
line-height:60px;
text-align:left;
color:#1b1d1f;
padding-top:100px;
margin-bottom:36px;
position:relative;
display:inline-block;
}

.sec-bn-1-con-h::before{
content:'';
position: absolute;
bottom:-18px;
left:0px;
width:50%;
height:3px;
background:#ffd15f;
}

.sec-bn-1-con-txt p{
color:#1b1d1f;
font-weight:600;
line-height:32px;
font-size:1.5625em;
margin: 0px 0px 0px 0px;
font-family:'urbanist';
padding: 0px 0px 40px 0px;  
}

/*SEKCJA 2 oferta strona główna*/

.sec-bn-2{
width:100%;
height:100vh;
position:relative;  
}

.sec-bn-2-ob-1{
position:absolute;
top:0px;
left:0px;
width:50%;
height:60%;
display:block;
}

.sec-bn-2-ob-2{
position:absolute;
bottom:0px;
left:0px;
width:50%;
height:40%;
display:block;
}

.sec-bn-2-ob-3{
position:absolute;
top:0px;
right:0px;
width:50%;
height:45%;
display:block;
}

.sec-bn-2-ob-4{
position:absolute;
bottom:0px;
right:25%;
width:25%;
height:55%;
display:block;
}

.sec-bn-2-ob-5{
position:absolute;
bottom:0px;
right:0px;
width:25%;
height:55%;
display:block;
}

.sec-bn-2 a::before{
content:'';
position:absolute;
inset:0;
background:rgba(0,0,0,0.7);
z-index:90;
pointer-events:none;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.sec-bn-2 a:hover::before{
background:rgba(0,0,0,0);
}

.sec-bn-2 video{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
object-position:center;
object-fit:cover;
}

.sec-bn-2 img{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
object-position:center;
object-fit:cover;
}

.sec-bn-2-t{
position:absolute;
top:117px;
left:65px;
z-index:91;
padding:10px 20px 10px 10px;
} 


.sec-bn-2-ob-4 .sec-bn-2-t,
.sec-bn-2-ob-5 .sec-bn-2-t{
top:75px;
width:100%;
max-width:360px;
}

.sec-bn-2-t h3{
font-size:2.5em;
font-weight:900;
letter-spacing:normal;
line-height:35px;
text-align:left;
color:#fff;
margin-bottom:25px;
position:relative;
display:inline-block;
}

.sec-bn-2-t h3::before{
content:'';
position: absolute;
bottom:-18px;
left:0px;
width:50%;
height:3px;
background:#ffd15f;
}


.sec-bn-2-t p{
color:#fff;
font-weight:600;
line-height:39px;
font-size:1.3em;
margin: 0px 0px 0px 0px;
font-family:'urbanist';
}

.sec-bn-2-t-d{
position:absolute;
bottom:40px;
right:65px;
z-index:91;
color:#ffd15f;
font-weight:900;
line-height:21px;
font-size:1.3em;
margin:0px 0px 0px 0px;
padding:10px 30px 10px 10px;
background:rgba(0,0,0,0);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.sec-bn-2-t-d::before{
position:absolute;
content:'';
opacity:0;
position:absolute;
top:0px;
left:0px;
width:calc(100% - 2px);
height:calc(100% - 2px);
border:2px solid #000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.sec-bn-2-t-d::after{
content: '';
position:absolute;
width:0px;
height: 20px;
background: #ffd15f;
right: 5px;
pointer-events: none;
z-index: -1 !important;
bottom: -7px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

a:hover .sec-bn-2-t-d::after{
width:calc(100% - 10px);
z-index: -1 !important;
}

a:hover .sec-bn-2-t-d::before{
opacity:1;
}


a:hover .sec-bn-2-t-d{
background:rgba(255,255,255,0.8);
color:#000;
}

.sec-bn-2-t-d span{
display:block;
position:absolute;
top:-1px;
right:10px;
font-size:1.5em;
line-height:normal;
}


/*TRZECIA SEKCJA NOWA STRONA GŁÓWNA*/

.sec-bn-3-up{
width:100%;
height:56vh;
position:relative;
}

.sec-bn-3-up img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.sec-bn-3-up-t{
position:absolute;
top:0px;
left:0px;
width:48%;
height:100%;
background:url('../images/bg-2.png') repeat-y top left;
background-size:100% auto;
z-index:90;
}

.sec-bn-3-up-t-h{
padding-left:75px;
padding-top:100px;
font-size:3.6875em;
font-weight:900;
letter-spacing:normal;
line-height:60px;
text-align:left;
color:#1b1d1f;  
}

.sec-bn-3-up-t-t{
padding:30px 75px 0px 75px;
width:100%;
max-width:32%;
}


.sec-bn-3-up-t-t p{
font-weight: 600;
line-height: 39px;
font-size: 1.3em;
margin: 0px 0px 0px 0px;
font-family: 'urbanist';
color:#1b1d1f;  
}

.sec-bn-3-up-t-b{
padding:30px 0px 0px 75px;
}

.sec-bn-3-m{
padding:30px 75px;  
}

.sec-bn-3-m-h{
font-size:2.5em;
font-weight:900;
letter-spacing:normal;
line-height:normal;
text-align:left;
color:#1b1d1f;  
}


.sec-bn-3-d{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.sec-bn-3-d-i{
width:33.33333333333333333333333333333333%;
display:block;
position:relative;
}

.sec-bn-3-d-i-img{
width:100%;
height:44vh; 
}

.sec-bn-3-d-i-img::before{
content:'';
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.4);
z-index:90;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s; 
}

a:hover .sec-bn-3-d-i-img::before{
background:rgba(0,0,0,0);
} 

.sec-bn-3-d-i-img img{
width:100%;
height:100%;
object-position:center;
object-fit:cover; 
filter: grayscale(100%);
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}

a:hover .sec-bn-3-d-i-img img{
filter: grayscale(0%);
}

.sec-bn-3-d-i-h{
position:absolute;
top:50%;
left:0px;
width:100%;
text-align:center;
font-size:3.5em;
font-weight:900;
letter-spacing:normal;
line-height:normal;
color:#fff;
z-index:91;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
opacity:1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

a:hover .sec-bn-3-d-i-h{
top:0px;
opacity:0;
}


.sec-bn-3-d-i-t{
position:absolute;
top:450px;
left:0px;
width:calc(100% - 40px);
font-weight:600;
line-height:39px;
font-size:2.0em;
margin:0px 0px 0px 0px;
font-family: 'urbanist';
color:#ffd15f;
z-index:91;
text-align:center;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
opacity:0;
transform: translateY(0%);
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
padding:0px 20px;
}

.sec-bn-3-d-i-t::before{
content:'';
position:absolute;
top:0px;
left:0px;
width:0%;
height:100%;
background:rgba(0,0,0,0.4);
z-index:-1;
-webkit-transition: all 0.6s ease 0.6s;
-moz-transition: all 0.6s ease 0.6s;
-o-transition: all 0.6s ease 0.6s;
transition: all 0.6s ease 0.6s;
}


a:hover .sec-bn-3-d-i-t{
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
opacity:1;
}

a:hover .sec-bn-3-d-i-t::before{
width:100%;
}

.sec-bn-3-d-i-b{
position:absolute;
bottom:40px;
right:75px;
z-index:91;
color:#ffd15f;
font-weight:600;
line-height:39px;
font-size:1.3em;
margin:0px 0px 0px 0px;
font-family:'urbanist';
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
opacity:0;  
}

a:hover .sec-bn-3-d-i-b{
opacity:1;  
}

.sec-bn-3-d-i-b span{
display:block;
position:absolute;
top:0px;
right:-20px;
font-size:1.5em;
line-height:normal;
}


/*NOWE DLA PRACY*/

.sec-sub-n-gal-z-i.is-hidden{
display: none;
}

.grid-sizer,
.sec-sub-n-gal-z-i{
width:33.3333333333333333333333333333%;
}

.sec-sub-n-gal-z-i{
float:left;
}

.sec-sub-n-gal-z-i-img{
position:relative;
}

.sec-sub-n-gal-z-i-img-n{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
overflow:hidden;
}

.sec-sub-n-gal-z-i-img-n-sc{
width:101%;
height:101%;
position:absolute;
top:-1px;
left:-1px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform:scale(1,1); 
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
z-index:10; 
}

a:hover .sec-sub-n-gal-z-i-img-n-sc{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}

.sec-sub-n-gal-z-i-img-n-sc::before{
content:'';
width:101%;
height:101%;
position:absolute;
top:-1px;
left:-1px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
background:rgba(0,0,0,0.4);
opacity:0;
z-index:11;
}

a:hover .sec-sub-n-gal-z-i-img-n-sc::before{
opacity:1;
}

.sec-sub-n-gal-z-i-img img{
width:100%;
height:auto;
display:block;
}

a:hover .sec-sub-gal-p-i-txt{
opacity:1; 
}

.icon-w-center{
position:absolute;
left:50%;
top:50%;
width:60px;
height:60px;
border-radius:50%;
border:2px solid #fff;
background:#fff;
z-index:11; 
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
margin:-31px 0px 0px -31px; 
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity:1;
}


a:hover .icon-w-center{
opacity:0;
}

.icon-w{
position:absolute;
right:20px;
bottom:20px;
width:40px;
height:40px;
border-radius:50%;
border:2px solid #ffd150;
z-index:11; 
display:flex;
justify-content:center;
align-items:center;
flex-direction:column; 
}

.icon-w-play{
width:30px;
height:30px;
-webkit-mask: url("../images/icon-play.svg") no-repeat center;
mask: url("../images/icon-play.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#000;
}

.icon-w-360{
width:30px;
height:30px;
-webkit-mask: url("../images/icon-vr.svg") no-repeat center;
mask: url("../images/icon-vr.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#000;
}

.icon-w-exterior{
width:30px;
height:30px;
-webkit-mask: url("../images/icon-exterior.svg") no-repeat center;
mask: url("../images/icon-exterior.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150;
}

.icon-w-interior{
width:30px;
height:30px;
-webkit-mask: url("../images/icon-interior.svg") no-repeat center;
mask: url("../images/icon-interior.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150; 
}

.icon-w-animations{
width:30px;
height:30px;
-webkit-mask: url("../images/icon-animations.svg") no-repeat center;
mask: url("../images/icon-animations.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150;
}

.icon-w-vr{
width:30px;
height:30px;
-webkit-mask: url("../images/icon-vr.svg") no-repeat center;
mask: url("../images/icon-vr.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150; 
}

.icon-w-2d{
width:30px;
height:30px;
-webkit-mask: url("../images/icon-2d{.svg") no-repeat center;
mask: url("../images/icon-2d{.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150; 
}





/*SEKCJA NOWA KONTAKT*/

.sec-con-new{
background-color:#f7f7f7;
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.sec-con-new-item-a{
width:calc(72% - 75px);
padding:75px 0px 75px 75px;

}

.sec-con-new-item-b{
width:28%;
}

.sec-con-new-item-a-b{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.sec-con-new-item-a-b-i{
width:50%;
padding-top:55px;
}

.sec-con-new-item-b img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.sec-con-new-item-con-2 h2, .sec-con-new-item-con h2, .sec-con-new-item-con h3, .sec-con-new-item-con h4{
font-size:3.6875em;
font-weight:900;
letter-spacing:normal;
line-height:60px;
text-align:left;
color:#1b1d1f;
margin-bottom:35px; 
}

.sec-con-new-item-con h2 span{
display:inline-block;
vertical-align:bottom;
padding:0px 5px;
position:relative;
background:url('../images/bg.png') no-repeat bottom left;
background-size:100% 20%; 
}

.sec-con-new-item-con-2 h2 span{
display:inline-block;
vertical-align:bottom;
padding:0px 5px;
position:relative;
background:url('../images/bg.png') no-repeat bottom left;
background-size:100% 30px; 
}

.sec-con-new-item-con p, .sec-con-new-item-con-2 p{
font-weight:600;
line-height:39px;
font-size:1.3em;
margin: 0px 0px 0px 0px;
font-family: 'urbanist';
color:#1b1d1f;  
}

.sec-con-new-item-a-b-i-h{
color:#1b1d1f;
font-weight:900; 
line-height:44px;
font-size:2.3em; 
margin-bottom:40px;
}

.sec-con-new-item-a-b-i-h span{
display:inline-block;
vertical-align:bottom;
padding:0px 5px;
position:relative;
background:url('../images/bg.png') no-repeat bottom left;
background-size:100% 50%;
}

.sec-con-new-item-a-b-i-l{
margin-bottom:10px;
}

.sec-con-new-item-a-b-i-l a{
font-size:1.45104375em;
font-weight:700;
letter-spacing:normal;
line-height:normal;
color:#1b1d1f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.sec-con-new-item-a-b-i-l a:hover{
color:#ffd150;
}

.sec-con-new-item-a-b-i-l a i{
margin-right:19px;
}

.sec-con-new-item-a-b-i-2{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
padding-top:50px;
}

.sec-con-new-item-a-b-i-2-im{
width:200px;
margin-right:40px;
}

.sec-con-new-item-a-b-i-2-im img{ 
width:100%;
height:auto;
}

.sec-con-new-item-a-b-i-2-t{
width:calc(100% - 240px);
}

.sec-con-new-item-a-b-i-2-t h4{
color:#1b1d1f;
font-weight:900; 
line-height:normal;
font-size:1.3em; 
margin-bottom:40px;
position:relative;
}

.sec-con-new-item-a-b-i-2-t h4::before{
content:'';
position:absolute;
bottom:-8px;
left:0px;
width:50px;
height:3px;
background:#ffd150;
}

.sec-con-new-item-a-b-i-2-t h4 span{
font-size:0.9em; 
display:block;
padding-top:4px;
}

.sec-con-new-item-a-b-i-l-2{
margin-bottom:8px;
}

.sec-con-new-item-a-b-i-l-2 a,
.sec-con-new-item-a-b-i-l-2 span{
font-size:1.2em;
font-weight:700;
letter-spacing:normal;
line-height:normal;
color:#1b1d1f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.sec-con-new-item-a-b-i-l-2 a:hover{
color:#ffd150;
}

.sec-con-new-item-a-b-i-l-2 a i,
.sec-con-new-item-a-b-i-l-2 span i{
margin-right:19px;
}

/*SEKCJA O NAS NOWA*/

.sec-about{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.sec-about-a{
padding:100px 75px 75px 75px;
width:calc(35% - 150px);
background:#e9e9e9;
}

.sec-about-b{
width:65%;  
position:relative;
}

.sec-about-b img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}

.sec-about-c{
width:100%;
padding:50px 75px;
}

.sec-about-c-b{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
margin:0px -40px;
}

.sec-about-c-b-i{
width:calc(16.66666666666667% - 80px);
margin:0px 40px;
position:relative;
}

.sec-about-c-b-i::before{
content:'';
position:absolute;
left:-48px;
top:0px;
width:2px;
height:100%;
background:#e9e9e9;
}

.sec-about-c-b2-i{
width:calc(20% - 80px);
margin:0px 40px;
position:relative;
text-align:center;
}

.sec-about-c-b2-i::before{
content:'';
position:absolute;
left:-48px;
top:0px;
width:2px;
height:100%;
background:#e9e9e9;
}

.sec-about-c-b2-i:first-child::before{
display:none;
}

.sec-about-c-b-i:first-child::before{
display:none;
}


.sec-about-h-sm{
padding-top:10px;
color:#1b1d1f;
font-size:1.4em;
font-weight:900;
line-height:normal;
margin-bottom:10px;
}

.sec-about-h-big{
color:#ffd150; 
font-size:5.4em;
font-weight:600;
line-height:normal;
}

.sec-about-t-sm p{
color:#1b1d1f;
font-weight:600;
line-height:25px;
font-size:1em;
font-family: 'urbanist';
}

.sec-about-icon-niemcy{
width:40px;
height:40px;
-webkit-mask: url("../images/map.svg") no-repeat center;
mask: url("../images/map.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150; 
}


.sec-about-icon-cel{
width:40px;
height:40px;
-webkit-mask: url("../images/ikona-cel.svg") no-repeat center;
mask: url("../images/ikona-cel.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150; 
}

.sec-about-icon-osoba{
width:40px;
height:40px;
-webkit-mask: url("../images/ikona-osoba.svg") no-repeat center;
mask: url("../images/ikona-osoba.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150; 
}

.sec-about-icon-zegar{
width:40px;
height:40px;
-webkit-mask: url("../images/ikona-zegar.svg") no-repeat center;
mask: url("../images/ikona-zegar.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150; 
}

.sec-about-icon-warstwy{
width:40px;
height:40px;
-webkit-mask: url("../images/ikona-warstwy.svg") no-repeat center;
mask: url("../images/ikona-warstwy.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150; 
}

.sec-about-icon-medal{
width:40px;
height:40px;
-webkit-mask: url("../images/ikona-medal.svg") no-repeat center;
mask: url("../images/ikona-medal.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150; 
}

.sec-about-icon-rozmowa{
width:40px;
height:40px;
-webkit-mask: url("../images/ikona-rozmowa.svg") no-repeat center;
mask: url("../images/ikona-rozmowa.svg") no-repeat center;
-webkit-mask-size:contain;
mask-size:contain;
background-color:#ffd150; 
}

.sec-about-slider{
position:relative;
}

.sec-about-slider-con-i{
width:100%;
height:90vh;
}

.sec-about-slider-con-i img{
width:100%;
height:100%;
object-position:center;
object-fit:cover;
}

.sec-about-slider .tns-nav{
position:absolute;
bottom:50px;
left:0px;
width:100%;
text-align:center;
z-index:90;
}

.sec-about-slider .tns-nav button{
width:10px;
height:10px;
border-radius:50%;
background:#fff;
opacity:0.4;
margin:0px 10px;
border:0px;
padding:0px;
}

.sec-about-slider .tns-nav .tns-nav-active{
opacity:0.7;
}

.sec-about-pip{
padding:75px 0px;  
}

.sec-about-pip.sec-about-pip-two{
padding:0px 0px 75px 0px;    
}

.sec-about-pip-h{
width:100%;
text-align:center;
margin-bottom:36px;
}

.sec-about-pip-h-2{
font-size:2.5em;
font-weight:900;
letter-spacing:normal;
line-height:normal;
text-align:center;
color:#1b1d1f;
margin-bottom:36px;
}

.sec-about-pip-bl-a{
display:flex;
justify-content:center;
align-items:flex-start;
flex-wrap:wrap;
margin:0px -40px;
}

.sec-about-pip-bl-a-i{
width:calc(25% - 80px);
margin:0px 40px 40px 40px;
}

.sec-about-pip-bl-a-i-im{
position:relative;
}

.sec-about-pip-bl-a-i-im::before{
content:'';
position:absolute;
top:54%;
left:0px;
width:100%;
height:46%;
background-color: transparent !important;
background-image: linear-gradient(to top, #101213 0%, rgba(16, 18, 19, 0) 50%) !important;
z-index:90;
opacity:0.6;
}

.sec-about-pip-bl-a-i-im img{
width:100%;
height:auto;
display:block;
}

.sec-about-pip-bl-a-i-im-n{
position:absolute;
bottom:20px;
left:20px;
width:calc(100% - 40px);
z-index:91;
}

.sec-about-pip-bl-a-i-im-n p{
color:#ffd150;
text-underline-offset:0.5em;
text-decoration:underline solid #ffd150 2px;
padding-bottom:13px;
line-height:1.75;
font-weight:600;
font-size:0.90458125em;
font-family:'Urbanist';
}

.sec-about-pip-bl-a-i-im-n h4{
color:#fff;
line-height:normal;
font-weight:900;
font-size:1.6em;
}

.sec-about-pip-bg{
background-color: #ececec;
padding:75px 0px 55px;
}

.sec-about-pip-bg-t p{
text-align:center;
color:#1b1d1f;
font-weight:700;
line-height:30.7167px;
font-size:1.6em;
padding-bottom:20px;
}

.sec-about-end{
background-color:#f7f7f7;
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.sec-about-end-l{
width:28%;
}

.sec-about-end-l img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.sec-about-end-r{
width:calc(72% - 150px);
padding:75px 75px 75px 75px;
}

.sec-about-end-r-t p{
color:#1b1d1f;
font-weight:500;
line-height:30.7167px;
font-size:1.6em;
padding-bottom:20px;
}

.sec-about-end-r-t ul{
list-style-type:none;
margin:0px;
padding:0px;
}

.sec-about-end-r-t ul li{
position:relative;
margin:0px;
padding:10px 0px 10px 25px;
color:#1b1d1f;
font-weight:500;
line-height:30.7167px;
font-size:1.6em;
border-bottom:1px solid #eaeaea;
}

.sec-about-end-r-t ul li::before{
position:absolute;
content:'';
top:21px;
left:0px;
width:8px;
height:8px;
background:#000;
border-radius:50%;
}


.sec-about-end-r-c{
display:block;
}

.sec-about-end-r-c-l{
width:100%;
max-width:600px;
}

.sec-about-end-r-c-r{
padding-top:50px;
width:400px;
display:flex;
justify-content:flex-start;
}

/*SEKCJA OFERTA NOWA*/

.sec-offer{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.sec-offer-t-a{
padding:75px 75px 75px 75px;
width:calc(35% - 150px);
background:#fff;
order:1;
}

.sec-offer-t-b{
width:65%;
order:2;
position: relative;
aspect-ratio: 16 / 9;
align-self: stretch;
padding-top: 0;
overflow: hidden;
}

.sec-offer-rev .sec-offer-t-a{
order:2;
}

.sec-offer-rev .sec-offer-t-b{
order:1;
}

.sec-offer-t-b video{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}

.sec-offer-t-b iframe{
  width: 100%;
  height: auto;
  border: 0;
  display: block;
  aspect-ratio: 16 / 9;

  /*position: absolute;
  top: 50%;
  left: 50%;

  width: 100vw;
  height: 56.25vw;

  min-width: 177.78vh;
  min-height: 100vh;

  transform: translate(-50%, -50%);*/
  border: 0;
}

.sec-offer-t-b .vimeo-placeholder{
position:absolute;
top:0;
left:0;
z-index: 2;
object-fit:cover;
transition:opacity .3s ease;
width:100%;
height:100%;
display:block;    
}

.sec-offer-t-b.loaded .vimeo-placeholder{
opacity: 0;
pointer-events: none;
}




.sec-offer-nr{
color:#ffd150;
font-size:1.2em;
font-weight:700;
letter-spacing:normal;
line-height:normal;
margin-bottom:16px;
display:inline-block;
border-bottom:3px solid #ffd150; 
}

.sec-offer-h{
font-size:3.5em;
font-weight:900;
letter-spacing:normal;
line-height:normal;
text-align:left;
color:#1b1d1f;
margin-bottom:36px;
}

.sec-offer-t{
padding-right:170px;  
}

.sec-offer-rev .sec-offer-t{
padding-right:0px;  
}

.sec-offer-t p{
/*font-weight:600;
line-height:39px;
font-size:1.3em;
margin:0px 0px 0px 0px;
font-family: 'urbanist';
color:#1b1d1f; 
padding-bottom:40px;
text-align:justify; 
hyphens: auto !important;*/

color:#303133;
font-weight:600;
line-height:31.4167px;
font-size:1.121875em;
margin:0px 0px 0px 0px;
font-family:'urbanist';
padding:0px 0px 30px 0px;
text-align:justify;
hyphens:auto !important;  

}

.sec-offer-t p:last-child{
color:#b5b4b1;
}

.sec-offer-b{
padding-top:40px;
}

.sec-offer-b .page-b-a{
font-size:1.5625em;
letter-spacing:5.12px;
}

.sec-offer-b .page-b-a::before{
height:20px;
bottom:-14px; 
}



/*SEKCJA STRONA GŁOWNA 2, 3, 4*/

.sec-b{
width:100%;
height:100vh;
position:relative;
background-image:url('img/bg.png'), url('img/bg-home.svg');
background-repeat:no-repeat, repeat;
background-position:top left, center center;
background-attachment:none, fixed;
background-size:34% 37%, contain;
padding:0px 0px;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
flex-wrap:nowrap;
}

.sec-c{
width:100%;
height:100vh;
position:relative;
background-image:url('img/bg.png'), url('img/bg-home.svg');
background-repeat:no-repeat, repeat;
background-position:bottom right, center center;
background-attachment:none, fixed;
background-size:34% 18%, contain;
padding:0px 0px;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
flex-wrap:nowrap;
}


.sec-b-bg{
background-color:#f7f7f7;
}


.sec-b-top{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
margin-bottom:40px;
}

.sec-b-top-l{
width:58%;
}

.sec-b-top-r{
width:42%;
text-align:right;
}

.sec-b-bottom{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin:0px -18px;
}

.sec-b-bottom-i-k{
width:calc(33.3333333333333333% - 36px);
margin:0px 18px;
position:relative;
}

.sec-b-bottom-i-d{
padding-top: 66.7%;
}


.sec-b-bottom-i{
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}


.sec-b-bottom-i::before{
content:'';
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
background:rgba(0,0,0,0.4);
opacity:0;
}

.sec-b-bottom-i:hover::before{
opacity:1;
z-index:11;
}

.sec-b-bottom-i-img{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform:scale(1,1); 
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
z-index:10;
}

.sec-b-bottom-i:hover .sec-b-bottom-i-img{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}

.sec-b-bottom-i-img img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.sec-b-bottom-i-txt{
width:100%;
position:absolute;
top:50%;
left:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-size:1.5825em;
font-weight:900;
text-align:center;
color:#fff;
z-index:12; 
transform:translateY(-50%); 
-webkit-transform:translateY(-50%); 
-ms-transform:translateY(-50%);
opacity:0; 
}

.sec-b-bottom-i:hover .sec-b-bottom-i-txt{
opacity:1; 
}

.sec-b-bottom-i-txt span{
font-size:0.65em;
font-weight:600;
display:block;
padding-top:20px;
font-family:'Urbanist';
}

.sec-b-bottom-ico{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
margin:0px -18px;
}

.sec-b-bottom-ico-i{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
margin:0px 18px;
width:calc(25% - 36px); 
}

.sec-b-bottom-ico-i-img{
width:86px; 
}

.sec-b-bottom-ico-i-img img{
width:100%;
height:auto;  
}

.sec-b-bottom-ico-i-txt{
font-size:1.6em;
font-weight:900;
line-height:28.1667px;
color:#1b1d1f;
width:calc(100% - 122px);
padding-left:36px;  
}

.sec-c-img{
width:100%;
height:330px;
overflow:hidden;
position:relative;
}

.sec-c-img-con{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
-webkit-transition: 12s;
-moz-transition: 12s;
-o-transition: 12s;
transition: 12s;
transform:scale(1,1); 
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
}

.sec-c-img-con.move{
transform:scale(1.2,1.2); 
-webkit-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
}

.sec-c-img-con img{
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}


/*PODSTRONA NAGŁOWEK 1*/

.sec-sub-top-a{
width:100%;
height:516px;
position:relative;
overflow:hidden;
}

.sec-sub-top-b{
width:100%;
height:516px;
background:#ffd150;
position:relative;
}

.sec-sub-top-c{
width:100%;
height:516px;
position:relative;
overflow:hidden;
}

.sec-sub-top-a::before{
content:'';
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
z-index:11;
}

.sec-sub-top-a-img{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
transform:scale(1.2,1.2); 
-webkit-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
z-index:10;
animation: animatedBackground 10s linear;
}

@keyframes animatedBackground {
  0% { transform: scale(1,1);}
  100% { transform: scale(1.2,1.2);}
}

.sec-sub-top-a-img img{
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}

.sec-sub-top-a-txt{
position:absolute;
top:50%;
left:0px;
width:100%;
transform:translateY(-50%); 
-webkit-transform:translateY(-50%); 
-ms-transform:translateY(-50%); 
z-index:12;
text-align:center;
}

.sec-sub-top-a-txt-nav{
text-align:center;
padding-top:40px;
font-size:1.5625em;
font-weight:600;
line-height:normal;
color:#f7f7f7;
}

.sec-sub-top-a-txt-nav-top{
text-align:center;
font-size:1.0625em;
font-weight:600;
line-height:normal;
letter-spacing:3.4px;
color:#f7f7f7;
margin-bottom:40px;
font-family:'Urbanist';
}

.sec-sub-top-a-txt-nav a{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
color:#f7f7f7;
}

.sec-sub-top-a-txt-nav a:hover{
color:#ffd150;
}


.sec-sub-top-a-txt-h{
max-width:1104px;
margin:0px auto;  
}

.sec-sub-top-a-txt-h .txt-anim{
display:inline-block;
position:relative;
vertical-align:bottom;
padding:0px 5px;
}

.sec-sub-top-a-txt-h .txt-anim-a{
font-size:4.68708125em;
font-weight:900;
line-height:90px;
color:#f7f7f7;
}

.subpage-blog .sec-sub-top-a-txt-h .txt-anim-a{
color:#1b1d1f;
}

.sec-sub-top-a-txt-h .txt-anim-b{
left:0;
bottom:8%;
position:absolute;
right:0;
height:10%;
width:0%;
background-color:#ffd150;
}

.subpage-blog .sec-sub-top-a-txt-h .txt-anim-b{
background-color:#fff;
}

.sec-sub-top-a-txt-h .txt-anim-b.animp{
animation-name:textslide;
-webkit-animation-name:textslide;
animation-duration:0.1s;
-webkit-animation-duration:0.1s;
animation-fill-mode:both;
-webkit-animation-fill-mode:both;
transform-origin: 0 100%;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
}

@keyframes textslide{
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

/*GALERIA*/

.sec-sub-gal-nav{
padding:36px;
}

.sec-sub-gal-nav ul{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
}

.sec-sub-gal-nav ul li{
list-style-type:none;
font-size:0.9375em;
font-weight:900;
line-height:normal;
color:rgb(48, 49, 51);
font-weight:700;
letter-spacing: .2em;
cursor:pointer;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
text-transform:uppercase;
margin:0px 18px;
}

.sec-sub-gal-nav ul li:hover, 
.sec-sub-gal-nav ul .active{
color:#ffd150;
}


.sec-sub-gal-data{
display:none;
}

.portfolio
{
    position: relative;
}

.portfolio > div
{
    position: absolute;
    overflow: hidden;
}

.portfolio img
{
    width: 100%;
    height: 100%;
    transition: 0.4s;
}

.portfolio a:hover img
{
    transform: scale(1.1,1.1);
}

.subpage-portfolio .lbox-c .tns-slide-active img
{
    cursor: zoom-in;
}

.transparent
{
    opacity: 0 !important;
}

.loader
{
  background:rgba(0,0,0,0.9);
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999999;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}

.portfolio h5{
    display: none;
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
transition: 0.4s;
background:rgba(0,0,0,0.4);
z-index: 1;
padding: 0 15px;
box-sizing: border-box;
text-align: center;
}

.portfolio a:hover h5
{
    display: block;
}

.portfolio h5 *
{
    position: absolute;
    width: 100%;
    left: 15px;
  color: #fff;
  letter-spacing: 5.12px;
}

.portfolio h5 strong
{
    font-size: 1.6em;
    bottom: 55%;
    font-weight: 900;
}

.portfolio h5 span
{
    top: 55%;
    font-size: 1.125em;
    font-family: 'Urbanist';
    font-weight: 600;
}

.fs-img
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    z-index: 999999;
    cursor: zoom-out;
}

.fs-img img
{
    display: block;
}

.no-scroll
{
    overflow: hidden;
}

.sec-sub-gal-p-i:hover::before{
opacity:1;
z-index:11;
}

.sec-sub-gal-p-i-img{
width:101%;
height:101%;
position:absolute;
top:-1px;
left:-1px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform:scale(1,1); 
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
z-index:10;
}

.sec-sub-gal-p-i:hover .sec-sub-gal-p-i-img{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}

.sec-sub-gal-p-i-img img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}

.sec-sub-gal-p-i-txt{
width:100%;
position:absolute;
top:50%;
left:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-size:1.6em;
font-weight:900;
text-align:center;
line-height:normal;
color:#fff;
z-index:12;
letter-spacing:5.12px;  
transform:translateY(-50%); 
-webkit-transform:translateY(-50%); 
-ms-transform:translateY(-50%);
opacity:0; 
}

.sec-sub-gal-p-i:hover .sec-sub-gal-p-i-txt{
opacity:1; 
}

.sec-sub-gal-p-i-txt span{
font-size:0.7em;
font-weight:600;
display:block;
padding-top:20px;
font-family:'Urbanist';
letter-spacing:normal;
}








.lbox{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
z-index:99999; 
display:none;
}

.lbox-t{
position:absolute;
top:0px;
left:0px;
width:100%;
height:55px;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
}

.lbox-t-2{
position:absolute;
top:0px;
left:0px;
width:100%;
height:55px;
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;
}

.lbox-c-poz{
position:absolute;
top:55px;
left:40px;
width:calc(100% - 80px);
height:calc(100% - 110px);  
}

.lbox-iframe{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;  
}

.lbox-youtube{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;  
}

.lbox-youtube iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.lbox-img{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;  
}

.lbox-img img{
width:100%;
height:100%;
object-position:center;
object-fit:contain;
}

.lbox-t-nr{
padding-left:15px;
font-weight:600;
font-family:Urbanist;
font-size:12px;
color:#fff;
}

.lbox-t-c{
font-size:18px;
color:#fff;
cursor:pointer;
padding-right:15px; 
}

.lbox-c{
position:absolute;
top:55px;
left:0px;
width:100%;
height:calc(100% - 130px);
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
}

.lbox-c-l, .lbox-c-r,
.lbox-c-l-2, .lbox-c-r-2{
font-size:18px;
color:#fff;
cursor:pointer;
width:51px;
height:120px;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
margin-bottom: 60px;  
}
.lbox-c-l-2, .lbox-c-r-2{
opacity:0;
}

.lbox-con{
width:calc(100% - 102px);
height:100%;
}

.lbox-con-img{
width:100%;
}

.lbox-con-img-con{
height:100%;
}

.lbox-con div{
height:100% !important;
}

.lbox-con-img-con-i, .lbox-con-img-con-iframe{
height:calc(100% - 82px);
width:100%;
margin:0px;
}

.lbox-con-img-con-iframe{
height:calc(100% - 82px);
width:100%;
margin:0px;
position:relative;
}

.lbox-con-img-con-iframe iframe{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;  
}

.lbox-con-img-con-i{
cursor: zoom-in;
}

.lbox-con-img-con-i-big{
position:fixed;
left:0;
top:0;
width:100vw;
height:100vh;
overflow:auto;
z-index:999999;
cursor:zoom-out;
}

.lbox-con-img-con-i-big img{
display:block;
}

.lbox-con-img-con-i-2{
height:100%;
width:100%;
margin:0px;
}


.lbox-con-img-con-i img, .lbox-con-img-con-i-2 img{
height:100%;
width:100%;
object-fit:contain;
object-position:center center;
}

.lbox-con-img-con-i video{
height:100%;
width:100%;
object-fit:contain;
object-position:center center;
}


.lbox-con-txt{
padding-top:20px;
width:100%;
text-align:center;
color:#fff;
display:block;
position:absolute;
bottom:22px;
left:0px;
font-size:1.2825em;
font-weight:900;
text-align:center;
color:#fff;
}

.lbox-con-txt span{
font-size:0.65em;
font-weight:600;
display:block;
padding-top:15px;
font-family:'Urbanist';
}

.lbox-m{
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:75px;
text-align:center;
}

.lbox-m-d{
margin:0px auto;
}

.lbox-m-min{
width:100%;
}

.lbox-m-min-p-con{
width:100%;
height:50px;
margin:0px;
padding:0px;
}

.lbox-m-min-p-con.active
{
opacity:0.6;
}

.lbox-m-min-p-con img{
height:100%;
width:100%;
object-fit:cover;
object-position:center center;
}

.lbox .tns-slider{
display:flex;
}

/*PODSTRONA OFERTA ORAZ O NAS*/

.sec-sub-poz{
padding:108px 0px;  
}

.sec-bg-img{
background-image:url('../images/bg-home.svg');
background-repeat:repeat;
background-position:center center;
background-attachment:fixed;
background-size:contain;
}

.sec-bg-img-b{
background-image:url('../images/bg-kwadrat.svg');
background-repeat:repeat;
background-position:center center;
background-attachment:scroll;
background-size:initial;
}

.sec-bg-img-c{
background-image:url('../images/map-banner-1.jpg');
background-repeat:repeat;
background-position:center center;
background-attachment:scroll;
background-size:auto 100%;
}


.sec-bg-a{
background-color:#f7f7f7;
}

.sec-bg-b{
background-color:#fff;
}


.sec-sub-poz-a{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.sec-sub-poz-a-cen{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.sec-sub-poz-a-l{
width:41%;
}

.sec-sub-poz-a-r{
width:calc(59% - 72px);
padding-left:72px;
}

.sec-sub-poz-b-r-img{
width:100%;
height:100%;
}

.sec-sub-poz-b-r-img img{
width:100%;
height:640px;
object-position:center;
object-fit:cover;
display:none;
}

.sec-sub-poz-b-r-img .sec-sub-poz-b-r-img-1{
display:block;
}


.sec-sub-poz-b{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
flex-direction:row-reverse;
}

.sec-sub-poz-b-cen{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
flex-direction:row-reverse;
}



.sec-sub-poz-b-l{
width:31%;
}

.sec-sub-poz-b-r{
width:calc(69% - 72px);
padding-right:72px;
}

.sec-sub-poz-c{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.sec-sub-poz-c-l{
width:calc(50% - 36px);
padding-right:36px;
}

.sec-sub-poz-c-r{
width:calc(50% - 36px);
padding-left:36px;
}


.sec-sub-poz-icon img{
width:auto;
height:72px;
}

.sec-sub-poz-icon{
margin-bottom:36px;
}

.sec-sub-poz-a-r-sl-p{
position:relative;
}

.sec-sub-poz-a-r-sl-p{
position:relative;
}

.sec-sub-poz-a-r-sl-p .tns-nav{
position:absolute;
left:0px;
width:100%;
bottom:0px;
text-align:center;
z-index:99;
padding:-10px;
margin:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity:0;
}

.sec-sub-poz-a-r-sl-p:hover .tns-nav{
bottom:40px;
opacity:1;
}

.sec-sub-poz-a-r-sl-p .tns-nav button{
display:inline-block;
vertical-align:middle;
width:10px;
height:10px;
background:#fff;
border-radius:50%;
border:1px solid #ccc;
margin:0px 5px;
}

.sec-sub-poz-a-r-sl-p .tns-nav .tns-nav-active{
width:13px;
height:13px;
border:2px solid #ccc;
}

.sec-sub-poz-b-r-v video{
width:100% !important;
height:auto !important;
}

.sec-sub-poz-b-r-y{
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}

.sec-sub-poz-b-r-y iframe{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.sec-sub-poz-bf{
width:100%;
position:relative;
overflow-x:hidden;
}

.sec-sub-poz-bf-im-0{
width:100%;
height:auto;
display:block;
}

.sec-sub-poz-bf-im-1{
width:50%;
height:100%;
position:absolute;
top:0px;
left:50%;
overflow:hidden;
}

.sec-sub-poz-bf-im-1 img{
display:block;
height:100%;
position:absolute;
top:0px;
right:0px;
}



.sec-sub-poz-bf-l{
position:absolute;
top:0px;
left:50%;
width:2px;
height:100%;
background:#ffd150;
}

.sec-sub-poz-bf-sc{
position:absolute;
top:50%;
left:-18px;
width:calc(100% + 36px);
}

.sec-sub-poz-bf-sc input{
width:100%;
-webkit-appearance:none;
appearance:none;
background:transparent;
cursor:pointer;
}

.sec-sub-poz-bf-sc  input::-webkit-slider-thumb {
-webkit-appearance:none;
appearance:none;
margin-top:-12px;
background-color:#ffd150;
background-image:url('img/st.png');
background-position:center;
background-repeat:no-repeat;
height:36px;
width:36px;
border-radius:50%;    
}

.sec-sub-poz-bf-sc input::-moz-range-thumb {
border:none;
border-radius:50%;
background-color:#ffd150;
background-image:url('img/st.png');
background-position:center;
background-repeat:no-repeat;
height:36px;
width:36px;
}

.sec-sub-poz-imm img{
width:100%;
height:auto;
}

.sec-sub-poz-dw{
border-top:1px solid #dddddd;
background-image:url('../images/logo-white-bg.svg');
background-repeat:no-repeat;
background-position:left bottom;
background-attachment:scroll;
background-size:initial;
text-align:center;  
}

.sec-sub-poz-dw-h{
color:#1b1d1f;
font-weight:900;
line-height:44px;
font-size:2.3em;
margin:0px 0px 40px 0px;
}

.sec-sub-poz-dw .page-b-a{
font-size:1.5625em;
letter-spacing:5.12px;
}

.sec-sub-poz-dw .page-b-a::before{
height:20px;
bottom:-14px; 
}

.sec-sub-poz-im-res{
position:relative;
display:block;
}

.sec-sub-poz-im-res-d{
padding-top: 66.7%;
}

.sec-sub-poz-im-res-i{
overflow:hidden;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

.sec-sub-poz-im-res-i-img{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform:scale(1,1); 
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
z-index:10;
}
.sec-sub-poz-im-res:hover .sec-sub-poz-im-res-i-img{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}
.sec-sub-poz-im-res-i-img img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.sec-sub-poz-tab, .sec-sub-poz-tab-per{
border-bottom:1px solid #eaeaea;  
}

.sec-sub-poz-tab-a, .sec-sub-poz-tab-a-per{
border-top:1px solid #eaeaea;
padding:18px 20px 18px 18px;
color: #1b1d1f;
font-size:1.121875em;
font-weight:900;
line-height:31.4167px;
position:relative;
cursor:pointer; 
}

.sec-sub-poz-tab-p-op .sec-sub-poz-tab-a,
.sec-sub-poz-tab-p-op-per .sec-sub-poz-tab-a-per,
.sec-sub-poz-tab-a:hover, .sec-sub-poz-tab-a-per:hover{
color:#ffd150;
}

.sec-sub-poz-tab-a::before, .sec-sub-poz-tab-a-per::before{
content:'';
position:absolute;
right:18px;
content:"\e114";
font-family:"uncodeicon";
margin-top:0px;
font-weight:normal;
line-height: 1;
position: absolute;
text-align:center;
top:50%;
transform: translateY(-50%) rotate(0);
transition: transform 200ms ease-out;
transform-origin: center;
width:20px; 
}

.sec-sub-poz-tab-p-op .sec-sub-poz-tab-a::before,
.sec-sub-poz-tab-p-op-per .sec-sub-poz-tab-a-per::before{
transform: translateY(-50%) rotate(45deg);
color:#ffd150;
}

.sec-sub-poz-tab-b-per-k-1{
width:200%;
transform:translateX(calc(-50% - 18px));
border-bottom: 1px solid #eaeaea;
}

.sec-sub-poz-tab-b-per-k-2{
width:200%;
border-bottom: 1px solid #eaeaea;
/*transform:translateX(calc(50% + 18px));*/
}

.sec-sub-poz-per-t.sec-sub-poz-per-t-2{
border-bottom:0px;
}

.sec-sub-poz-tab-b, .sec-sub-poz-tab-b-per{
border-top:1px solid #eaeaea;
padding:18px 18px 0px 18px;
display:none; 
}

.sec-sub-poz-tab-b p, .sec-sub-poz-tab-b-per p{
padding:0px 0px 18px 0px;
}

.sec-sub-poz-tab-b ul, .sec-sub-poz-tab-b ol,
.sec-sub-poz-tab-b-per ul, .sec-sub-poz-tab-b-per ol{
padding:0px 0px 18px 0px; 
}

.sec-sub-poz-tab-a i, .sec-sub-poz-tab-a-per i{
font-size:1.3em;
display:inline-block;
vertical-align:middle;
margin-right:15px;  
}

.sec-sub-poz-tab-a > img
{
    height: 1.3em;
    width: auto;
    display:inline-block;
  vertical-align:middle;
  margin-right: 15px;
}

.sec-sub-poz-tab-a span, .sec-sub-poz-tab-a-per span{
display:inline-block;
vertical-align:middle;
}

.con-m.page-txt-b p{
text-align:center;
padding-bottom:0px;
}

.sec-sub-poz-per-a{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin-bottom:72px;
}

.sec-sub-poz-per-a-p-l{
width:calc(50% - 36px);
margin-right:36px;
display:flex;
justify-content:flex-end;
align-items:flex-start;
flex-wrap:wrap;
}

.sec-sub-poz-per-a-p-r{
width:calc(50% - 36px);
margin-left:36px;
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.sec-sub-poz-per-a-p-w{
width:100%;
max-width:456px;
}

.sec-sub-poz-per-b{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin:0px -18px;
}

.sec-sub-poz-per-b-p{
width:calc(33.3333333333333333333% - 36px);
margin:0px 18px 36px 18px;
}


.sec-sub-poz-per{
position:relative;
}


.sec-sub-poz-per-d{
padding-top:100%;
}

.sec-sub-poz-per-i{
overflow:hidden;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

.sec-sub-poz-per-i::before{
content:'';
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color: transparent !important;
background-image: linear-gradient(to top, #101213 0%, rgba(16, 18, 19, 0) 50%) !important;
z-index:91;
}

.sec-sub-poz-per-i-img{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform:scale(1,1); 
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
z-index:90;
}

.sec-sub-poz-per:hover .sec-sub-poz-per-i-img{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}

.sec-sub-poz-per-i-img img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.sec-sub-poz-per-i-t{
position:absolute;
bottom:0px;
left:0px;
width:calc(100% - 72px);
padding:36px;
z-index:99;
}

.sec-sub-poz-per-i-t p{
color:#ffd150;
text-underline-offset:0.5em;
text-decoration:underline solid #ffd150 2px;
padding-bottom:13px;
line-height:1.75;
font-weight:600;
font-size:0.90458125em;
font-family:'Urbanist';
}

.sec-sub-poz-per-i-t h3{
color:#fff;
line-height:normal;
font-weight:900;
font-size:1.6em;
}

.sec-sub-poz-per-t{
border-bottom: 1px solid #eaeaea;
}

/*BLOG*/

.sec-bl{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
position:relative;
}

.sec-bl::before{
content:'';
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:2px;
background:#ffd150;;
}

.sec-bl-c{
padding:72px 72px 30px 72px;
border-right:1px solid #dddddd;
border-bottom:2px solid #dddddd;
width:calc(33.333333333333333333333% - 145px);
}

.sec-bl-c-im{
position:relative;
display:block;
}


.sec-bl-c-im-d{
padding-top:75%;
}

.sec-bl-c-im-i{
overflow:hidden;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

.sec-bl-c-im-i::before{
content:'';
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity:0;
z-index:91;
}

.sec-bl-c-im:hover .sec-bl-c-im-i::before{
opacity:1;
}

.sec-bl-c-im-i-img{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform:scale(1,1); 
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
z-index:90;
}

.sec-bl-c-im:hover .sec-bl-c-im-i-img{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}

.sec-bl-c-im-i-img img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.sec-bl-c-txt{
padding-top:36px;
}

.sec-bl-c-txt-cat{
color:#1b1d1f;
font-size:1.06em;
line-height:29.6833px;
font-weight:600;
font-family:'Urbanist'; 
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.sec-bl-c-txt-cat:hover{
color:#ffd150;
}

.sec-bl-c-txt-cat i{
display:inline-block;
vertical-align:middle;
margin-right:10px; 
}

.sec-bl-c-txt-cat span{
display:inline-block;
vertical-align:middle;
}

.sec-bl-c-txt-d{
color:#1b1d1f;
font-size:1.06em;
line-height:29.6833px;
font-weight:600;
font-family:'Urbanist';
padding-bottom:18px;
margin-bottom:18px;
border-bottom:1px solid #dddddd;  
}

.sec-bl-c-txt-h a{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.sec-bl-c-txt-h a:hover{
color:#ffd150;
}

.sec-bl-c-txt.page-txt-b p{
text-align:left;
padding:0px;
}

.sec-bl-c-txt-h.sec-sub-poz-dw-h{
margin:0px 0px 19px 0px;  
}

.blg-fx{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}

.blg-fx-l{
width:150px;
order:2;
margin-left:10px;
text-align:right;
}

.blg-fx-r{
width:calc(100% - 160px);
order:1;
}

.sec-bl-c-txt-d {
padding-bottom:0px;
margin-bottom:0px;
border-bottom:0px solid #dddddd;
}

/*BLOG PODSTRONA*/

.subpage-blog-entry .page-txt-b .con-mt
{
    margin-bottom: 0;
}

.subpage-blog-entry .page-txt-b .con-mt + .sec-sub-gal-txt
{
    margin-top: 40px;
}

.sec-sub-gal-txt{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin:0px -9px 70px -9px;
}

sec-sub-gal-txt-5
{
    margin:0px -30px 70px -30px;
}

.sec-sub-gal-txt-c-1{
width:calc(100% - 18px);
margin:0px 9px 18px 9px;
position:relative;
}

.sec-sub-gal-txt-c-2{
width:calc(50% - 18px);
margin:0px 9px 18px 9px;
position:relative;
}

.sec-sub-gal-txt-c-3{
width:calc(33.333333333333333333333333% - 18px);
margin:0px 9px 18px 9px;
position:relative;
}

.sec-sub-gal-txt-c-4{
width:calc(25% - 18px);
margin:0px 9px 18px 9px;
position:relative;
}

.sec-sub-gal-txt-c-5
{
    width:calc(20% - 60px);
    margin:0px 30px 18px 30px;
    position:relative;
}

.sec-sub-gal-txt-d{
padding-top:66.7%;
}

.sec-sub-gal-txt-i{
overflow:hidden;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

.sec-sub-gal-txt-i-img{
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform:scale(1,1); 
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
z-index:10;
}

.sec-sub-gal-txt-p:hover .sec-sub-gal-txt-i-img{
transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}

.sec-sub-gal-txt-i::before{
content:'';
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
background:rgba(0,0,0,0.4);
opacity:0;
z-index:11;
}

.sec-sub-gal-txt-p:hover .sec-sub-gal-txt-i::before{
opacity:1;
}

.sec-sub-gal-txt-i-img img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

/*CONTACT*/

.subpage-contact .header-fl-img-w{
display:none;
}

.subpage-contact .header-fl-img-b{
display:block;
}

.subpage-contact .header-fl-r-icon a {
color:#000;
}

.subpage-contact .sec-sub-top-a-txt-h{
max-width:1404px;
}

.subpage-contact .sec-sub-top-a-txt-h .txt-anim-a{
color:#1b1d1f;
}

.subpage-contact .header-fl-r ul li a{
color:#303133;
}

.subpage-contact ul li a:hover, .subpage-contact .header-fl-r ul .active a{
color:#ffd150;
}

.sec-sub-poz-kn{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.sec-sub-poz-kn-l{
width:58%;
}

.sec-sub-poz-kn-r{
width:calc(42% - 72px);
margin-left:72px;
}

.sec-sub-poz-kn-l-t{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.sec-sub-poz-kn-l-t-p{
width:50%;
margin-bottom:36px;
}

.subpage-contact .page-h-b{
line-height:44px;
font-size:2.3em;
}

.subpage-contact .fo-con-l-m a:hover{
color:#ffd150;
}

.subpage-contact .fo-con-l-m a i{
margin-right:19px;
}

.sec-sub-poz-kn-l-t-p-txt{
padding-left:32px;
position:relative;

}

.sec-sub-poz-kn-l-t-p-txt p{
font-size:1.25104375em;
font-weight:700;
letter-spacing:normal;
line-height:37px;
color:#1b1d1f;
margin-top:-10px;
display:block;
}

.sec-sub-poz-kn-l-t-p-txt::before{
content: "\e612";
font-family:'uncodeicon';
position:absolute;
left:8px;
top:10px;
font-weight:700;
color:#1b1d1f;
}

.sec-sub-poz-kn-l-t-p-h{
font-size:1.4em;
font-weight:900;
letter-spacing:normal;
line-height:37px;
color:#1b1d1f;
margin-bottom:30px;
text-transform:uppercase;
}

.sec-sub-poz-kn-l-t-p-h span{
display:inline-block;
vertical-align:middle;
position:relative;  
}

.sec-sub-poz-kn-l-t-p-h span::before{
content:'';
position:absolute;
left:0px;
bottom:7px;
width:100%;
height:4px;
background:#ffd150; 
}

.sec-sub-poz-kn-l-d{
width:100%;
max-width:504px;
border-bottom:2px solid #eaeaea;
}

.sec-sub-poz-kn-l-s{

}


.sec-sub-poz-kn-l-s a{
color:#1b1d1f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin:0px 0px 0px 15px;
font-size:1.5em;
display:inline-block;
vertical-align:middle;  
}

.sec-sub-poz-kn-l-s a:hover{
color:#ffd150;    
}

.sec-sub-poz-kn-r-m{
width:100%;
height:720px;
}

.sec-sub-poz-kn-r-m-d{
background:#ffd150;
color:#ffffff;
padding:9px;
text-align:center;
font-style:normal;
font-weight:500;
font-size:0.8125em;
font-family:'Urbanist';
}


/*MENU KWADRATY*/


.nav-rh{
position:fixed;
right:20px;
bottom:20px;
}

.nav-rh ul li{
list-style-type:none;
width:14px;
height:14px;
background:#fff;
border:2px solid #000;
cursor:pointer;
display:block;
position:relative;
opacity:0.8;
margin-bottom:10px; 
}

.nav-rh ul li:hover{
background:#ffc83d; 
}

.nav-rh ul .active{
background:#ffc83d;
opacity:1; 
}

.nav-rh ul li > span{
position:absolute;
right:19px;
top:0px;
opacity:0;
visibility:hidden;
display:block;
font-weight:700;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
width:300px;
text-align:right;
}

.nav-rh ul li > span > span{
background:#ffc83d;
padding:10px 10px;
border-radius:10px;
color:#000;
font-size:1em;
display:inline-block;
}

.nav-rh ul li:hover > span{
opacity:1;
visibility:visible;
}

.menu-bl-p{
padding:36px 108px;
}

.menu-bl{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
color:#1b1d1f;
line-height:normal;
font-weight:700;
font-size:1.25em;
letter-spacing:4px;
font-family:'Urbanist';
}

.menu-bl-l, .menu-bl-r{
width:calc(50% - 20px);
}

.menu-bl-r{
text-align:right;
}

.menu-bl-c{
text-align:center;
}

.menu-bl-l a, .menu-bl-r a, .menu-bl-c a{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
color:#1b1d1f;
}

.menu-bl-l a:hover, .menu-bl-r a:hover, .menu-bl-c a:hover{
color:#ffd150;
}

.menu-bl-c{
width:40px;
}

.menu-bl-l i{
display:inline-block;
vertical-align:middle;
width:26px;
}

.menu-bl-r i{
display:inline-block;
vertical-align:middle;
width:26px;
}

.menu-bl-l span, .menu-bl-r span{
display:inline-block;
vertical-align:middle;
width:calc(100% - 30px);
}

/*REFERENCJE*/

.subpage-references header
{
  background: #f7f7f7;
}

.subpage-references .header-fl-img-w{
display:none;
}

.subpage-references .header-fl-img-b{
display:block;
}

.subpage-references .header-fl-r-icon a {
color:#000;
}

.subpage-references .sec-sub-top-a-txt-h .txt-anim-a{
color:#1b1d1f;
}

.subpage-references .header-fl-r ul li a{
color:#303133;
}

.subpage-references ul li a:hover, .subpage-references .header-fl-r ul .active a{
color:#ffd150;
}

.subpage-references .sec-sub-poz
{
    padding-top: 218px;
    background: #fff;
}

.reference-content
{
    margin-top: -20px;
    font-size: 1.6em;
    line-height: 1.3em;
    font-weight: 900;
    margin-bottom: 72px;
}

.subpage-references .sec-sub-gal-txt-i,
.subpage-references .sec-sub-gal-txt-i-img
{
    position: static;
}

.subpage-references .sec-sub-gal-txt-d
{
    padding-top: 0;
}

.logo-gallery .sec-sub-gal-txt-i:hover .sec-sub-gal-txt-i-img
{
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

.logo-gallery .sec-sub-gal-txt-i:hover::before
{
  opacity:0; 
}


/*STOPKA*/

.fo{
background:#ffd150;
padding:72px 0px;
}

.fo-con{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.fo-con-l{
width:33.333333333333333333333333333%;
}

.fo-con-r{
width:66.666666666666666666666666666%;
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.fo-con-r-poz{
width:calc(33.333333333333333333333333333% - 72px);
padding-left:72px;  
}

.fo-h{
font-size:1.6em;
font-weight:900;
letter-spacing:normal;
line-height:30.7167px;
color:#1b1d1f;
padding:0px 0px 18px 0px;
margin:0px 0px 30px 0px;
border-bottom:1px solid #1b1d1f;
}

.fo-con-l-m{
margin-bottom:15px;
}

.fo-con-l-m a{
font-size:1.25104375em;
font-weight:700;
letter-spacing:normal;
line-height:normal;
color:#1b1d1f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.fo-con-l-m a:hover{
color:#fff;
}

.fo-con-l-m a i{
margin-right:10px;
}

.fo-con-r-poz ul li{
display:block;
list-style-type:none;
margin:0px 0px 7px 0px;
}

.fo-con-r-poz ul li a{
font-size:1.25104375em;
font-weight:700;
letter-spacing:normal;
line-height:normal;
color:#1b1d1f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;

}

.fo-con-r-poz ul li a:hover{
color:#fff;
}

.fo-con-r-poz p{
font-size:1.25104375em;
font-weight:700;
letter-spacing:normal;
line-height:30px;
color:#1b1d1f;
}

.fo-icon a{
color:#1b1d1f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin:0px 0px 0px 15px;
font-size:1.125em;
display:inline-block;
vertical-align:middle;  
}

.fo-icon a:hover{
color:#000; 
}

.fo-bottom{
font-size:1.121875em;
font-weight:600;
letter-spacing:normal;
line-height:30px;
font-family:'Urbanist';
color:#1b1d1f;
padding-top:55px; 
}



.yt-embed {
  max-width: 100% !important;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  position: relative;

  iframe {
    width: 100%;
    height: 100%;
    transform: scale(1.2);
  }

  .yt-embed-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
rgba(0,0,0,.1);
  }
}

.sec-ref{
padding:75px 0px;  
}

.sec-ref .sec-sub-gal-txt-d{
padding-top: 0;
}

.sec-ref .sec-sub-gal-txt-i,
.sec-ref .sec-sub-gal-txt-i-img
{
  position: static;
}

.lbox-c-l-3, .lbox-c-r-3{
font-size:18px;
color:#fff;
cursor:pointer;
width:51px;
height:120px;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
margin-bottom: 60px;  
}

.lbox-m-min-p-con-m2{
width:100%;
height:50px;
margin:0px;
padding:0px;
}

.lbox-m-min-p-con-m2.active
{
opacity:0.6;
}

.lbox-m-min-p-con-m2 img{
height:100%;
width:100%;
object-fit:cover;
object-position:center center;
}