/* Quick.Cms.Ext WebStyle009 stylesheet */

/* GLOBAL STYLES */
body, body *{margin:0;padding:0;border:0;}
body,table{color:#000;font-family: 'Lato', sans-serif;font-size:15px;font-weight:400;} /* font-family: 'Titillium Web', sans-serif; */

body{padding:0;text-align:center;color:#000;font-family: 'Lato', sans-serif;font-size:15px;font-weight:400;line-height:1.5em;}

.form{}
.hide{display:none;}

a{background-color:inherit;color:#000;text-decoration:none;}
a:hover{color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
#skiplinks{position:absolute;top:0px;left:0px;z-index:999999;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.clear20{clear:both;height:20px;font-size:0px;line-height:0px;}
.clear30{clear:both;height:30px;font-size:0px;line-height:0px;}
.clear40{clear:both;height:40px;font-size:0px;line-height:0px;}

#container{position:relative;width:100%;margin:0 auto;position:relative;overflow:hidden}
#container:after{content:"";display:table;clear:both;}

/* HEADER  */
#header{clear:both;position:relative;width:100%;margin:0;padding:0;}
.logo{float:left;display:block;margin:15px 0 0;padding:0;width:201px;height:60px;background:url('img/bogmat-logo.jpg') no-repeat;}
.logo a{display:block;border:none;padding:0;width:201px;height:60px;}
#head{margin:0;padding:0;width:100%;height:90px;background:#fff;}
#head .container{overflow:hidden;width:1060px;height:90px;margin:0 auto;}

#top-pasek{clear:both;width:100%;height:46px;background:#c9283a;}
#top-pasek .container{overflow:hidden;width:1060px;height:46px;margin:0 auto;}
#top-pasek a{color:#efefef;text-decoration:none;font:14px 'Lato', sans-serif;font-weight:400;padding:0 0 0 2px;}
#top-pasek a:hover{color:#ec9545;text-decoration:none;}
#top-pasek .contact_details{float:left;}
#top-pasek .contact_details li{display:inline-block;padding:10px 0 0 18px;margin-right:16px;}
#top-pasek .contact_details li:last-child{margin-right:0}
#top-pasek .phone{background:url('img/i-phone.png') no-repeat 0 15px;}
#top-pasek .mail{background:url('img/i-mail.png') no-repeat 0 16px;}

#header #menu1 ul{margin:0;list-style:none;float:right;}
#header #menu1 li{float:left;padding:0;margin:15px 0;height:60px;border-right:1px #f2f2f2 solid;}
#header #menu1 li a{display:block;height:71px;line-height:65px !important;font:14px 'Titillium Web', sans-serif;font-weight:400;padding:0 20px;color:#000;margin:0;}
#header #menu1 li a:hover, #header #menu1 .selected a{text-decoration:none;color:#ec9545;border-bottom:4px #ec9545 solid;}

/* STICKY MENU */
#trueHeader{z-index:999;left:0;right:0;padding:0px 0;transition:padding 0.35s ease;-khtml-transition:padding 0.35s ease;-webkit-transition:padding 0.35s ease;-moz-transition:padding 0.35s ease;-ms-transition:padding 0.35s ease; -o-transition:padding 0.35s ease;zoom:1}

#header.sticky #trueHeader{position:fixed;top:0;}
#header.sticky.condensed #trueHeader{top:0;padding:0px 0;}

#header.sticky.condensed #trueHeader #top-pasek{display:none;}
#header.sticky.condensed #trueHeader #head{margin:0;padding:0;width:100%;height:70px;background:#000;}
#header.sticky.condensed #trueHeader #head .container{overflow:hidden;width:1060px;height:70px;margin:0 auto;}
#header.sticky.condensed #trueHeader #menu1 ul{margin:0;list-style:none;float:right;}
#header.sticky.condensed #trueHeader #menu1 li{float:left;padding:0;margin:0;height:60px;border-right:none;}
#header.sticky.condensed #trueHeader #menu1 li a{display:block;height:66px;line-height:70px !important;font:14px 'Titillium Web', sans-serif;font-weight:400;padding:0 20px;color:#fff;margin:0;}
#header.sticky.condensed #trueHeader #menu1 li a:hover, #header.sticky.condensed #trueHeader #menu1 .selected a{text-decoration:none;color:#ec9545;border-bottom:4px #ec9545 solid;}
#header.sticky.condensed #trueHeader .logo{float:left;display:block;margin:12px 0 0;padding:0;width:155px;height:46px;background:url('img/bogmat-logo-small.jpg') no-repeat;}
#header.sticky.condensed #trueHeader .logo a{display:block;border:none;padding:0;width:155px;height:46px;}

/* SLIDER */
#slider{clear:both;position:relative;margin:0;padding:0;background:#c9283a;}

/* BODY */
#body{clear:both;position:relative;width:100%;margin:0;padding:0;background:#fff;}
#body .container{overflow:hidden;position:relative;width:1060px;padding:0;margin:0 auto;}

/* PAGE HOME */
#page-home{clear:both;position:relative;width:100%;margin:0;padding:0;background:#fff;}
#page-home .container{overflow:hidden;position:relative;width:1060px;padding:60px 0 20px;margin:0 auto;}

#box-home{display:inline-block;vertical-align:top;margin:0 15px 20px;padding:10px 5px;width:310px;}
#box-home .box-img1{clear:both;margin:0 auto;padding:0;width:87px;height:99px;background:url('img/drzwi.png') no-repeat;}
#box-home .box-img2{clear:both;margin:0 auto;padding:0;width:87px;height:99px;background:url('img/okna.png') no-repeat;}
#box-home .box-img3{clear:both;margin:0 auto;padding:0;width:87px;height:99px;background:url('img/inne.png') no-repeat;}
#box-home .box-img1 a, #box-home .box-img2 a, #box-home .box-img3 a{display:block;width:87px;height:99px;cursor:pointer;}
#box-home .box-text{clear:both;margin:0;padding:0;text-align:center;font:14px 'Lato', sans-serif;font-weight:400;color:#545454;line-height:20px;}
#box-home h1{clear:both;margin:20px 0 20px;padding:0 0 15px 0;width:100%;text-align:center;font:24px 'Titillium Web', sans-serif;font-weight:600;color:#000;background:url('img/linia-czerwona.jpg') no-repeat center bottom;}

/* HOME REALIZACJE */
#home-realizacje{clear:both;position:relative;width:100%;margin:0;padding:0;background:#c9283a;}
#home-realizacje .container{overflow:hidden;position:relative;width:1060px;padding:20px 0 50px;margin:0 auto;}
#home-realizacje h1{clear:both;margin:20px 0 40px;padding:0;width:100%;text-align:center;font:32px 'Titillium Web', sans-serif;font-weight:600;color:#fff;}
#home-realizacje .more{clear:both;width:100%;margin:30px 0 0 0;padding:0;text-align:center;}
#home-realizacje .more a{font:16px 'Titillium Web', sans-serif;font-weight:400;text-align:center;color:#fff;padding:10px 30px;border:1px solid #ec9545;background:#ec9545;text-decoration:none;}
#home-realizacje .more a:hover{text-decoration:none;color:#fff;border:1px solid #ec9545;background:none;}

/* IMAGES STYLES */
#home-realizacje .imagesList{list-style:none;margin:0;padding:0;}
#home-realizacje .imagesList li{margin:0;text-align:center;}
#home-realizacje .imagesList li div{display:none;max-width:220px;margin:0;padding:0;text-align:center;color:#fff;}
#home-realizacje .subpagesList li img, #home-realizacje .imagesList li img{background:#000;}
#home-realizacje .subpagesList li img:hover, #home-realizacje .imagesList li img:hover{-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.5;filter:alpha(opacity=50);}

#home-realizacje #imagesList4{display:inline-block;margin:0 0 20px 0!important;width:100%;}
#home-realizacje #imagesList4 li {display:inline-block;width:230px;margin:0 5px 7px !important;vertical-align:top;padding:0;}

/* HOME PRODUCENCI */
#home-producenci{clear:both;position:relative;width:100%;margin:0;padding:0;background:#fff;}
#home-producenci .container{overflow:hidden;position:relative;width:1060px;padding:20px 0 50px;margin:0 auto;}
#home-producenci h1{clear:both;margin:20px 0 40px;padding:0;width:100%;text-align:center;font:32px 'Titillium Web', sans-serif;font-weight:600;color:#000;}


#top{clear:both;width:100%;height:250px;margin:0;padding:0;background:url('img/naglowek.jpg') no-repeat top center;}
#top h1{margin:0;padding:50px 0 0;color:#fff;font:56px 'Titillium Web', sans-serif;font-weight:500;text-align:center;line-height:56px;}

/* PAGE - BREADCRUMB (navigation path) */
#top nav.breadcrumb{margin-top:14px;font:15px 'Lato', sans-serif;font-weight:400;color:#fff;}
#top nav.breadcrumb a{font:15px 'Lato', sans-serif;font-weight:400;color:#fff;text-decoration:none;}
#top nav.breadcrumb a:hover{text-decoration:underline;}

/* PAGE / PAGE CONTENT */
#page{clear:both;position:relative;width:100%;padding:0 0 40px 0;margin:0;}
#page .img{float:right;padding:0;margin:0 0 50px 30px;width:460px;height:345px;}
#page div.content{text-align:left;font:15px 'Lato', sans-serif;font-weight:400;color:#545454;line-height:20px !important;}
#page div.content > ul, #page div.content > ol{padding:0 0 0 30px;}
#page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;}
#page div.content > ul li{margin:8px 0;padding:0;list-style-type:square !important;}
#page div.content > ol li{margin:8px 0;padding:0;}
#page div.content p{padding-bottom:15px;}
#page div.content a{color:#5b1f25;font-weight:bold;text-decoration:none;}
#page div.content a:hover{color:#000;text-decoration:underline;}
#page div.content h2{margin:0;padding:0 0 28px;font:38px 'Titillium Web', sans-serif;color:#000;font-weight:700;}
#page div.content h3{margin:0;padding:0;font:22px 'Lato', sans-serif;color:#000;font-weight:400;}
#page div.content h4{margin:0;padding:0 0 12px;font:14px 'Lato', sans-serif;color:#999;font-weight:400;}

#menu-produkty{clear:left;float:left;margin:0 40px 50px 0;padding:0 40px 0 0;border-right:1px #ebebeb solid;}
#menu-produkty h5{text-align:left;margin:0;padding:0;font:22px 'Titillium Web', sans-serif;font-weight:400;color:#000;}
#menu-produkty ul{padding:0 0 0 40px;margin:0 0 15px;}
#menu-produkty li{margin:5px 0;padding:0;list-style-type:square !important;text-align:left;font:14px 'Lato', sans-serif;font-weight:400;color:#000;}
#menu-produkty li a:hover{color:#ec9545;text-decoration:none;}

/* PAGE KONTAKT / CONTACT PANEL */
#page-kontakt{clear:both;position:relative;background:#fff;width:1060px;padding:0;margin:0 auto;}
#page-kontakt .img{float:right;padding:0;margin:0 0 50px 30px;width:600px;height:auto;}
#page-kontakt div.content{text-align:right;font:18px 'Lato', sans-serif;font-weight:400;color:#545454;line-height:24px !important;}
#page-kontakt div.content p{padding-bottom:15px;}
#page-kontakt div.content a{color:#c9283a;text-decoration:none;}
#page-kontakt div.content a:hover{color:#ec9545;}

#contactPanel{clear:both;position:relative;width:100%;margin:0;padding:0;background:#c9283a;}
#contactPanel .container{overflow:hidden;position:relative;width:1060px;padding:30px 0 50px;margin:0 auto;}
#contactPanel h1{clear:both;margin:20px 0 0;padding:0;width:100%;text-align:center;font:32px 'Titillium Web', sans-serif;font-weight:600;color:#fff;}
#contactPanel h2{margin:0;padding:0 0 30px 0;text-align:center;font:20px 'Titillium Web', sans-serif;font-weight:600;color:#fff;}
#contactPanel h3{margin:0;padding:0;text-align:center;font:16px 'Titillium Web', sans-serif;font-weight:400;color:#fff;}
#contactPanel .p1, #contactPanel .p2{display:inline-block;vertical-align:top;position:relative;width:400px;margin:0 30px;padding:0;}
#contactPanel dl{clear:both;width:100%;margin:0;padding:0;text-align:left;}
#contactPanel dt{clear:both;width:100%;margin:0;padding:0 0 0 1px;text-align:left;font:18px 'Titillium Web', sans-serif;font-weight:600;color:#fff;}
#contactPanel dd{clear:both;width:100%;margin:0 0 4px;padding:0;font:14px 'Lato', sans-serif;font-weight:400;color:#fff;}
#contactPanel span{margin:0 0 0 10px;font:12px 'Lato', sans-serif;font-weight:400;color:#fff;}
#contactPanel .text{font:16px 'Lato', sans-serif;font-weight:400;color:#fff;line-height:20px !important;}
#contactPanel .save, #contactPanel .captcha{float:left;width:100%;margin:0 auto;padding:0;}
#contactPanel .g-recaptcha{display:inline-block;margin:0 auto;padding:0;}
#contactPanel .input, #contactPanel textarea{width:100%;padding:8px 10px;margin:2px 0;border:none;background:#fff;border:1px #355404 solid;font:14px 'Lato', sans-serif;font-weight:400;color:#000;}
#contactPanel .submit{font:16px 'Titillium Web', sans-serif;font-weight:400;text-align:center;color:#fff;padding:10px 30px;border:1px solid #ec9545;background:#ec9545;text-decoration:none;}
#contactPanel .submit:hover{text-decoration:none;color:#fff;border:1px solid #ec9545;background:none;}
#contactPanel dd.noticeToAccept span{display:block;padding:0;margin:-22px 0 0 25px;text-align:justify;}
#contactPanel dl.dd5{margin-bottom:20px;}

#contactPanel2{clear:both;position:relative;width:100%;margin:0;padding:0;background:#fff;}
#contactPanel2 .container{overflow:hidden;position:relative;width:1060px;padding:0 0 50px;margin:0 auto;}
#contactPanel2 h1{clear:both;margin:20px 0 0;padding:0;width:100%;text-align:center;font:32px 'Titillium Web', sans-serif;font-weight:600;color:#000;}
#contactPanel2 h2{margin:0;padding:0 0 30px 0;text-align:center;font:20px 'Titillium Web', sans-serif;font-weight:600;color:#000;}
#contactPanel2 h3{margin:0;padding:0;text-align:center;font:16px 'Titillium Web', sans-serif;font-weight:400;color:#000;}
#contactPanel2 .p1{display:inline-block;vertical-align:top;position:relative;width:80%;margin:30px 30px 0;padding:0;}
#contactPanel2 dl{clear:both;width:100%;margin:0;padding:0;text-align:left;}
#contactPanel2 dt{clear:both;width:100%;margin:0;padding:0 0 0 1px;text-align:left;font:18px 'Titillium Web', sans-serif;font-weight:600;color:#000;}
#contactPanel2 dd{clear:both;width:100%;margin:0 0 4px;padding:0;font:14px 'Lato', sans-serif;font-weight:400;color:#000;}
#contactPanel2 span{margin:0 0 0 10px;font:12px 'Lato', sans-serif;font-weight:400;color:#000;}
#contactPanel2 .text{font:16px 'Lato', sans-serif;font-weight:400;color:#000;line-height:20px !important;}
#contactPanel2 .save, #contactPanel2 .captcha{float:left;width:100%;margin:0 auto;padding:0;}
#contactPanel2 .g-recaptcha{display:inline-block;margin:0 auto;padding:0;}
#contactPanel2 .input, #contactPanel textarea{width:100%;padding:8px 10px;margin:2px 0;border:none;background:#fff;border:1px #355404 solid;font:14px 'Lato', sans-serif;font-weight:400;color:#000;}
#contactPanel2 .submit{font:16px 'Titillium Web', sans-serif;font-weight:400;text-align:center;color:#fff;padding:10px 30px;border:1px solid #ec9545;background:#ec9545;text-decoration:none;}
#contactPanel2 .submit:hover{text-decoration:none;color:#000;border:1px solid #ec9545;background:none;}
#contactPanel2 dd.noticeToAccept span{display:block;padding:0;margin:-22px 0 0 25px;text-align:justify;}
#contactPanel2 dl.dd5{margin-bottom:20px;}

#kontakt-p{margin:10px 0 0;padding:0;float:right;}
#kontakt-p .pp{margin:0;}
#kontakt-p .pp a{display:block;font:16px 'Titillium Web', sans-serif;font-weight:400;text-align:center;color:#fff !important;width:220px;padding:10px 0;margin:10px 0 0;border:1px solid #ec9545;text-decoration:none;background:#ec9545;}
#kontakt-p .pp a:hover{text-decoration:none;color:#ec9545 !important;border:1px solid #ec9545;background:none;}

#imagesList ul{display:inline-block;margin:0;padding:0;list-style:none;text-align:center;}
#imagesList li{display:inline-block;margin:5px 7px !important;vertical-align:top;padding:0;}
#imagesList li img{margin:0;padding:0;background:#000;}
#imagesList li img:hover{-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.5;filter:alpha(opacity=50);}

/* SUBPAGES LIST PRODUKTY */
#page2 .subpagesList{width:100%;margin:0;list-style:none;}
#page2 .subpagesList li{display:inline-block;width:280px;margin:0 35px 30px;padding:0;vertical-align:top;}
#page2 .subpagesList li .photo{display:inline-block;margin:0;}
#page2 .subpagesList li h2{width:100%;padding:0 0 40px;clear:both;text-align:center;color:#000;font:44px 'Titillium Web', sans-serif;font-weight:400;text-transform:uppercase;}
#page2 .subpagesList li div.description{padding:0;text-align:center;color:#000;font:15px 'Lato', sans-serif;line-height:24px;font-weight:700;text-transform:uppercase;}
#page2 .subpagesList li a{color:#000;text-decoration:none;}
#page2 .subpagesList li a:hover{color:#ec9545;}
#page2 .subpagesList li .more{display:none;clear:both;width:100%;margin:30px 0 0 0;padding:0;text-align:center;}
#page2 .subpagesList li .more a{font:16px 'Oswald', sans-serif;font-weight:400;text-align:center;color:#fff;padding:8px 30px;border:1px solid #355404;background:#355404;text-decoration:none;}
#page2 .subpagesList li .more a:hover{text-decoration:none;color:#000;border:1px solid #355404;background:#fff;}

/* DATA */
#page .pageField{text-align:left;margin:5px 0;}
#page .pageField strong{padding-left:5px;}
#page .pageField{margin:0 0 10px;}

/* IMAGES STYLES */
#page .imagesList{list-style:none;margin:0;padding:0;}
#page .imagesList li{margin:0;text-align:center;}
#page .imagesList li div{max-width:220px;margin:0;padding:0 0 5px;text-align:center;font:12px 'Roboto Condensed', sans-serif;font-weight:400;color:#000;}
#page .subpagesList li img, #page .imagesList li img{margin:0;padding:0;background:#000;}
#page .subpagesList li img:hover, #page .imagesList li img:hover{-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.5;filter:alpha(opacity=50);}

#page #imagesList1{clear:left;float:left;margin:0 15px 0 0;}
#page #imagesList2{clear:right;float:right;margin:0 0 0 15px;}

#page #imagesList3{float:left;margin:10px 0 20px 0;width:100%;}
#page #imagesList3 li {display:inline-block;margin:0;vertical-align:top;margin:0;padding:0;}

#page #imagesList4{display:inline-block;margin:0 0 10px 0 !important;width:100%;}
#page #imagesList4 li {display:inline-block;margin:5px 7px !important;vertical-align:top;padding:0;}

#page #imagesList5{display:inline-block;margin:0 0 10px 0 !important;width:100%;}
#page #imagesList5 li {display:inline-block;margin:5px 7px !important;vertical-align:top;padding:0;}


/* FILES LIST STYLES */
#filesList{clear:both;width:100%;float:left;margin:0;list-style:none;vertical-align:middle;}
#filesList li{float:left;clear:left;width:100%;margin:4px 0 0 0;padding:6px 10px 6px 10px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{padding-left:10px;font:12px 'Open Sans', sans-serif;font-weight:400;color:#1e292b;}
#filesList a{margin:0 10px 0 0;color:#1e292b;font:14px 'Oswald', sans-serif;font-weight:400;text-decoration:none;}
#filesList a:hover{margin:0 10px 0 0;color:#db2927;text-decoration:none;}
#filesList .tyt{clear:both;margin:30px 0 10px 0;padding:0;text-align:center;color:#1e292b;font:34px 'Oswald', sans-serif;font-weight:400;}

#tyt_download{clear:both;margin:30px 0 10px 0;padding:0;text-align:center;color:#1e292b;font:34px 'Oswald', sans-serif;font-weight:400;}

#download{width:100%;background:#ccc;font-size:1em;margin:15px 0 5px;}
#download td{padding:5px;}
#download .ico{padding:5px 0;text-align:center;width:30px;}
#download a{margin:0 10px 0 0;color:#1e292b;font:14px 'Oswald', sans-serif;font-weight:400;text-decoration:none;}
#download a:hover{margin:0 10px 0 0;color:#db2927;text-decoration:none;}
#download .date-file{width:120px;}
#download thead td{background:#e9e9e9;}
#download tbody td{background:#f9f9f9;}
#download tbody p{padding-top:2px;color:#555;}

#googlemap{clear:both;position:relative;width:100%;margin:0;padding:0;}
#googlemap iframe{clear:both;width:100%;height:400px;margin:0 0 -5px 0;padding:0;border:none;background:#f7e5cd;}

table{width:100%;margin:15px 0;padding:0;}
table, td{padding:5px 8px;border-collapse:collapse;border:1px #b87b5f solid;}

.subpagesList li.l1{bottom:-100px;padding-left:0;opacity:0;position:relative;}
.subpagesList li.lL{bottom:-100px;padding-left:0;opacity:0;position:relative;}

.item_left{left:-100px;padding-right:0;opacity:0;position:relative;}
.item_right{right:-100px;padding-left:0;opacity:0;position:relative;}
.item_fade_in{opacity:0;position:relative;padding-left:0;right:0;}
.item_top{top:-50px;padding-right:0;opacity:0;position:relative;}


/* SCROLL BACK TO TOP */
#backToTop{position:fixed;bottom:50px;right:1.5%;z-index:999;}
#backToTop a{display:block;width:38px;text-align:center;text-transform:uppercase;text-decoration:none;color:#f1f1f1;font:10px Tahoma, Geneva, sans-serif;-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.6;filter:alpha(opacity=60);}
#backToTop a:hover{color:#000;opacity:1;filter:alpha(opacity=100);}
#backToTop span{display:block;width:38px;height:38px;margin-bottom:7px;background:url('img/back_to_top.png') no-repeat center center;-webkit-transition:1s;-moz-transition:1s;transition:1s;}

/* COOKIES INFO */
#noticeAboutCookies{display:none;position:fixed;bottom:0;left:0;width:300px;padding:15px 15px;background:#fff;z-index:999;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);filter:alpha(opacity=95);opacity:0.95;-moz-opacity:0.95;}
#noticeAboutCookies p{font:12px 'Lato', sans-serif;font-weight:400;color:#000;line-height:1.5em;margin:0;padding:10px 0 15px 0;text-align:justify;}
#noticeAboutCookies p strong{font:15px 'Titillium Web', sans-serif;font-weight:400;color:#666;margin:0 0 10px 0;padding:0;}
#noticeAboutCookies .close{font:14px 'Titillium Web', sans-serif;font-weight:400;text-align:center;color:#fff;padding:6px 20px;border:1px solid #ec9545;background:#ec9545;text-decoration:none;text-transform:uppercase;}
#noticeAboutCookies .close:hover{text-decoration:none;color:#000;border:1px solid #ec9545;background:none;}

/* YOUTUBE LINK */
.youtube{width:560px;height:315px;padding:0;border:none;}
.youtube:hover{border-color:#78a622;}

.message{padding:50px 0;text-align:center;}
.message h3{background:inherit;color:#181818;font-weight:normal;font-size:2.4em;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;position:relative;width:100%;margin:0;padding:0;background:#000;}
#foot .container{overflow:hidden;position:relative;width:1060px;padding:20px 0 10px;margin:0 auto;}

#box-foot1{display:inline-block;vertical-align:top;margin:0 15px 20px;padding:10px 5px;width:560px;}
#box-foot2{display:inline-block;vertical-align:top;margin:0 15px 20px;padding:10px 5px;width:180px;}
#box-foot1 .logo-small{clear:both;margin:0 0 10px;padding:0;width:155px;height:46px;background:url('img/bogmat-logo-small.jpg') no-repeat;}
#box-foot1 h1{clear:both;text-align:left;margin:0 0 30px;padding:0;font:24px 'Titillium Web', sans-serif;font-weight:600;color:#fff;}
#box-foot2 h1{clear:both;text-align:left;margin:0 0 30px;padding:0;font:24px 'Titillium Web', sans-serif;font-weight:600;color:#fff;}
#box-foot1 .box-text{clear:both;margin:0;padding:0;text-align:left;font:14px 'Lato', sans-serif;font-weight:400;color:#949494;line-height:20px;}
#box-foot2 .box-text{clear:both;margin:0;padding:4px 0 0 0;text-align:left;font:14px 'Lato', sans-serif;font-weight:400;color:#949494;line-height:20px;}
#box-foot2 .box-text a{color:#949494;text-decoration:none;}
#box-foot2 .box-text a:hover{color:#949494;text-decoration:underline;}

#foot #menu1 ul{margin:0;list-style:square;float:left;color:#695944;}
#foot #menu1 li{padding:0 0 0 2px;margin:2px 0 2px 15px;text-align:left;border-bottom:1px #141414 solid;}
#foot #menu1 li a{font:14px 'Lato', sans-serif;font-weight:400;padding:0;color:#949494;margin:0;}
#foot #menu1 li a:hover, #foot #menu1 .selected a{text-decoration:none;color:#ec9545;}

#counter ul{list-style:none;margin:0;padding:10px;color:#9dadad;font:12px 'Lato', sans-serif;font-weight:400;text-align:center;}
#counter li{display:inline;}
#counter ul li:first-child{padding-right:10px;}

#powered{clear:both;position:relative;width:100%;margin:0;padding:0;background:#000;border-top:1px #1a1a1a solid;}
#powered .container{overflow:hidden;position:relative;width:1060px;padding:25px 0 20px;margin:0 auto;font:14px 'Lato', sans-serif;font-weight:400;color:#9dadad;text-align:center;}
#powered a{color:#9dadad;text-decoration:none;}
#powered a:hover{color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-decoration:none;}

@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#fff !important;border-width:1px !important;text-shadow:none;}

  body{margin:1cm 0; }
  #container{width:17.2cm;height:auto;}
  #head1 .container, #head1{height:auto;}
  #header{z-index:777; margin:0;-webkit-box-shadow:none;box-shadow:none;padding:10px 0;background:none;min-height:auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:fixed; top:0; left:0; width:100%}
  #slogan{width:100%;margin:0 auto;text-align:center;padding:0px 0 0px 0px;color:#000;font-size:50px; height:auto; line-height:90%;text-shadow:none}
  #logo{padding:0 0 0.2cm; background:none;}
  #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;}

  #body{clear:none;}
  #body .container{overflow:hidden;float:none;width:100%;padding:0;margin:0;}
  #logo #title, #page h1{padding:0;}
  #page h4{position:relative;top:0;}

  #content{width:17.2cm;margin:0;padding:0px 0 0px 0px;color:#000;font-size:13px; height:auto; text-shadow:none; overflow:hidden; float:none}
  #header .container,#foot .container, #content, #page{float:none;width:100%;padding:0;margin:0;}
  #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit, #socialButtons, #plusOne, #contactPanel, #commentForm{display:none; width:0;}

}

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1100px){ /* RWD Step 1 */
#head .container, #top-pasek .container, #body .container, #page-kontakt{width:95%;padding:0 2.5%;}
#header.sticky.condensed #trueHeader #head .container{width:95%;padding:0 2.5%;}
#page-home .container{width:95%;padding:60px 2.5% 20px;}
#home-realizacje .container, #home-producenci .container{width:95%;padding:20px 2.5% 50px;}
#contactPanel .container{width:95%;padding:30px 2.5% 50px;}
#contactPanel2 .container{width:95%;padding:0 2.5% 50px;}
#foot .container{width:95%;padding:20px 2.5% 10px;}
#powered .container{width:95%;padding:25px 2.5% 20px;}
#menu-produkty{display:none;}
#imagesList ul{width:100%;}
#page .img{clear:both;float:none !important;padding:0;margin:0 0 20px 0;width:460px;height:345px;}
#box-foot1{clear:both;display:block;vertical-align:top;margin:0 15px 20px;padding:10px 5px;width:100%;}
#box-foot1 .logo-small{margin:0 auto 10px auto;}
#box-foot1 h1{text-align:center}
#box-foot1 .box-text{text-align:center;}
#kontakt-p{margin:-20px 0 0 0;padding:0 0 40px;float:right;}
#kontakt-p .pp{display:inline-block;margin:0 0 0 10px;}
}
@media screen and (max-width:1080px){
#page-kontakt .img{width:500px;height:auto;}

}
@media screen and (max-width:1060px){
#header #menu1 ul{overflow:hidden;height:100%;margin:0;list-style:none;background: url('img/menu-min.png') top right no-repeat;width:90px;height:50px;display:block;z-index:1000;cursor:pointer;position:absolute;right:0;top:64px;}
#header #menu1 ul:hover {display:block;width:200px;height:290px;padding:0;margin:-18px 0 0 0;background:#fff;border:2px #f2f2f2 solid;}
#header #menu1 li{float:left;padding:0;display:none;clear:both;width:100%;margin:0 0 1px 0;height:40px;}
#header #menu1 ul:hover li {display:block}
#header #menu1 li a{display:block;height:40px;line-height:45px !important;font:14px 'Titillium Web', sans-serif;font-weight:400;padding:0 20px;color:#000;margin:0;}

#header.sticky.condensed #trueHeader #menu1 ul{overflow:hidden;height:100%;margin:0;list-style:none;background: url('img/menu-min.png') top right no-repeat;width:90px;height:50px;display:block;z-index:1000;cursor:pointer;position:absolute;right:0;top:8px;}
#header.sticky.condensed #trueHeader #menu1 ul:hover {display:block;width:200px;height:290px;padding:0;margin:0;background:#fff;border:2px #f2f2f2 solid;}
#header.sticky.condensed #trueHeader #menu1 li{float:left;padding:0;display:none;clear:both;width:100%;margin:0 0 1px 0;height:40px;}
#header.sticky.condensed #trueHeader #menu1 ul:hover li {display:block}
#header.sticky.condensed #trueHeader #menu1 li a{display:block;height:40px;line-height:45px !important;font:14px 'Titillium Web', sans-serif;font-weight:400;padding:0 20px;color:#000;margin:0;}
}
@media screen and (max-width:1000px){
#page-kontakt .img{width:400px;height:auto;}
}
@media screen and (max-width:880px){
#page-kontakt .img{clear:both;float:none;width:500px;height:auto;margin:0 0 20px 30px;}
#top h1{padding:50px 0 0;font:46px 'Titillium Web', sans-serif;line-height:40px;}
#top nav.breadcrumb{margin-top:14px;}
#kontakt-p{margin:10px 0 0 0;padding:0 0 40px;float:right;}
}
@media screen and (max-width:680px){
	
	
	
#backToTop, #backToTop a{display:none;}
}
@media screen and (max-width:584px){
img {max-width:400px;}
}
@media screen and (max-width:481px){ /* RWD Step 2 */
img {max-width:320px;}
}
@media screen and (max-width:320px){
img {max-width:240px;}
}