body{
    border: 0;
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 300;
    color: #1f4676;
    font-family: 'Comfortaa', sans-serif;
   }
   
   p{
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
   }
   
   a img{
    border: none;
   }
strong{
    font-weight: 900;
}
   .widthSection {
   float: left;
   width: 100%;
   }
   
   
   #topSec .widthHolder{
   position: relative;
   transition: all .5s;
   }
   
   h1{
   text-align :center;
   font-size: 30px;
   line-height: 36px;
   font-weight: 400;
   margin: 10px 0px 15px 0px
   }
   
   h2 {
       font-size: 35px;
       font-weight: 400;
       margin-bottom: 20px;
   }
   
   h3{
       font-size: 24px;
       font-weight: 600;
       margin-bottom: 0px;
   }
   
   .widthHolder{
   min-width: 320px;
   max-width: 1120px;
   margin: 0px auto;
   padding: 0px 10px; 
   box-sizing: border-box;
   }

   #sliderSection .widthHolder{
   padding: 0px 0px; 
   }
#sliderSectionMobile{
    display: none;
}
   
   
   #topSec{
       z-index: 10000;
       left: 0px;
       top: 0px;
       transition: all .5s;
       background-color: #ffffff;
       margin-bottom: 10px;
       height: 20px;
   }
   
   #topSec.show{
       position: fixed;
       background-color: #ffffff;
       border-bottom: solid #dedede 1px;
       background: #ffffffd1;
       height: 70px;
       display: none;
   }
   #topSec.show .widthHolder {
       height: 60px;
       position: relative;
       transition: all .5s;
   }
   #topSec.show #menuplace {
    position: absolute;
    left: 0px;
    bottom: 20%;
    transition: all .5s;
   }
   #logoplace img{
    transition: all .5s;
   }
   #topSec.show #logoplace img {
    width: 170px;
    height: auto;
    transition: all .5s;
}
   
   #logoplace{
    position: relative;
    top: 5px;
}

#logo{
    margin-bottom: 20px;
    margin-top: 5px;
}
   #topSec.show #logoplace{
    top: -8px;
   }
   
   #menuplace{
    transition: all .5s;

   }
   
   #menuplace ul.menu{
   list-style: none;
   padding: 0px;
   margin: 0px auto;
   width: 905px;
   height: 20px;
   }
   
   #menuplace ul li{
    position: relative;
    float: left;
    padding: 0px;
    margin: 0px;
    padding-bottom: 2px;
   }
   
   #menuplace ul li a, #menuplace ul li .separator{
    display: block;
    padding: 0px 20px 0px 20px;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
   }
   
   
   #menuplace ul.nav-child{
    display: none;
    width: 250px;
    position: absolute;
    left: 0px;
    top: 25px;
    z-index: 1000;
    list-style: none;
    padding: 15px 15px 15px 10px;
    background-color: #ffffffd1;
   }

   #menuplace ul.nav-child a{
    padding:15px 16px 5px 16px;
   }

   #menuplace ul li:hover{
       border-bottom: solid 2px #000000;
   }
   #menuplace ul li:hover ul.nav-child{
    display: block;
   }
   ul.nav-child li:hover{
       border: none!important;
   }
   ul.nav-child li a:hover{
    border-bottom: solid 2px #000000;
    padding-bottom: 3px!important;
   }

#position1{
    margin-top: 30px;
    margin-bottom: 50px;
}
#position1 p{
    margin-bottom: 10px;
    padding-left: 40px;
    padding-right: 20px;
}
#position2{
    background: url("/images/slidery/ciemne2.jpg");
    padding: 35px 0px 40px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}
#position2 p, #position2 h2{
    color: #ffffff;
}
#module_mob{
    display: none;
}
#position2 p{
    padding-left: 40px;
    padding-right: 40px;
}
#position2 .drob1, #position2 .drob2, #position2 .drob3, #position2 .drob4 {
    width: 17%;
    float: left;
}
#produkt1, #produkt2, #produkt3, #produkt4{
    text-align: center;
}
#produkt1 img, #produkt2 img, #produkt3 img, #produkt4 img{
    padding-bottom: 30px;
    padding-left: 15px;
    cursor: pointer;
}
#produkt1 img:hover, #produkt2 img:hover, #produkt3 img:hover, #produkt4 img:hover{
    border-bottom: solid 4px #ffffff;
}

#opis_produktu2, #opis_produktu3, #opis_produktu4{
    display: none;
    border: 1px solid #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
}
#opis_produktu1{
    border: 1px solid #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
}
#position2 .produkty{
    height: 175px;
    padding-top: 35px;
}
#position3{
    padding-top: 50px;
    padding-bottom: 30px;
}
#position3 p{
    padding-left: 40px;
    padding-right: 40px;
}
#position3 .img_p{
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}
#position3 .img_p2{
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}
#position3 img{
    padding: 20px 45px;
}
#position3 table{
    width: 100%;
    margin-bottom: 15px;
    margin-top: 30px;
    padding: 0px 240px;
}
#position3 td{
text-align: center;
font-size: 25px;
}
#article-bottom table{
    width: 100%;
    margin-bottom: 15px;
    margin-top: 30px;
    padding: 0px 240px;
}
#article-bottom td{
    font-size: 25px;
text-align: center;
}
#article-bottom2{
    padding-top: 30px;
    padding-bottom: 30px;
}
#article-bottom{
    padding-top: 30px;
    padding-bottom: 30px;
}
#article-bottom p{
    padding-left: 40px;
    padding-right: 40px;
}
#article-bottom .img_p{
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}
#article-bottom .img_p2{
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}
#article-bottom img{
    padding: 20px 45px;
}
#position3b{
    background: url("/images/slidery/ciemne2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    padding: 40px 0px;
}
#position3b table{
width: 33.3%;
float: left;
padding: 0px 30px;
}
#position3b h3 {
    margin-bottom: 20px;
    margin-top: 0px;
}
#position3b .text{
    min-height: 185px;
}

#position4{
    margin-bottom: 100px;
    margin-top: 40px;
}
#position4 .wstep p{
    padding-left: 40px;
    padding-right: 40px;
}
#position4 table{
    width: 14%;
    float: left;
}
#position4 .data{
    padding: 0px 10px 20px 0px;
    font-size: 12px;
    vertical-align: top;
}
.back a{
    text-decoration: none;
    color: inherit;
    font-size: 15px;
}
.back a:hover{
    opacity: 0.7;
}
#position4 .arrow_hidden{
    visibility: hidden;
}
#position4 .data_span{
    font-size: 16px;
    letter-spacing: 5px;
    font-weight: 700;
    line-height: 1.8;
}
#position5{
    background: url("/images/slidery/ciemne2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    padding-bottom: 65px;
    padding-top: 65px;
    background-attachment: fixed;
}
#position5 .hrc{
    font-weight: 700;
    font-size: 35px;
    line-height: 1.0;
    letter-spacing: 8px;
}

#position5 .odkryj{
    font-size: 19px;
    letter-spacing: 5px;
    float: right;
    margin-top: 50px;
    position: relative;
    top: 10px;
}
#position5 .dostarczamy{
    font-size: 19px;
    letter-spacing: 5px;
    margin-top: 50px;
    position: relative;
    top: 10px;
    text-align: center;
}
#position5 .dostarczamy_td{
width: 45%;
}
#position5 .strzalka_czerwona{
    position: relative;
    top: 1.5px;
}
#position5 a{
    text-decoration: none;
    color: #ffffff;
}
#position5 td{
    width: 100%;
    padding: 0px 40px;
}
#position6 p{
    padding-left: 40px;
    padding-right: 40px;
}
#position7{
    padding-bottom: 80px;
}
#position7mob{
    display: none;
}
#position8{
    margin-bottom: -15px;
}
#position9{
    background: url("/images/slidery/stopka-tlo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0px 30px 0px;
}
#position9 p{
    color: #ffffff;
}
#position9 a{
    color: #ffffff;
    text-decoration: none;
}
#position9 h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #ffffff;
    margin-top: 15px;
}
#position9 .adres{
    font-size: 11px;
    line-height: 1.8;
    letter-spacing: 2px;
}
#position9 .kontakt{
font-size: 15px;
letter-spacing: 4px;
}
#position9 .logo_white{
    width: 12%;
}
#footSection{
    height: 20px;
    background-color: #000000;
}
.goOnas{
    cursor: pointer;
}
#contSection .horeca_table{
    width: 16%;
    float: left;
}
#contSection .horeca_table p{
font-size: 15px;
}
#contSection .horeca_h3{
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 25px;
}
#powrot{
    margin-bottom: 30px;
}
#article-bottom2 td{
    font-size: 15px;
    vertical-align: top;
    padding: 0px 15px;
    width: 25%;
}
#article-bottom2 table{
    width: 100%;
}
#position2mob{
    display: none;
}

@media screen and (max-width: 1099px){
    #mapSelector .logosHolder {
        margin-top: 210px;
    }
    #position3 td {
        text-align: center;
        font-size: 30px;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    #position2mob{
    display: block;
    background: url("/images/slidery/ciemne2.jpg");
    padding: 35px 0px 35px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    }
    #position2{
        display: none;
    }
table tr td{
    width: 100%;
    float: left;
}
#logo {
    margin-bottom: 0px;
}
#logoplace img {
    top: 10px;
    position: relative;
    width: 90px;
    height: auto;
}
#topSec {
    height: 0px;
}
#position1 p {
    margin-bottom: 25px;
    padding-left: 20px;
    padding-right: 10px;
}
#position1 {
    margin-top: 10px;
}
#position2 p {
    padding-left: 20px;
    padding-right: 10px;
}
#mapSelector2 .switch2 {
    width: 40%;
    height: 165px;
}
#mapSelector2 .opis_drob {
    padding: 10px 0px;
}
.indyk {
    top: 0px;
}
.kaczka {
    top: 0px;
}
.ges {
    top: 0px;
}
#mapSelector2 .logosHolder2 p {
    width: 100%;
}
#mapSelector2 .logosHolder2 {
    height: 285px;
}
#position2 {
    padding: 20px 0px 30px 0px;
}
#position3 p {
    padding-left: 20px;
    padding-right: 10px;
}
#position3 img {
    width: 40%;
    height: auto;
}
#article-bottom p {
    padding-left: 20px;
    padding-right: 10px;
}
#article-bottom img {
    width: 40%;
    height: auto;
}
#position4 table {
    width: 100%;
    float: left;
}
#position4 .td_img{
display: none;
}
#position5 td {
    padding: 0px 0px;
}
#position6{
    margin-top: -70px;
}
#backgroundCont .block {
    width: 100%;
    float: left;
}
#mapSelector .mapSide {
    width: 100%;
    min-height: 135px;
    position: relative;
    margin-top: 350px;
    margin-left: 0px;
}
#mapSelector .switch {
    min-width: 300px;
    font-size: 14px;
    min-height: 85px;
}
body{
    font-size: 15px;
}
h2 {
    font-size: 30px;
}
#position3b table {
    width: 100%;
    padding: 0px 30px;
    margin-bottom: 50px;
}
#position3b .text {
    min-height: 120px;
}
#position3b table {
    width: 100%;
    padding: 0px 30px;
    margin-bottom: 50px;
}
#position3b .text {
    min-height: 120px;
}
#mapSelector2 .switch2 img {
    padding-bottom: 35px;
    width: 80px;
    height: auto;
}
.item-page.dotacje p{
    font-size: 20px;
}
#mapSelector2 .switch2 {
    width: 20%;
    padding-right: 9px;
    padding-left: 11px;
}
#mapSelector2 .navSide2 {
    padding-left: 0px;
}
#mapSelector2 .logosHolder2 {
    margin-top: -25px;
}
#mapSelector .navSide {
    padding-left: 0px;
}
#position6 p {
    padding-left: 20px;
    padding-right: 10px;
}
#position7 {
    height: 825px;
}
#position4 .wstep p {
    padding-left: 20px;
    padding-right: 10px;
}
#position4 {
    margin-bottom: 35px;
}
#position1 img{
    max-width: 100%;
}
#position3 {
    padding-top: 20px;
    padding-bottom: 20px;
}
#position3 table {
    padding: 0px 0px;
}
#article-bottom table{
    padding: 0px 0px;
}
}

   #pasek1{
    height: 30px;
    background-color: #00a654;
}
#pasek2{
 height: 30px;
 background-color: #144ea0;
}
.dotacje2{
    font-weight: 700!important;
}


#telefon{
    width: 200px;
    float: right;
    border: solid 1px #ababab9e;
    border-right: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: fixed;
    bottom:18%;
    right: 0px;
    background: #ffffff;
    padding-left: 3px;
    margin-right: -200px;
    transition: all .5s;
    z-index: 1000;
    cursor: pointer;
}
#email{
    width: 200px;
    float: right;
    border: solid 1px #ababab9e;
    border-right: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: fixed;
    bottom:7%;
    right: 0px;
    background: #ffffff;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: -200px;
    transition: all .5s;
    z-index: 1000;
    cursor: pointer;
}
#telefon img{
    padding-right: 100px;
    transition: all .5s;
}
#email img{
    padding-right: 100px;
    transition: all .5s;
}
#telefon:hover img{
    padding-right: 20px;
    transition: all .5s;
}
#telefon:hover{
    margin-right: -50px;
    transition: all .5s;
}
#email:hover img{
    padding-right: 20px;
    transition: all .5s;
}
#email:hover{
    margin-right: -50px;
    transition: all .5s;
}
#telefon .zadzwon{
    margin-bottom: 0px;
    margin-top: 8px;
    width: 150px;
}
#telefon a{
    text-decoration: none;
    color: inherit;
}
#telefon a:hover{
    color: #c50000;
}
#email a{
    text-decoration: none;
    color: inherit;
}
#email a:hover{
    color: #c50000;
}
#email .td_email2 p{
    margin-bottom: 0px;
}
.numer_telefonu{
    margin-bottom: 8px;
}
@media screen and (max-width: 1099px){
    .dotacje img{
        margin: 0px!important;
        width: auto;
    height: 50px;
    padding: 0px 10px;
}
    
    .dotacje{
        text-align: center;
    }
}

/*#telefon_przycisk:hover {
    animation-name: shakeAnim;
  } */
  #telefon_przycisk{
    animation-name: shake;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    position: relative;
    animation-delay: 4s;
  }

 /* #email_przycisk:hover {
    animation-name: shakeAnim;
  }*/
  #email_przycisk{
    animation-name: shake;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    position: relative;
    animation-delay: 5s;
  }
  #tel_top_horeca, #tel_top_sklepy, #tel_top_hurt{
      text-decoration: none;
      color: inherit;
  }
  #tel_top_horeca:hover, #tel_top_sklepy:hover, #tel_top_hurt:hover{
    color: #c50000;
}
.tel_top_horeca, .tel_top_sklepy, .tel_top_hurt{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 55px;
}
.wstep_horeca, .wstep_sklepy, .wstep_hurt{
    font-size: 20px;
    font-weight: 700;
    margin-top: 50px;
}

  @media screen and (max-width: 1099px){
    #telefon img, #email img{
        width: 50px;
        height: auto;
    }
    #telefon table tr td, #email table tr td{
        width: auto;
    }
    #telefon .zadzwon {
        margin-bottom: 0px;
        margin-top: 5px;
        width: 135px;
    }
    #email .td_email2 p {
        margin-bottom: 0px;
        margin-top: 15px;
    }
    #position8b{
        display: none;
    }
    #position9 .adres {
        font-size: 17px;
        line-height: 1.8;
        letter-spacing: 2px;
    }
    #position9 .kontakt {
        font-size: 17px;
        letter-spacing: 4px;
    }
    #position9 img{
        width: 140px;
        height: auto;
        margin-top: 10px;
    }
    #sliderSectionMobile .widthHolder{
        padding: 0px 0px; 
        }
    #sliderSection{
        display: none;
    }
    #sliderSectionMobile{
        display: block;
    }
    .tp-caption.warstwa_main_slider_mobile{
        font-size: 33px;
        line-height: 1.3;
        font-weight: 600;
        font-family: Comfortaa, sans-serif;
        color: #ffffff;
        text-decoration: none;
        letter-spacing: 8px;
        background-color: transparent;
        text-shadow: none;
        margin: 0px;
        padding: 1px 4px 0px 4px;
        height: auto;
        border-width: 0px;
        border-color: #ffffff;
        border-style: none;
    }
    #position7{
        display: none;
    }
    #position7mob{
        display: block;
        padding-bottom: 30px;
    }
    #position7mob img{
        max-width: 100%;
        height: auto;
    }
    .red2{
        color: #c50000;
    }
    a{
        color: inherit;
        text-decoration: none;
    }
    #contSection .horeca_table {
        width: 100%;
        float: left;
    }
    #article-bottom2 td {
        font-size: 15px;
        vertical-align: top;
        padding: 0px 0px;
        width: 100%;
    }
    #module{
        display: none;
    }
    #module_mob{
        display: block!important;
    }
    .logotypy-podstrona{
        font-size: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    }
    #module_mob img{
        max-width: 100%;
    height: auto;
    }
    #module_mob .small{
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2.5px;
        top: -3px;
        position: relative;
    }
    .title-uslugi{
        font-size: 25px;
    }
    .small {
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2.5px;
        top: -3px;
        position: relative;
    }
    
  }

@keyframes shakeAnim {
    0% {right: 0}
    1% {right: -3px}
    2% {right: 5px}
    3% {right: -8px}
    4% {right: 8px}
    5% {right: -5px}
    6% {right: 3px}
    7% {right: 0}
  }
  
  @keyframes shake {
    0% {right: 0}
    1% {right: -3px}
    2% {right: 5px}
    3% {right: -8px}
    4% {right: 8px}
    5% {right: -5px}
    6% {right: 3px}
    7% {right: 0}
  }