@import "reset.css";

html{
scroll-behavior:smooth;  
}

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

}


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

}



body{
margin:0px;
padding:0px;
font-size:16px;
font-family: 'swis721lteunormal';
font-weight:normal;
font-style:normal;
background:#000;
}

body input, body textarea, body button
{
font-family: 'swis721lteunormal';
font-weight:normal;
font-style:normal;
}

body.body-otw
{
overflow: hidden;
}



/*NAGŁOWEK*/

.naglowek-strona
{
background:#fff;
padding:1.5vw 2.5vw;
}

.naglowek-strona-gora
{
display:flex;
justify-content:space-between;
align-items:flex-end;
flex-wrap:nowrap;
}

.naglowek-strona-gora-logo img
{
width:11.4vw;
height:auto;
}

.naglowek-strona-gora-menu ul
{
display:flex;
justify-content:space-between;
align-items:flex-end;
flex-wrap:nowrap;    
}

.naglowek-strona-gora-menu ul li
{
list-style-type:none;
margin:0px;
padding:0px 0px 0px 6vw;
text-align:center;
position:relative;
}

.naglowek-strona-gora-menu ul li::before
{
content:'';
position:absolute;
left:3vw;
top:0px;
width:3px;
height:100%;
background:#e50000;
}

.naglowek-strona-gora-menu ul li:first-child::before
{
display:none;
}



.naglowek-strona-gora-menu ul li a
{
font-weight:400;
font-size:1.3vw;
line-height:1.3vw;
color:#000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
font-family: 'swis721mdeunormal';
}

.naglowek-strona-gora-menu ul .aktywny a, .naglowek-strona-gora-menu ul li a:hover
{
color:#e50000;
}

.naglowek-strona-gora-szukaj
{
width:34px;
height:20px;
display:none;     
}

.naglowek-strona-gora-przeloncznik
{
width:34px;
height:20px;
border-top:4px solid #000;
border-bottom:4px solid #000;
position:relative;
cursor:pointer;
display:none; 
}

.naglowek-strona-gora-przeloncznik::before
{
content:'';
position:absolute;
top:8px;
left:0px;
width:100%;
height:4px;
background:#000;
}

.naglowek-strona-gora-menu-mobilne
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:#000;
overflow:auto;
z-index:99999; 
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.naglowek-strona-gora-menu-mobilne.naglowek-strona-gora-menu-mobilne-otw
{ 
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.naglowek-strona-gora-menu-mobilne-zaw
{
padding:50px 30px;
}


.naglowek-strona-gora-menu-mobilne-zam
{
position:absolute;
top:20px;
right:20px;
width:40px;
height:40px;
cursor:pointer;
z-index:99;
}

.naglowek-strona-gora-menu-mobilne-zam::before
{
content:'';
position:absolute;
top:22px;
left:0px;
width:100%;
height:3px;
background:white;
transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
}

.naglowek-strona-gora-menu-mobilne-zam::after
{
content:'';
position:absolute;
top:22px;
left:0px;
width:100%;
height:3px;
background:white;
transform: rotate(-45deg); 
-webkit-transform: rotate(-45deg); 
-ms-transform: rotate(-45deg); 
}

.naglowek-strona-gora-menu-mobilne-zaw nav
{
padding:60px 0px;
}

.naglowek-strona-gora-menu-mobilne-zaw ul
{
display:block;
text-align:center;
}

.naglowek-strona-gora-menu-mobilne-zaw ul li
{
display:block;
padding:18px 15px;
}

.naglowek-strona-gora-menu-mobilne-zaw ul li a
{
display:block;
font-family: 'swis721mdeunormal';
font-size:24px;
color:#fff;
line-height:normal;
position:relative;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}


.naglowek-strona-gora-menu-mobilne-zaw ul li a:hover, .naglowek-strona-gora-menu-mobilne-zaw ul .aktywny a
{
color:#ed1a36;
}






/*BANER GŁÓWNA*/

.sekcja-baner-glowna
{
position:relative;
border-top: 2px solid #e50000;
}


.sekcja-baner-glowna img
{
width:100%;
height:auto;
}

.sekcja-baner-glowna-ob-m
{
display:none;
}

.sekcja-baner-glowna-tekst
{
position:absolute;
top:2.5vw;
left:2.5vw;
width:calc(100% - 5vw);
height:calc(100% - 5vw);
border:1px solid #eeeeee;
}



.sekcja-baner-glowna-tekst-nag
{
position:relative;
top:50%;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
margin:0px 17%;
padding:0px;
border-left:1px solid #fff;
border-right:1px solid #fff;
text-align:center;
}




.sekcja-baner-glowna-tekst-a
{
text-align:center;
font-size:7.6vw;
line-height:8.6vw;
display:block;
color:#fff;
font-weight:400;
}

.sekcja-baner-glowna-tekst-b
{
text-align:center;
font-size:3.1vw;
line-height:3.6vw;
display:block;
color:#fff;
font-weight:400;
}


/*SEKCJA BLOKI*/

.sekcja-bloki
{
border-top:2px solid #e50000;
}

.sekcja-bloki-naglowek
{
background:#eeedeb;
text-align:center;
font-weight:400;
font-size:1.6vw;
line-height:1.6vw;
color:#000;
font-family: 'swis721mdeunormal';
letter-spacing:0.5vw;
padding:1vw;
border-bottom:2px solid #fff;
}

.sekcja-bloki-tlo
{
position:relative;
}

.sekcja-bloki-tlo-ob img
{
width:100%;
height:auto;
}

.sekcja-bloki-tlo-ob-m
{
display:none;
}

.sekcja-bloki-tlo-ob-kom
{
display:block;
}

.sekcja-bloki-tlo-gora
{
position:absolute;
top:0px;
left:0px;
width:100%;
background: rgb(238,237,235);
background: -moz-linear-gradient(180deg, rgba(238,237,235,1) 40%, rgba(238,237,235,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(238,237,235,1) 40%, rgba(238,237,235,0) 100%);
background: linear-gradient(180deg, rgba(238,237,235,1) 40%, rgba(238,237,235,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeedeb",endColorstr="#eeedeb",GradientType=1);
z-index:99;
}

.sekcja-bloki-tlo-gora-podmenu
{
background:#eeedeb;
border-bottom:2px solid #fff;
}

.sekcja-bloki-tlo-gora-nav
{
padding:1.2vw 2.5vw 7.5vw 2.5vw;   
}

.sekcja-bloki-tlo-gora-podmenu .sekcja-bloki-tlo-gora-nav
{
padding:1.2vw 2.5vw 1.2vw 2.5vw;   
}

.sekcja-bloki-tlo-gora-nav ul
{
padding:0px;
margin:0px;
display:flex;
justify-content:center;
align-items:stretch;
flex-wrap:nowrap;
}

.sekcja-bloki-tlo-gora-nav ul li
{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
flex-direction:column;
padding:0.4vw 2.9vw;
position:relative;
}

.sekcja-bloki-tlo-gora-nav ul li::before
{
content:'';
position:absolute;
left:0px;
width:1px;
height:100%;
background:#e50000; 
}

.sekcja-bloki-tlo-gora-nav ul li:last-child::after
{
content:'';
position:absolute;
right:0px;
width:1px;
height:100%;
background:#e50000; 
}

.sekcja-bloki-tlo-gora-nav ul li a
{
display:block;
font-size:1.2vw;
line-height:1.3vw;
color:#000;
font-weight:400;
position:relative;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
text-align:center; 
}


.sekcja-bloki-tlo-gora-nav ul li a:hover, .sekcja-bloki-tlo-gora-nav ul .current_page_item a
{
color:#e50000;
}

.sekcja-bloki-boks
{
position:absolute;
top:2.5vw;
left:2.5vw;
width:calc(100% - 5vw);
height:calc(100% - 5vw);
z-index:98;
}

.sekcja-bloki-boks-tekst
{
position:relative;
top:50%;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
margin:0px 17%;
padding:1.5vw 0px;
border-left:1px solid #e50000;
border-right:1px solid #e50000;
text-align:center;
}

.sekcja-bloki-boks-podstrona
{
padding:2.5vw 0px;
background:#eeedeb;
border-bottom:2px solid #fff;
}


.sekcja-bloki-boks-tekst-podstrona
{
margin:0px 17%;
padding:1.5vw 0px;
text-align:center;
}

.sekcja-bloki-boks-tekst-podstrona-blok
{
background:#fff;
padding:1.5vw;
text-align:left;
}

.sekcja-bloki-boks-tekst-podstrona-blok-img
{
margin-bottom:1.5vw;
}

.sekcja-bloki-boks-tekst-podstrona-blok-img img
{
width:100%;
height:auto;
}

.sekcja-bloki-boks-tekst-podstrona-blok p
{
font-weight:400;
font-size:1vw;
line-height:1.3vw;
color:#000;
padding-bottom:1.5vw;
}

.sekcja-bloki-boks-tekst-podstrona-blok p a, .sekcja-bloki-boks-tekst-podstrona-blok p a:hover
{
font-weight:400;
color:#000;
text-decoration:underline;
}

.sekcja-bloki-boks-tekst-podstrona-blok p img
{
width:100%;
height:auto;
padding-bottom:1.5vw;
}

.sekcja-bloki-boks-tekst-podstrona-blok p .obrazek-wpis{
width:auto;
height:auto;
max-width:100%;
padding-bottom:1.5vw;	
}


.sekcja-bloki-boks-tekst-podstrona-lista
{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
background:#fff;
position:relative;
margin-bottom:1.5vw;
}

.sekcja-bloki-boks-tekst-podstrona-lista-ob
{
width:35%;
min-height:230px;
position:relative;
}

.sekcja-bloki-boks-tekst-podstrona-lista-ob-img
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}

.sekcja-bloki-boks-tekst-podstrona-lista-ob-img img
{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.sekcja-bloki-boks-tekst-podstrona-lista-zaw
{
width:65%;
}

.sekcja-bloki-boks-tekst-podstrona-lista-zaw.sekcja-bloki-boks-tekst-podstrona-lista-zaw-full
{
width:100%;
}

.sekcja-bloki-boks-tekst-podstrona-lista-zaw-tekst
{
padding:1.5vw;
text-align:left;
}

.sekcja-bloki-boks-tekst-podstrona-lista-zaw-tekst-nag
{
font-weight:400;
font-size:1.6vw;
line-height:1.6vw;
color:#000;
font-family: 'swis721mdeunormal';
margin:0px 0px 1.6vw 0px;
}

.sekcja-bloki-boks-tekst-podstrona-lista-zaw-tekst p
{
font-weight:400;
font-size:1vw;
line-height:1.3vw;
color:#000;
}

.sekcja-bloki-boks-tekst-podstrona-lista-zaw-tekst-przycisk
{
padding-top:1.5vw;
}

.sekcja-bloki-boks-tekst-podstrona-lista-zaw-tekst-przycisk-z
{
font-weight:400;
font-size:1vw;
line-height:1.3vw;
color:#fff;
padding:0.5vw 0.8vw;
background:#e50000;
display:inline-block;    
}


.sekcja-bloki-boks-tekst-zaw
{
background:rgba(255,255,255,0.6);
padding:2vw 3.1vw;
font-size:2.3vw;
line-height:3.1vw;
color:#000;
font-weight:400;
text-align:center;
min-height:40vh;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
}













/*STOPKA*/

.stopka
{
background:#313540;
}

.stopka-p-nad
{
padding:80px 2.5vw;
background:#fff;
font-size: 1.2vw;
line-height: 1.3vw;
color: #000;
font-weight:400;
text-align: center;
}

.stopka-p
{
padding:80px 2.5vw;
}

.stopka-zaw
{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.stopka-bloki
{
width:25%;
}

.stopka-bloki p
{
color:#fff;
font-weight:400;
font-size:1.1vw;
line-height:1.5vw;
padding-bottom:30px;
}

.stopka-bloki p a, .stopka-bloki p a:hover
{
color:#fff; 
}

.stopka-bloki ul
{
margin:0px;
padding:0px;
}

.stopka-bloki ul li
{
margin:0px;
padding:0px;
list-style-type:none;
display:block;
}

.stopka-bloki ul li a
{
color:#fff;
font-weight:400;
font-size:1.1vw;
line-height:1.5vw;
display:block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.stopka-bloki ul li a:hover
{
color:#e50000;
}


.stopka-bloki-logo img
{
max-width:230px;
width:100%;
height:auto;
}

.stopka-bloki-socialmedia
{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin-bottom:30px;
}

.stopka-bloki-socialmedia img
{
margin:0px 10px 0px 0px;
}