/*
Theme Name: Kapeo
Author: StudioGO
Version: 1.0
*/
@font-face {
    font-family: Century;
    src: URL(fonts/GOTHICI.TTF);
  }
@font-face {
    font-family: CenturyBold;
    src: URL(fonts/GOTHICB.TTF);
  }
  @font-face {
    font-family: Cocogoose;
    src: URL(fonts/Cocogoose_trial.otf);
  }
  
  #typoszereg td.active,
  #typoszereg td:hover{
          background:#2b542c;
          color:#fff;
          cursor:pointer;
  }
  .table > tbody {
    border: 1px solid #e1e2e1;
    background: #fff;
  }
  .table > tbody > tr > td,
  .table > tbody > tr > th,
  .table > tfoot > tr > td,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > thead > tr > th {
    text-align: center;
    padding: 4px 1px;
    font-size: 13px;
  }
  .table > tbody > tr > td.td-0,
  .table > tbody > tr.tr-0 > td {
    background: #2b542c;
    border: 1px solid #ccc;
    color: #fff;
  }
  .table > tbody > tr > td.lp,
  td.lp {
    background: #bd9b2d;
    color: #fff;
  }
  .table > tbody > tr > td.aprobata-fm {
    background: #cecece;
  }
  .table > tbody > tr > td.td-0 {
    width: 50px;
  }
  .table .wys {
    background: #fff;
    border: 0;
  }
  .table td.td-0.sr-wys {
    background: #2b542c url('../img/table-slash.png') no-repeat center center;
  }
  .table td.td-0 {
    position: relative;
  }
  .table td span.s,
  .table td span.w {
    position: absolute;
  }
  .table td span.s {
    top: 0;
    right: 4px;
  }
  .table td span.w {
    bottom: 0;
    left: 4px;
  }
.mobile_video{
		display:block;
	}
  .zgody_formularz{
    font-size:12px;
  }
  .zgody_formularz a{
    color:#006d33;
    font-size:12px;
  }
  .submit_formularz{
    width:100%;
    background-color:#006d33;
    border:none;
    color:white;
    font-family: Century;
    font-weight:600;
    font-size:18px;
    padding-top:7px;
    padding-bottom:7px;
  }
.error{
	display:none;
}
.ukryte_elementy{
	display:none;
}
.formularz_margin{
	margin-top:25px;
}
.bgdarkgreen{
	background-color:#006d33!important;
}
#myVideo {
    position: absolute;
    right: 0;
    top: 0px;
    width: 100vw;
    height: auto;
    filter: brightness(100%);
  }
  #menu-header li ul{
    display: none;
  }
  
  #menu-header li:hover > ul {
    display: block;
  }
  #menu-header li ul {
    display: none;
    position: absolute;
    z-index: 99999;
    width: 250px;
    background: white;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    list-style: none;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:12px;
	  
}
#menu-header li ul li ul{
  display: none;
  position: absolute;
  top: none;
  left: 250px;
  z-index: 99999;
  min-width: 250px;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  margin-left:0px;
}
.sub-menu li a{
  margin-left:-25px!important;
  color:black;
  text-decoration:none;
}
.sub-menu .sub-menu{
  margin-top:-34px;
  padding-top:0px;
}
.navbar-light .navbar-nav .nav-link{
  color:white;
}
.menu-item-has-children{
    background-image: URL(images/strzalka_submenu.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    cursor: pointer;
}
.kontakt_kolumny a{
	text-decoration:none;
	color:black;
}
.menu-item-has-children .menu-item-has-children{
  background-image:none;
}
.jak_zamowic a{
	text-decoration:none;
}
  .content{
      position:absolute;
      top:100vh;
      width:100%;
      background-color:white;
      padding-bottom:20px;
      z-index: 3;
  }
  
  .header_tlo{
      width:40vw;
      height:100vh;
      background-image: URL(images/header_tlo.png);
      background-repeat: no-repeat;
      background-position: left top;
      background-size:cover;
      position:relative;
      z-index: 2;
      padding-left:150px;
      padding-top:100px;
  }
  .logo_header{
    background-image: URL(images/logo_biale.png);
    background-repeat: no-repeat;
    background-size:contain;
    max-width:278px;
    max-height:136px;
    width:14vw;
    height:8vw;
  }
  .header_top{
      width:100%;
      padding-top:10px;
      padding-bottom:10px;
      position:absolute;
      z-index:10;
  
  }
  .header_top_black{
    width:100%;
    background-image: URL(images/tlo_top_header.png);
    background-repeat: no-repeat;
    background-size:60.8vw;
    background-position:right;
    min-height:98px;
    max-height:7.5vw;
    position:absolute;
    top:0;
    z-index:2;
  }
.en_icon{
	  background-image: URL('//www.kapeo.com.pl/wp-content/uploads/2021/03/en_icon.png');
	width:21px;
	height:16px;
      background-repeat: no-repeat;
      background-size:cover;
	display:inline-block;
	margin-left:20px;
	    position: absolute;
    top: 18px;
    right: -30px;
}
  .kapeo_top{
        display:inline-block;
        color:white;
        font-family: Century;
        font-size:12px;
        text-align:right
  }
  .kapeo_top_podstrony{
    display:inline-block;
    color:black;
    font-family: Century;
    font-size:12px;
    text-align:right
}
  .kapeo_top span{
      color:#01bd58;
  }
  .kapeo_top_podstrony span{
    color:#01bd58;
}
  .adres_top{
        display:inline-block;
        margin-left:30px;
  }
  .adres_top h4{
    background-image: URL(images/pineska_ikona.png);
    background-repeat: no-repeat;
    background-size:contain;
    color:white;
    font-family: Century;
    font-size:12px;
    padding-left:20px;
  }
  .adres_top_podstrony{
    display:inline-block;
    margin-left:30px;
}
  .adres_top_podstrony h4{
    background-image: URL(images/pineska_ikona.png);
    background-repeat: no-repeat;
    background-size:contain;
    color:black;
    font-family: Century;
    font-size:12px;
    padding-left:20px;
  }
  .tel_top{
        display:inline-block;
        margin-left:30px;
  }
  .tel_top h4{
    background-image: URL(images/tel_ikona.png);
    background-repeat: no-repeat;
    background-size:contain;
    color:white;
    font-family: Century;
    font-size:12px;
    padding-left:20px;
  }

  .tel_top_podstrony{
        display:inline-block;
        margin-left:30px;
    }
    .tel_top_podstrony h4{
        background-image: URL(images/tel_ikona.png);
        background-repeat: no-repeat;
        background-size:contain;
        color:black;
        font-family: Century;
        font-size:12px;
        padding-left:20px;
    }
.tel_top_podstrony a{
	text-decoration:none;
	color:black
}
.tel_top a{
	text-decoration:none;
	color:white
}
  .logo_fm_approvals{
    background-image: URL(images/fm_approvals.png);
    background-repeat: no-repeat;
    background-size:contain;
    max-height:82px;
    max-width:183px;
    height:5vw;
    width:8vw;
    position:absolute;
    top:10px;
    right:10px;
    z-index:10;
  }
  .kafelek_1{
    background-image: URL(images/kafelek_1.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:18vw;
    width:18vw;
    position:absolute;
    z-index:11;
    left:28vw;
    top:4%
  }
  .kafelek_2{
    background-image: URL(images/kafelek_2.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:14vw;
    width:14vw;
    position:absolute;
    z-index:11;
    left:24.1vw;
    top:50%
  }
  .kafelek_bialy{
    background-image: URL(images/kafelek_bialy.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:6vw;
    width:6vw;
    position:absolute;
    z-index:11;
    left:35vw;
    top:41%
  }
  .kafelek_bialy_2{
    background-image: URL(images/kafelek_bialy.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:6vw;
    width:6vw;
    position:absolute;
    z-index:11;
    left:41vw;
    top:-5%
  }
  .myszka_ikona{
    background-image: URL(images/myszka_ikona.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:48px;
    width:20px;
    position:absolute;
    z-index:12;
    left:50vw;
    top:80vh;
    -webkit-animation: simple-move 0.8s 0.8s linear infinite alternate;
    animation: simple-move 0.8s 0.8s linear infinite alternate;
  }
  @-webkit-keyframes simple-move {
    100% {
      -webkit-transform: translate(0, 15px);
    }
  }
  
  @keyframes simple-move {
    100% {
      transform: translate(0, 15px);
    }
  }
  .menu_top{
      text-align:right;
      position:absolute;
      z-index:14;
      width:100vw;
      padding-top:50px;
  }
  .navbar{
      position:absolute;
      z-index:20;
      margin-top:40px;

      margin-right:-55px;
  }
  .navbar_podstrony .nav-link{
    color:black!important;
    cursor: pointer;
}
  .nav-item a{
      color:white;
      font-size:16px;
      font-family: Century;
      margin-left:20px;
      transition: all 0.1s;
  }
  .nav-item a:hover{
    color:#00c95e!important;
}
.kafelki{
    position:relative;
    z-index:100;
    top:-70px;
    text-align:right;
}
.kafelki h1{
    color:white;
    font-size:0.8vw;
    text-align:center;
    font-family: Cocogoose;
    text-transform: uppercase;
}
.zbiorniki_przeciwpozarowe_kafelek{
    width:16vw;
    padding-top:13vw;
    height:16vw;
    display:inline-block;
    margin:0;
    background-image: URL(images/zbiorniki_przeciwpozarowe_ikona.png),URL(images/zbiorniki_przeciwpozarowe.jpg);
    background-repeat: no-repeat;
	background-size: 50%,100%;
    background-position: center 3vw,center center;
    background-color:#3a3a3a;
    cursor: pointer;
    transition: all 0.3s;
}
/*
.zbiorniki_przeciwpozarowe_kafelek:hover{
    width:16vw;
    padding-top:13vw;
    height:16vw;
    display:inline-block;
    margin:0;
    background-image: URL(/zbiorniki_przeciwpozarowe_ikona.png"),URL(/zbiorniki_przeciwpozarowe_hover.png");
    background-repeat: no-repeat;
    background-position: center 3vw,center center;
    background-color:#3a3a3a;
    transition: all 0.3s;
}
*/
.zbiorniki_wody_pitnej_kafelek{
    width:16vw;
    padding-top:13vw;
    height:16vw;
    background-color:#4a4a4a;
    background-image: URL(images/zbiorniki_wody_pitnej_ikona.png),URL(images/zbiornik_woda_pitna.jpg);
    background-repeat: no-repeat;
    background-position: center 3vw,16vw center;
	background-size: 50%,100%;
    display:inline-block;
    margin:0 ;
    cursor: pointer;
    transition: all 0.3s;
}
.zbiorniki_wody_pitnej_kafelek:hover{
    width:16vw;
    padding-top:13vw;
    height:16vw;
    display:inline-block;
    margin:0;
    background-image: URL(images/zbiorniki_wody_pitnej_ikona.png),URL(images/zbiornik_woda_pitna.jpg);
    background-repeat: no-repeat;
    background-position: center 3vw,center center;
    background-color:#3a3a3a;
    transition: all 0.3s;
}
.zbiorniki_solanki_kafelek{
    width:16vw;
    padding-top:13vw;
    height:16vw;
    background-color:#3a3a3a;
    background-image: URL(images/zbiorniki_solanki_ikona.png),URL(images/zbiornik_solanki.jpg);
    background-repeat: no-repeat;
    background-position: center 3vw,16vw center;
    display:inline-block;
	background-size: 50%,100%;
    cursor: pointer;
    transition: all 0.3s;
}
.zbiorniki_solanki_kafelek:hover{
    width:16vw;
    padding-top:13vw;
    height:16vw;
    display:inline-block;
    margin:0;
    background-image: URL(images/zbiorniki_solanki_ikona.png),URL(images/zbiornik_solanki.jpg);
    background-repeat: no-repeat;
    background-position: center 3vw,center center;
    background-color:#3a3a3a;
    transition: all 0.3s;
}
.pompowanie_kafelek{
    width:16vw;
    padding-top:13vw;
    height:16vw;
    background-color:#4a4a4a;
    background-image: URL(images/pompownie_ikona.png),URL(images/pompownie.jpg);
    background-repeat: no-repeat;
    background-position: center 3vw,16vw center;
    display:inline-block;
	background-size: 50%,100%;
    cursor: pointer;
    transition: all 0.3s;
}
.pompowanie_kafelek:hover{
    width:16vw;
    padding-top:13vw;
    height:16vw;
    display:inline-block;
    margin:0;
    background-image: URL(images/pompownie_ikona.png),URL(images/pompownie.jpg);
    background-repeat: no-repeat;
    background-position: center 3vw,center center;
    background-color:#3a3a3a;
    transition: all 0.3s;
}
.serwis_kafelek{
    width:16vw;
    padding-top:13vw;
    height:16vw;
    background-color:#3a3a3a;
    background-image: URL(images/serwis_ikona.png),URL(images/serwis.jpg);
    background-repeat: no-repeat;
    background-position: center 3vw,16vw center;
    display:inline-block;
	background-size: 50%,100%;
    cursor: pointer;
    transition: all 0.3s;
}
.serwis_kafelek:hover{
    width:16vw;
    padding-top:13vw;
    height:16vw;
    display:inline-block;
    margin:0;
    background-image: URL(images/serwis_ikona.png),URL(images/serwis.jpg);
    background-repeat: no-repeat;
    background-position: center 3vw,center center;
    background-color:#3a3a3a;
    transition: all 0.3s;
}
.header_naglowek{
    padding-top:5vw;
}
.header_naglowek h1{
    font-family: Cocogoose;
    font-size:3.5vw;
    color:white;
    text-transform: uppercase;
    line-height: 80%;
}
.header_naglowek h2{
    font-family: Cocogoose;
    font-size:1.7vw;
    color:white;
    text-transform: uppercase;
    line-height: 80%;
}

.header_naglowek h3{
    font-family: Century;
    font-size:1vw;
    color:#00c95e;
    line-height: 170%;
}
.lista{
    padding-top:3vw;
}
.lista h1{
    font-family: Cocogoose;
    font-size:1.5vw;
    color:white;
    text-transform: uppercase;
    background-image: URL(images/lista_header.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position:left center;
    padding-left:3vw;
    margin-bottom:1vw;
    margin-left:-3vw;
    background-size:contain;
    line-height: 100%;
}
.button_sprawdz{
    background-image: URL(images/strzalka_header.png);
    background-repeat: no-repeat;
    background-position:left center;
    padding-left:2vw;
    margin-left:-2vw;
    margin-top:5vw;
}
.button_sprawdz span{
    font-family: Century;
    font-size:0.8vw;
    padding-bottom:0.9vw;
    color:white;
}
.left_arrow{
    background-color:white;
    background-image: URL(images/left_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    width:4vw;
    height: 4vw;
    display:inline-block;
    transition: all 0.2s;
    cursor:pointer;
    position: relative;
    z-index: 9;
}
.right_arrow{
    background-color:white;
    background-image: URL(images/right_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    width:4vw;
    height: 4vw;
    display:inline-block;
    transition: all 0.2s;
    cursor:pointer;
    position: relative;
    z-index: 9;
}
.left_arrow:hover{
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 99;
}
.right_arrow:hover{
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 99;
}
.strzalki{
    position:absolute;
    left:26.7vw;
    margin-top:-70px;

}
.o_firmie{
    width:53%;
    margin-left:47%;
    padding-top:5vw;
    padding-bottom:3vw;
    background-color:#006d33;
    position:relative;
    right:0px;
    color:white;
    padding-left:5vw;
    padding-right:5vw;
    font-family: Century;
    font-size:0.8vw;
	margin-bottom:15vw;
}
.o_firmie h1  , .o_firmie  .aggggh1{
    font-size:1vw;
    font-family: Century;
    text-transform: uppercase;
    font-weight: bold;
}
.kafelki_ofirmie{
    position:relative;
    top:-11vw
}
.ofirmie_kafelek_1{
    background-image: URL(images/ofirmie_kafelek_1.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:18vw;
    width:18vw;
    position:absolute;
    z-index:11;
    left:-3vw;
    top:4%;
  }
  .ofirmie_kafelek_2{
    background-image: URL(images/ofirmie_kafelek_2.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:7vw;
    width:7vw;
    position:absolute;
    z-index:11;
    left:14vw;
    top:12vw;
  }
  .ofirmie_kafelek_3{
    background-image: URL(images/ofirmie_kafelek_3.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:32vw;
    width:32vw;
    position:absolute;
    z-index:11;
    left:19vw;
    top:11vw;
  }
  .ofirmie_kafelek_4{
    background-image: URL(images/ofirmie_kafelek_4.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:16vw;
    width:16vw;
    position:absolute;
    z-index:11;
    left:2vw;
    top:18vw;
  }
  .ofirmie_kafelek_5{
    background-image: URL(images/ofirmie_kafelek_5.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:18vw;
    width:18vw;
    position:absolute;
    z-index:11;
    left:-12vw;
    top:30vw;
  }
  .ofirmie_kafelek_6{
    background-image: URL(images/ofirmie_kafelek_6.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:18vw;
    width:18vw;
    position:absolute;
    z-index:11;
    left:6vw;
    top:34vw;
  }
  .ofirmie_kafelek_7{
    background-image: URL(images/ofirmie_kafelek_7.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:7vw;
    width:7vw;
    position:absolute;
    z-index:11;
    left:23vw;
    top:44vw;
  }
  .ofirmie_kafelek_8{
    background-image: URL(images/ofirmie_kafelek_8.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:12vw;
    width:12vw;
    position:absolute;
    z-index:11;
    left:30vw;
    top:43vw;
  }
  .tresc_ofirmie{
    padding-left:2vw;
    border-left:solid 2px #00c95e;
    margin-bottom:2vw
  }
  .o_firmie p{
    text-align:justify;
    margin-top:1vw
  }
  .grupa_kapeo_pas{
    width:100%;
    padding-left:5%;
    padding-right:5%;
    padding-top:2.4vw;
    padding-bottom:2vw;
    background-color:white;
    margin-top:7vw;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
  }
  .stopka{
    width:100%;
  }
  .stopka .kolumna{
    width:19%;
    display: inline-block;
    margin-top:4vw;
  }
  .kolumna h1, .kolumna .h11{
    font-family: Cocogoose;
    font-size:18px;
    text-transform: uppercase;
    padding-bottom:1vw;
  }
  .kolumna h2, .kolumna .h22{
    font-family: Century;
    font-size:14px;
    text-transform: uppercase;
    font-weight: 500;
  }
  .stopka_bottom{
    padding-top:5vw;
    font-size:12px;
    font-family: Century;
  }
  .stopka_bottom span{
    color:#00baff;
  }
  .stopka_bottom a{
    text-decoration: none;
    color:black;
  }
  .grupa_kapeo_pas h1, .grupa_kapeo_pas .agh1{
    font-family: Cocogoose;
    font-size:2.2vw;
    text-transform: uppercase;
    line-height: 100%;
    display: inline-block;
  }
  .grupa_slider{
    margin-top:-1vw;
    width:75%;
    float:right;
  }
  .owl-carousel img{
    height:4vw!important;
    object-fit: contain;
  }
  .oferta_kolumna_lewa{
    width:35%;
    min-height:160vh;
    background-color:#f2f2f2;
    position:absolute
  }
  .zbiorniki_przeciwpozarowe_zakladka{
    display:block;
  }
  .zbiorniki_wody_pitnej_zakladka{
    display:none;
  }
  .zbiorniki_solanki_zakladka{
    display:none;
  }
  .pompownie_zakladka{
    display:none;
  }
  .serwis_zakladka{
    display:none;
  }
  .ofirmie_content{
    width:53%;
    padding-right:5vw;
    margin-left:47%;
    padding-bottom:5vw;
    position: relative;
    z-index: 50;
    display:block;
  }
  .zbiorniki_przeciwpozarowe_zakladka h1{
    font-family: Cocogoose;
    font-size:2.0vw;
    text-transform: uppercase;
    background-image: URL(images/przeciwpozarowe_zielone.png);
    padding-left:7vw;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:contain;
  }
    .zbiorniki_przeciwpozarowe_zakladka .hhh1{
    font-family: Cocogoose;
    font-size:2.0vw;
    text-transform: uppercase;
    padding-left:0vw;
background-image:none;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:contain;
  }
  .zbiorniki_wody_pitnej_zakladka h1{
    font-family: Cocogoose;
    font-size:2.0vw;
    text-transform: uppercase;
    background-image: URL(images/wody_pitnej_zielone.png);
    padding-left:7vw;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:contain;
  }
  .zbiorniki_solanki_zakladka h1{
    font-family: Cocogoose;
    font-size:2.0vw;
    text-transform: uppercase;
    background-image: URL(images/solanki_zielone.png);
    padding-left:7vw;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:contain;
  }
  .pompownie_zakladka h1{
    font-family: Cocogoose;
    font-size:2.0vw;
    text-transform: uppercase;
    background-image: URL(images/pompownie_zielone.png);
    padding-left:7vw;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:contain;
  }
  .serwis_zakladka h1{
    font-family: Cocogoose;
    font-size:2.0vw;
    text-transform: uppercase;
    background-image: URL(images/serwis_zielone.png);
    padding-left:7vw;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:contain;
  }
  
  .ofirmie_content_opis h2{
    font-family: CenturyBold;
    font-size: 1.3vw;
    padding-top:2vw
  }
  .ofirmie_content_opis h3{
    font-family: Century;
    font-size: 1.1vw;
    padding-top:1vw;
    padding-bottom:1vw;
  }
  .ofirmie_content_opis h4{
    font-family: Century;
    font-size: 1.0vw;
    background-image: URL(images/lista_h4.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 1.5vw;
  }
  
    .ofirmie_content_opis .agh4{
    font-family: Century;
    font-size: 1.0vw;

    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 1.5vw;
  }
  .ofirmie_content_opis h4:first-of-type,  .ofirmie_content_opis .agh4:first-of-type{
    margin-top:2vw;
  }
  .ofirmie_content_opis span{
    font-family: Century;
    color:#006d33;
    background-color:#f2f2f2;
    font-size: 1.1vw;
    padding:0.3vw 1vw;
  }
  .ofirmie_img{
    width:11vw;
    display: inline-block;
    text-align: center;
  }
  .ofirmie_img h5{
    font-family: Century;
    font-size: 0.8vw;
    padding-top: 0.7vw;
  }
  .ofirmie_img img{
    height:4vw;
  }
  .jak_zamowic span{
    color:white;
    font-family: Cocogoose;
    font-size:0.8vw;
    text-transform: uppercase;
    background-color: #006d33;
    padding: 0.7vw 2.4vw
  }
  .stopka a{
    text-decoration: none;
    color:black;
    font-size:0.8vw;
    transition: all 0.2s;
  }
  .stopka a:hover{
    color:#00c95e
  }
  .silos{
    background-image: URL(images/left-zbiornik-projekt.png);
    width:45vw;
    height:100vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    position:absolute;
    z-index:5;
  }
  .kafelek_11{
    background-image: URL(images/11.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:25vw;
    width:25vw;
    position:absolute;
    z-index:11;
    left:18vw;
    top:25vw;
	  transform: scale(1);
	  opacity:1;
	-webkit-transition: all 0.2s ease-in!important;  /* Chrome 1-25, Safari 3.2+ */
 -moz-transition: all 0.2s ease-in!important;  /* Firefox 4-15 */
 -o-transition: all 0.2s ease-in!important;  /* Opera 10.50–12.00 */
 transition: all 0.2s ease-in!important;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  }
  .kafelek_22{
    background-image: URL(images/22.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:12vw;
    width:12vw;
    position:absolute;
    z-index:11;
    left:14vw;
    top:15vw;
	  transform: scale(1);
	  opacity:1;
	-webkit-transition: all 0.2s ease-in!important;  /* Chrome 1-25, Safari 3.2+ */
 -moz-transition: all 0.2s ease-in!important;  /* Firefox 4-15 */
 -o-transition: all 0.2s ease-in!important;  /* Opera 10.50–12.00 */
 transition: all 0.2s ease-in!important;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  }
  .kafelek_33{
    background-image: URL(images/33.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:20vw;
    width:20vw;
    position:absolute;
    z-index:11;
    left:-1vw;
    top:22.5vw;
	  opacity:1;
	  transform: scale(1);
	  -webkit-transition: all 0.2s ease-in!important;  /* Chrome 1-25, Safari 3.2+ */
 -moz-transition: all 0.2s ease-in!important;  /* Firefox 4-15 */
 -o-transition: all 0.2s ease-in!important;  /* Opera 10.50–12.00 */
 transition: all 0.2s ease-in!important;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  }
  .kafelek_44{
    background-image: URL(images/44.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:17vw;
    width:17vw;
    position:absolute;
    z-index:11;
    left:6vw;
    top:42vw;
	  opacity:1;
	  transform: scale(1);
	 -webkit-transition: all 0.2s ease-in!important;  /* Chrome 1-25, Safari 3.2+ */
 -moz-transition: all 0.2s ease-in!important;  /* Firefox 4-15 */
 -o-transition: all 0.2s ease-in!important;  /* Opera 10.50–12.00 */
 transition: all 0.2s ease-in!important;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
  }
  .nav_prev{
    background-image: URL(images/nav-prev.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:23px;
    width:39px;
	  
    margin-top:-3.7vw;
  }
  .nav_next{
    background-image: URL(images/nav-next.png);
    background-repeat: no-repeat;
    background-size:contain;
    height:23px;
    width:39px;
    position:absolute;
    margin-top:-3.7vw;
    right:-1vw;
  }
  .owl-nav{
    position:relative;
    z-index:9999;
  }
  .kreska_bottom_header{
    margin-top:0.8vw;
    width:5.8vw;
    height:2px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 46%, rgba(255,255,255,0) 54%, rgba(0,205,96,1) 54%, rgba(0,205,96,1) 100%);
  }

 .menu_sticky{
   width:100%;
   position:absolute;
   top:0;
   z-index:999;
   transition: all 0.2s;
 }
  
.logo_kapeo_zielone{
  background-image: URL(images/kapeo_logo_zielone.png);
  background-repeat: no-repeat;
  background-size:contain;
  width:123px;
  height:60px;
  margin-top:30px;
  transition: all 0.2s;
}
.nota_prawna_popup{
	visibility: hidden;
	position: absolute;
    width: 250px;
    left: -50px;
    padding: 10px;
    opacity: 0.95;
    font-family: Century;
    font-size: 12px;
    z-index: 999;
    background-color: white;
    text-align: justify;
	opacity:0;
	transition: all 0.3s;
}
.nota_prawna:hover + .nota_prawna_popup{
	visibility: visible;
	opacity:1;
}
.nota_prawna_popup:hover{
	visibility: visible;
	opacity:1;
}
.kontakt_podstrona_header{
  width:100%;
  background-image: URL(images/kontakt_header_tlo.png);
  background-repeat: no-repeat;
  background-size:cover;
  margin-top:130px;
  padding-top:30px;
  padding-bottom:30px;
}
.kontakt_podstrona_header h1{
  background-image: URL(images/kontakt_header_ikona.png);
  background-repeat: no-repeat;
  background-size:contain;
  color:white;
  font-family: Cocogoose;
  font-size:30px;
  text-transform: uppercase;
  padding-top:45px;
  padding-bottom:15px;
  padding-left:130px;
}
.galeria_podstrona_header{
  width:100%;
  background-image: URL(images/galeria_header_tlo.png);
  background-repeat: no-repeat;
  background-size:cover;
  margin-top:130px;
  padding-top:30px;
  padding-bottom:30px;
}
.galeria_podstrona_header h1{
  background-image: URL(images/galeria_ikona.png);
  background-repeat: no-repeat;
  background-size:contain;
  color:white;
  font-family: Cocogoose;
  font-size:30px;
  text-transform: uppercase;
  padding-top:45px;
  padding-bottom:15px;
  padding-left:130px;
}
.kontakt_box{
  background-color:#f6f5f5;
  margin-top:50px;
  margin-bottom:50px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:30px;
}
.kontakt_kolumny{
  font-family: Century;
  font-size:14px;
  margin-top:50px;
}
.kontakt_kolumny h2{
  font-family: CenturyBold;
  font-size:16px;
  margin-bottom:15px;
}
.kontakt_kolumny h3{
  font-family: CenturyBold;
  font-size:14px;
  margin:0;
}
.kontakt_kolumny h3 span{
  font-family: Century;
  font-size:11px;
  margin:0;
}
.kontakt1{
  border-left:solid 3px #006d33;
  padding-top:10px;
  padding-left:30px;
}
.kontakt2{
  padding-top:10px;
}
.kontakt_szara{
  border-left:solid 3px #f6f5f5;
  padding-top:10px;
  padding-left:30px;
}
.kontakt_box h2:last-of-type{
  margin-top: 30px;
}
.formularz_wiadomosc textarea{
  width:100%;
  padding-left:10px;
  border:none;
  border: solid 1px black;
  margin-top:20px;
  background-color:transparent;
}
.formularz_kontaktowy input{
  border:none;
  border-bottom:solid 1px black;
  margin-bottom:20px;
  padding-left:10px;
  padding-bottom: 7px;
  width:100%;
  background-color:transparent;
}
.formularz_kontaktowy select{
  background-color:transparent;
  border:none;
  border-bottom:solid 1px black;
  margin-bottom:20px;
  padding-left:20px;
  padding-bottom: 7px;
  padding-top:5px;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  background-image: url(images/arrow_down_formularz_kontaktowy.png);
  background-repeat: no-repeat;
  background-position: 1px 12px;
}
.formularz_kontaktowy input[type=submit]{
  border:none;
  color:white;
  padding-top:6px;
  padding-bottom:8px;
  background-color:black;
  width:100%;
}
.formularz_kontaktowy input[type=checkbox]{
  float:left;
  width:18px;
  margin-right:5px;
  margin-top:8px;
}
.wpcf7-list-item{
  margin:0!important;
}
.wpcf7-list-item label{
  display:block!important;
  font-size:11px;
}
.nota_prawna{
  background-image: url(images/nota_prawna.png);
  background-repeat: no-repeat;
  background-size:contain;
  width:100%;
  min-height:20px;
  margin-top:7px;
}
.podstrony_content{
  margin-top:100px;
}
.logo_fm_approvals_black{
  background-image: url(images/fm_approvals_black.png);
  background-repeat: no-repeat;
  background-size:contain;
  width: 8vw;
    height: 6vw;
    position: absolute;
    top: 30px;
    right: 20px;
}
.ikona_do_pobrania{
  width:50px;
}
.ikona_do_pobrania img{
  width:50px!important;
}
.plik_do_pobrania{
  font-size:14px;
  float:right;
  width:100%;
}
.plik_do_pobrania a{
  text-decoration: none;
  color:#006d33
}
.plik_do_pobrania a:hover{
  text-decoration: none;
  color:#00b655
}
.plik_do_pobrania h4{
  font-size:10px;
}
.podstrony_content_h2 h2{
  color:#006830;
  font-family: Cocogoose;
  font-size:18px;
  margin-bottom:35px;
  margin-top:0px;
  margin-left:0px;
}
.podstrony_content h1, .podstrony_content .h111{
  color:#006830;
  font-family: Cocogoose;
  font-size:22px;
  margin-bottom:15px;
  margin-top:15px;
  margin-left:0px;
}
.logo_kapeo_zielone_mobile{
  background-image: URL(images/kapeo_logo_zielone.png);
  background-repeat: no-repeat;
  background-size:contain;
  background-position:center;
  width:153px;
  height:70px;
  margin-top:30px;
  transition: all 0.2s;
  position:absolute;
  left:30px;
  display:none;
}
.adres_top_podstrony_mobile{
  display:none;
}
.tel_top_podstrony_mobile{
  display:none;
}
.logo_fm_approvals_black_mobile{
  display:none;
}
.stopka_mobile{
  display:none;
}
.header_mobile{
	display:none;
}
@media screen and (max-width: 1600px)
{
	#myVideo {
    position: absolute;
    right: 0;
    top: 0px;
	min-height: 100vh!important;
    width: 100vw;
    
    filter: brightness(90%);
  }
	.header_tlo {
    width: 45vw;
    height: 100vh;
    background-image: URL(images/header_tlo.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding-left: 150px;
    padding-top: 100px;
}
	.kafelek_1 {
    background-image: URL(images/kafelek_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 18vw;
    width: 18vw;
    position: absolute;
    z-index: 11;
    left: 33vw;
    top: 4%;
}
	.kafelek_2 {
    background-image: URL(images/kafelek_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 14vw;
    width: 14vw;
    position: absolute;
    z-index: 11;
    left: 29.6vw;
    top: 25.vw;
}
	.kafelek_bialy {
    background-image: URL(images/kafelek_bialy.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 6vw;
    width: 6vw;
    position: absolute;
    z-index: 11;
    left: 40vw;
    top: 41%;
}
	.kafelek_bialy_2 {
    background-image: URL(images/kafelek_bialy.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 6vw;
    width: 6vw;
    position: absolute;
    z-index: 11;
    left: 47vw;
    top: -5%;
}
	.header_top_black {
    width: 100%;
    background-image: URL(images/tlo_top_header.png);
    background-repeat: no-repeat;
    background-size: 55.7vw 100%;
    background-position: right;
    min-height: 98px;
    max-height: 7.5vw;
    position: absolute;
    top: 0;
    z-index: 2;
}
}


@media screen and (max-width: 1430px)
{
	#myVideo {
    position: absolute;
    right: 0;
    top: 0px;
    width: auto;
    min-height: 100vh!important;
    filter: brightness(90%);
  }
	.header_tlo {
    width: 45vw;
    height: 100vh;
    background-image: URL(images/header_tlo.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding-left: 150px;
    padding-top: 100px;
}
	.kafelek_1 {
    background-image: URL(images/kafelek_1.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 18vw;
    width: 18vw;
    position: absolute;
    z-index: 11;
    left: 33vw;
    top: 4%;
}
	.kafelek_2 {
    background-image: URL(images/kafelek_2.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 14vw;
    width: 14vw;
    position: absolute;
    z-index: 11;
    left: 28vw;
    top: 30vw;
}
	.kafelek_bialy {
    background-image: URL(images/kafelek_bialy.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 6vw;
    width: 6vw;
    position: absolute;
    z-index: 11;
    left: 40vw;
    top: 23.5vw;
}
	.kafelek_bialy_2 {
    background-image: URL(images/kafelek_bialy.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 6vw;
    width: 6vw;
    position: absolute;
    z-index: 11;
    left: 47vw;
    top: -5%;
}
	.header_top_black {
    width: 100%;
    background-image: URL(images/tlo_top_header.png);
    background-repeat: no-repeat;
    background-size: 55.7vw 100%;
    background-position: right;
    min-height: 98px;
    max-height: 7.5vw;
    position: absolute;
    top: 0;
    z-index: 2;
}
	.logo_fm_approvals {
    background-image: URL(images/fm_approvals_black.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 82px;
    max-width: 183px;
    height: 5vw;
    width: 8vw;
    position: absolute;
    top: 120px;
    right: 10px;
    z-index: 10;
}
	.o_firmie p {
    text-align: justify;
    margin-top: 1vw;
}
	.o_firmie {
    width: 53%;
    margin-left: 47%;
    padding-top: 5vw;
    padding-bottom: 3vw;
    background-color: #006d33;
    position: relative;
    right: 0px;
    color: white;
    padding-left: 5vw;
    padding-right: 5vw;
    font-family: Century;
    font-size: 14px;
    margin-bottom: 15vw;
}
	.o_firmie h1 , .o_firmie .aggggh1 {
    font-size: 18px;
    font-family: Century;
    text-transform: uppercase;
    font-weight: bold;
}
	.jak_zamowic span {
    color: white;
    font-family: Cocogoose;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #006d33;
    padding: 0.7vw 2.4vw;
}
}



@media screen and (max-width: 576px) {
	.header_mobile{
		display:block;
		background-image: URL(images/mobile_tlo.png);
    	background-repeat: no-repeat;
    	background-size:cover;
		width:calc(100%+30px);
		margin-left: -15px;
    	margin-right: -15px;
		height:auto;
		padding-top:20px;
		padding-bottom:2px;
	}
	.header_mobile_logo{
		display:block;
		background-image: URL(images/logo_biale.png);
    	background-repeat: no-repeat;
    	background-size:contain;
		width:120px;
		height:60px;
		margin:0 auto;
	}
	.header_mobile_grafika{
		display:block;
		background-image: URL(images/mobile_grafika_header.png);
    	background-repeat: no-repeat;
    	background-size:contain;
		width: 100%;
		height:240px;
	}
	#myVideo{
		display:none;
	}
	.header_tlo{
		display:none;
	}
	.oferta_kolumna_lewa{
		display:none;
	}
	.kafelek_1, .kafelek_2, .kafelek_bialy, .kafelek_bialy_2, .header_top_black, .myszka_ikona, .logo_fm_approvals, .strzalki, .ofirmie_kafelek_1, .ofirmie_kafelek_2,.ofirmie_kafelek_3,.ofirmie_kafelek_4,.ofirmie_kafelek_5,.ofirmie_kafelek_6,.ofirmie_kafelek_7,.ofirmie_kafelek_8{
		display:none;
	}
	.content{
		top:auto;
	}
  .fg-image-wrap{
    max-width:20vw;
  }
  .fg-image-wrap img{
    width:100%!important;
  }
  .fg-default.fg-gutter-10 .fg-item {
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .podstrony_content{
    margin-top:20px;
  }
  .galeria_podstrona_header{
    width:100%;
    background-image: URL(images/galeria_header_tlo.png);
    background-repeat: no-repeat;
    background-size:cover;
    margin-top:130px;
    padding-top:20px;
    padding-bottom:20px;
  }
  .galeria_podstrona_header h1{
    background-image: URL(images/galeria_ikona.png);
    background-repeat: no-repeat;
    background-size: 30px;
	background-position:left center;
    color: white;
    font-family: Cocogoose;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-left: 40px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
  }
  .header_top{
    display:none;
  }
  .logo_fm_approvals_black{
    display:none;
  }
  .navbar-toggler{
    position:absolute;
    top:15px;
    right:0px;
    z-index:999;
	background-image: URL(images/mobile_icon.png);
	  width:40px;
	  height:25px;
	  background-repeat:no-repeat;
	  background-size:contain;
	  border:none;
	  outline: none;
    	border-radius: 0px;
  }
	.header_mobile_naglowek{
		text-align:center;
		margin-top:40px
	}
	.header_mobile_naglowek h1{
		font-size:32px;
		color:white;
    	font-family: Cocogoose;
    	text-transform: uppercase;
	}
	.header_mobile_naglowek h2{
		font-size:18px;
		margin-top:-10px;
		color:white;
    	font-family: Cocogoose;
    	text-transform: uppercase;
	}
	.header_mobile_naglowek h3{
		font-size:14px;
		color:#00c95e;
		font-family:Century;
		width: 80%;
    	margin: 0 auto;
	}.trwalosc_mobile{
		text-align:center;
		margin:0 auto;
		margin-top: -50px;
    		padding-bottom: 20px;
	}
	.myszka_ikona_mobile{
		background-image: URL(images/myszka_ikona.png);
	  width:20px;
	  height:40px;
	  background-repeat:no-repeat;
	  background-size:contain;
		margin:0 auto;
		margin-bottom:20px;
    -webkit-animation: simple-move 0.8s 0.8s linear infinite alternate;
    animation: simple-move 0.8s 0.8s linear infinite alternate;
	}
	.trwalosc_mobile h1{
		font-size:16px;
		color:white;
    	font-family: Cocogoose;
    	text-transform: uppercase;
	}
  .navbar {
    position: absolute;
    z-index: 20;
    margin-top: 20px;
    margin-right: 0px;
  }
  .collapse {
      position:relative;
      z-index:10;    
      right:-31px;
      top:-29px;
      background-color:white;
      width:100vw!important;
      text-align:center;
      min-height:100vh
  }
  .collapsing{
      position:relative;
      z-index:10;    
      right:-31px;
      top:-29px;
      background-color:white;
      width:100vw!important;
      text-align:center;
      min-height:100vh
  }
  .logo_kapeo_zielone{
    background-image: URL(images/kapeo_logo_zielone.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
    width:153px;
    height:70px;
    margin-top:28px;
    transition: all 0.2s;
    position:absolute;
    left:calc(50vw - 72px);
  }
  .logo_kapeo_zielone_mobile{
    background-image: URL(images/kapeo_logo_zielone.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
    width:153px;
    height:70px;
    margin-top:20px;
    transition: all 0.2s;
    position:relative;
    left:calc(50% - 72px);
    display:block;
    margin-bottom:30px;
}
  .nav-item a {
    color: black!important;
    font-size: 18px;
    font-weight: 600;
    font-family: Century;
    margin-left: 0px;
    transition: all 0.1s;
  }
  .adres_top_podstrony_mobile{
    display:inline-block;
    margin-left:0px;
    margin-top:30px;
}
  .adres_top_podstrony_mobile h4{
    background-image: URL(images/pineska_ikona.png);
    background-repeat: no-repeat;
    background-size:contain;
    color:black;
    font-family: Century;
    font-size:14px;
    padding-left:20px;
  }
  .tel_top_podstrony_mobile{
    display:inline-block;
    margin-left:0px;
}
.tel_top_podstrony_mobile h4{
    background-image: URL(images/tel_ikona.png);
    background-repeat: no-repeat;
    background-size:contain;
    color:black;
    font-family: Century;
    font-size:14px;
    padding-left:20px;
	margin-bottom:120px;
}
.logo_fm_approvals_black_mobile{
  background-image: url(images/fm_approvals_black.png);
  background-repeat: no-repeat;
  background-size:contain;
  margin:0 auto;
  width:130px;
  height:60px;
  display:block;
  margin-top:30px;
  margin-bottom:40px;
  position:absolute;
  bottom:0px;
  left:calc(50% - 65px);
}
.grupa_slider {
  margin-top: 0;
  width: 100%;
  float: none;
}
.grupa_kapeo_pas h1 , .grupa_kapeo_pas .agh1{
  display: none;
}
.owl-carousel img{
  height:40px!important;
  object-fit: contain;
}
.grupa_kapeo_pas {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: white;
  margin-top: 50px;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 5%);
}
.owl-dots{
  display:none;
}
.stopka_bottom{
  padding-top:20px;
  font-size:10px;
  font-family: Century;
}
.stopka{
  display:none!important;
}
.stopka_mobile{
  display:block;
}
.stopka_mobile .stopka_kontakt_mobile{
  font-size:14px;
  font-family: Century;
  text-align:center;
  padding-bottom:20px;
  border-bottom:solid 1px #efefef;
}
.stopka_mobile_logo{
  background-image: URL(images/kapeo_logo_zielone.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
    width:100px;
    height:50px;
    margin-top:20px;
    transition: all 0.2s;
    position:relative;
    left:calc(50% - 50px);
    display:block;
    margin-bottom:20px;
    
}
.stopka_mobile_menu{
  text-align:center;
  margin-top:20px;
  margin-bottom:20px;
  border-bottom:solid 1px #efefef;
}
.stopka_mobile_menu ul{
  list-style-type: none;
  margin-left:-40px;
}
.stopka_mobile_menu ul a{
  text-decoration: none;
  color:black;
  font-weight:600;
}
	
.zbiorniki_przeciwpozarowe_kafelek{
    width:50vw;
    padding-top:35vw;
    height:50vw;
    display:inline-block;
    margin:0;
    background-image: URL(images/zbiorniki_przeciwpozarowe_ikona.png),URL(images/zbiorniki_przeciwpozarowe.jpg);
    background-repeat: no-repeat;
	background-size: 50%,100%;
    background-position: center 5vw,50vw center;
    background-color:#3a3a3a;
    cursor: pointer;
    transition: all 0.3s;
	float:left;
    border-bottom: solid 2px white;
}

.zbiorniki_wody_pitnej_kafelek{
    width:50vw;
    padding-top:35vw;
    height:50vw;
    background-color:#4a4a4a;
    background-image: URL(images/zbiorniki_wody_pitnej_ikona.png),URL(images/zbiornik_woda_pitna.jpg);
    background-repeat: no-repeat;
    background-position: center 5vw,50vw center;
	background-size: 50%,100%;
    display:inline-block;
    margin:0 ;
    cursor: pointer;
    transition: all 0.3s;
	float:right;
	border-left: solid 2px white;
    border-bottom: solid 2px white;
}

.zbiorniki_solanki_kafelek{
    width:50vw;
    padding-top:35vw;
    height:50vw;
    background-color:#4a4a4a;
    background-image: URL(images/zbiorniki_solanki_ikona.png),URL(images/zbiornik_solanki.jpg);
    background-repeat: no-repeat;
    background-position: center 5vw,50vw center;
    display:inline-block;
	background-size: 50%,100%;
    cursor: pointer;
    transition: all 0.3s;
	float:left;
    border-bottom: solid 2px white;
}

.pompowanie_kafelek{
    width:50vw;
    padding-top:35vw;
    height:50vw;
    background-color:#3a3a3a;
    background-image: URL(images/pompownie_ikona.png),URL(images/pompownie.jpg);
    background-repeat: no-repeat;
    background-position: center 5vw,50vw center;
    display:inline-block;
	background-size: 50%,100%;
    cursor: pointer;
    transition: all 0.3s;
	float:right;
	border-left: solid 2px white;
    border-bottom: solid 2px white;
}

.serwis_kafelek{
    width:100vw;
    padding-top:40vw;
    height:50vw;
    background-color:#3a3a3a;
    background-image: URL(images/serwis_ikona.png),URL(images/serwis.jpg);
    background-repeat: no-repeat;
    background-position: center 5vw,100vw center;
    display:inline-block;
	background-size: 27%,100%;
    cursor: pointer;
    transition: all 0.3s;
	margin:0 auto;
}
	
	.zbiorniki_przeciwpozarowe_kafelek:hover{
    width:50vw;
    padding-top:35vw;
    height:50vw;
    display:inline-block;
    margin:0;
    background-image: URL(images/zbiorniki_przeciwpozarowe_ikona.png),URL(images/zbiorniki_przeciwpozarowe.jpg);
    background-repeat: no-repeat;
	background-size: 50%,100%;
    background-position: center 5vw,center center;
    background-color:#3a3a3a;
    cursor: pointer;
    transition: all 0.3s;
	float:left;
    border-bottom: solid 2px white;
}

.zbiorniki_wody_pitnej_kafelek:hover{
    width:50vw;
    padding-top:35vw;
    height:50vw;
    background-color:#4a4a4a;
    background-image: URL(images/zbiorniki_wody_pitnej_ikona.png),URL(images/zbiornik_woda_pitna.jpg);
    background-repeat: no-repeat;
    background-position: center 5vw,center center;
	background-size: 50%,100%;
    display:inline-block;
    margin:0 ;
    cursor: pointer;
    transition: all 0.3s;
	float:right;
	border-left: solid 2px white;
    border-bottom: solid 2px white;
}

.zbiorniki_solanki_kafelek:hover{
    width:50vw;
    padding-top:35vw;
    height:50vw;
    background-color:#4a4a4a;
    background-image: URL(images/zbiorniki_solanki_ikona.png),URL(images/zbiornik_solanki.jpg);
    background-repeat: no-repeat;
    background-position: center 5vw,center center;
    display:inline-block;
	background-size: 50%,100%;
    cursor: pointer;
    transition: all 0.3s;
	float:left;
    border-bottom: solid 2px white;
}

.pompowanie_kafelek:hover{
    width:50vw;
    padding-top:35vw;
    height:50vw;
    background-color:#3a3a3a;
    background-image: URL(images/pompownie_ikona.png),URL(images/pompownie.jpg);
    background-repeat: no-repeat;
    background-position: center 5vw,center center;
    display:inline-block;
	background-size: 50%,100%;
    cursor: pointer;
    transition: all 0.3s;
	float:right;
	border-left: solid 2px white;
    border-bottom: solid 2px white;
}

.serwis_kafelek:hover{
    width:100vw;
    padding-top:40vw;
    height:50vw;
    background-color:#3a3a3a;
    background-image: URL(images/serwis_ikona.png),URL(images/serwis.jpg);
    background-repeat: no-repeat;
    background-position: center 5vw,center center;
    display:inline-block;
	background-size: 27%,100%;
    cursor: pointer;
    transition: all 0.3s;
	margin:0 auto;
}
	
	
	.kafelki{
    position:relative;
    z-index:100;
    top:0px;
    text-align:right;
}
	
	
.kafelki h1{
    color:white;
    font-size:12px;
	width:90%;
	margin:0 auto;
    text-align:center;
    font-family: Cocogoose;
    text-transform: uppercase;
}
	.ofirmie_content{
    width:100%;
    padding-right:0vw;
    margin-left:0vw;
    padding-bottom:0vw;
    position: relative;
    z-index: 50;
    display:block;
	margin-top: 20px
  }
	
  .ofirmie_content_opis h2{
    font-family: CenturyBold;
    font-size: 16px;
    padding-top:10px;
	  margin-left:15px;
	  margin-right:15px;
  }
  .ofirmie_content_opis h3{
    font-family: Century;
    font-size: 13px;
    padding-top:10px;
    padding-bottom:10px;
	  margin-left:15px;
	  margin-right:15px;
  }
  .ofirmie_content_opis h4{
    font-family: Century;
    font-size: 13px;
    background-image: URL(images/lista_h4.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
	  margin-left:10px;
	  margin-right:15px;
  }
  .ofirmie_content_opis h4:first-of-type{
    margin-top:20px;
  }
  
  
  
    .ofirmie_content_opis .agh4{
    font-family: Century;
    font-size: 13px;

    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
	  margin-left:10px;
	  margin-right:15px;
  }
  .ofirmie_content_opis .agh4:first-of-type{
    margin-top:20px;
  }
  
  
  
  .ofirmie_content_opis span{
    font-family: Century;
    color:#006d33;
    background-color:#f2f2f2;
    font-size: 13px;
    padding:5px 10px;
  }
	
  .zbiorniki_przeciwpozarowe_zakladka h1{
    font-family: Cocogoose;
    font-size:20px;
    text-transform: uppercase;
    background-image: URL(images/przeciwpozarowe_zielone.png);
	  background-position: left,center;
    padding-left:50px;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:40px;
	  margin-left:15px;
	  margin-right:15px;
  }
  
  
    .zbiorniki_przeciwpozarowe_zakladka .hhh1{
    font-family: Cocogoose;
    font-size:20px;
    text-transform: uppercase;
    background-image: URL(images/przeciwpozarowe_zielone.png);
	  background-position: left,center;
    padding-left:50px;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:40px;
	  margin-left:15px;
	  margin-right:15px;
  }
  
  .zbiorniki_wody_pitnej_zakladka h1{
    font-family: Cocogoose;
    font-size:20px;
    text-transform: uppercase;
    background-image: URL(images/wody_pitnej_zielone.png);
	  background-position: left,center;
    padding-left:50px;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:40px;
	  margin-left:15px;
	  margin-right:15px;
  }
  .zbiorniki_solanki_zakladka h1{
    font-family: Cocogoose;
    font-size:20px;
    text-transform: uppercase;
    background-image: URL(images/solanki_zielone.png);
	  background-position: left,center;
    padding-left:50px;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:40px;
	  margin-left:15px;
	  margin-right:15px;
  }
  .pompownie_zakladka h1{
    font-family: Cocogoose;
    font-size:20px;
    text-transform: uppercase;
    background-image: URL(images/pompownie_zielone.png);
	  background-position: left,center;
    padding-left:50px;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:40px;
	  margin-left:15px;
	  margin-right:15px;
  }
	.zbiorniki_przeciwpozarowe_zakladka{
		padding-top:20px;
	}
	.zbiorniki_wody_pitnej_zakladka{
		padding-top:20px;
	}
	.zbiorniki_solanki_zakladka{
		padding-top:20px;
	}
	.pompownie_zakladka{
		padding-top:20px;
	}
	.serwis_zakladka{
		padding-top:20px;
	}
  .serwis_zakladka h1{
    font-family: Cocogoose;
    font-size:20px;
    text-transform: uppercase;
    background-image: URL(images/serwis_zielone.png);
	  background-position: left,center;
    padding-left:50px;
    padding-top:2.2vw;
    padding-bottom:0.4vw;
    background-repeat: no-repeat;
    background-size:40px;
	  margin-left:15px;
	  margin-right:15px;
  }
	.ofirmie_img{
    width:100%;
    display: inline-block;
    text-align: center;
		margin-bottom:15px;
		margin-top:15px;
  }
  .ofirmie_img h5{
    font-family: Century;
    font-size: 12px;
    padding-top: 5px;
	  display:none;
  }
  .ofirmie_img img{
    height:10vw;
  }
	.jak_zamowic{
		width:calc(100% - 30px);
		background-color: #006d33;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		margin-bottom:30px;
		margin-left:15px;
		margin-right:15px;
	}
	.jak_zamowic span{
    color:white;
    font-family: Cocogoose;
    font-size:18px;
	width:100%;
    text-transform: uppercase;
    background-color:transparent;
    padding: 5px 10px;
  }
	.o_firmie{
    width:100%;
    margin-left:0%;
    padding-top:30px;
    padding-bottom:30px;
    background-color:#006d33;
    position:relative;
    right:0px;
    color:white;
    padding-left:15px;
    padding-right:15px;
    font-family: Century;
    font-size:14px;
	margin-bottom:30px;
}
.o_firmie h1, .o_firmie .aggggh1{
    font-size:16px;
    font-family: Century;
    text-transform: uppercase;
    font-weight: bold;
	text-align:center;
	padding-top:10px;
}
	.mobile_video{
		display:none;
	}
	#menu-header li ul {
    display: none;
    position: relative;
    z-index: 99999;
    width: 100%;
    background: white;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 15px;
    text-align: left;
    border-left: solid 2px #00c95e;
    padding-left: 45px;
}
#menu-header li ul > li ul{
  display: none;
  position:relative;
  top: none;
  left: 0px;
  z-index: 99999;
  min-width: 100%;
  box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
	border-left: solid 2px #d7d7d7;
	padding-left: -5px;
	margin-left: -47px;
	margin-top:10px;
	margin-bottom:10px;
}
	.sub-menu li a{
  		margin-left:-35px!important;
  		color:black;
  		text-decoration:none;
		text-align:left;
	}
	.kontakt_podstrona_header{
    width:100%;
    background-image: URL(images/kontakt_header_tlo.png);
    background-repeat: no-repeat;
    background-size:cover;
    margin-top:130px;
    padding-top:20px;
    padding-bottom:20px;
  }
  .kontakt_podstrona_header h1{
    background-image: URL(images/kontakt_header_ikona.png);
    background-repeat: no-repeat;
    background-size: 30px;
	background-position:left center;
    color: white;
    font-family: Cocogoose;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-left: 40px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
  }
	.kontakt1{
  border-left:solid 3px #006d33;
  padding-top:10px;
  padding-left:15px;
		margin-left:15px;
}
	.kontakt2{
  		padding-top:20px;
		margin-left:16px;
	}
	.kontakt_box {
    background-color: #f6f5f5;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
}
	.nota_prawna {
    background-image: url(images/nota_prawna.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 150px;
    min-height: 30px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
}
	.kontakt_szara {
    border-left: solid 3px #f6f5f5;
    padding-top: 10px;
    padding-left: 15px;
    margin-left: 15px;
}
	.kontakt_kolumny a{
		text-decoration:none;
		color:black;
	}
	.nota_prawna_popup {
    visibility: hidden;
    position: absolute;
    width: 100%;
    left: 0px;
    padding: 10px;
    opacity: 0.95;
    font-family: Century;
    font-size: 12px;
    z-index: 999;
    background-color: white;
    text-align: justify;
    opacity: 0;
    transition: all 0.3s;
}
}