@charset "UTF-8";
 

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


* {
  box-sizing: border-box;
}

.body {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Montserrat', Calibri, sans-serif;
  line-height: 1.6;
  color: #222;
  background-color: #fff;
position: relative; 
    
}


.body::before {  content: "";  display: block;  position: absolute;  top: 0; 
  left: 0;  width: 100%;  height: 100%;  background-image: url(../img/bg-left.png);
  background-repeat: no-repeat;  background-position: top left;  z-index: 1;  pointer-events: none;
    
}


img,
embed,
object,
video {
  max-width: 100%;
  height: auto !important;
}

iframe {
  max-width: 100%;
}

.header__title {
  position: relative;
  margin: 0;
  font-size:  1.875rem; 
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.2;  
  text-align: left;
  text-transform: initial;
}

.body--subpage main { padding-top: 20px;  overflow: hidden;    }

.body--subpage .body__wrapper {
    width: 1300px; 
    max-width: 95%;
    margin: auto;
    padding-top: 0;
    padding-bottom: 3rem;
}

.header__title.header__title--nobefore::before {
  display: none;
}


a {
  color: #eee;
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
a:hover {
  color: #222;
}

#scrollTop {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 50;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
#scrollTop a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 6px 12px;
  font-size: 25px;
  color: #414141;
}
#scrollTop a:hover {
  color: #ff0000;
}

.header {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  border-bottom: 0px solid #707070;
position: relative;
   z-index: 444;
  background-color: RGBA(25,27,28,0.90);
  background-color: transparent;
}

.header__wrapper {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding: 2.2rem 0;
  padding-top: 40px;


}

.body__wrapper > h1.header__title{ display: none; }

.body__wrapper .contact{ display: flex; flex-direction: row-reverse; }

.body__wrapper .contact .contact__excerpt{  padding-left: 50px;  flex: 60%; text-align: right; }

.body__wrapper .contact .contact__excerpt img{ padding: 0; margin: 0; margin-top: 0px; margin-right: 0px;  }


.body__wrapper .contact .contact__form{  flex: 40%;   padding-left: 0%; padding-top: 80px;  padding-right: 90px; }

.body__wrapper .contact .contact__form h2.contact__title { display: none; }

.body__wrapper .contact  .contact__form .btn.btn-primary{  max-width: 180px;  display: block;  margin-left: auto;
  color: #ffffff;  border-radius: 15px;  background: #65a8a9;    margin-right: auto; position: relative; border:0px solid #fff;  }

.body__wrapper .contact  .contact__form .btn.btn-primary:hover {  border:0px solid #fff; }

.body__wrapper .contact  .contact__form .btn.btn-primary { min-height: 50px;  }

.body__wrapper .contact  .contact__form .btn.btn-primary:hover { min-height: 50px; }

.body__wrapper .contact  .contact__form input, .body__wrapper .contact  .contact__form textarea{  font-size: 1rem;  color: #373737;  border: 1px solid #65a8a9;  text-align: center; min-height: 60px; font-weight: 500; padding-top: 10px; border-radius: 15px; }

.body__wrapper .contact  .contact__form .row{  margin-bottom: 11px;}


.header__bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; 
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.header__left {
  position: relative;
min-width: 100px; 
}

.header__left a { position: absolute; top: -43px;    }

.header__left a img { max-width: 128px;   }


.header__left::after {
  content: "";
display: none; 
  width: 130px;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: calc(-2rem + 1px);
  background: #b3c009;
}

.header__menu{display: flex;    justify-content: center;align-items: center; margin-bottom: 12px; }

.header__menu ul#menu1 .bin1 { margin-right: 0px;  margin-left: 0px; margin-right: 5px; }
.header__menu ul#menu1 .bin1 a{ color: #373737; font-size: 0.9375rem; font-weight: 600; padding: 5px 0px;  display: inline-block; white-space: nowrap; }

.header__menu  .bin1 a span{  color:  #373737;    letter-spacing: 0.2px;      }

.header__menu ul#menu1  li a{ position: relative; }

.header__menu ul#menu1  li a::before{  content: "";  display: block;  position: absolute;  top: 0; 
  right: 0;  width:2px;   height:20px;  background: #000;   pointer-events: none;  top:31%; }

.header__menu .bin2 {  margin-top: 5px;  }
.header__menu ul#menu1 .bin2 a{    color:  #373737;  font-size: 0.9375rem; font-weight: 600;   display: inline-block; white-space: nowrap;  padding: 5px 0px; }


.header__menu .bin2 a span{  color:  #373737;  letter-spacing: 0.5px; font-size: 0; }
.header__menu .bin2 a span i{  color:  #373737;    font-size: 22px; }


.header__menu .bin2 a:hover{ background-color:transparent; opacity: 0.8;  } 
.header__menu .bin1 a:hover{ background-color:transparent; opacity: 0.8;  } 

.header__menu .bin1 a span{  font-size: 0; }
.header__menu .bin1 a span i{  color:  #373737;    font-size: 22px; }

.header__menu  ul#menu1 .bin1 a::before{display: none;}
.header__menu  ul#menu1 .bin2 a::before{display: none;}

.header__menu  ul#menu1 li:nth-last-child(3) a::before{display: none;}

#g_menu {
  width: 100%;
  margin: auto;
}

#menu1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
#menu1 * {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 900;
}
#menu1 li {
  position: relative;
  white-space: nowrap;
}
#menu1 li a {
  display: block;
  position: relative;
}
#menu1 li a.item1 {
  padding: 0.6rem 1.7rem;
  font-size: 1.25rem;
  color: #fff;
 font-weight: 500;
  letter-spacing: 0;
  letter-spacing: 0.7px;
  line-height: 1.4;
  text-align: center;
 
    color: #1d1d1b; 
}

#menu1 li a.item1::after {  display:none;  }

#menu1 li.sfHover a.item1:hover::after, #menu1 li.sfHover a.current:hover::after,
#menu1 li a.item1:hover::after, #menu1 li.current a.item1::after {
  opacity: 1;
}
#menu1 li:hover > ul, #menu1 li.sfHover > ul {
  opacity: 0;
  visibility: hidden;
}

#menu1 li a.item1:hover {   color:  #0e9da2 }

#menu1 li.current a.item1 {   color:  #0e9da2;  }

#menu1 li ul {
  position: absolute;
  left: 10px;
  top: 100%;
  z-index: 1;
  -webkit-box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
#menu1 li ul li {
  width: 240px;
  white-space: normal;
  text-align: left;
}
#menu1 li ul li a.item2 {
  padding: 0.7rem;
  font-size: 1rem;
  font-weight: 400;
  color: #414141;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: left;
  text-transform: initial;
  background-color: #ffffff;
}
#menu1 li ul li a.item2:hover {
  color: #1c4f14;
}
#menu1 li ul li ul {
  top: 0;
  left: 100%;
}

#menu1 li.wyr a.item1 { padding: 0.75rem 1rem 0.25rem;  padding-right: 0;  }
#menu1 li.wyr a.item1 span{ font-family: 'icomoon';    speak: none;    font-style: normal;    font-weight: 400; font-size: 0.875rem;   }
#menu1 li.wyr a.item1 span::before{ content: "\e98e";  }

.search_list { } 

.search_list li { margin-bottom: 1rem; }
.search_list li::marker { display:none; }

#mobnav-btn {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 10px;
  right: 25px;
  background: #ffffff;
  border: none;
  cursor: pointer;
  display: none;
}
#mobnav-btn:hover {
  opacity: 0.8;
}
#mobnav-btn div {
  height: 100%;
  margin: auto;
  position: relative;
}
#mobnav-btn span {
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  background-color: #414141;
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
#mobnav-btn span:first-child {
  top: 7px;
}
#mobnav-btn span:nth-last-child(2) {
  width: 75%;
  top: 15px;
  right: 0;
}
#mobnav-btn span:last-child {
  top: 23px;
}

.xactive #menu1 .sub a.item1::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  width: 19px;
  height: 29px;
  margin-left: 10px;
  font-family: icomoon;
  text-align: center;
  color: #414141;
  display: none;
}

.xactive #mobnav-btn {
  z-index: 1000;
}
.xactive #mobnav-btn span:first-child {
  -webkit-transform: translateY(8px) rotate(45deg);
  -moz-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  -o-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}
.xactive #mobnav-btn span:nth-last-child(2) {
  display: none;
}
.xactive #mobnav-btn span:last-child {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -moz-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

#search_box {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  color: #ffffff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.9);
}

#search_close {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5000;
  padding: 0;
  font-size: 2rem;
  font-family: icomoon;
  color: #ffffff;
  opacity: 0.7;
}
#search_close:hover {
  opacity: 1;
}

#search_panel {
  width: 600px;
  max-width: 98%;
  margin: auto;
  padding: 40vh 1.3rem 0 1.3rem;
  text-align: center;
}
#search_panel.title {
  padding-bottom: 2rem;
  font-size: 2rem;
}
#search_panel #art_szuk {
  height: 70px;
  padding: 0 1rem;
  font-size: 1.3rem;
  line-height: 70px;
}

#searchp {
  width: 100px;
  margin-top: -10px;
  color: #ebebeb;
  font-size: 3rem;
  font-family: icomoon;
  text-align: center;
  background: none;
  border: none;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  opacity: 0.7;
}
#searchp:hover {
  opacity: 1;
}

.langmenu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding: 0;
  list-style-type: none;
}
.langmenu li {
  margin-right: 0.5rem;
}
.langmenu li.wyb a {
  border-color: #1c4f14;
}
.langmenu a {
  display: block;
  width: 32px;
  height: 32px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #1c4f14;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50%;
  border: 1px solid #b3c009;
}
.langmenu a:hover {
  border-color: #1c4f14;
}

#d_menu ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
  padding: 0;
  list-style-type: none;
}
#d_menu ul li {
  -webkit-box: 100%;
  -moz-box: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.1rem;
  font-weight: 400;
  color: #414141;
  line-height: 40px;
}

.slider {
  width: 100%;   
    max-width: 1300px;
  height: 615px;
  margin: auto;
  position: relative;
margin-bottom: 20px; 
margin-top: 0px;
}



.slider__wrapper {
  width: inherit;
  max-width: inherit;
  height: inherit;
}

.slider__image {
  width: inherit;
  max-width: inherit;
  height: inherit;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f1f1f1;
    position: relative;
}


.slider__image {
  width: 100%;
  max-width: inherit;
  height: inherit;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
    position: relative;
}


.slider__naw {
  width: inherit;
  max-width: inherit;
  height: 4rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.slider__descriptionWrapper {
  width: 30%;
  max-width: inherit;
  bottom: 0;
    text-align: center; 
  position: absolute;
    background-color: RGBA(0,0,0,0.0);
  top: 0%;
  right: auto;
left: 0%;
  z-index: 100;
  -webkit-transform: translateX(-0%);
  -moz-transform: translateX(-0%);
  -ms-transform: translateX(-0%);
  -o-transform: translateX(-0%);
  transform: translateX(-0%);
}


.slider__znak  {  width: 80px; height: 80px; background-color: #90d429; position: absolute; right: 35px; border-radius: 50%; display: flex; justify-content: center; align-items: center;  top: 55%; z-index: 101; display: none; }

.slider__znak:hover { background-color: #6da519;   }



.slider__description {
  width: 100%;
  position: absolute;
  top: 47%;
  left: 0%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider__title {
  font-size: 4.0625rem;
  line-height: 1.1;
    text-align: left;  
}

.slider__title h1 { margin: 0; padding: 0;  position: relative; font-size: 2.188rem; line-height: 58px;  color: #65a8a9;  font-weight: 500;  letter-spacing: 4px; max-width: 350px;    letter-spacing: 0px;  margin-bottom: 25px;  }

.slider__title h1:before {  content: '';  position: absolute;  width: 2px;  height: 90%;   background-color: #dd262e;
    left: -40px;  top: 50%;    transform: translate(0%, -50%); display: none; } 



.slider__title h2{
    font-size: 1.5rem;
    color: #fff; 
font-weight: 300; 
    line-height: 2.5;
    letter-spacing: 2.1px;
}

.slider__title p{
    font-size: 1.25rem;
    color: #575656;
font-weight: 500; 
    line-height: 32px;
    letter-spacing: 0px;
}

.slider__button {
  margin-top: 2rem;
text-align: left; 
 display: none;
}
 

.slider__button a {
  padding: 7px 40px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #dd262e;
  line-height: 1;    
    letter-spacing: 0.5px;
  background: #fff;
  border-radius: 0;
}
.slider__button a:hover {
  color: #414141;
}

.slider__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: absolute;
    bottom: 0.5rem; 
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.slider__item {
  margin: 0 0.5rem;
}
.slider__item.activeSlide .slider__link {
  background-color: #2a2a2a;
}

.slider__link {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #afafaf;
  transition: all 0.3s ease-in-out;
}
.slider__link:hover {
  background-color: #2a2a2a;
}

.body__wrapper { background-color: #ffffff;  }



.body--subpage .header__title {
  padding-bottom: 3rem;
    text-align: center;
}

.body--subpage .newline h2 {
 font-size: 1.75rem; margin-bottom: 3rem;
    text-align: center;
}


.body--subpage .header {
  margin-bottom: 0;
}
.body--subpage .header__left::after {
  display: none;
}

.section {
  margin: 0;
  padding: 0;
}
.section.section--darkgreen {      background-repeat: no-repeat;       background-position: center center;    background-size: cover; display: none; }


.section.section--darkgreen .companyexcerpt  img {  margin-bottom: 25px;  } 


.boxx-all {  display: flex; flex-direction: row;    margin-bottom: 35px;    }

.boxx-all h1{  line-height: 48px; font-size: 2.188rem; color:#65a8a9; margin-bottom: 35px; font-weight: 500;  }
.boxx-all p{  line-height: 32px; font-size: 1.375rem; color:#575656; margin-bottom: 32px; font-weight: 500;  }
.boxx-all ul{ padding-left: 0; list-style: none; margin-bottom: 55px; }
.boxx-all li{  line-height: 32px; font-size: 1.375rem; color:#575656;  font-weight: 500; position: relative; padding-left: 25px; }

.boxx-all li::before{ content: "*";  display: block;  position: absolute;  top: 2px;   left: 0;  border: 0;   background-repeat: no-repeat;  background-position: top left;   pointer-events: none;  }


.boxx-all .boxx-left { display: flex; flex: 50%;  padding-top: 90px; flex-direction: column; }

.boxx-all .boxx-right { display: flex; flex: 50%;   text-align: right; justify-content: flex-end; align-items: flex-start;   margin-top: 0px;  }

.boxx-all .boxx-right img{ text-align: right;  }


.boxx-all.lis h1{  line-height: 42px;  font-weight: 500; font-size: 32px;}

.boxx-all.lis  p{   font-size: 20px; margin-bottom: 20px;}

.boxx-all.lis  li{   font-size: 20px; }



.boxx-all.rew  { flex-direction: row-reverse;  margin-bottom: 0px;  }

.boxx-all.rew .boxx-right{  display: flex;  flex: 50%;  text-align: right;     align-items: flex-start; justify-content: flex-start; }

.boxx-all.rew  .boxx-left{  display: flex;  flex: 50%;  padding-top: 0px;  flex-direction: column;    padding-left: 75px;
  padding-top: 30px; }

.boxx-all.rew .boxx-right img{  text-align: left;   }






.boxx-all.onas  p{   font-size: 1.125rem; line-height: 34px; font-weight: 500;  }


.boxx-all.onas .boxx-left{    justify-content: center;   padding-right: 75px;  }


.boxx-all.onas h1{  line-height: 35px; font-size: 1.125rem; color:#65a8a9; margin-bottom: 35px; font-weight: 600; color:#575656;  }


.boxx-all.onas.rew  { flex-direction: row-reverse; }


 


.boxx-all.onas .boxx-left a{  max-width: 225px;  display: block; text-align: center; font-size: 0.938rem; font-weight: 600; 
  color: #ffffff;  border-radius: 20px;  background: #65a8a9;    margin-right: auto; position: relative; border:0px solid #fff;  margin-top: 10px;  line-height: 19px; padding-top: 13px; padding-bottom: 11px; }

.boxx-all.onas .boxx-left a:hover {  border:0px solid #fff; background: #222; } 

.boxx-all.onas .boxx-left a{ min-height: 65px; 
  }

.boxx-all.onas .boxx-left a:hover {  min-height: 65px;   }




.body__wrapper > article > h1.header__title{display: none; }




.boxz-wrap{ background: #f6f6f6;  position: relative;   }


.boxz-wrap {   padding-top: 50px; padding-bottom: 70px;   -webkit-border-top-right-radius: 175px;  -moz-border-bottom-left-radius: 175px;  border-top-right-radius: 175px;  -webkit-border-bottom-left-radius: 175px;  -moz-border-bottom-left-radius: 175px;  border-bottom-left-radius: 175px; padding-right: 65px;   padding-left: 40px; padding-right: 40px;  }
 


.boxz { display: flex;  flex-wrap: wrap; }


.boxz hr{ display: block;   width: 100%; border-top: 3px  dashed #222; margin-top: 100px; margin-bottom: 50px;  margin-left: 50px; margin-right: 50px;  }

.boxz-wew { max-width: 33%; flex:33%;  text-align: center; padding-left: 20px; padding-right: 20px;    }
.boxz-wew img {   }
.boxz-wew u { display: block; color:#65a8a9; font-size: 1.688rem; font-weight:500; text-decoration: none; margin-bottom: 10px; letter-spacing: 1.5px;  }
.boxz-wew p { font-size: 1.063rem; line-height: 29px;   }






.boxprod-wrap { } 

.boxprod { display: flex;  flex-wrap: wrap; justify-content: space-between; flex-direction: row;  padding-top: 50px;  }

.boxprod-wew { border-radius: 40px; border:2px solid #65a8a9; max-width: 47%;  flex: 47%;  text-align: left; overflow: hidden; padding: 10px 20px; display: flex;  flex-wrap: wrap;  flex-direction: row;  margin-bottom: 20px; background-color: #fff; z-index: 2;  }


 




.boxprod-wew-left {  max-width: 40%;  flex: 40%;   padding: 20px;  padding-left: 15px; text-align: center;  }

.boxprod-wew-left  img{ }

.boxprod-wew-right { max-width: 60%;  flex: 60%;  text-align: left; padding-top: 30px; padding-bottom: 25px;  }

.boxprod-wew-right p {color: #575656; font-size: 1.25rem; font-weight: 500; line-height: 29px;  }

 
.boxx-all.prod .boxx-left { justify-content: center;  padding-top: 30px; }

.boxx-all.prod .boxx-left h1{  font-size: 2.188rem; line-height: 42px; margin-bottom: 15px; font-weight: 600;   }

.boxx-all.prod .boxx-left p{  font-size: 1.25rem; line-height: 31px;   font-weight: 500;   }

.boxx-all.prod .boxx-left a{ color:#65a8a9;  font-weight: 700; font-size: 1.5rem;    }
.boxx-all.prod .boxx-left a:hover{ color:#111;    }



.boxx-all.prod  .boxx-right{ position: relative; z-index: 2; }

.boxx-all.prod  .boxx-right::before{  content: "";  display: block;  position: absolute;  bottom: -295px;  left:0; right: 0;   border: 0;     pointer-events: none;  width: 50vw; height: 355px;  background-image: url(../img/bg-61.png);  background-repeat: no-repeat;  background-position: bottom right;  pointer-events: none;  z-index: 0; }





.boxx-all.onas.um1  .boxx-right{ position: relative; z-index: 2; }

.boxx-all.onas.um1  .boxx-right::before{  content: "";  display: block;  position: absolute;  bottom: -295px;  left:0; right: 0;   border: 0;     pointer-events: none;  width: 50vw; height: 355px;  background-image: url(../img/bg-61.png);  background-repeat: no-repeat;  background-position: bottom right;  pointer-events: none;  z-index: 0; }

 
.boxx-all.onas.um1  .boxx-right img { z-index: 1; }




.boxx-all.onas.um2  .boxx-right{ position: relative; z-index: 2; }

.boxx-all.onas.um2  .boxx-right::before{  content: "";  display: block;  position: absolute;  bottom: -339px;  left:unset; right: -20px;   border: 0;     pointer-events: none;  width: 50vw; height: 355px;  background-image: url(../img/bg-62.png);  background-repeat: no-repeat;  background-position: bottom left;  pointer-events: none;  z-index: 0; }

  
.boxx-all.onas.um2  .boxx-right img { z-index: 1; } 












.section__wrapper {
  
  max-width: 100%;
  margin: auto;
  padding: 0;
}
.section__wrapper.section__wrapper--smallypadding {
  padding-top: 2rem;
  padding-bottom: 3rem;  
    justify-content: center;
    align-items: center;
    display: flex;
    background-image: none; 
    background-color: transparent; 
}

.section__wrapper.section__wrapper--smallypadding h1 { color: #f5f5f5; 
    font-weight: 300; font-size: 1.875rem;  line-height: 1.5;  letter-spacing: 0px; text-align: left; 
    margin-bottom: 4.2rem; 
    }

.section__wrapper.section__wrapper--smallypadding h2 {
    font-weight: 300; font-size: 1.875rem; line-height: 1.3;  letter-spacing: 2.8px; margin-top: 3rem;
}

.section__wrapper.section__wrapper--smallypadding .companyexcerpt {
    font-size: 1.125rem;   color: #ffffff;   letter-spacing: 2px;   text-align: center;   width: 1370px;
    max-width: 100%;    }

.section__wrapper.section__wrapper--smallypadding h1 a{color:#fff; }
.section__wrapper.section__wrapper--smallypadding h1 a:hover{color:#0e9da2; }


.section.section--dark1{ padding-bottom: 0rem; padding-top: 80px; position: relative; padding-bottom: 130px; }

.section.section--dark1::after{  content: ""; position: absolute; display: block;  background-image: url(../img/bg-right.png);   background-repeat: no-repeat;  background-position: bottom right;   top: 0;   left: 0;  right: 0; bottom: 0;  width: 100%; height: 100%; pointer-events: none;   }
    

.section--dark1--wrapp::before{  content: "";  display: block;  position: absolute;  top: 0;   left: 0; right: 0px; border: 0;  height: 100%;  background: #f6f6f6;   background-repeat: no-repeat;  background-position: top left;   pointer-events: none;  -webkit-border-top-right-radius: 180px; -moz-border-radius-top-right: 180px; border-top-right-radius: 180px;  -webkit-border-bottom-left-radius: 180px; -moz-border-radius-bottom-left: 180px; border-bottom-left-radius: 180px; }  
 
 


.section.section--dark1 .section--dark1--wrapp{   margin: auto;  max-width: 1300px; position: relative; }

.section.section--dark1 .section--dark1--wrapp .companyexcerpt{ max-width: 1250px;  margin: auto; position: relative; }

.section.section--dark1 .section--dark1--wrapp .companyexcerpt h1{ padding: 0; margin: 0;  font-weight: 400; font-size: 1.5rem; 
    line-height: 31px;    letter-spacing: 0px; position: relative; margin-bottom: 10px;  text-transform: uppercase;  }


.section.section--dark1 .section--dark1--wrapp .companyexcerpt h2{ padding: 0; margin: 0;  font-weight: 700; font-size: 1.063rem; 
    line-height: 18px;    letter-spacing: 0px; position: relative; margin-bottom: 5px;  text-transform: uppercase;  }



.section.section--dark1 .section--dark1--wrapp .companyexcerpt h2.igg{   position: relative; overflow: visible; margin-top: 80px;  }
 .igg::before{  content: ""; position: absolute; display: block;  background-image: url(../img/obiekt7.png);   background-repeat: no-repeat;  background-position: top right; 
  top: -52px;  right: 0;  width: 105px; height: 95px; pointer-events: none;    }


.section.section--dark1 .section--dark1--wrapp .companyexcerpt .box-wrap{ color:#575656;    }

.section.section--dark1 .section--dark1--wrapp .companyexcerpt .box-title{  padding-bottom: 60px;  padding-top: 35px; }

.section.section--dark1 .section--dark1--wrapp .companyexcerpt .box-wrap h1{    }

.section.section--dark1 .section--dark1--wrapp .companyexcerpt .box-wrap h2{    }

.section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb-all { display: flex; flex-direction: row; padding-bottom: 90px; padding-left: 50px;   padding-right: 0px;  }

.section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb { color:#575656;  flex-basis: 33%;
    max-width: 33%;  text-align: left;    }

.section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb.box02 {   text-align: center;   padding-right: 20px;  }
.section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb.box01 {  padding-right: 30px;   }



.section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb.box03 p{  margin-bottom: 20px; }


.section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb p { line-height: 19px; font-weight: 400; font-size: 1.063rem;    }



 


.section.section--dark1 .section--dark1--wrapp .companyexcerpt p{  line-height: 30px; font-size: 1.125rem;  letter-spacing: 0.0px; margin-bottom: 2.25rem;     font-weight: 300;   }


.kaf88 { padding-top: 35px;  display: none; }

.kaf88 .section__wrapper{ max-width: 1370px;    }

.kaf88 .section__wrapper h1{ color: #f5f5f5;  font-weight: 300;  font-size: 1.875rem;   line-height: 1.5;
    letter-spacing: 0px;    text-align: left;   margin-bottom: 1rem;   }

.kaf88 .tiles {  text-align: center;  margin:0 auto; max-width: 1150px;  }
.kaf88 .tiles .tiles__item a {  display: block;   }
.kaf88 .tiles .tiles__item a {  display: flex;  flex-direction: column;  align-items: center;
    justify-content: center; height: 100%; }

.kaf88 .tiles .tiles__item .img2 { min-height: 100px;   }

.kaf88 .tiles__item {  text-align: center;  border:0; background-color: #0e9da2; margin: 1%; flex: 0 0 31.3333%;
    max-width: 31.3333%; min-height: 265px;  }
.kaf88 .tiles__item .titlezaj { text-align: center; max-width: 100%; color: #fff; font-weight: 600; font-size:  1.125rem; padding-top: 20px; text-transform: uppercase; }

.kaf88 .tiles__item img{  max-width: 100%; height: auto; width: unset; 
    filter: brightness(0%) saturate(0%) contrast(1000%) invert(100%);
-webkit-filter: brightness(0%) saturate(0%) contrast(1000%) invert(100%);
-moz-filter: brightness(0%) saturate(0%) contrast(1000%) invert(100%);

}

.kaf88 .tiles__item:hover  { background-color: #f5f5f5;     }
.kaf88 .tiles__item:hover .titlezaj { color:#38b0b5;    }
.kaf88 .tiles__item:hover img { filter: none; }

.footer {
  margin: 0;
  padding: 0;
    background-color: #65a8a9;
}

.footer__wrapper {
    max-width: 1490px;
  margin: auto;
  padding: 10px 0;
    padding-top: 20px;
    padding-bottom: 0;
max-width: 1300px;
  margin: auto;
  
    
}

.footer__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: center;
    justify-content: center;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
    align-items: center;
    
    background-color: #65a8a9; 
    padding-bottom: 0; 
    
    justify-content: flex-start;
  align-items: flex-start;
    
}

.footer__item {
  -webkit-box: 0 1 calc(17.33% - 2rem);
  -moz-box: 0 1 calc(17.33% - 2rem);
  -webkit-flex: 0 1 calc(17.33% - 2rem);
  -ms-flex: 0 1 calc(17.33% - 2rem);
  flex: 0 1 calc(17.33% - 2rem);
  margin: 1.5rem 1rem;
     
    
}


.div-wrap {    display: flex; flex-direction: row;  justify-content: flex-start; align-items: flex-start; font-size: 1rem; line-height: 24px; color: #fff;  font-weight: 400;   }
.div-wrap .div-a1{  font-weight: 400;   }

.div-wrap .div-a1.bigg i{   font-size: 24px;  }

.div-wrap .div-a2{  color: #fff;  font-weight: 400;  }
.div-wrap .div-a2 a{  color: #fff;  font-size: 1rem; line-height: 24px; font-weight: 400;   }


.footer__list .footer__item:nth-of-type(1)  { padding-top: 5px;   }

.footer__list .footer__item:nth-of-type(3)  { border-left:1px solid #fff; padding-left: 22px;  flex: 0 1 calc(18.33% - 2rem);  }
.footer__list .footer__item:nth-of-type(4)  { border-left:1px solid #fff;  padding-left: 22px;  min-height: 48px; flex: 0 1 calc(18.33% - 2rem);  }



.footer__item:not(:first-child) .footer__title {
  padding-left: 2.25rem;
}

.footer__item a:hover{ opacity:0.8;  }


.footer__wrapper>h2.mb-4 {    display: none; }


.footer__excerpt {
  font-size: 1.1875rem;
  color: #919191;
  
    font-weight: 300;
}
.footer__excerpt img {
 margin-bottom: 0.5rem
}
.footer__excerpt a {
  display: inline-block;
 
  color: inherit;
    font-size:  0.9375rem; 
color:#fff; 
  
}

.footer__excerpt a:hover {
    color: #222;
}


 

.footer .copyright1 {   border-top:0px solid #454444;     font-weight: 300;  }

.footer .copyright1 .copyright1-wrap {  margin:0 auto;  display: flex; justify-content: space-between; align-items: center; font-size: 0.875rem; color: #fff; padding: 1.5rem 2.6rem;   padding-left: 20px ;  padding-right: 20px; padding-top: 5px;  max-width: 1300px;    }

.footer .copyright1 a { color: #fff;  }

.footer .copyright1 a:hover { color: #ccc;  }

.footer__list .footer__item:nth-of-type(2)  { flex: 0 1 calc(23.33% - 2rem);  line-height: 1.1;  } 





.companyexcerpt {
  font-size: 1.125rem;
  color: #ffffff;
  letter-spacing: 2px;
  text-align: center;    
 
}
.companyexcerpt p {
  margin: 0;
}
.companyexcerpt p:not(:last-child) {
  margin-bottom: 3rem;
}

.tiles {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}

.tiles__item { transition: all 0.3s;
    -webkit-box: 0 0 33.3333%;
    -moz-box: 0 0 33.3333%;
    -webkit-flex: 0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
        
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
background: none; 
overflow: hidden; 
border:1px solid #fff; 
}

.tiles .tiles__item:nth-of-type(1)  {  border-left:0px; }
.tiles .tiles__item:nth-of-type(3)  {  border-right:0px; }
.tiles .tiles__item:nth-of-type(4)  {  border-left:0px; }
.tiles .tiles__item:nth-of-type(6)  {  border-right:0px; }
.tiles .tiles__item:nth-of-type(7)  {  border-left:0px; }
.tiles .tiles__item:nth-of-type(9)  {  border-right:0px; }

.tiles_img  {    
width: 100%;
    max-width: 100%; 
 height: auto;
}

.tiles__link { position: relative; transition: all 0.3s;
  width: 100%;
  height: 100%;
  display: block;  
}


.tiles__title { position: absolute; top:50%; width: 100%; height: auto; bottom:0;
  margin: 0;
  padding: 0.75rem;
  padding-left: 1.5rem;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2;
    background: RGBA(0,0,0,0.8);
    -webkit-transition: transition: all 0.3s;
    -moz-transition: transition: all 0.3s;
    -o-transition: transition: all 0.3s;
    transition: transition: all 0.3s;
    transition: all 0.3s; 
}



 

.tiles__item .zajexcerpt {  text-align: center;      display: flex;   flex-direction: column;    justify-content: center;
    align-items: center; font-size: 1.125rem;    letter-spacing: -0.4px;  }

.tiles__item .zajexcerpt p:nth-of-type(1) {  min-height: 70px; display: flex; justify-content: center; align-items: center;   }

.tiles__item .zajexcerpt a{ border:1px solid #90d429; font-size: 0.875rem; letter-spacing: 1.5px;   color: #fff;  padding: 1rem 1rem; display: flex; justify-content: center; align-items: center; width: 160px; height:  36px; margin:0 auto; margin-top: 50px;   padding-left: 2rem; font-weight: 300;  }

.tiles__item .zajexcerpt a:hover{ background-color: #0e9da2;   }

.tiles__item .zajexcerpt a > i{ font-size: 1.25rem;  font-style: normal;  margin-left: 12px;   }

.tiles__item .zajexcerpt img { max-width: 100%; height: auto;  }

.tiles__item .zajexcerpt hr { width: 104px; border-top: 1px solid #90d429; margin-left: auto; margin-right: auto;    }


.tiles__link  .zajexcerpt a  {
    display: none; ;  transition: all 0.3s;
}

.tiles__link:hover  .zajexcerpt a  {
    display: flex;  transition: all 0.3s;
}

.tiles__link:hover .tiles__title {
    top:0; height: 100%; transition: all 0.3s;
}

.tiles__item .titlezaj {  max-width: 21.875rem;   }




.submenu-image-text > li.kafli {  display: inline-block;  padding: 0px;  margin: 0px;  clear: both;   width: 48%;
    border: 1px solid #dbdbdb;   overflow-y: auto;    margin-top: 15px;  position: relative; margin-left: 1%;
    margin-right: 1%; border-bottom:0;   }


.submenu-image-text li.kafli .image {   float: none;   margin-right: 0px;   margin-bottom: 0px;   width: 100%; }

.submenu-image-text li.kafli .image A {   border: 1px solid #dbdbdb;    background: #f3f3f3;    padding: 0px;    display: block;  }

.submenu-image-text li.kafli .desc {position: absolute; top:60%; left:0; right: 0;     overflow: hidden;    margin-bottom: 0px;}

.submenu-image-text li.kafli .desc {text-align: center;   display: flex;   flex-direction: column;   justify-content: center;   align-items: center; }

.submenu-image-text li.kafli .desc a { color: #fff; }
.submenu-image-text li.kafli .desc a:hover { color: #eee; }

.submenu-image-text li.kafli .desc { position: absolute; top: 60%; width: 100%; height: auto; bottom: 0; margin: 0; padding: 0.75rem; padding-left: 0.75rem;
padding-left: 1.5rem; font-size: 1.5625rem; font-weight: 600; color: #ffffff; line-height: 1.2; background: RGBA(0,0,0,0.8);
-webkit-transition: transition: all 0.3s; -moz-transition: transition: all 0.3s; -o-transition: transition: all 0.3s; transition: transition: all 0.3s;
transition: all 0.3s; }

.submenu-image-text li.kafli .desc:hover { background: RGBA(0,0,0,0.9);  }

.submenu-image-text li.kafli .desc .zaj{ text-align: center; font-size: 1.125rem;  letter-spacing: -0.4px; font-weight: 600; max-width: 21.875rem;     margin: 0 auto; }

.submenu-image-text li.kafli .desc .zaj img{  }

.submenu-image-text li.kafli .desc .zaj hr {width: 104px; border-top: 1px solid #90d429; margin-left: auto; margin-right: auto;     margin-top: 1.25rem;
    margin-bottom: 1.25rem;  }

.list-group.katli  { margin-top: 20px;  display: flex;   flex-wrap: wrap;     flex-direction: row;      justify-content: space-between;  }  

.list-group.katli .list-group-item { display: inline-block;  width: 32%; margin-left: 0%; margin-right: 0%; margin-bottom: 1.375rem; text-align: center;  text-align: center;    display: flex;    justify-content: center;    align-items: center;  min-height: 130px; padding-top: 2.75rem; padding-bottom: 1.75rem; } 
 
.list-group.katli .list-group-item h4 { margin-bottom: 0; text-align: center;  line-height: 1.2; font-weight: 500; position: relative; font-size: 1.125rem;  }  

.list-group.katli .list-group-item h4::before {  content: '';   position: absolute;   left: 0;   width: 50px;   height: 2px;   top: -15px;
    background-color: #90d429;     transition: all 0.2s;   left:50%;   transform: translate(-50%, -0%);  }

.list-group.katli .list-group-item:hover h4::before  {   width: 100px;   } 

.list-group.katli .list-group-item:hover h4  {    } 

.list-group.katli a { color: #000000;   }
.list-group.katli a:hover { color: #444;  }





.contact .contact__form .btn.btn-primary {   background: #0e9da2; border:0;  }
.contact .contact__form .btn.btn-primary:hover {   background: #222; border:0;  }

.contact .contact__title::after { display: none!important; }

 .contact h3 {font-size: 22px;  margin-top: 40px; font-weight: 600;  }

.contact .contact__excerpt a:hover {  color: #222; border:0;  }
.news1 { padding-top: 3.75rem; padding-bottom: 0;  display: none; }

.news1 .section__wrapper {     max-width: 1370px;  }

.news1 .section__wrapper h1 {  color: #f5f5f5;  font-weight: 300;  font-size: 1.875rem;  line-height: 1.5;  letter-spacing: 0px;  text-align: left;   margin-bottom: 1rem; }

.news1 .news1-lista {  display: flex;  flex-direction: row;  flex-wrap: wrap;     text-align: center;
    margin: 0 auto;   max-width: 1150px; }

.news1 .news1-lista .bg2{ max-width: 31%; margin: 1%;   display: flex;  flex-direction: column;  margin-bottom: 30px;  }

.news1 .news1-lista .bg2 .news_tyt{ font-size: 1.125rem; font-weight: 600; letter-spacing: -0.4px; color:#fff; line-height: 24px;  margin-top: 1.25rem; margin-bottom: 0rem; min-height: 75px; }
.news1 .news1-lista .bg2  .news_tyt a {  color:#fff; }
.news1 .news1-lista .bg2  .news_tyt a:hover {  color:#222; opacity: 0.8; }
.news1 .news1-lista .bg2  a:hover img {  opacity: 0.85; }

.news1 .news1-lista .bg2  time { border-top: 2px solid #dd262e; display: inline-block; padding-top: 6px; font-size:  0.875rem; font-weight: 400; color:#fff; letter-spacing: 0.5px; }



.breadcrumb-line {  display: none; }



.news__list  { list-style: none; padding: 0;  }

.news__list .news__item { max-width: 31%; margin: 1%; width: 31%; margin-bottom: 50px;  display: inline-block; vertical-align: top; }

.news__list .news__item .news__header { font-size: 1.125rem; font-weight: 600; letter-spacing: -0.4px; color:#fff; line-height: 24px;  margin-top: 1.25rem; margin-bottom: 0rem; min-height: 75px;  }

.news__list .news__item .news__header {   color:#fff; }

.news__list .news__item .news__header:hover{  color:#222; }

.news__list .news__item .news__image img{ width: 100%;  }
.news__list .news__item .news__image img:hover{ opacity: 0.85; }

.news__list .news__item .news__excerpt { display: none;  }


.news__list .news__item time { border-top: 2px solid #dd262e; display: inline-block; padding-top: 6px; font-size:  0.875rem; font-weight: 400; color:#fff; letter-spacing: 0.5px; }






.body--subpage.pa5  {     }

.body--subpage.pa5  {     }


.kaf883.section__wrapper h1{ color: #f5f5f5;  font-weight: 300;  font-size: 1.875rem;   line-height: 1.5;
    letter-spacing: 0px;    text-align: left;   margin-bottom: 1rem;   }

.body--subpage.pa5 .tiles {  text-align: center;  margin:0 auto; max-width: 1150px;  }
.body--subpage.pa5 .tiles .tiles__item a {  display: block;   }
.body--subpage.pa5 .tiles .tiles__item a {  display: flex;  flex-direction: column;  align-items: center;
    justify-content: center; height: 100%; }

.body--subpage.pa5 .tiles .tiles__item .img2 { min-height: 100px;   }

.body--subpage.pa5 .tiles__item {  text-align: center;  border:0; background-color: #0e9da2; margin: 1%; flex: 0 0 31.3333%;
    max-width: 31.3333%; min-height: 265px;  }
.body--subpage.pa5 .tiles__item .titlezaj { text-align: center; max-width: 100%; color: #fff; font-weight: 600; font-size:  1.125rem; padding-top: 20px; text-transform: uppercase; }

.body--subpage.pa5 .tiles__item img{  max-width: 100%; height: auto; width: unset; 
    filter: brightness(0%) saturate(0%) contrast(1000%) invert(100%);
-webkit-filter: brightness(0%) saturate(0%) contrast(1000%) invert(100%);
-moz-filter: brightness(0%) saturate(0%) contrast(1000%) invert(100%);

}

.body--subpage.pa5 .tiles__item:hover  { background-color: #f5f5f5;     }
.body--subpage.pa5 .tiles__item:hover .titlezaj { color:#38b0b5;    }
.body--subpage.pa5 .tiles__item:hover img { filter: none; }
.body--subpage.pa5 .tiles__item:hover .titlezaj a{color:#222; }

.body--subpage.pa5 .tiles__item { display: flex; flex-direction: column;  justify-content: center;  align-items: center;  }


.body--subpage.pa5 .newline h4  {  font-size: 1.3rem; max-width: 940px; margin: 50px auto;   }


.body--subpage.pa5 .przycisk  { margin: 40px auto; text-align: center; margin-bottom: 100px;  }

.body--subpage.pa5 .przycisk  a{ padding: 10px 20px;  background: #fff; color: #222;   }

.body--subpage.pa5 .przycisk  a:hover  {  background: #0e9da2; color: #fff;   }


.body--subpage.pa5 .liczbyall {   display: flex; flex-wrap: wrap; 
flex-direction: row;  justify-content: center;  align-items: center;   } 

.body--subpage.pa5 .liczby  { max-width: 23%; width: 23%; margin: 1%; display: inline-block; display: flex;
flex-direction: column;  justify-content: center;  align-items: center; background-color: #0e9da2; color: #fff; padding: 50px 20px; font-size: 1.25rem;  }

.body--subpage.pa5 .liczby strong {  font-size: 2rem; margin-bottom: 1rem; display: inline-block; }



.body__wrapper .contact .contact__form .zgoda8 { display: flex; justify-content: flex-start; align-items: flex-start; font-size: 14px; margin-bottom: 20px;  }
.body__wrapper .contact .contact__form .zgoda8 a{ color:#000;  }
.body__wrapper .contact .contact__form .zgoda8 a:hover{ text-decoration: underline;  }

.body__wrapper .contact .contact__form .zgoda8 input{  min-height: 24px;  margin-right: 8px; }


.body__wrapper .contact .contact__form .zgoda8   input[type="checkbox"].checked { accent-color: #65a8a9!important; }

.body__wrapper .contact .contact__form .zgoda8  input[type="checkbox"] { accent-color: #65a8a9!important;}

 
body #comm_info {  text-align: center;  display: flex;   justify-content: center;  align-items: center; flex-direction: row-reverse; background-color: #eee;   }

body #comm_close A{  color: #ffffff;    background: #65a8a9; }

body #comm_txt A{  color: #000;   text-decoration: underline;  }



/* -------------------------------------    MEDIA QUERIES   ------------------------------------------*/
@media only screen and (max-width: 576px) {
  .header__title {
    padding-left: 0 !important;
  }
    
 
   
    
    .tiles__item { transition: all 0.3s;
        -webkit-box: 0 0 100%;
        -moz-box: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;      
        border:1px solid #fff; border-left:0; border-right: 0; 
    }

  #menu1 {
    height: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
  }
  #menu1 li {
    -webkit-box: 100%;
    -moz-box: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    padding: 0;
  }
  #menu1 li.sub a.item1::before {
    display: none;
  }
  #menu1 li a.item1 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  #menu1 li.open ul {
    display: block;
  }
  #menu1 li ul {
    width: 100%;
    display: none;
    position: static;
    opacity: 1;
    visibility: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
  }
  #menu1 li ul li {
    width: 100%;
  }
  #menu1 li ul li a.item2 {
    padding: 0.65rem 1.3rem;
    line-height: 1.3;
  }

  #mobnav-btn {
    display: block;
  }

  .xactive #menu1 {
    height: auto;
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
  }

  .xactive #g_menu.layer {
    height: auto;
    min-height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    padding-top: 50px;
    overflow: hidden;
    background-color: #ffffff;
  }

  .xactive #menu1 .sub a.item1::after {
    display: block;
  }

  .footer__item {
    -webkit-box: calc(100% - 2rem);
    -moz-box: calc(100% - 2rem);
    -webkit-flex: calc(100% - 2rem);
    -ms-flex: calc(100% - 2rem);
    flex: calc(100% - 2rem);
  }

  .footer__excerpt {
    font-size: 1rem;
  }

  .slider {
    height: 450px;
  }

 
  .slider__description {
    width: 99%;
    top: 50%;
  }

  .slider__title {
    font-size: 1.5625rem;
  }

  .slider__button {
    margin-top: 1.5rem;
  }
  .slider__button a {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
  }

  .slider__list {
    bottom: 1rem;
  }

  .tiles {
    margin-left: 0;
    margin-right: 0;
  }

  .tiles__item {
    -webkit-box: 100%;
    -moz-box: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    margin-left: 0;
    margin-right: 0;
  }
    
    .footer__list .footer__item:nth-of-type(2) h3 {  font-size: 1.75rem; }
    
    
}
@media only screen and (max-width: 992px) and (min-width: 577px) {
 
    
  #menu1 {  height: 0;  -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;   flex-wrap: wrap;   margin: 0;   padding: 0;
    opacity: 0;   visibility: hidden;  }
    
    #menu1 li {  -webkit-box: 100%;   -moz-box: 100%;   -webkit-flex: 100%;  -ms-flex: 100%;  flex: 100%;  padding: 0; }

  #menu1 li.sub a.item1::before {  display: none;  }
    
  #menu1 li a.item1 {   padding-top: 1.5rem;   padding-bottom: 1.5rem;  color:#000;  }
    
  #menu1 li.open ul {   display: block;  }
    
  #menu1 li ul {  width: 100%;  display: none;  position: static;  opacity: 1;  visibility: visible;
    -webkit-box-shadow: none;  box-shadow: none;  overflow: hidden;  }
    
  #menu1 li ul li {   width: 100%; }
    
  #menu1 li ul li a.item2 {   padding: 0.65rem 1.3rem;   line-height: 1.3;  }


      #mobnav-btn {   display: block;          top: 40%; top: 72%; }
    
    .header__left a { position: absolute;  top: -20px;  left: 20px;}
    
    .header__left a img {  max-width: 100px; }
      
    button#mobnav-btn:focus {  outline: 0px dotted;   outline: 0px auto -webkit-focus-ring-color;      }
  

  .xactive #menu1 {  height: auto;  opacity: 1;  visibility: visible;  overflow-y: auto; }

  .xactive #g_menu.layer {  height: auto;  min-height: 100vh;  position: absolute;  top: 0;  left: 0;  z-index: 200;   
    padding-top: 30px;  overflow: hidden;  background-color: #ffffff;  }

  .xactive #menu1 .sub a.item1::after {   display: block;  }


    
    
}

@media only screen and (max-width: 1400px)  {

.header__wrapper {  padding-right:20px; }
    
#menu1 li a.item1 {  padding: 0.6rem 1.3rem; } 
    
  .header__left a {    left:30px;   }
    
    
.slider__image{    background-size: 60%; }

 .slider{     padding-left: 20px;    padding-right: 20px; }   
    
  .body__wrapper .contact .contact__form{  padding-left: 0;  }
    
    

 
    
}



@media only screen and (max-width: 1300px)  {    

    .body__wrapper .contact .contact__form{    padding-right: 0;  }
    
    

 }




@media only screen and (max-width: 1199px)  {
    
    .slider { height: 556px; }
    
   .body__wrapper .contact .contact__form{    padding-top: 30px; } 
   

    
    .section.section--dark1 .section--dark1--wrapp .companyexcerpt {
        max-width: 1110px;   margin: auto;   padding-left: 30px;    padding-right: 30px; }
    
    .kaf88 .tiles__item {  border: 0!important;  }
    
    .slider__title {  padding-left: 2.0rem;  padding-right:2.0rem; font-size: 3.0rem; line-height: 1.0; text-align: left; padding-left: 10px; }
    
    .slider__title h1 {  max-width: 100%; }
    
    .slider__button {     padding-left: 43px; }

    .submenu-image-text li.kafli .desc .zaj {  max-width: auto; }
    
    .slider__znak  {  top: 53%;  }

    .section.section--darkgreen .companyexcerpt  { padding-left: 1.25rem;  padding-right: 1.25rem;  }
    

.kaf88 .section__wrapper {  padding-left: 10px; padding-right: 10px; }
           
    .kaf88 .section__wrapper h1 {    padding-left: 15px; }
        
  
    
    .slider__title h1:before { display: none; }
    
    .news1 .section__wrapper {  padding-left: 10px;    padding-right: 10px; }
    
    
      .news1 .section__wrapper h1 {    padding-left: 15px; }
    
    .news1 .news1-lista {   padding-left: 10px;    padding-right: 10px; }
    
   .body--subpage.pa5 .liczby  { max-width: 48%; width: 48%; margin: 1%; } 
    
    .section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb-all   {  padding-left: 0px; }
    
    .boxx-all .boxx-left{   padding-top: 50px;   padding-right: 30px; }
    
    .boxx-all.rew .boxx-left {   padding-left: 40px; padding-right: 0;  } 
    
    
    .boxx-all.onas.um1 .boxx-right::before {  bottom: -38%; }
    
    
    
    
    
    
}




@media only screen and (max-width: 992px)  {
    
#menu1 li a.item1 {   font-size: 1.25rem;    color: #000;    letter-spacing: 2px;}

    .submenu-image-text > li.kafli { width: 100%; margin-left: 0; margin-right: 0; }
    
    .submenu-image-text li.kafli .desc {  position: relative;   top: 0px;   padding: 2rem; }
    
    .submenu-image-text li.kafli .image {  margin-bottom: -170px; }

    .list-group.katli .list-group-item {      width: 48.7%; }
    
    
    .slider__title h1 {  max-width: 100%;  text-align: left;  }

.slider__button { padding-left: 0px; text-align: center;}


.slider__descriptionWrapper {  width: 100%; }


.kaf88 .tiles__item {  margin: 1%; flex: 0 0 48%;  max-width: 48%;  min-height: 230px; }

.footer .copyright1 .copyright1-wrap {  flex-direction: column;  } 
    
    .footer .copyright1 a {     display: block;    text-align: center;}
    
    .footer__item {
    -webkit-box: 0 1 calc(99% - 2rem)!important;
    -moz-box: 0 1 calc(99% - 2rem)!important;
    -webkit-flex: 0 1 calc(99% - 2rem)!important;
    -ms-flex: 0 1 calc(99% - 2rem)!important;
    flex: 0 1 calc(99% - 2rem)!important;
    margin: 1.5rem 1rem;
    text-align: center;}
    
.header__menu ul#menu1 .bin1 { margin-top: 10px;  }
.header__menu ul#menu1 .bin1 { margin-bottom: 15px;}
    
    .header__menu ul#menu1 .bin1 a {    padding-left:15px!important; padding-right: 20px!important;   }
    .header__menu ul#menu1 .bin2 a {    padding-left:15px!important; padding-right: 20px!important;  }
    
    #menu1 li {  text-align: center; }
    
    
    .news1 .news1-lista .bg2 {  margin: 1%; flex: 0 0 48%; max-width: 48%;  margin-bottom: 30px; }
    .news1 .news1-lista .bg2 img {  width: 100%;  }
    
    .body--subpage.pa5 .tiles__item {  margin: 1%;  flex: 0 0 48%;  max-width: 48%;  min-height: 265px;}
    
    
    .news__list .news__item {  max-width: 48%;  margin: 1%;   margin-bottom: 1%;  width: 48%;  margin-bottom: 40px;  }
    
    
    .section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb-all{  flex-direction: column;}
    
    .section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb{    flex-basis: 100%;  max-width: 100%; }
    .section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb{    flex-basis: 100%;  max-width: 100%; }
    
    .section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb.box03 { order:-1; }
    
    .section.section--dark1 .section--dark1--wrapp .companyexcerpt h1{ text-align: left;   }
    
    
    .div-wrap {   flex-direction: column;  align-items: center; }
    
    .div-wrap .icon { display: block; margin-bottom: 8px; }
    
    
    .div-wrap  i.icon {  font-size: 0.1px!important; }

    .div-wrap  i.icon::before{  font-size: 22px!important; } 
    .div-wrap  .bigg i.icon::before{  font-size: 26px!important; } 
    
    .footer__list .footer__item:nth-of-type(4) {  border:0; padding-left: 0px;  }
    .footer__list .footer__item:nth-of-type(3) {  border:0; padding-left: 0px; }
    
    
    .body__wrapper .contact{ display: flex; flex-direction: column-reverse; }

.body__wrapper .contact .contact__excerpt{   padding-left: 0; }


.body__wrapper .contact .contact__excerpt img{  margin-top: 50px; margin-right: 0px; }
    
    .body__wrapper .contact .contact__form{     padding-top: 20px; }
    
    .body__wrapper .contact .contact__excerpt{  text-align: center;}
    
    
    .boxx-all{   flex-direction: column;  padding-top: 20px; }
    
    .boxx-all .boxx-left{  flex: 100%;  padding-top: 0; }
    
    .boxx-all .boxx-right{  flex: 100%;  text-align: right;}
    
    .boxx-all .boxx-right img{  text-align: center;    }
    
    
    .boxx-all.onas.rew{  flex-direction: column; }
    
    .boxx-all.onas.rew11 .boxx-right img{      margin-top: 35px;    margin-right: 0px;  }
    
    .boxx-all.rew .boxx-left{  padding-left: 0px;}
    
    .boxx-all.rew .boxx-right img{  text-align: left;  margin-top: 35px;  margin-left: 0;  margin-right: 0;  margin-bottom: 35px;}
    

    .boxz-wew{  max-width: 100%;    flex: 100%; padding-bottom: 50px;   padding-left: 5px;  padding-right: 5px; }
    
    .boxz hr{  margin-top: 30px;  margin-bottom: 50px; }
    
    
    
    
    .boxprod-wew{  max-width: 100%;  flex: 100%;  }
    
    
    .boxprod-wew-right{ display: flex;  align-items: center; }
    
     
    
    
    .slider__description {   top: 0; }
    
    .slider {   height: 640px;   position: relative;    top: 200px;  margin-top: 0; margin-bottom: 40px; margin-bottom: 195px;  }
    
    
 .section.section--dark1::before{   -webkit-border-top-right-radius: 60px;  -moz-border-radius-topright: 60px;    border-top-right-radius: 60px; }
    
    .header__menu ul#menu1 li a::before{display: none; }
    

      .slider__image {    background-size: 70%;          background-position: center center; background-position: center  bottom; }
    
    
    .section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb-all{   padding-left: 0px;}
    
    .boxx-all .boxx-right {  justify-content: flex-start; text-align: left;     }
    
    .boxx-all.onas .boxx-left{    padding-right: 0px; padding-top: 0px;  }
    
    .boxprod-wew-right p br {display: none; }
    
    .boxx-all.prod  .boxx-right {  margin-top: 40px; }
    
    .boxprod{   padding-top: 30px; }
    
    
    .boxprod-wew{  margin-bottom: 40px; }
    
    
     .boxx-all.lis .boxx-right  {margin-top: 40px;   }
    
    
    
.boxx-all.onas.um1 .boxx-right::before{    bottom: -295px;  width: 98vw; }
.boxx-all.onas.um2 .boxx-right::before{    bottom: -295px;  width: 98vw; }
    
    
 .boxx-all.onas .boxx-right{      margin-top: 20px; }
    
    body #comm_txt br{ display: none; }



}

@media only screen and (max-width: 768px)  {
    
    

 #menu1 li a.item1 {  font-size: 1.25rem;  color: #000;     letter-spacing: 2px; }
#menu1 li a.item1:hover {   color:  #0e9da2;  }
#menu1 li.current a.item1 {   color:  #0e9da2;  }

  

    .section.section--dark1 {  padding-bottom: 3rem;  padding-top: 3rem;} 

    .section__wrapper.section__wrapper--smallypadding {  padding-top: 1rem;  padding-bottom: 2rem;  min-height: 8rem;} 


    .footer__wrapper {   padding: 1rem 0; }

    .footer__list .footer__item:nth-of-type(2) {  flex: 0 1 calc(90%);  line-height: 1.1;}

    .footer__list .footer__item:nth-of-type(2) h3 {  font-size: 1.75rem; }
    
     
    .list-group.katli .list-group-item {      width: 100%; }
    
    
    .section.section--dark1 .section--dark1--wrapp .companyexcerpt .box01::before {display:none; }


.kaf88 .tiles__item {  margin: 2%; flex: 0 0 96%;  max-width: 96%;  min-height: 230px; }

  .section.section--dark1 .section--dark1--wrapp .companyexcerpt .box01 {   max-width: 100%;  padding-top: 10px;
    padding-left: 0px;    padding-right: 0px; }
    
    .news1 .news1-lista .bg2 {  margin: 2%;  flex: 0 0 96%;   max-width: 96%;   margin-bottom: 30px;}
    
    .body--subpage .body__wrapper {  max-width: 100%;  padding-left: 30px;  padding-right: 30px; }
    
       .body--subpage.pa5 .liczby  { max-width: 98%; width: 98%; margin: 1%;  margin-bottom: 20px; } 
    
    .body--subpage.pa5 .tiles__item {  margin: 1%;  flex: 0 0 98%;  max-width: 98%;  margin-bottom: 20px; }
    
  .news__list .news__item {  max-width: 98%;  margin: 1%;   margin-bottom: 1%;  width: 98%;  margin-bottom: 40px;  }
    
     .boxx-all .boxx-right img{    }
    
  
    
  
    
    .section.section--dark1 .section--dark1--wrapp .companyexcerpt h1{  font-size: 1.45rem;  line-height: 27px; }
    
       .slider__image {    background-size: 90%;          background-position: center center;  background-position: center bottom;   }
    
    
    
    body #comm_info{  flex-direction: column-reverse; }
    
    body    #comm_close{    margin-top: 16px;}
    
    
    
    
    
    
    
}





@media only screen and (max-width: 576px)  {

.slider__znak { top: 52%;  width: 60px;  height: 60px; right: 20px;  }
    
    .slider__item {        margin: 0 0.3em;    }

    .slider__link {       display: block;        width: 12px;        height: 12px; }
    .slider__list {        bottom: 0.5rem; }
    
    .submenu-image-text li.kafli .image {   margin-bottom: -100px;    }
    
    .section__wrapper.section__wrapper--smallypadding h1 {   text-align: center; }
    
    .section.section--dark1 .section--dark1--wrapp .companyexcerpt .box01 {  text-align: center; }
    
    .kaf88 .section__wrapper h1 {   text-align: center; padding: 0; }
    
    .news1 .section__wrapper h1 {   text-align: center; padding: 0;  }
    
    .header__left a img { max-width: 100px;   }
    
    .header__left a { position: absolute; top: -20px;  }
    
#mobnav-btn {  display: block;    top: 27%; top: 72%;  }
    
    .slider__title h1 {   font-size: 2rem;
    line-height: 40px;
    margin-bottom: 25px;}
    
    .boxz-wrap {    -webkit-border-top-right-radius: 65px;  -moz-border-radius-topright: 65px;  border-top-right-radius: 65px;    padding: 20px 30px; }
    
    
    .boxprod-wew-left{  max-width: 100%;  flex: 100%;  text-align: center;  padding: 20px;   }
    .boxprod-wew-right{  max-width: 100%;  flex: 100%;  text-align: center;  padding: 20px;  justify-content: center;  padding-top: 5px;  }
    
 
      .slider__image{    background-size: 90%;  } 
    
     .slider{    height: 510px;  }
    
    .igg::before   { display: none; }
    

.boxx-all.prod .boxx-left h1{    font-size: 26px; line-height: 36px; }
   
.boxx-all.lis h1{  font-size: 26px; line-height: 36px; } 
    
    .boxz-wew u{   font-size: 22px; letter-spacing: 1px;  line-height: 30px;  }
   
.boxx-all.lis p{  font-size: 18px;  margin-bottom: 20px;}  
    
.boxx-all.lis li{  font-size: 18px; }    
    
.slider__title h1{ font-size: 26px; line-height: 36px;     margin-bottom: 25px;   }
    
  .section.section--dark1 .section--dark1--wrapp .companyexcerpt .boxb.box03 p{  margin-bottom: 36px;}  
    
    
    
}


@media only screen and (max-width: 450px)  {
    
  .slider{    height: 450px;  }   
    
  .section.section--dark1 .section--dark1--wrapp .companyexcerpt h1{    font-size: 21px;  }   
    
}


@media only screen and (max-width: 400px)  { 
    
 .slider__description{    top: 30px;  }
    
    .slider__title p{  font-size: 1.175rem;    line-height: 28px; }
    
    

}




/*# sourceMappingURL=default.css.map */