/*
Theme Name: Graf  design and code by Mateusz Dorywalski 2015
#865845
#EC1C24	
*/

/* setup */



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, p, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

#numberDisplay{font-size:16px}

html{margin:0; padding:0;height:100%;width:100%;}
body{margin:0; padding:0;height:100%;width:100%;font-family: 'Ubuntu', sans-serif;background:url('bg.png');}

.respo{width:1400px;margin:0 auto;}

a{color:#865845;text-decoration:underline;cursor:pointer;cursor: hand;}
a:hover{color:#EC1C24;text-decoration:none;cursor:pointer;cursor: hand;}

 .clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.logo{width:400px}
.logo img{max-width:100%;height:auto;}
.trafo-top{
    display:block;
    top:0px;
    left:0px;
    background:#EC1C24;
    color:white;
    padding:10px;
    text-shadow:none;
    border:none;
  	font-size: 17px;
    text-align:center;
	text-decoration:none;
}
.trafo-top:hover{
	color:white;
}

.headbg{background:white;}
.head-top{width:100%;}
.head{padding:18px;position:relative;}

.menu{position:absolute;right:48px;top:48px;font-family: 'Noto Sans', sans-serif;font-size:16px;font-weight:600;}
.menu1{padding-bottom:8px;}
.menu ul{list-style-type:none;    border-bottom: 1px solid #888;    padding-bottom: 5px;}
.menu ul li{display:inline;padding:0px 12px;}
.menu a{text-decoration:none;}

.slider{width:100%;height:400px;position:relative;padding:none;margin:none;
}
.slide-shadow{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4}

.slide{width:100%;height:100%;position:absolute;top:0px;left:0px;display:none;}
.slide-shadow img{display:block;max-width:100%;}
.slide img{display:block;max-width:100%;}

.wrapper-padding{padding:24px;}

.title{font-size:48px;font-family: 'Noto Sans', sans-serif;border-bottom:1px solid #888;}

.left{width:800px;float:left;}
.right{width:300px;float:right;}

.sidebar-header{font-size:18px;font-family: 'Noto Sans', sans-serif;text-align:center;padding-bottom:12px;font-weight:600;}
.right form {text-align:center;width:100%;line-height:1.7em}
.right form input{max-width:100%;}
.wpcf7-textarea{max-width:100%;}

.content{padding:24px;}
.content p{margin-top:8px;}

.fotogaleria{text-align:center;}
.gal-image{display:inline-block;margin:20px;padding:0px;-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.gal-image:hover{filter: brightness(140%);
	-webkit-filter: brightness(140%);
	-moz-filter: brightness(140%);
	-o-filter: brightness(140%);
	-ms-filter: brightness(140%);}
.gal-image img{border:1px solid  #444;}

.footer{background: #009F2A;height:84px;width:100%;font-family: 'Noto Sans', sans-serif;color:#fff;font-size:12px;}
.footer a{color:#fff;text-decoration:underline}
.footer a:hover{text-decoration:none;color:#EC1C24;text-decoration:none;}
.f-left{float:left;margin-left:18px;height:60px;padding:12px 0px;}
.f-left img{max-height:100%;width:auto;float:left;padding-right:18px;}
.f-right{float:right;margin-right:60px;padding:12px 0px;}
.f-dane{float:right;padding-left:12px;}

.wpcf7-submit{margin-top:16px;width:200px !important;}

#playPause{display:none !important;}

.oferta{margin-bottom:12px;}
.o-title{font-size:18px;font-weight:bold;background:#865845;padding:6px;cursor:pointer;cursor: hand;-webkit-transition-property: left, background;
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.o-title:hover{filter: brightness(110%);
	-webkit-filter: brightness(110%);
	-moz-filter: brightness(110%);
	-o-filter: brightness(110%);
	-ms-filter: brightness(110%);
}

.o-more{font-size:18px;float:right;}
.o-content{display:none;border:1px solid #777;padding:12px;border-top:rgba(0,0,0,0);background:white;}
.o-link{font-size:16px;font-weight:bold;margin-top:12px}
.o-gal{margin-top:12px;}

@media only screen and (max-width: 1500px) {
.respo{width:1180px;margin:0 auto;}
.left{width:700px;float:left;}
.right{width:300px;float:right;}
}

@media only screen and (max-width: 1200px) {
.respo{width:960px;margin:0 auto;}
.left{width:600px;float:left;}
.right{width:200px;float:right;}
.menu{font-size:14px;}
}

@media only screen and (max-width: 980px) {
.respo{width:100%;margin:0 auto;}
.left{width:100%;float:none;margin:0 auto;}
.right{width:100%;float:none;margin:0 auto;}
.slider{display:none;}

.headbg{background:none;}
.logo{margin:0 auto;max-width:100%;}
.menu{position:relative;font-family: 'Noto Sans', sans-serif;font-size:16px;font-weight:600;left:0px;right:0px;text-align:center;}
.menu1{border-bottom:0px solid #888;}
.menu ul{list-style-type:none;}
.menu ul li{display:block;font-size:18px;margin:32px 0px}
.menu ul li:first-child{margin-top:12px}
.menu ul li a{padding:12px 12px;background:white;border-radius:15px;}

.footer{background:#865845;height:auto;width:100%;font-family: 'Noto Sans', sans-serif;color:#fff;font-size:12px;}
.f-left{display:none;}
.f-right{float:none;margin:0 auto;padding:12px 0px;text-align:center;}
}

.o-gal,
.fotogaleria{
  counter-reset: gallery;
}

.o-gal a,
.fotogaleria a{
  position:relative;
}
.o-gal a:before ,
.fotogaleria a:before {
  text-shadow: 0 2px 2px rgba(0,0,0,.2);
  counter-increment: gallery;
  content: counter(gallery);
  font-size: 36px;
  font-weight: 300;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  margin: auto;
  bottom: 10px;
  right: 10px;
  color: #EC1C24;
  font-weight: 700;
}
.page-id-230 .fotogaleria a:before {
	content: counter(gallery) "N";
}
#lightbox #imageContainer:before {
  text-shadow: 0 2px 2px rgba(0,0,0,.2);
  counter-increment: gallery;
  content: attr(data-num);
  font-size: 72px;
  font-weight: 300;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  margin: auto;
  bottom: 50px;
  right: 20px;
  color: #EC1C24;
  font-weight: 700;
}

.page-id-230  #lightbox #imageContainer:before {
  content: attr(data-num) "N";
}

#lightbox #numberDisplay{
  display:none;
}

#prevLink{
  background: url(https://drzwimetalowe.pl/wp-content/plugins/wp-jquery-lightbox/styles/images/prev.gif) left 50% no-repeat !important;
}
#nextLink{
  background: url(https://drzwimetalowe.pl/wp-content/plugins/wp-jquery-lightbox/styles/images/next.gif) right 50% no-repeat !important;
}

.link-trafo {
  color: #EC1C24;
  font-size: 1.2em;
  float: right;
  padding-top: 6px;
  text-transform: uppercase;
  padding-right: 5px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.link-trafo:hover{
  font-size:1.3em;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.aligncenter{
    margin:20px auto;
    display:block;
}