@charset "UTF-8";*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}html{font-size:62.5%;scroll-behavior:smooth}a,html{color:#fff}a{text-decoration:none}button,input,select,textarea{font-family:inherit}button{border:none;cursor:pointer}textarea{resize:vertical;min-height:100px}table{border-collapse:collapse;border-spacing:0}:root{--dark:#3a3e41;--dark-85:#3a3e41D9;--dark-70:#3a3e41B3;--dark-40:#3a3e4166;--dark-0:#3a3e4100;--accent:#08c}html{font-family:Montserrat,sans-serif}.wrapper{max-width:1740px;padding:0 3em;left:50%;transform:translateX(-50%)}.menu__menu{font-size:1.8rem;text-transform:uppercase;font-weight:700}.menu__menu a{text-shadow:0 0 6px rgba(0,0,0,.1607843137);padding:.5em}.menu__menu a:hover{color:var(--accent)}nav .nav_bg{position:fixed;width:100%;height:90px;z-index:100;transition:background .3s}nav .nav_bg--color{background:var(--dark-85);z-index:100}nav .menu__mobile-menu{position:relative;display:flex;height:70px;justify-content:center;align-items:center;padding:20px 0 20px 20px;cursor:pointer}nav .menu__mobile-menu--bottom,nav .menu__mobile-menu--middle,nav .menu__mobile-menu--top{transition:background-color .3s;height:6px;width:40px;background-color:var(--dark);border-radius:100px;transition:transform .4s ease-in-out}nav .menu__mobile-menu--top{position:absolute;top:20px}nav .menu__mobile-menu--bottom{position:absolute;bottom:20px}nav .hide{display:none}nav .top-show{top:46%;transform:rotate(45deg)}nav .middle-show{transform:scale(0)}nav .bottom-show{bottom:46%;transform:rotate(-45deg)}nav .menu__mobile-menu--area{display:none;position:absolute;flex-direction:column;top:100px;right:0;opacity:0;background-color:var(--dark);padding:.5em 1em;border-radius:5px;z-index:120}nav .nav{z-index:100;top:0;position:fixed;width:100%;display:flex;justify-content:space-between;align-items:center;height:90px}nav .nav .menu__mobile-languages:hover .menu__mobile-languages--all-items{display:block;animation:a .5s forwards}nav .nav .menu__mobile-languages{display:flex;flex-direction:column}nav .nav .menu__mobile-languages--one-item{display:block}nav .nav .menu__mobile-languages--one-item a{display:none;align-items:center}nav .nav .menu__mobile-languages--one-item a img{padding-right:.5em}nav .nav .menu__mobile-languages--all-items{display:none;position:relative;opacity:0;top:100px;background-color:var(--dark);padding:.5em 1em;border-radius:5px;z-index:120}nav .nav .menu__mobile-languages--all-items a{display:flex;align-items:center}nav .nav .menu__mobile-languages--all-items a img{padding-right:.5em}nav .nav .menu__languages{display:none}nav .nav .menu__languages a{display:flex;align-items:center;cursor:pointer}nav .nav .menu__languages a img{padding-right:.5em}nav .nav .active{display:flex;animation:a .5s forwards}nav .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}nav .logo img{width:150px}nav .menu__menu-desktop{display:none}.main{position:relative;min-height:100vh;width:100%}.main__hero-img{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url("../img/Dysze PB i NNPB - TECHGAFIL.webp");background-size:cover;background-position:50%}.main__hero-img-products{display:flex;position:relative;flex-wrap:wrap;top:0;left:0;width:100%;justify-content:center;align-items:center;gap:0}.main__hero-img-products--one{width:100%;height:100vh;min-height:500px;background:url("../img/NNPB - TECHGAFIL.webp");background-size:cover;background-repeat:no-repeat;background-position:50%}.main__hero-img-products--two{width:100%;height:100vh;min-height:500px;background:url("../img/PB - TECHGAFIL.webp");background-size:cover;background-repeat:no-repeat;background-position:50%}.main__hero-shadow{position:absolute;z-index:-1;width:100%;height:100vh;background:linear-gradient(var(--dark-70),var(--dark-0))}.main__hero-shadow--products-page{background:var(--dark-40)}.main__text{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;top:0;position:absolute}.main__text--contact{position:absolute;display:flex;justify-content:center;align-items:center;text-align:center;bottom:15rem}.main__text-icon--contact{width:30px}.main__text-header{margin-top:5em;margin-bottom:3rem;font-size:3.2rem;font-weight:100;text-shadow:0 0 6px rgba(0,0,0,.1607843137);text-align:center}.main__text-header span{font-weight:700}.main__text-header--contact{font-size:5.6rem;text-transform:uppercase;margin-bottom:.1em}.main__text-paragraf{text-align:center;font-size:1.6rem;font-weight:300}.main__text-header--center{flex-grow:1}.main__text-header--left,.main__text-header--right{width:100%;height:100vh;min-height:500px;cursor:pointer}.product-img{display:none;position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:150;overflow:hidden;background:var(--dark-85)}.product-img__box{position:absolute;display:none;height:100%;width:100%;z-index:-1}.product-img__box--active{display:block}.product-img__img{width:100vw;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%}.product-img__text{position:absolute;bottom:0;width:100%;text-align:center;padding:2em;background:var(--dark-40);font-size:1.6rem}.product-img__close-btn,.product-img__left-btn,.product-img__right-btn{position:absolute;background:none;padding:2rem}.product-img__close-btn img,.product-img__left-btn img,.product-img__right-btn img{width:30px;height:30px}.product-img__close-btn{right:0;top:0;padding-right:3em}.product-img__left-btn{left:0;top:50%;transform:translateY(-50%)}.product-img__right-btn{right:0;top:50%;transform:translateY(-50%)}[data-choice=nnpb][data-img-choice="1"]>div.product-img__img{background-image:url("../img/NNPB - TECHGAFIL.webp")}[data-choice=nnpb][data-img-choice="2"]>div.product-img__img,[data-choice=pb][data-img-choice="1"]>div.product-img__img{background-image:url("../img/PB - TECHGAFIL.webp")}[data-choice=pb][data-img-choice="2"]>div.product-img__img{background-image:url("../img/NNPB - TECHGAFIL.webp")}#contact{scroll-margin-top:190px}.honey{display:none}.contact__wrapper{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin:10em 0}.contact-info{width:100%;background:var(--dark);color:#fff;padding:5em;margin-bottom:10em}.contact-info__header{font-size:3.2rem;font-weight:700;text-align:center;margin-bottom:1em}.contact-info__text{font-size:1.6rem;margin-bottom:3em}.contact-info__company-name{text-transform:uppercase}.contact-info__addres-data{font-size:1.6rem;margin-bottom:1em}.contact-form{width:100%;color:var(--dark)}.contact-form__header{font-size:3.2rem;font-weight:700;text-align:center;margin-bottom:1em}.contact-form__form{display:flex;flex-direction:column;padding:1px}.contact-form__form label{font-size:1.6rem;font-weight:700}.contact-form__form input,.contact-form__form textarea{border:none;border-bottom:.25px solid var(--dark);padding:1em;font-weight:100;font-size:1.6rem;margin-bottom:1.5em}.contact-form__form button{align-self:center;margin-top:1em;font-weight:700;font-size:2rem;color:#fff;background:var(--dark);padding:.5em 1.5em;border-radius:100px}.main__text--thank-you{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em .5em;color:#000;top:50%;left:50%;border-radius:10px;box-shadow:0 0 10px var(--dark-40);font-size:2rem;text-align:center;transform:translate(-50%,-50%);background-color:#fff}.main__text--thank-you p{padding:1em 2em}.main__text--thank-you .button{font-weight:700;font-size:2rem;color:#fff;background:var(--dark);padding:1em 1.5em;border-radius:1000px;text-transform:uppercase}footer{background-color:var(--dark);height:180px;position:relative}footer,footer .footer{display:flex;justify-content:center}footer .footer{position:absolute;height:100%;width:100%;flex-wrap:wrap;align-items:center}footer .footer .logo{padding:2em 3em .5em}footer .footer .logo img{width:150px}footer .footer .menu__menu{display:none;position:absolute;left:50%;transform:translateX(-50%)}footer .footer__social{display:flex;align-items:center;padding-bottom:2em}footer .footer__social a img{padding:1em;width:5em}.cookie{position:fixed;display:flex;flex-direction:column;bottom:0;left:50%;min-width:80%;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border-radius:5px 5px 0 0;box-shadow:0 0 10px var(--dark-70);transform:translate(-50%,100%);background-color:#fff;justify-content:center;align-items:center;opacity:0;animation:b 1s 1s forwards}.cookie--text{color:#000;text-align:center;font-size:2rem;margin:1em}.cookie--btn{padding:1em 1.5em;margin-bottom:1em;font-size:2rem;color:#fff;border-radius:200px;background-color:var(--dark)}.hide{display:none}@media (min-width:420px){footer{height:144px}footer .footer{justify-content:space-between}footer .footer .logo{padding:3em 6em 3em 0}footer .footer__social{padding-bottom:0}}@media (min-width:576px){.wrapper{padding:0 5em}nav .nav .logo img{width:230px}.main__hero-img-products,.main__text{flex-wrap:nowrap}.main__text-header{margin-top:4em;margin-bottom:2rem}.main__text-header--left,.main__text-header--right{position:relative;width:45%}.contact-form,.contact-info{width:80%}}@media (min-width:576px) and (min-height:768px){.main__text-header{margin-top:7em;font-size:4.2rem}.main__text-paragraf{font-size:2rem}}@media (min-width:768px){nav .nav .menu__mobile-languages--one-item a{display:flex}nav .nav .menu__mobile-languages--one-item .menu__mobile-flag{display:none}.main__text-header{margin-top:4em;font-size:4.2rem}.main__text-paragraf{font-size:2rem}.contact__wrapper{justify-content:space-between}.contact-form,.contact-info{width:45%}.cookie:before{content:"🍪";font-size:8rem;position:absolute;top:-8rem;left:2rem}.cookie{flex-direction:row}.cookie--btn{margin-top:1em}}@media (min-width:992px){nav .menu__menu-desktop{display:flex}nav .menu__mobile-menu{display:none}.main__text-header{margin-top:3.5em;font-size:5.2rem}footer .footer .logo img{width:230px}footer .footer .menu__menu{display:block}footer .footer__social a img{width:6em}}@media (min-width:1200px){nav .nav .logo img{width:322px}nav .nav .menu__mobile-languages--all-items{top:35px}.main__text-header{margin-top:4.5em}.main__text--contact{bottom:3rem}.cookie:before{font-size:9rem}.cookie{min-width:60%}}@media only screen and (min-width:1366px) and (orientation:landscape){nav .nav .menu__mobile-languages--all-items{top:100px}}@media (min-width:1400px){nav .menu__mobile-menu,nav .nav .menu__mobile-languages{display:none}nav .nav .menu__languages{display:flex}.main__text-header{margin-top:5em;font-size:7.2rem}.main__text-paragraf{font-size:2.4rem}.contact__wrapper{justify-content:space-evenly}.contact-form,.contact-info{width:35%}.cookie{min-width:50%}}@keyframes a{to{opacity:1}}@keyframes b{to{opacity:1;transform:translate(-50%)}}