.clear{clear:both;height:0}
ul.nav li>ul{display:none}
ul.nav li{position:relative}
.navbar-default .nav>li>a{color:#ffffff !important}
.navbar-default.affix .nav>li>a,.navbar-default.affix .nav>li>a:focus{color:#ffffff !important}
#about.podstrona img{max-width:100%}
ul.nav li>ul{position:absolute;background-color:rgba(112,112,113,0.9);width:250px;background-clip:padding-box;border:1px solid rgba(0,0,0,0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,0.176);padding-top:0}
ul.nav li>ul li{width:100%;display:block}
ul.nav li:hover>ul{display:block}
ul.nav li>ul li a{padding-top:10px;padding-bottom:10px}
.navbar.affix ul.nav li>ul{background-color:rgba(117,81,61,0.95);padding-top:0}
.navbar.affix ul.nav li>ul li{width:100%;display:block}
#mainNav{background-color:rgba(112,112,113,0.6);color:#ffffff}
#mainNav a,#mainNav li{font-size:16px;font-weight:700;text-transform:uppercase;padding:15px}
#mainNav a{padding:0}
#mainNav.oferta{background-color:rgba(0,0,0,0.45)}
#mainNav.affix{background-color:rgba(117,81,61,0.95);box-shadow:0 0 2px #ccc}
.menu_oferta li{list-style-type:none;margin-bottom:5px}
.menu_oferta a{color:#ffffff}
.menu_oferta a:hover{color:#ffffff}
#about.podstrona .menu_oferta a{color:#000000}
#about.podstrona{text-align:center;font-size:16px}
#about.podstrona ul{padding-left:15px}
#about.podstrona h2{margin-top:0}
#about.podstrona .menu_oferta a:hover{color:#f05f40}
.menu_oferta{padding-left:0;margin-bottom:0}
header#podstrona{background-position:center center;background-image:url("../uploads/images/header.jpg");min-height:47%}
header#podstrona.oferta{min-height:60%}
header#podstrona h1{color:#ffffff}
h1#homeHeading{color:#ffffff;}
header#podstrona.formy{background-image:url("../uploads/images/header2.jpg");background-position:center center}
header#podstrona.kontakt{background-image:url("../uploads/images/header3.jpg");background-position:center center}
header#podstrona h1{padding-top:60px}
header#podstrona.oferta h1{padding-top:0px}
#about{padding-top:70px;padding-bottom:70px}
.lewo{float:left}
.prawo{float:right}
iframe{width:100%;height:450px;border:2px solid #222 !important}
#about.podstrona p,#about.oferta p{text-align:justify}
#about.podstrona .col-lg-8,#about .col-lg-8{margin:auto;float:none;width:80%}
#about.oferta .col-lg-8{margin:auto;float:none;width:100%}
#menu-boczne{float:left;width:25%;border-right:1px solid #ffffff;padding-right:7px}
#menu-boczne a{color:#ffffff;display:block;text-align:left;margin-bottom:10px}
#about.oferta .content{padding-left:40px;float:right;width:75%}
.produkt .foto{float:left;width:30%}
.produkt .tresc{float:right;width:70%;padding-left:20px}
.produkt h3{margin-top:0;text-align:left}
.produkt ul{margin-top:0;text-align:left;padding-left:15px}
.produkt p{margin-bottom:5px}
.produkt .foto img{width:50%;height:auto;float:left;display:block;padding:0 5px;margin-bottom:5px}
.produkt .tresc a h3{color:#ffffff;text-decoration:none;font-weight:bold}
.produkt .tresc .gallery{margin-top:40px}
.produkt .tresc .gallery .img{margin-bottom:10px;padding:0 10px;box-sizing:border-box;width:20%;float:left}
.produkt .tresc .gallery .img img{width:100%;height:auto}
.produkt .bufor{height:65px}
.oferta .content hr{width:100%;max-width:none;margin-bottom:0px;display:block;height:1px;background-color:#ffffff;border-color:#9E9E9E}
#contact hr,#mapa hr{border-color:#9E9E9E}
#services hr{border-color:#ffffff}
#podstrona hr{border-color:#f05f40}
#contact a{color:#000000}
.galleryclear{height:0}
.logo{width:280px;height:auto !important;padding-top:3px !important;padding-bottom:3px !important}
.logo img{width:110px;height:auto;float:left}
.logo p{margin:20px 0;float:left;color:#ffffff;line-height:1.4;font-size:22px}
.affix .logo p{color:#000000}
#mainNav.affix-top .logo2{display:none}
#mainNav.affix .logo3{display:none}
#mainNav.affix .logo2{display:block}
ul.navbar-nav{padding-top:17px}
#about.oferta,#about.podstrona{color:#000000;background-color:#ffffff}
#about.oferta #menu-boczne{border-right:1px solid #000000}
#about.oferta #menu-boczne a{color:#000000}
header .header-content .header-content-inner p{background-color:rgba(117,81,61,0.8);color:#ffffff !important;border:1px solid rgb(189,189,189);padding:20px 20px}
header .header-content{top:62% !important}
.kolory{margin-top:40px}
.kolory p{display:inline-block;float:left;color:#f05f40}
.kolory .paleta{float:left;display:inline-block;margin-left:20px}
.kolory .paleta>div{width:25px;height:25px;border:1px solid #000000;border-radius:2px;padding:2px;float:left;margin-right:5px}
.kolory .paleta>div div{width:100%;height:100%;border-radius:2px}
#services{padding-top:45px}
#services h3{color:#ffffff;text-transform:uppercase}
#services a:hover{text-decoration:none}
#services a:hover>h3{color:#f05f40}
.firma-rodzinna,.pzpts{width:70px;height:auto;margin:auto;display:block}
.produkt .gallery .img{padding:0 5px;width:50%}
.produkt .gallery .img img{width:100%;height:auto;padding:0}
#about.home{background-color:#ffffff !important;color:#000000}
#about.home p{text-align:justify}
#about.home h2{text-decoration:underline}
.home-img1{float:left;margin-right:35px;padding:0;height:auto;width:300px;box-sizing:border-box}
.home-img1 img{width:100%;height:auto}
.home-img2{float:right;padding:0 0 0 15px;height:auto;width:300px}
.btn-primary:hover,.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{background-color:#fff !important;color:#000 !important}
#services{background-color:rgb(24,61,87);background-image:url("../uploads/images/bottom.jpg");background-attachment:fixed;background-position:center center;background-repeat:no-repeat}
#services .col-sm-3 img{width:80px;height:auto}
#services h2{color:#ffffff}
#services .service-box img{width:80px}
#services .service-box .img2{display:none}
#services .service-box a:hover>h3{color:#AE643B}
#services .service-box a:hover img{display:none}
#services .service-box a:hover img.img2{display:inline-block}
.CGBlogSummary{margin-bottom:30px}
.CGBlogSummaryLink,#CGBlogPostDetailTitle{font-family:inherit;font-style:italic;margin:0;line-height:inherit;width:100%;text-align:left;color:#ffffff;background-color:#61aa5f;padding:5px 15px;font-size:24px}
.CGBlogSummaryLink a{color:#ffffff;font-style:italic}
.CGBlogSummarySummary{padding:15px 15px 0 15px}
.CGBlogSummarySummary .wiecej{float:left;font-style:italic}
.CGBlogSummaryPostdate{float:right;padding-right:15px}
.CGBlogSummaryCategory{float:right;padding-right:15px}
#CGBlogPostDetailDate{float:left;width:30%}
.kategoria{float:right;width:70%;text-align:right;padding-right:0}
.gallery .img{width:25%;padding:10px}
.gallery .img img{width:100%;height:auto;border:2px solid #555}
#menu-artykuly{float:left;width:25%}
#artykuly{float:left;width:75%;box-sizing:border-box;padding-right:40px}
#menu-artykuly h3{text-align:center;margin-bottom:0;color:#ffffff;background-color:#61aa5f;padding:5px 15px 6px 15px;font-size:24px;margin-top:0;line-height:inherit}
#menu-artykuly ul{padding:0;margin:0}
#menu-artykuly li{list-style-type:none;border-bottom:1px solid #000000;text-align:center;font-size:16px;padding:7px 0}
#about hr{border-color:#000000;max-width:100%;border-width:1px}
#mainNav>.container-fluid{padding:0 20px}
#CGBlogPostDetailContent{padding:0 15px;margin-top:15px}
a:hover{color:#f05f40 !important}
.fa{color:#000000}
#about.podstrona ul,#about.podstrona ol{text-align:left}
#about.podstrona h2{margin-bottom:20px;text-transform:uppercase;font-weight:700}
#about.podstrona h3{text-transform:uppercase;font-weight:700}
#about.podstrona table{margin:auto}
#about.podstrona table th,#about.podstrona table td{text-align:center;border:1px solid #ccc;padding:10px 20px}
#about.podstrona p{margin-top:15px;margin-bottom:10px}
#about.podstrona .tab-content{padding-top:20px}
#about.podstrona ul.nav-tabs{padding-left:0}
#about.podstrona ul li a{border-radius:4px 4px 0 0;background-color:#eee;border-color:#eee #eee #ddd}
#about.podstrona ul li.active a{background-color:#fff;border-color:#eee #eee #fff}
#mapa{padding-bottom:0}
#map{height:400px;margin-top:40px}
.contactform{margin-top:50px}
.contactform input,.contactform textarea{border:1px solid rgb(229,229,229);box-sizing:border-box;color:#303030;padding:12px 20px 12px 25px;width:100%;margin-bottom:15px}
.contactform textarea{height:150px;resize:none}
.contactform input[type="submit"]{background-color:rgb(117,81,61);color:#fff;border:none}
.contactform .captcha input{width:50%;float:left}
.contactform .captcha .img{width:50%;float:left;text-align:left;padding-left:10px}
.contactform .captcha p{display:inline;padding-left:10px;margin-top:10px !important}
.logotypy .img{margin-bottom:30px}
.logotypy .img img{width:100%;height:auto;border:1px solid #848484}
#flagi1{float:right;padding-top:10px}
#flagi1 img{width:35px;margin-left:5px;box-shadow:0 0 5px #ccc}

#panel {position: fixed;right: 20px;bottom: -285px;z-index: 99999;transition: all 0.5s ease-out 0s;}
#panel:hover {bottom: 0;}
#panel #content {width: 260px;height: 280px;padding: 12px;border: 2px solid rgb(117, 81, 61);border-bottom: none;z-index: 20;background: #FFFFFF;position: relative;border-radius: 5px 5px 0 0;}
#panel #title {width: 180px;background: rgb(117, 81, 61);color: #FFFFFF;font-weight: bold;border-radius: 10px;padding: 6px 5px 24px 5px;text-align: center;position: relative;bottom: -15px;right: 0;z-index: 1;box-shadow: 0 0 10px #fff;}
#panel:hover #title {box-shadow: none;}
#panel input, #panel textarea {width: 100%; margin-bottom: 10px;}
#panel textarea {height: 140px; resize: none;}
#panel input[type="submit"] {background-color: rgb(117, 81, 61); color: #fff; border: none; padding: 5px 0;}

@media (max-width:1200px){#contact .col-lg-4{width:33.3333%;float:left}
.container{width:95%}
.logo{width:110px;box-sizing:border-box}
}
@media (max-width:920px){#mainNav .navbar-nav>li{font-size:14px;padding-left:10px;padding-right:10px}
#mainNav .navbar-nav>li>a{font-size:14px}
}
@media (max-width:767px){ul.navbar-nav{padding-top:0}
#mainNav{background-color:rgba(77,77,77,0.8)}
.navbar-default .navbar-header .navbar-toggle,.fa-bars{color:#fff !important}
.logo img{width:80px}
header .header-content{padding-top:120px !important}
ul.nav li>ul{position:relative;width:auto;background-color:transparent;border:none;box-shadow:none}
.navbar-nav{margin:0}
ul.nav li:active>ul{display:block}
.navbar.affix ul.nav li>ul{background-color:transparent}
#services .col-sm-2{width:33.3%;float:left}
header#podstrona h1{font-size:48px}
#podstrona.oferta .header-content{padding-top:150px !important;padding-bottom:80px !important}
}
@media (max-width:580px){
#panel {display: none;}
}
@media (max-width:580px){header#podstrona h1{font-size:28px}
#podstrona.oferta .header-content{padding-top:130px !important;padding-bottom:10px !important}
header#podstrona.oferta{min-height:50%}
.gallery .img{width:33.3%}
#about.podstrona .lewo, #about.podstrona .prawo {width: 100% !important; float: none;}
}
@media (max-width:480px){.gallery .img{width:50%}
}
@media (max-width:400px){#services .col-sm-2{width:100%;float:none}
#services .service-box img{width:95px}
header#podstrona h1{font-size:20px}
#podstrona.oferta .header-content{padding-top:130px !important;padding-bottom:10px !important}
header#podstrona.oferta{min-height:40%}
}