@font-face{font-family:gothic;src:url(../fonts/GOTHIC.otf)}
*{font-family:gothic,"century gothic",sans-serif!important;}
.container{max-width:970px!important;}
.relative{position:relative;}
body {position:relative;}
.popupek {position:absolute; top:0px; left:0px; width:100%; height:100%;z-index:100;}
.overlay{position:absolute; width:100%; height:100%; top:0px;left:0px; background-color:rgba(0,0,0,0.8);z-index:200;}

.popup-content{position:fixed;z-index:999; width:500px; max-width:90%; background-color: white;left:50%; margin-left: -250px; top:200px;padding:20px; border:2px solid black; }

.popup-content span {color:cadetblue;}
.popup-content button.closed {margin:0 auto;display:block;}


header{}
header .top{position:relative;padding-top:30px;padding-bottom:30px;border-bottom:4px solid black;}
.content-text-index h3{font-size:36px;margin-bottom:40px;}
.top a{position:absolute;left:0px;top:0px;}
.hamburger{display:none;}
nav.menu ul{list-style-type:none;float:right;margin-top:10px;}
nav.menu ul li{display:inline-block;position:relative;margin-left:20px;}
.menu ul li button{background-color:#e1e1d9;border:none;border-radius:10px;width:140px;height:50px;font-size:24px;font-weight:bold;}
.menu ul li button:hover{color:#fff;}
nav.menu ul li img{position:absolute;top:46px;left:3px;}
.index-background{width:100%;height:550px;background-image:url(../img/bg2.jpg);background-repeat:no-repeat;background-position:center;background-size:fixed;border-bottom:4px solid black;}
.work_for_text{font-size:12px;text-align:center;}
.content-text{padding:30px 0px 30px;}
.content-text-firma{padding:0px 10px 0px 10px;}
footer{background-color:#ccc;padding:50px 0px 20px;}
.footer-icon{margin-bottom:60px;}
.footer-icon ul{list-style-type:none;width:100%;padding:0px;}
.footer-icon ul li{display:inline-block;width:33%;margin:0px;padding-left:30px;}
.footer-icon ul li .icons{display:block;margin:0 auto;}
.footer-icon ul li .icons img{float:left;}
.footer-icon ul li .icons p{float:left;color:white;font-size:18px;font-family:century gothic;margin-top:12px;}
.footer-icon ul li .icons p small{font-size:11px;}
.footer-icon ul li .icons p small a{color:white;font-weight:bold;}
.footer-icon ul li .icons p small a:hover{color:white;text-decoration:underline;}
.footer_text{text-align:center;color:white;font-size:10px;}
.mini-galeria{padding:0px;margin-bottom:10px;}
.mini-galeria .row .col-md-3{text-align:center;}
.mini-galeria .row .col-md-3 img{display:block;margin:0 auto;width:200px;}
.content-text-firma{padding:30px 5px 50px 5px;}
.content-text-firma h6{font-size:18px;}
.content-text-firma p{text-align:center;font-size:14px;}
.content-text-oferta{position:relative;}
.content-text-oferta img{position:absolute;left:630px;height:100%;border:4px solid black;border-top:none;}
.oferta-left{padding:20px 00px 30px 0px;width:550px;float:left;}
.oferta-left h3{font-size:30px;font-weight:bold;margin-bottom:40px;}
ul.uslugi{list-style-type:none;padding:0px;}
ul.uslugi li{font-size:18px;}
.content-text-contact{padding:0px 0px 30px 0px;}
div.button-grey{background-color:#e1e1d9;border:none;border-radius:10px;width:230px;height:50px;font-size:24px;font-weight:bold;text-align:center;padding-top:5px;}
.button_container img.shadow_kontakt{width:230px;height:10px;left:3px;bottom:-8px;position:absolute;}
.button_form{background-color:#e1e1d9;border:none;border-radius:10px;width:400px;height:50px;font-size:24px;font-weight:bold;text-align:center;padding-top:5px;}
.button_container img.shadow_form{width:400px;height:10px;left:3px;bottom:-8px;position:absolute;}
.kontakt_left p{font-size:18px;font-family:"century gothic";margin-top:20px;margin-left:20px;}
.formularz_kontakt{overflow:auto;padding:20px 75px 40px;overflow-x:hidden;}
.kontakt_left{float:left;}
.formularz{float:right;}
.formularz form{width:400px;margin-top:30px;font-family:"century gothic";;}
.formularz form input{width:100%;height:40px;padding:5px;font-size:18px;border-radius:8px;border:1px solid #333333;opacity:0.6;margin-bottom:20px;padding-left:10px;}
.formularz form input:focus, .formularz form textarea:focus{opacity:1;}
.formularz form textarea{padding-bottom:200px;border:1px solid #333333;border-radius:20px;resize:none;font-size:18px;width:400px;height:175px;padding:10px 10px;opacity:0.6;}
.button_submit{background-color:#e1e1d9;border:none;border-radius:10px;width:200px;height:50px;font-size:24px;font-weight:bold;text-align:center;padding-top:0px;cursor:hand;border:1px solid rgba(51,51,51,0.6);margin:30px auto;margin-left:100px;}
.button_submit:hover{color:white;}
.gallery .col-md-4{margin:20px 0px;position:relative;}
.gallery .col-md-4 a{overflow:hidden;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.gallery .col-md-4 a span{position:absolute;width:60px;height:60px;z-index:950;top:0px;left:50%;margin-left:-30px;top:50%;margin-top:-30px;border-radius:8px;opacity:0.8;padding:0px 10px;background-image:url(../img/round-plus.png);background-position:center;background-repeat:no-repeat;background-size:60px 60px;display:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.gallery .col-md-4 a:hover{opacity:0.8;}
.gallery .col-md-4 a:hover span{display:block;opacity:1!important;}
.gallery .col-md-4 a img{margin:0 auto;display:block;width:90%;height:auto;border-radius:8px;border:1px solid black;max-width:350px;}
@media all and (max-width:992px){.container-bg{width:100%!important;}
.top a{position:relative;width:100%;text-align:center;}
.top a{display:block;margin:0 auto;}
nav.menu{width:100%;text-align:center;}
nav.menu ul{padding:0px;width:100%;margin-top:20px;}
.footer-icon ul li{display:block;width:auto;margin:0px auto;padding-left:0px;text-align:center;}
.content-text-oferta .photo{display:none;}
.oferta-left{padding:30px 00px 30px 0px;width:100%;float:none;}
.mini-galeria .col-xs-12{margin-bottom:20px;}
.content-text-index{padding-left:20px;padding-right:20px;}
nav.menu ul li{margin-left:0px!important;}
.formularz_kontakt{padding:20px 20px 40px;}
}
@media all and (max-width:768px){.footer-icon ul li{display:block;width:100%;}
.popup-content{position:fixed;z-index:999; width:90%; background-color: white;left:5%; margin-left:0px; top:50px;padding:20px; border:2px solid black; }    
.footer-icon ul li .icons{display:block;margin:0 auto;}
.footer-icon ul li .icons img{float:none;}
.footer-icon ul li .icons p{float:none;color:white;font-size:18px;margin-top:12px;}
.index-background{width:100%;height:350px;background-image:url(../img/bg2.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;border-bottom:4px solid black;}
.hdn768{display:none;}
.hamburger{display:block;position:absolute;right:15px;top:5px;}
nav.menu{width:100%;text-align:center;}
nav.menu ul{padding:0px;width:100%;margin-top:40px;display:none;}
nav.menu ul li{width:100%;}
.top a{position:relative;width:100%;text-align:left;padding-left:0px;}
.top a{display:block;text-align:left;}
.top a img{width:200px;}
.menu ul li button{background-color:#e1e1d9;border:none;border-radius:10px;width:60%;height:50px;font-size:24px;font-weight:bold;margin-bottom:20px;}
.menu ul li button:hover{color:#fff;}
.shadow{display:none;}
.content-text-firma{padding-left:20px;padding-right:20px;}
.kontakt_left p{font-size:18px;text-align:center;margin-top:20px;margin-left:0px;}
.formularz_kontakt{overflow:auto;padding:20px 10px 40px;overflow-x:hidden;}
.kontakt_left{float:none;text-align:center;}
.kontakt_left .button_container{margin:0 auto;display:block;text-align:center;}
.kontakt_left .button_container div.button-grey{margin:0 auto;width:auto;height:auto;padding:0px 10px;}
.formularz{float:none;width:100%;margin-top:30px;}
.formularz form{width:100%;}
.formularz .button_container{margin:0 auto;display:block;text-align:center;}
.formularz .button_container div.button_form{margin:0 auto;width:auto;height:auto;padding:0px 10px;}
.formularz form textarea,.formularz form input{width:80%;margin-left:10%;}
.formularz form button{width:50%;margin-left:25%;}
.producenci .swiper-container .swiper-wrapper .swiper-slide{width:40%!important;text-align:center;}
.producenci .swiper-container .swiper-wrapper .swiper-slide a{display:block;margin:0 auto;text-align:center;}
}
@media all and (max-width:500px){.producenci .swiper-container .swiper-wrapper .swiper-slide{width:50%!important;text-align:center;}
.producenci .swiper-container .swiper-wrapper .swiper-slide a{display:block;margin:0 auto;text-align:center;}