
.GlAn {
float: left;
width: 100%;
height:calc(100% - (var(--h2) * 1.5));
min-height:600px;
position:relative;
}

.GlNg {
float: left;
width: 100%;
height:calc(100% - (var(--h2) * 1.5));
xmax-height:600px;
min-height:600px;
}

.GlZp {
float: left;
width: 100%;
height:calc(var(--h2) * 1.5);
background-color:var(--k2);
color:var(--k3);
font-size:40px;
display:flex;
align-items:center;
justify-content:center;
}

.GlZp > h1 {
font-weight:700;
}



/*------------------------------------*
POWITANIE
*------------------------------------*/

.GlPw {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.35) 100%);
z-index:7777;
display:flex;
align-items:center;
justify-content:center;
}

.GlPw.anim-element {
margin-top:-800px;
transition:4.5s;
}


.GlPw.anim-element.in-view {
margin-top:0;
transition:4.5s;
}

.GlPw > a {
display:block;
font-family:var(--f2);
color:var(--k3);
text-align:center;
}

.GlPw > a > p {
display:block;
width:100%;
font-size:30px;
color:var(--k2);
}

.GlPw > a > span {
display:block;
width:100%;
color:var(--k2);
font-family:var(--f1);
}

.GlPw > a > div.fas {
font-size:100px;
padding:12px 0;
transition:0.5s;
animation: mymove 1s infinite;
}

@keyframes mymove {
from {transform: rotateY(0);}
to {transform: rotateY(180deg);}
}

.GlPw > a:hover > div.fas {
font-size:160px;
padding:50px 0;
transition:0.5s;
}


/*------------------------------------*
ANIMACJA
*------------------------------------*/

#foobar, .bx-wrapper, .bx-viewport {
height:100% !important;
}

.BXslide {
width:100%;
height:100%;
position:relative;
}

.GlAn .bx-pager,
.GlAn .bx-controls-direction {
display:none;
}

.BXslide > a > img {
float:left;
width:100%;
height:100%;
object-fit:cover;
}

.BXslide > a > div {
position:absolute;
bottom:0;
left:0;
display:none;
xdisplay:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:50%;
height:100%;
color:var(--k2);
background-color:var(--t2);
padding:50px;
font-size:16px;
}

.BXslide > a > div > h3 {
display:block;
width:100%;
margin-bottom:25px;
font-size:40px;
}
/*------------KOLUMNY------------*//*------------KOLUMNY------------*/
