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;
}

html{
scroll-behavior:smooth;  
}


body{
margin:0px;
padding:0px;
font-family:"Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight:400;
font-style:normal;
}


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


.section-sep{
height:1vw;
background:#fff;
}

/*SEKCJA 1*/

.section-a{
background:#2f2f2f;	
}

.section-a-content{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.section-a-content-left{
width:63%;
}

.section-a-content-image img{
width:100%;
height:auto;
display:block;
}

.section-a-content-text{
width:47%;
clip-path:polygon(18% 0, 100% 0, 100% 100%, 0% 100%);
-webkit-clip-path:polygon(18% 0, 100% 0, 100% 100%, 0% 100%);
background:#2f2f2f;
margin-left:-10%;
position:relative;
}

.section-a-content-text::before{
content:'';
position:absolute;
top:0px;
left:8.4%;
width:4.4%;
height:100%;
background:#88ba32;
transform:skewX(-9deg); 
-webkit-transform:skewX(-9deg);
-ms-transform:skewX(-9deg);
-o-transform:skewX(-9deg);
z-index:99;
}

.section-a-content-text-content{
padding-left:8.1vw;
}

.section-a-content-text-logo{
padding-top:3vw;
margin-bottom:2.5vw;
text-align:center;
}

.section-a-content-text-logo img{
width:12.5vw;
height:auto;
}

.section-a-content-text-content-top-header{
text-align:center;
font-size:3vw;
line-height:3.5vw;
color:#fff;
font-weight:700;
margin-bottom:0.5vw;
}

.section-a-content-text-content-top-text-a{
text-align:center;
font-size:1.4vw;
line-height:1.7vw;
color:#fff;
font-weight:600;
margin-bottom:1vw;	
}

.section-a-content-text-content-top-text-b{
text-align:center;
font-size:1.7vw;
line-height:2.2vw;
color:#fff;
font-weight:700;
margin-bottom:2vw;	
}

.section-a-content-text-content-top-text-c{
text-align:center;
font-size:2vw;
line-height:2.4vw;
color:#88ba32;
font-weight:700;
margin-bottom:1vw;	
}

.section-a-content-text-image-one{
text-align:center;
margin-bottom:2vw;	
}

.section-a-content-text-image-one img{
width:15vw;
height:auto;
}

.section-a-content-text-barand{
background:#fff;
padding:1vw 0px;
text-align:center;
position:relative;
}

.section-a-content-text-barand::before{
content:'';
background:#fff;
position:absolute;
top:0px;
right:100%;
width:50%;
height:100%;
z-index:98;
}

.section-a-content-text-barand::after{
content:'';
background:#fff;
position:absolute;
top:100%;
right:0px;
width:150%;
height:1vh;
z-index:98;
}

.section-a-content-text-barand img{
width:32vw;
height:auto;
}

.section-a-content-image-text{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
}

.section-a-content-image-text-a{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
margin:1.2vw 1.2vw;
}

.section-a-content-image-text-a img{
width:1.3vw;
height:auto;
}

.section-a-content-image-text-a-block{
font-size:1.6vw;
line-height:1.4vw;
color:#fff;
font-weight:700;
padding-left:1vw;
}

.section-a-content-image-text-a-block span{
font-size:1vw;
line-height:1.2vw;
color:#fff;
font-weight:700;
}


.section-a-content-image-text-b{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
margin:1.2vw 1.2vw 1.2vw 0px;
}

.section-a-content-image-text-b img{
width:1.8vw;
height:auto;
}

.section-a-content-image-text-b-block{
padding-left:0.5vw;	
}

.section-a-content-image-text-b-block a,
.section-a-content-image-text-b-block a:hover{
font-size:1.6vw;
line-height:1.8vw;
color:#fff;
font-weight:700;
}

.section-a-content-image-text-c{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
margin:1.2vw 1.2vw 1.2vw 1.2vw;
}

.section-a-content-image-text-c-ikona-1{
margin-right:0.5vw;
}

.section-a-content-image-text-c-ikona-1 img{
width:0.8vw;
height:auto;
}

.section-a-content-image-text-c-ikona-2{
margin-right:0.5vw;
}

.section-a-content-image-text-c-ikona-2 img{
width:1.4vw;
height:auto;
}

.section-a-content-image-text-c-ikona-3,
.section-a-content-image-text-c-ikona-3:hover{
font-size:0.9vw;
line-height:1vw;
color:#fff;
font-weight:700;
}

/*SEKCJA 1 MOBILNA*/

.section-a-content-mobile{
display:none;
}

.section-a-content-mobile-image{
margin-bottom:30px;
}

.section-a-content-mobile-image img{
width:100%;
height:auto;
}

.section-a-content-mobile-text{
padding:0px 20px;
}

.section-a-content-mobile-logo{
margin-bottom:50px;
text-align:center;
}

.section-a-content-mobile-logo img{
width:250px;
height:auto;
}

.section-a-content-mobile-header{
text-align:center;
font-size:40px;
line-height:normal;
color:#fff;
font-weight:700;
margin-bottom:5px;
}

.section-a-content-mobile-text-a{
text-align:center;
font-size:20px;
line-height:normal;
color:#fff;
font-weight:600;
margin-bottom:30px;	
}

.section-a-content-mobile-text-b{
text-align:center;
font-size:26px;
line-height:normal;
color:#fff;
font-weight:700;
margin-bottom:30px;	
}

.section-a-content-mobile-c{
text-align:center;
font-size:26px;
line-height:normal;
color:#88ba32;
font-weight:700;
margin-bottom:30px;	
}

.section-a-content-mobile-image-one{
text-align:center;
margin-bottom:50px;
}

.section-a-content-mobile-image-one img{
width:100%;
max-width:336px;
height:auto;
}

.section-a-content-mobile-image-text-a{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin-bottom:40px;
text-align:center;
}

.section-a-content-mobile-image-text-a img{
margin-right:10px;
}


.section-a-content-mobile-image-text-a-block{
font-size:30px;
line-height:normal;
color:#fff;
font-weight:700;
}

.section-a-content-mobile-image-text-a-block span{
font-size:18px;
line-height:normal;
color:#fff;
font-weight:700;
}


.section-a-content-mobile-image-text-b{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin-bottom:40px;
text-align:center;
}

.section-a-content-mobile-image-text-b-block{
padding-left:20px;	
}

.section-a-content-mobile-image-text-b-block a,
.section-a-content-mobile-image-text-b-block a:hover{
font-size:30px;
line-height:normal;
color:#fff;
font-weight:700;
}

.section-a-content-mobile-image-text-c{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin-bottom:40px;
text-align:center;
}

.section-a-content-mobile-image-text-c-ikona-1{
margin-right:10px;
}

.section-a-content-mobile-image-text-c-ikona-2{
margin-right:10px;
}

.section-a-content-mobile-image-text-c-ikona-3,
.section-a-content-mobile-image-text-c-ikona-3:hover{
font-size:18px;
line-height:normal;
color:#fff;
font-weight:700;
}



/*SEKCJA 2*/

.section-b{
background:#2f2f2f;	
}

.section-b-content{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.section-b-content-right{
width:63%;
}

.section-b-content-image img{
width:100%;
height:auto;
display:block;
}

.section-b-content-text{
width:47%;
clip-path:polygon(0 0, 100% 0, 82% 100%, 0% 100%);
-webkit-clip-path:polygon(0 0, 100% 0, 82% 100%, 0% 100%);
background:#2f2f2f;
margin-right:-10%;
position:relative;
}

.section-b-content-text::before{
content:'';
position:absolute;
top:0px;
right:8.4%;
width:4.4%;
height:100%;
background:#88ba32;
transform:skewX(-8.3deg); 
-webkit-transform:skewX(-8.3deg);
-ms-transform:skewX(-8.3deg);
-o-transform:skewX(-8.3deg);
z-index:99;
}

.section-b-content-text-content{
padding-right:8.1vw;
}

.section-b-content-text-logo{
padding-top:3vw;
margin-bottom:2.5vw;
text-align:center;
}

.section-b-content-text-content-sep{
width:22vw;
height:1.5vw;
background:#88ba32;
margin:0px auto 3vw auto;
}

.section-b-content-text-content-header{
text-align:center;
font-size:3.2vw;
line-height:5vw;
color:#fff;
font-weight:700;
margin-bottom:0.5vw;	
}

.section-b-content-text-info{
text-align:center;
padding-top:5vw;
}

.section-b-content-text-info img{
width:28vw;
height:auto;
}

.section-b-content-mobile{
display:none;
}

.section-b-content-mobile-text-content-header{
text-align:center;
font-size:40px;
line-height:normal;
color:#fff;
font-weight:700;
margin-bottom:40px;
padding:0px 20px;	
}

.section-b-content-mobile-text-info{
text-align:center;
padding:0px 20px;
margin-bottom:40px;
}

.section-b-content-mobile-text-info img{
width:100%;
max-width:610px;
height:auto;
}

.section-a-content-text-content-top-header-two{
text-align:center;
font-size:2.8vw;
line-height:4vw;
color:#fff;
font-weight:700;
padding-top:7vw;
margin-bottom:4vw;
}

.section-a-content-text-content-mobile-top-header-two{
text-align:center;
font-size:36px;
line-height:normal;
color:#fff;
font-weight:700;
margin-bottom:40px;
text-align:center;
padding:0px 20px;
}

.section-b-content-text-content-mobile-sep{
width:100%;
max-width:430px;
height:20px;
background:#88ba32;
margin:0px auto 40px auto;	
}

.section-sep-mobile{
height:40px;
background:#2f2f2f;
}


@media (max-width: 992px) {

.section-a-content{
display:none;
}

.section-a-content-mobile{
display:block;
}

.section-b-content{
display:none;
}

.section-b-content-mobile{
display:block;
}

.section-sep{
height:10px;
background:#fff;
}

}