html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#031137}
*, *:before, *:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
* {box-sizing:border-box}
html {height:100%}
body {font-family:Archivo,arial, tahoma;font-weight:400;font-size:1rem;line-height:1.7rem;margin:0;padding:0}
a{color:#031137;text-decoration:none}
a:hover{color:#2ccc3b;transition:all ease 0.3s}
.all{width:88%;margin:0px auto}

td { font-size: 11px }
.clear{clear:both}
p{margin:5px 0px 10px 0px}
.break{page-break-after:always}

button{font-family:Archivo,Arial}
.w25{width:24%;float:left;margin:0.5%}
.w40{width:40%;display:block;float:left}
.w50{width:50%;display:block;float:left}
.w60{width:60%;display:block;float:left}

.w33{width:32.33%;float:left;margin:0.5%}
.w30{width:30%;float:left}
.w50{width:50%}

.w70{width:70%;float:left}
.w75{width:75%;float:left}

h1{font-size:2.7rem;line-height:3.5rem}
h1 sup{vertical-align:baseline;position:relative;top:-1rem}
h2 sup{vertical-align:baseline;position:relative;top:-0.75rem}

input[type=text],textarea{padding:0.5rem;font-size:0.9rem;padding:15px;margin:0px 0px 10px 0px;border:0px;border-bottom:2px solid #2ccc3b;font-family:Archivo,arial,tahoma;width:100%;background:#f7f7f7}
button{margin:10px 0px 0px 0px;border:0px;background:#2ccc3b;font-weight:700;cursor:pointer;padding:1rem 2rem;color:#ffffff;transition:all 0.4s ease}
button:hover{background:#1eaf2c;transition:all 0.4s ease}
label{display:block;font-size:0.7rem}

input[type=submit],input[type=button]{font-family:Archivo,Arial;display:inline-block;border:0px;cursor:pointer;border-radius:3px;margin:15px 0px 0px 0px;display:inline-block;background:#071b50;padding:15px;font-size:19px;font-weight:700;color:#ffffff}
input[type=submit]:hover{background:#031136}
textarea{width:100%;min-height:110px;display:block;margin:0px auto;font-family:Nunito,Arial}
select{font-family:Nunito,Arial;font-size:15px;padding:5px;height:34px}
.back{display:inline-block;border:0px;cursor:pointer;border-radius:3px;margin:15px 0px 0px 0px;display:inline-block;background:#f6af15;padding:15px;font-size:15px;font-weight:900;color:#ffffff}

.bigbutton{text-transform:uppercase;font-weight:700;font-size:0.85rem;letter-spacing:1.5px;text-shadow:none;display:inline-block;padding:10px 20px;border-radius:2px;background:#2ccc3b;color:#ffffff;margin:15px 0px 15px 0px}
.bigbutton:hover{color:#ffffff;background:#1eaf2c}

input:focus, button:focus, textarea:focus{outline:none}
.center{text-align:center}
.left{text-align:left}
##.txt{font-size:13px;width:75%;margin:0px auto;line-height:20px}
.small{font-size:0.8rem;opacity:0.8}
.smallheader{pading:0.3rem 0px 0.3rem 0px;font-size:0.8rem;ront-weight:500}


#top{display:block;text-align:left;line-height:1rem;position:fixed;top:0px;width:100%;z-index:9;transition:all 0.3s ease}
#top > .left{background:rgba(255,255,255,0.80);float:left;width:100%;text-align:left}
#top > .right{background:rgba(255,255,255,0.80);float:left;width:40%;text-align:right}
#top > .left > .logo {display:inline-block;padding:5px 20px 3px 25px;vertical-align:top;}
#top > .left > .logo img{width:175px}
#top > .left > .phone{white-space:nowrap;font-weight:400;display:inline-block;padding:19px 40px 0px 10px;font-size:1rem;border-left:1px solid #f1f1f1}
#top > .left > .phone a img{width:2rem;height:2rem;display:block;margin:0px 6px 0px 0px;float:left;vertical-align:middle;position:relative;top:-2px;filter:invert(61%) sepia(96%) saturate(1403%) hue-rotate(76deg) brightness(99%) contrast(80%);}
#top > .left > .phone a b{font-weight:700;}
#top > .left > .phone a > span{white-space:nowrap;display:block;font-size:0.8rem;font-weight:300;margin-top:-6px}
#top > .left > .mail{white-space:nowrap;font-size:0.9rem;font-weight:500;display:inline-block;padding:18px 20px 0px 15px;vertical-align:top}
#top > .left > .mail a img{width:2.1rem;height:2.1rem;margin:0px 6px 0px 0px;display:block;float:left;vertical-align:middle;position:relative;top:-1px;filter:invert(61%) sepia(96%) saturate(1403%) hue-rotate(76deg) brightness(99%) contrast(80%);}
#top > .left > .mail a > span{white-space: nowrap;display:block;font-size:0.8rem;font-weight:300;margin-bottom:-2px}

#menu{padding:5px 0px 5px 0px;position:fixed;z-index:9;top:4rem;display:block;width:100%;color:#ffffff;transition:all 0.4s ease;border-bottom:1px solid #2ccc3b}

#home{padding:30vh 0px 10px 0px;background:url('../gfx/home.jpg') no-repeat #cccccc;background-size:cover}
#home h1{font-size:1.8rem;font-weight:700;line-height:7.5vh;margin:0px 0px 0px -3px}
#home .slogan{font-weight:400;font-size:1.1rem;line-height:3vh;margin-bottom:0rem}
#home .slogan p{width:55%;}
.homeimg{position:absolute;z-index:2;right:0rem;top:4.5rem;width:42rem}
.homebg{position:absolute;width:32rem;height:17rem;z-index:1;right:12rem;top:15rem;background:#2ccc3b}
#home2{font-size:0.9rem;font-weight:300}
#home2 .w33{width:33.33%;margin:0px;padding:0px 3% 1rem 0px}
#home2 strong{display:block;font-size:1.6rem;font-weight:600;padding:10px 0px 0px 0px}
#home2 .row{display:table;margin:0 auto}
#home2 .left{display:table-cell;text-align:left;padding:55px 20px 35px 25px}
#home2 .right{display:table-cell;text-align:right;padding:55px 25px 35px 20px}
#home2 .img1{text-align:right;vertical-align:bottom;padding:20px;font-size:10px;padding:25px;background:url(../gfx/img1.jpg) no-repeat #cccccc;background-size:cover}
#home2 .img2{text-align:right;vertical-align:bottom;padding:20px;font-size:10px;padding:25px;background:url(../gfx/img2.jpg) no-repeat #cccccc;background-size:cover}
#home2 h2, #home2 h3, #home2 h4, #home2 h5, #home2 h6, #home2 b{display:block;font-size:1.1rem;margin:5px 0px 10px 0px}
#home2 .txt{font-size:2.2vh;line-height:4.5vh}

#home3{padding:0rem 0rem 1.5rem 0rem;font-size:1rem}
#home3 h2{font-size:1.6rem;margin:1rem 0px 0px -1px;padding:0px 0px 0rem 0px}
#home3 h2 img{width:4.5rem;height:4.5rem;display:block;padding:0px 0px 1rem 0px;filter:invert(79%) sepia(44%) saturate(2799%) hue-rotate(68deg) brightness(86%) contrast(89%);}
#home3 .w33{width:29%;margin:0px 4% 0px 0rem;padding:2.5rem 1rem 15px 0rem;line-height:1.4rem;}
#home3 .w33 b{font-size:1.4rem;font-weight:700}
#home3 .w33 img{width:3rem;padding:1rem 0px 1rem 0px;filter: invert(79%) sepia(44%) saturate(2799%) hue-rotate(68deg) brightness(86%) contrast(89%);}
#home3 .grey span{font-size:0.8rem;display:inline-block;padding:8px 5px 0px 0px}
#home3 .grey a{display:inline-block;margin:7px 5px 0px 0px;padding:5px 13px;background:#2ccc3b;color:#ffffff;font-weight:600;border-radius:2px;font-size:0.8rem;font-weight:600;letter-spacing:1px}
#home3 .grey a:hover{background:#1eaf2c}
#home3 .grey{border-bottom:1px solid #f1f1f1;padding:0px 0px 10px 0px;margin:0px 0px 25px 0px}

h1{color:#031137;margin:15px 0px 0px 0px;font-weight:700;font-size:2.2rem}
h2{color:#031137;margin:1.2rem 0px 0.5rem 0px;font-weight:700;font-size:1.5rem}

#sub{padding:0vh 0px 10px 0px;}
#sub .image img{width:100%}
#sub .phone{display:block;margin:0px auto;font-size:1.5rem;font-weight:700;padding:12px 0px 12px 40px;background:url(../gfx/bg-phone2.png) no-repeat left;background-size:28px 28px;background-position:8px 5px 5px 0px}
#sub .mail{display:block;margin:0px auto;font-size:1.3rem;font-weight:700;padding:7px 0px 10px 37px;background:url(../gfx/bg-mail.png) no-repeat left;background-size:24px 24px;background-position:0px 0.5rem}
#sub .w40{padding:0px 0px 0px 0px}
#sub .w60{padding:0px 2rem 0px 0px}
#form{margin:0px 0px 0px 2rem;padding:2rem;border:4px solid #2ccc3b}



.subimg{position:absolute;z-index:2;right:0rem;top:8rem;width:30rem}
.subbggreen{position:absolute;width:20rem;height:13rem;z-index:1;right:12rem;top:15rem;background:#2ccc3b}
sup{font-size:55%}


.img5{display:block;width:5rem;padding:1rem 0px 1rem 0px;filter: invert(79%) sepia(44%) saturate(2799%) hue-rotate(68deg) brightness(86%) contrast(89%);}
.img4{display:block;width:4rem;padding:1rem 0px 1rem 0px;filter: invert(79%) sepia(44%) saturate(2799%) hue-rotate(68deg) brightness(86%) contrast(89%);}
.img3{display:block;width:3rem;padding:1rem 0px 1rem 0px;filter: invert(79%) sepia(44%) saturate(2799%) hue-rotate(68deg) brightness(86%) contrast(89%);}

.intro{font-size:1.1rem;font-weight:600}
.intro1{width:63%;font-weight:500;padding:0.7rem 0px 1.5rem 0px;line-height:1.5rem}
.intro2{width:70%;padding:0.7rem 0px 0.7rem 0rem;line-height:1.5rem}

#intro{text-align:center;padding:30px;background:##e8ecf6;color:#031137;margin:0px 0px 20px 0px;min-height:450px}
#intro h2{font-size:33px;font-weight:600;margin:0px}
#intro .description{display:block;padding:10px 20% 20px 20%;font-size:15px}

.listing{float:left;text-align:left;width:22%;margin:20px 3% 3rem 0%;border-top:1px solid #f1f1f1;padding:1rem 0px 0px 0px}

.listing a{font-weight:700;display:block;padding:0px 0px 3rempx 0px;transition:all 0.3s ease}
.listing a span{display:block;font-size:1.2rem;min-height:3.5rem;padding-right:10%}

.listing .small{line-height:1rem}
.listing .price{font-size:0.8rem}
.listing span{font-size:1rem;display:block}
.listing img{width:100%;position:relative;top:0.4rem;border-bottom:3px solid #ffffff;padding:0px 0px 15px 0px;transition:all 0.3s ease}
.listing a:hover img{border-bottom:3px solid #2ccc3b;transition:all 0.3s ease}


.background
{
	background: #ffffff;
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: -1;
}

##options{text-align:center;margin:0px auto;max-width:900px}

##.step{display:inline-block;padding:6px 16px 6px 16px;background:#d0d7e9;font-size:11px;margin:1px}
##.on{padding:8px 18px 8px 18px;margin-top:-2px;background:#071b50;color:#ffffff}
##.step1{font-family:Nunito,Arial;color:#031137;font-weight:800;background:none;display:inline-block;max-width:25%;padding:35px;cursor:pointer}
##.option{text-align:center;margin:2px;border:1px solid #c5d0ea;border-radius:2px;font-size:3.5vh;font-family:Nunito,Arial;font-weight:900;transition:all 0.1s ease}
##.option:hover{background:#071b50;color:#ffffff;border:1px solid #071b50;transition:all 0.1s ease}
##.sel{background:#071b50;color:#ffffff;border:1px solid #071b50}
##.slidecontainer {width: 100%;}
##.from{float:left;width:10%;padding:15px 10px 0px 0px;font-size:12px;text-align:right}
##.to{float:left;width:10%;padding:15px 0px 0px 10px;font-size:12px;text-align:left}

.slider {float:left;
  -webkit-appearance: none;
  width: 80%;
  height:25px;background:#d2d9eb;border-radius:2px;outline:none;opacity:1;-webkit-transition: .2s;
  transition: opacity .2s;margin:10px 0px 20px 0px
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 45px;
  height: 45px;
  background: #2ccc3b;box-shadow:0px 0px 9px 0px rgba(0,0,0,0.4);
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 45px;
  height: 45px;
  background: #2ccc3b;box-shadow:5px 5px 5px 0px rgba(0,0,0,0.4);
  cursor: pointer;
}


##.proposition{text-align:center;font-size:13px;padding:5px 20px 5px 20px;min-height:110px;border-bottom:1px solid #a7afc6;border-top:1px solid #a7afc6}
##.proposition img{width:100%}

.right{text-align:right}

##.functions{padding:0px 0px 0px 0px;position:relative;z-index:6}
##.function{display:inline-block;background:url('li4.png') no-repeat;float:left;padding:0px 10px 0px 8px}

.czynnik{float:right;display:inline-block;position:relative;top:-111px;right:0px;z-index:99;padding:6px;background:#379512;color:#ffffff;font-size:9px;font-weight:500}

#tags li{float:left;margin:0px 10px 0px 0px}

#order{padding:0.1rem 1rem;border:2px solid #2ccc3b;color:#17ae25}
#order .w50{padding:0px 1rem 0px 0px;font-size:0.9rem}
##order input{margin:10px 0px 10px 0px}
#order button{margin:0px 0px 15px 0px}
#order a{color:#17ae25}
#order .phone2{font-size:1.5rem}
#order .confirm{font-size:0.8rem;line-height:1.2rem;padding:0px 0px 0px 30px}
#order .confirm input{position:absolute;margin:3px 0px -30px 0px;margin-left:-25px;padding:0px 10px 0px 0px;border:1px solid #2ccc3b;border-radius:2px}
.contact{width:60%;margin:0px auto}


.price{display:block;font-size:26px}
#warranty{padding:0px 20% 0px 20%;font-size:12px}
.time{background:url(../gfx/ikona-gwarancja.png) no-repeat left;background-size:50px 50px;padding:15px 0px 15px 60px}
.pdf{background:url(../gfx/ikona-pdf.png) no-repeat left;background-size:50px 50px;padding:15px 0px 15px 60px}

#comments{border-top:1px solid #cfd5e7;padding:20px;text-align:center}
#comments button{background:#ffffff}

#comments2 .w25{text-align:right;padding:10px 5px 10px 10px}
#comments2 .w75{text-align:left;padding:10px 10px 10px 20px}
#comments2 input[type="text"],#comments2 textarea{font-size:15px;font-family:Montserrat,Arial;padding:10px;width:100%}
#comments2 textarea{height:100px}
#comments2 .comment{width:75%;padding:25px;border-top:1px solid #f1f1f1}
#comments2 .circle{border-radius: 50%;position:relative;left:0px;display:inline-block;float:right;width:52px;height:52px;padding: 16px 8px 8px 8px;background:#cccccc;color:#ffffff;text-align:center;font-size:21px}

#comments2 .google{position:relative;margin:3px 0px 0px 22px;width:30px;height:30px;padding:10px;border-radius:50%;background:url(../gfx/logo-google.png) no-repeat #ffffff;background-size:cover;border-3px solid #ffffff}
#comments2 .facebook{position:relative;margin:3px 0px 0px 22px;width:30px;height:30px;padding:10px;border-radius:50%;background:url(../gfx/logo-facebook.png) no-repeat #ffffff;background-size:cover;border:3px solid #ffffff}

#comments2 .blue{background:#374ceb}
#comments2 .orange{background:#fca909}
#comments2 .red{background:#ed4f25}
#comments2 .green{background:#1dbf25}
#comments2 .small{font-size:11px;color:#aaaaaa}
#comments2add{position:fixed;width:300px;right:0px;top:330px;background:#f1f1f1;padding:15px}
#comments2add label{display:block;text-align:center;font-size:11px}

  .star{
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 8px;
    transition: all .25s ease;
}


##.star:active {transform: scale(0.75);}
.star:after {
    content:"";
    display: block;
    top: 0px;
    left: 0px;
    position: absolute;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    background-image: url("../gfx/star4a.png");
    background-size: cover;
}

.star.belowchecked:after {
     content:"";
    display: block;
    top: 0px;
    left: 0px;
    position: absolute;
    height: calc(100% + 10px);
    width: calc(100% + 10px);
    background-image: url("../gfx/star5.png");
    background-size: cover;
}
.starsmall{padding:4px;width:15px;height:15px;display:inline-block;position: relative;margin-right:4px;transition: all .25s ease;}
.starsmall.belowchecked:after {
     content:"";
    display: block;
    top: 0px;
    left: 0px;
    position: absolute;padding:3px;margin:0px 3px 0px 0px;
    height: calc(100%);
    width: calc(100%);
    background-image: url("../gfx/starsmall.png");
    background-size: cover;
}


#comments .comment{width:60%;padding:25px;border-top:1px solid #f1f1f1;margin:0px auto}


##gallery, ##center{text-align:center;padding:20px}

#center p{padding:5px 10px 0px 10px}

#center img{width:80%}
.imglabel{display:block;position:relative;margin-top:-44px;z-index:9999;text-align:right;padding:4px 15px 4px 0px;color:#bbbbbb;font-size:13px}

#gallery h2{border-top:1px solid #f1f1f1;padding:2rem 0px 0px 0px}
#gallery strong, #center strong{display:block;line-height:27px;margin:10px 0px 10px 0px;padding:0px 0px 0px 0px;border-top:1px solid #ebeef6}
#gallery .photo{float:left;width:32.33%;margin:0.5% 0.5% 0.5% 0px}
#gallery .photo img{width:100%;filter:saturate(0.7);transition: all 0.4s ease}
#gallery .photo img:hover{filter:saturate(1);transition: all 0.4s ease}
#gallery > .description{padding:10px 15% 10px 0px}
#gallery2{display:none}

#faq{width:100%;margin-bottom:20px}

#faq span{display:block;padding:15px 10px 10px 0px;font-weight:600;font-size:1.3rem;font-weight:700}
#faq button{font-size:1rem;color:#031137;text-align:left;display:block;width:100%}

.question{background:#ffffff;cursor:pointer;padding:15px 15px 15px 0px;border:none;border-top:1px solid #eaeaea;outline:none;transition: 0.4s;}
.question:hover{color:#2ccc3b}
.active, .question:hover {background:#ffffff}
.panel {line-height:24px;padding:1px 5% 1px 0px;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out}
.panel p{font-size:0.9rem;padding:5px 0px 20px 0px}
.panel a{text-decoration:underline}

#insta{width:75%;margin:0px auto}
#insta .block{width:32%;float:left;padding:0.5%}
#insta .block img{width:100%}
#insta .caption{padding:0px 10px 10px 10px;font-size:12px;line-height:20px}
#insta b{padding:0px 0px 0px 0px}
#insta a.instalogo{position:relative;display:block;margin-top:-28px;padding:0px 0px 0px 10px;font-size:15px}
#insta a.instalogo img{width:45px;height:45px;border-radius:50%;border:3px solid #f7f7f7}

#insta .date{display:block;font-size:11px;padding:0px 0px 5px 0px;opacity:0.5}


#logos{background:#f1f1f1;padding:20px 0px 20px 0px;font-size:0.9rem}
#logos p{display:inline-block;width:17%;padding:0px 25px 0px 0px;font-size:0.85rem;position:relative;bottom:0px;line-height:1.2rem;color:#585858}
#logos a{display:inline-block;width:9%;font-size:0.75rem;line-height:1.5rem;text-align:center;margin:0px 25px 0px 0px;color:#585858}
#logos img{width:100%;display:block;padding:10px 10px 0px 10px;filter: grayscale(50%);}
#logos a:hover img{filter:grayscale(0%);transition:all 0.2s ease}

#fb{width:100px;height:50px;position:fixed;right:-46px;top:86px;background:url(../gfx/fb.png) no-repeat #ffffff;transition:all 0.15s ease}
#fb:hover, #instagram:hover, #pinterest:hover{right:0px;transition:all 0.15s ease}
#fb a, #instagram a,#pinterest a{width:100px;height:50px;display:block}

#instagram{width:100px;height:50px;position:fixed;right:-46px;top:142px;background:url(../gfx/instagram.png) no-repeat #ffffff;transition:all 0.15s ease}
#instagram:hover{right:0px;transition:all 0.15s ease}
#instagram a{width:100px;height:50px;display:block}

#pinterest{width:100px;height:50px;position:fixed;right:-46px;top:198px;background:url(../gfx/pinterest.png) no-repeat #ffffff;transition:all 0.15s ease}

#footer{border-top:1px solid #f1f1f1;font-size:0.85rem;}
#footer .bottom{text-align:left;padding:25px 35% 50px 0px;color:#b2b8c9;line-height:1.3rem}
#footer .block{padding:10px}
#footer .block a{display:inline-block;padding:10px;color:#858c9e}
#footer .block a:hover{color:#2ccc3b}

#call{position:fixed;top:-60px;z-index:999;right:2rem;background:#2ccc3b;color:#ffffff;border-radius:2px;transition:all 0.3s ease}
#call:hover{background:#1eaf2c;transition:all 0.2s ease}
#call a{display:inline-block;padding:0.7rem 1.2rem;text-transform:uppercase;font-size:0.8rem;font-weight:700;letter-spacing:2px;color:#ffffff}
#call img{width:2rem;height:2rem;vertical-align:middle;margin:0px 10px 0px 0px;filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(25deg) brightness(103%) contrast(98%);}

#nonomedia{padding:15px 0px 80px 0px;font-size:0.8rem;text-align:center}
#nonomedia a{color:#8c8c8c}
#nonomedia a:hover{color:#fe7800}
#nonomedia a:hover img{opacity:1}
#nonomedia img{display:block;width:110px;margin:0px auto;margin-top:10px;opacity:0.7}

#comments button{border:0px;cursor:hand;cursor:pointer;font-family:Montserrat,Arial;font-size:26px;font-weight:700;color:#727a8f;border-radius:2px;padding:15px}


.container {
  margin: 0 auto;
}

.panel-quote {display:block;
 
  width:70%;
  margin: 0 auto;
  box-sizing: border-box;
  background-color: #fff;
}

.social-share {
  text-align: center;
}

.social-share i {
  color: #333;
}

.quote-progress {
  width: 0;
  height: 2px;
  background-color: #bac2d6;
}

blockquote {
  padding: 20px;
  font-size: 1.4em;
}

.quote{font-size:17px}

.author {
  font-size: 0.6em;
  font-weight: lighter;
  text-align: center;
}

/* Quote Navigation */
.quote-nav {
  display: flex;
  align-items: stretch;margin:0px auto;text-align:center;
  width: 30%;
  padding-bottom:10px;
}

.previous {
  margin: auto;font-size:20px
}

.next {
  margin: auto;font-size:20px
}

/* Media Queries */
@media screen and (max-width: 460px) {
  .panel-quote {
    min-width: 100%;
  }
  
  blockquote {
    font-size: 1.1em;
  }
}


















.switch {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 40px;margin:5px 0px 40px 0px
}

.switch input {display:none;}

.sliderswitch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d0d7e9;
  -webkit-transition: .25s;
  transition: .25s;

}

.sliderswitch:before {
  position: absolute;
  content: "";
  height: 32px;
  width: 76px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .25s;
  transition: .25s;

}

input:checked + .sliderswitch {
  background-color: #071b50;
}

input:focus + .sliderswitch {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .sliderswitch:before {
  -webkit-transform: translateX(76px);
  -ms-transform: translateX(76px);
  transform: translateX(76px);
}

/*------ ADDED CSS ---------*/
.sliderswitch:after
{
 content:'Nie';
 color: #071b50;
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 50%;
 left: 84%;

}

input:checked + .sliderswitch:after
{  
  content:'Tak';left:15%;color:#ffffff
}
/*--------- END --------*/







.open{position:fixed;color:#000000;background:#ffffff;right:0px;display:block;top:26px;padding:5px 15px 5px 11px;font-size:30px;cursor:pointer}
.open:hover{color:#2ccc3b}

.overlay .closebtn {
  position: absolute;
  top: 10px;
  right: 6px;
  font-size: 46px;
}
.overlay .closebtn:hover{color:#2ccc3b}
.overlay {
  height: 100%;
  width: 0%;max-width:20%;
  position:fixed;z-index:99;
  bottom: 0;
  right: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.95);
  overflow-x: hidden;
  transition: 0.3s;
}

.overlay-content {position: relative;top:10%;font-size:15px;
  width:100%;text-align:left;margin-top: 30px;padding:0px 20px 0px 25px
}

.overlay-content > #blocks{width:80%;margin:0px auto}
.overlay-content > #blocks > .block{float:left;padding:25px;width:20%;text-align:left;font-size:17px}
.overlay-content > .all > .w33 > .title{display:block;padding:8px 8px 20px 8px;font-size:15px;text-transform:uppercase;color:#ffffff;font-weight:700}
.overlay a{width:100%;font-size:15px;color:#ffffff;padding:10px;display:block;transition:0.2s;}

.overlay a:hover, .overlay a:focus {
  color: #2ccc3b;
}


@media screen and (max-width: 550px) {
.overlay-content{padding:0px 10px 0px 10px}
.overlay a {font-size: 15px}
.overlay .closebtn {font-size:40px;top:5px;right:7px}
.open{top:17px;padding:5px 15px 5px 15px;}
.overlay{max-width:70%}
}

@media screen and (max-width: 1440px) {
#home2 .row{width:80%}
}























section {

 
  margin: 0 auto;
##padding: 20px;
  overflow: hidden;
}

.module {

  &:nth-child(even) {
    margin-right: 0;
  }

}


 
.come-in {

  transform: translateY(350px);
  animation: come-in 0.9s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.8s;
}
.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to { transform: translateY(0);}
}


@media screen and (max-width: 1440px) {
.all{width:90%}
#home .slogan p{width:48%}
.listing a span{font-size:1rem;line-height:1.4rem}


}
















@media screen and (max-width: 700px) {
body{font-size:0.85rem}
.all{width:90%;margin:0px auto}

h2, h3, h4{font-size:1.1rem;line-height:1.4rem}

#top{}
#top > .left > .phone, #top > .left > .mail{display:none}

#home{position:relative;text-align:left;height:80vh;vertical-align:bottom;padding:25px;text-shadow:0px 1px 4px rgba(255,255,255,0.4);background:url(../gfx/homesmall.jpg) no-repeat;background-position:right;background-size:cover}
#home h1{font-size:1.4rem;margin:0px 0px 10px -2px;letter-spacing:-0.2px;line-height:4.8vh;}
#home .slogan{position: absolute;bottom:2vh;left: 0;padding:20px 20px 10px 20px;width:100%;font-size:2.1vh;line-height:3.2vh;font-weight:300}
#home .slogan p{width:100%}
#menu{background:transparent !important}
#call{float:right;left:1rem;right:auto;}
#call a{padding:0.4rem 0.8rem;font-size:0.7rem}
.homeimg{position:absolute;z-index:2;right:0rem;top:5.5rem;width:67%}
.homebg{position:absolute;width:68%;height:7rem;z-index:1;right:0px;top:5rem;background:#2ccc3b}

.bigbutton{font-size:0.75rem;letter-spacing:-0.1px}
.w50{width:100%;display:block}
.w60{width:100%;display:block}
.w33{width:100%}



#home2{display:-webkit-flex;display:flex;flex-direction:column}
#home2 .txt1, #home2 .txt2, #home2 .txt3, #home2 .txt4, #home2 .txt5, #home2 .txt6{display:block;padding:20px;text-align:center}
#home2 .img1, #home2 .img2, #home2 .img3, #home2 .img4, #home2 .img5, #home2 .img6{width:100%;height:200px;vartical-align:bottom;display:block;padding:20px}
#home2 div{width:100%}
#home3{font-size:0.9rem}
#home3 .listing{padding:0.5rem 0px 1rem 0px;margin:10px 0px 30px 0px}
#home3 .w33{width:100%;font-size:0.9rem;padding:0px 0px 10px 0px}
#home3 .w33 b{fons-size:1.3rem}
#home3 h2{font-size:1.3rem}
#home3 .grey span{display:block}





#intro{padding:10px;min-height:450px}
#intro .description{padding:10px 5% 10px 5%;height:90px;font-size:13px}

.intro1{width:100%}

#sub{padding:1vh 0px 0px 0px;background-position:center}
#sub h1{font-size:1.3rem;line-height:1.5rem}
#sub .w60{padding:0px}
#sub .w40{width:100%;padding:0px}

.intro{font-size:0.9rem}
.intro2{font-size:0.85rem;width:100%;padding:0.5rem 0px 0px 0px}


.subimg{display:none}
.subbggreen{display:none}

#order {margin:20px 0px 20px 0px}
#order .w30{width:50%}

##.txt{padding:25px;width:100%}
.txt strong{display:block;font-size:24px}

.listing{width:100%;margin:0px}

#gallery{display:none}
#gallery2{display:block}
#gallery2 strong{font-size:17px;display:block;margin:12px 5% 12px 5%;padding:15px 0px 0px 0px;border-top:1px solid #ebeef6}
#gallery2 > .description{padding:15px;font-size:15px;line-height:22px}

#insta{width:90%;margin:0px auto}
#insta .block{width:100%;float:left;padding:0.5%}
#center p{padding:5px 0px 0px 0px}

#logos p{width:100%;display:block}
#logos a{width:32%;margin:0px;font-size:0.7rem;line-height:1rem}

#footer .bottom{padding:20px 0px 30px 0px}


#faq{width:100%}
#faq span{font-size:15px;display:block;padding:10px;font-weight:700}
.question{padding:15px}
.contact{width:85%}
.step{display:none}
.from{width:15%}
.slider{width:70%}
.top{width:15%}

.proposition{border-bottom:0px}
.comment{width:100%;padding:20px 0px 20px 0px}
#center{padding:10px}
#comments2{width:100%}
#comments2 .w25{width:12%;padding:17px 10px 0px 0px}
#comments2 .w75{width:80%;padding: 10px 0px 10px 0px;}
#comments2 .circle{width:40px;height:40px;padding:10px 3px 5px 1px;font-size:19px}
#comments2 .comment{width:100%;padding:0px}
#comments2add{position:fixed;bottom:-200px;width:100%;padding:5px;top:auto}
#comments2add:hover{bottom:0px}
section{padding:0px}
}





.topnav{padding:0px 0px 0px 4%}
.topnav a{float:left;display:block;color:#343434;text-align:center;padding:10px 12px;font-size:0.75rem;text-transform:uppercase;font-weight:700}

a.on {background-color:#f1f1f1;color:#ffffff}

.topnav .icon{display: none}

.dropdown{float:left;overflow:hidden;display:block;}

##.dropdown a{padding:16px 20px;border:0px}

.dropdown .dropbtn {padding:16px 20px;color:#343434;background-color: inherit;display:inline-block;font-size:0.75rem;text-transform:uppercase;border:0px;font-weight:700;margin:0px}

.dropdown-content {
  display:none;
  position: absolute;
  background-color:#2ccc3b;
  min-width:200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
  z-index: 1;transition:all ease 0.3s
}

.dropdown-content a{width:100%;float:none;text-transform:none;font-weight:500;font-size:0.8rem;
  color:#ffffff;
  padding: 12px 16px;

  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn , .dropdown:hover .dropbtn a{background-color: #2ccc3b;color:#ffffff;transition:all ease 0.3s
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}








@media screen and (max-width: 600px) {
.topnav{overflow:hidden;padding:0px;right:1rem;top:5rem;position:fixed;background:#2ccc3b;margin-top:-3px;border-radius:2px}
.topnav a:not(:first-child), .dropdown .dropbtn {display:none}
.topnav a.icon {background:#2ccc3b;color:#ffffff;border-radius:2px;position:fixed;top:1rem;right:1rem;float:right;display:block;font-size:2rem;font-weight:bolder}
.topnav a{color:#ffffff;text-transform:none !important;}
.topnav .dropdown .dropbtn{padding:16px 12px;color:#ffffff;text-transform:none}

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}