/*
Theme Name: Żaczek  
Theme URI: http://decowell.pl/
Description: Szablon graficzny
Author: Konrad Wlodarski
Version: 1.3
*/

/* Loader */
.loader {position: fixed;left: 0px;top: 0px; width: 100%; height: 100%; z-index: 99999; background: 50% 50% no-repeat rgb(255,255,255);}
.loader i{position: absolute; top:50%; left: 50%; font-size: 32px; color: #AB183B;}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); transform: translateY(0);}
  40% {-moz-transform: translateY(-30px); transform: translateY(-30px);}
  60% {-moz-transform: translateY(-15px); transform: translateY(-15px);}
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0); transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px); transform: translateY(-15px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
  40% {-moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px);}
  60% {-moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px);}
}
@keyframes spin { 
  100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } 
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float:right; margin: 5px 0 20px 20px;}
a img.alignnone { margin: 5px 20px 20px 0;}
a img.alignleft {float:left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; margin:0; padding:0 4px 5px;}

/* paralax effect */
/* background setup */
.background {background-repeat:no-repeat; background-position:50% 50%; background-position:50% 50%9 !important;}
/* fullscreen setup */
html, body {height:100%;}
.fullscreen, .content-a {width:100%; height:100%; overflow:hidden;}
.fullscreen.overflow, .fullscreen.overflow .content-a {height:auto; min-height:100%;}
/* content centering styles */
.content-a {display:table;}
.content-b {display:table-cell; position:relative; vertical-align:middle; text-align:center;}

/* Responsive menu */ 

.socialsider{z-index: 9999;}

.menu-click{position: absolute; right: 0px; bottom: -25px; font-size: 30px; background: #2C343A; padding: 5px 15px; border-radius: 50px; transition:all .2s ease-in-out; color: #fff; display: none;}
.menu-click:hover, .menu-click:focus{color: #fff !important; background: #e5004a;}
.menu-close{position: absolute; left: -20px; top: 10px; font-size: 30px; background: #2C343A; padding: 5px 15px; border-radius: 50px; transition:all .2s ease-in-out; color: #fff; display: none;}
.menu-close:hover, .menu-close:focus{color: #fff !important; background: #e5004a;}
.sidebar { padding: 50px 0 25px 0; position: fixed; width: 290px; background: #fff; height: 100%; top: 0; right: -290px; display: block; bottom: 0; z-index: 10000;} 
.sidebar .widget {margin-bottom: 20px; color: #939393;}
 .sidebar .widget h3{color: #939393; font-size: 22px; font-weight: 300; margin: 0; background: #363636; text-align: left; padding: 10px 15px; position: relative; border-bottom: 4px solid #00c0ff}
 .sidebar ul{margin: 0; padding: 0; list-style: none;;}
  .sidebar ul li{line-height: 40px; border-bottom: 1px solid #323232; padding-left: 15px;}
  .sidebar ul li:before{content: "\00BB"; margin-right: 5px;}
  .sidebar ul li:last-child{border-bottom: 0;}
  .sidebar ul li a{color: #7b7b7b;}
  .sidebar ul li a:hover{color: #e5004a; text-decoration: none;}
 .sidebar .widget div{padding: 15px;}
 
 /* main style */
*{box-sizing: border-box;}
body {margin: 0; padding: 0; background: #fff; color: #333; font-size: 15px;}
a{color: #AB183B;}
 
 /* header */
header{height: 120px;}
header .logo{padding-top:20px; padding-bottom:20px; width: 25%;}

/* header-widgets */
.header-widgets{display:flex; justify-content: flex-end; padding: 28px 0;    text-align: left; flex-wrap:wrap; width: 75%;}
.header-widgets .widget{justify-content: flex-start; display: flex; padding: 12px 0; width: auto; margin: 0 15px;}
.header-widgets .widget .icon-box__text{flex-direction: column;}
.header-widgets .widget > .fa {font-size: 40px; margin-right: 10px; color: #7c7c7c;}
.header-widgets h4{color: #AB183B; font-size: 14px;margin-bottom: 0; font-weight: bold;}
.header-widgets span.icon-box__subtitle{color: #666666; font-size: 14px;}

/* slider */
.slider{max-width: 100%; overflow: hidden;}

/* menu */
nav{background: #3c3c3c;}
.main-menu ul{padding: 0; margin: 0; list-style: none;}
.main-menu > ul > li{display: inline; height: 60px; position: relative;}
.main-menu ul li:last-child{margin-right: 0;}
.main-menu > ul > li a {color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 700; transition: all .3s ease-in-out; line-height: 60px; display: inline-block; padding: 0 10px;}
.main-menu > ul > li > ul{position: absolute; background: rgba(60,60,60,0.8); top: 40px; left: 0; width: 250px; text-align: left; z-index: 999; display: none;}
.main-menu > ul > li:hover > ul{display: block;}
.main-menu > ul > li > ul > li{height: 40px;}
.main-menu > ul > li > ul > li > a{display: block; line-height: 40px;} 
.main-menu > ul > li > a:hover, .main-menu  ul > li.current-menu-item > a, .main-menu > ul > li:hover > a, .main-menu ul > li > a:hover{ text-decoration: none; background: #FFEE00; color: #AB183B;}

/* main content */
.spacer{height: 50px; width: 100%;}
.spacer-half{height: 25px; width: 100%;}
.main-content.grey{background: #f5f5f5;}
.main-content h2{font-size: 30px; font-weight: 700; margin-bottom: 25px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #efefef;}
.main-content h2.center{margin-left: auto; margin-right: auto;}
.main-content h2:after{position: absolute; content: ''; background: #AB183B; height: 2px; width: 30px; left: 0; bottom:-1px;}
.main-content h2.center:after{left: calc(50% - 15px)}
.page-header-parallax {background: url(img/cover1.jpg); height: 250px;}
.page-help-parallax {background: url(img/cover2.jpg); height: 280px;}
.page-header-parallax-product {height: 130px;}
.overlay{background: rgba(171,24,59,0.5); height: 100%;}
.overlay-dark{background: rgba(171,24,59,0.8); height: 100%;}
.page-header-parallax .container{height: 250px;}
.page-header-parallax-product .container{height: 130px;}
.page-header-parallax h1{color: #fff; font-weight: 700; text-align: center; text-transform: uppercase; font-size: 40px; margin-bottom: 0px; padding-top: 80px;}
.page-help-parallax h3{color: #fff; font-weight: 700; font-size: 26px; padding-top: 70px;}
.btn-help{border: 2px solid #FFEE00; color: #FFEE00; text-transform: uppercase; transition: all .3s ease-in-out; border-radius: 0; font-weight: 700; margin-top: 15px; background: none;}
.btn-help:hover{background: #FFEE00; color: #AB183B;}
.btn-more{border: 2px solid #AB183B; color: #AB183B; text-transform: uppercase; transition: all .3s ease-in-out; border-radius: 0; font-weight: 700; margin-top: 15px;}
.btn-more:hover, .btn-more.active{background: #AB183B; color: #fff;}
.page-help-parallax h4{color: #fff; font-weight: 700; font-size: 22px;}
.page-header-parallax .breadcrumbs {text-align: center; color: #ccc;}
.page-header-parallax-product .breadcrumbs{padding-top: 50px; margin-top: 0;}
.page-header-parallax .breadcrumbs a{font-weight: 500; color: #fff;}
.page-header-parallax .breadcrumbs .first-item a:before{font-family: FontAwesome;  content: "\f015"; margin-right: 5px;}
.fw-accordion-content{line-height: 24px;}



/* oferta */
.grid figure {position: relative; overflow: hidden;	margin: 15px 0;	width: 100%;	height: auto;	background: #3085a3;	text-align: center;	cursor: pointer;}
.front .grid figure{margin: 0;}
.grid figure img {position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8;}
.grid figure figcaption {	padding: 2em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before, .grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption, .grid figure figcaption > a {position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	display: flex;  align-items: center;  flex-wrap:wrap;}
.grid figure figcaption > a {z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.grid figure h2 {	word-spacing: -0.15em;	font-weight: 700;  color: #000;font-size: 24px;  flex-basis:100%;}
.grid figure h2:after{width: 0;}
.grid figure h2 b {font-weight: 700;}
.grid figure h2, .grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px;	font-size: 90%;}
figure.effect-ming {background: #333;}

figure.effect-ming img {opacity: 0.4;	-webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}
figure.effect-ming figcaption {background-color: rgba(58,52,42,0);}
figure.effect-ming figcaption::before {position: absolute;	top: 15px;	right: 15px;	bottom: 15px;	left: 15px;	border: 2px solid #fff;	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);	content: '';	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	opacity: 1;	-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}
figure.effect-ming h2 {margin: 0; -webkit-transform: scale(0.9);	transform: scale(0.9);  color: #fff;  -webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s; padding: 0; border: 0;}
figure.effect-ming p {padding: 1em;	opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: scale(1.5);	transform: scale(1.5);	flex-basis:100%;}

figure.effect-ming:hover h2 {	-webkit-transform: scale(1);	transform: scale(1); }
figure.effect-ming:hover figcaption::before {opacity: 0;	-webkit-transform: scale3d(1.4,1.4,1);	transform: scale3d(1.4,1.4,1);}
figure.effect-ming:hover p {opacity: 1;	-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}
figure.effect-ming:hover figcaption {background-color: rgba(58,52,42,0);}
figure.effect-ming:hover img {opacity: 0.9;}


/* jak działamy */
.fw-iconbox {padding: 30px 0;}
.fw-iconbox .fw-iconbox-title h3 {margin-top: 0;font-size: 23px;font-weight: bold;}
.fw-iconbox .fw-iconbox-text {padding-bottom: 10px;}
.fw-iconbox .fw-iconbox-text p:last-child {margin-bottom: 0;}
.fw-iconbox-1 {text-align: center;}
.fw-iconbox-1 .fw-iconbox-image {width: 56px;	font-size: 28px;line-height: 28px;	margin-right: auto;	margin-left: auto;	color: #5bcc92;	border-radius: 5px;}
.fw-iconbox-1 .fw-iconbox-image img {	border-radius: 5px;}
.fw-iconbox-1 .fw-iconbox-title h3 {	margin-top: 0.6em; margin-bottom: 25px;}
.fw-iconbox-1.bg-on .fw-iconbox-image {	width: 56px;	height: 56px;	line-height: 56px;	background-color: #5bcc92;	color: #fff;}
.fw-iconbox-1.icon-circle .fw-iconbox-image {	border-radius: 50%;}
.fw-iconbox-1.icon-circle .fw-iconbox-image img {	border-radius: 50%;}

.offer-box .fw-iconbox-image i, .offer-box .fw-iconbox-image{transition: all .3s ease-in-out; width: 56px;	height: 56px;	line-height: 56px;}
.offer-box:hover .fw-iconbox-image{background: #AB183B; border-radius: 100px; line-height: 36px;}
.offer-box:hover .fw-iconbox-image i{color: #fff; font-size: 36px; line-height: 36px;}
.offer-box .fw-iconbox-image i {font-family: "Lato"; font-weight: 700}

.read-more{padding: 5px 10px; color: #AB183B; border: 1px solid #AB183B; transition: all .3s ease-in-out; font-size: 11px; text-transform: uppercase;}
.read-more:hover, .read-more:focus{color: #fff; text-decoration: none; background: #AB183B;}

.tag-cloud-link{ line-height: 15px; padding: 0 5px;}
.branze-archive{ margin: 15px 0; min-height: 88px;}

/* newsy na głównej */
.news{border-bottom: 1px solid #eaeaea; margin: 30px 0;}
.news_title{font-size: 18px; margin-bottom: 0;}
.news_meta{font-size: 12px; color: #b4b4b4; }
.news_content{display:flex; padding: 30px 0; color: #333;}
.news_content .news_img{margin-right: 30px; min-width: 150px;}

.firma{padding: 5px; transition: all .3s ease-in-out; margin-bottom: 15px;}
.firma:hover{ background: #f5f5f5;}
.firma h3{height: 40px; margin-top: 15px;}
.firma a:hover{color: #c3c3c3; text-decoration: none;}

.img-firma{border: 1px solid #eaeaea;}
.img-archive-firmy {box-shadow: 2px 2px 5px #ccc;}
.dni{width: 60px; display: inline-block; text-align: right; margin-right: 10px;}
.szczegoly{margin-bottom: 10px;}

/* artykuły */
.articles{display: flex; align-content:center; border-bottom: 1px solid #f5f5f5; padding: 25px 0; justify-content: space-between;}
.articles h4 {margin: 0; line-height: 1; }
.articles .btn-more{margin-top: 0;}

/* podoferta sidebar */
.offer-link {margin-bottom: 10px;}
.offer-link a{width: 100%; margin-top: 0;}


/* kontakt */
#map_canvas{width: 100%; height: 500px;}

/* sidebar */
.content_sidebar h3{font-size: 22px; font-weight: 700; margin-top: 0; margin-bottom: 25px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #efefef;}
.content_sidebar h3:after{position: absolute; content: ''; background: #AB183B; height: 2px; width: 30px; left: 0; bottom:-1px;}
.content_sidebar ul{margin: 0; padding: 0; list-style: none; border: 1px solid #f5f5f5;}
 .content_sidebar ul li{padding: 8px; text-align: left;}
 .content_sidebar ul li.titles{ font-weight: bold;}
 .content_sidebar ul li:nth-child(odd){background: #f5f5f5;}
  .content_sidebar ul li p{font-size:13px;}
.pogoda ul li span, .telefony ul li span{float: right;}
.pogoda h5{margin-top: 10px; margin-bottom: 5px; font-size: 18px; text-align: center;}
.telefony{margin-top: 50px;}


/* kleinci */
img.desaturate{
opacity: 0.5;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.klienci{margin: 50px 0;}


/* stopka */
.stopka{background: #3c3c3c;}

.footer-menu ul {padding: 0; margin: 0; list-style: none;}
.footer-menu ul li{display: inline-block; margin: 0 15px;}
.footer-menu ul li:last-child{margin-right: 0;}
.footer-menu ul li a{line-height: 90px; color: #3e3e3e; text-transform: uppercase; font-size: 12px;}

.foot-container {margin-top: 15px; color: #fff; padding: 50px 0; font-size: 14px;} 
.foot-container h3{font-weight: 900; font-size: 16px; text-transform: uppercase; margin-bottom: 10px; color: #FFEE00;}
.foot-container ul{margin: 0; list-style: none; padding: 0;}
.foot-container ul li {line-height: 25px;}
.foot-container ul li:before{content: '\f0da'; margin-right: 10px; font-family: FontAwesome;}
.foot-container ul li a{color: #fff;}
.foot-container strong{font-weight: 900;} 

.footer-contact h4{text-align: left;}
.footer-contact a{color: #FFEE00; font-weight: 700;}

footer{color: #828282; font-size: 13px; background: #fff;}
footer p{margin: 15px 0; }

/* rwd */
@media (max-width: 380px) {
 
 .front-header h1{font-size: 36px;}
}

@media (min-width: 381px) and (max-width: 543px) {
 .front-header h1{font-size: 36px;}
}

@media (max-width: 600px) {
 .menu-click{right: 15px;}
}

@media (max-width: 1199px) {
 .header-widgets .widget{margin: 0 5px;}
 .right h1{margin-top: 35px;}
 .logo h1{font-size: 14px; line-height: 27px;}
 .main-menu ul li a{padding: 0 10px; font-size: 13px;}
}


@media (max-width: 991px) {
   header{height: auto;}
   .header-widgets {width: 100%; padding-top: 10px; justify-content: center;}
   header .logo{width: 100%; text-align: center; padding-bottom: 10px;}
   .right h1{font-size: 28px; margin-top: 30px;}
   .tresc .post .img-fluid{margin-bottom: 15px;}
   .nopadding-md{padding: 0 !important;margin: 0 !important;}
   .logo h1{font-size: 13px; line-height: 30px;}   
   .right-container{width: 420px;}
}
@media (max-width: 767px) {
 .right h1{font-size: 22px; margin-top: 25px;}
 .sm-nopadding {padding: 0 !important;margin: 0 !important;}
 
 .left-wrap{width: 100%; display: block;}
 .right-wrap{width: 100%; display: block;}
 .right-container{width: 100%;}
 #map_canves{height: 350px;}
 .logo h1{font-size: 20px; line-height: 30px;}
 nav .main-menu{display: none;}
 .menu-click{display: block; z-index: 999;}
 .page-help-parallax h3{padding-top: 30px;}
 .page-help-parallax, .page-header-parallax {height: auto;}
 .page-header-parallax .container {height: auto;}
 .btn-help{margin-bottom: 30px;}
 .page-header-parallax h1{padding-top: 30px; font-size: 30px}
 .foot-container {padding-bottom: 0px; padding-top: 20px;}
 .widget {margin-bottom: 30px;}
 .breadcrumbs{margin-bottom: 30px !important;}
 .footer-menu{display: none;}
}
@media (max-width: 600px) {
    header .container{height: auto;}
    .right h1{font-size: 20px; margin-top: 30px;}
    
    .kontener h1{font-size: 50px;}
    .kontener h1 small{font-size: 30px}

    header .menu{height: 0;}
    header.cloned .menu-click{bottom: -55px;}
}
@media (max-width: 543px) {
 .right h1{font-size: 24px; margin-top: 0px; margin-bottom: 20px;}
 .logo{height: auto; text-align: center;}
 .logo img{display: inline-block;}
 .top-belt div.left i.fa-envelope, .top-belt i.fa-phone-square{margin-top: 5px; margin-bottom: 20px;}
}




.fw-iconbox-1 .fw-iconbox-image {font-size: 58px !important; color: #AB183B !important;}



/* szablon boksy */ 
.ikona{font-size: 60px; color: #AB183B;}
.boksy-row{align-items:center;}