/*
	Theme Name: ECHO Theme
	Theme URI: https://echomarketing.pl
	Description: Szablon dedykowany ECHO
	Version: 1.0
	Author: Piotr Tomczak
	Author URI: https://echomarketing.pl
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

@import url('https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto:400,700&display=swap&subset=latin-ext');
/*------------------------------------*\
    MAIN
\*------------------------------------*/
.main-color {
	color: #145488;
}
.second-color {
	color:#c00000;
}


/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:400 16px/1.6 'Roboto', Helvetica, Arial, sans-serif;
	color:#222;
	padding-top: 115px;
}

h1,h2,h3,h4,h5 {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	position: fixed;
	top: 0;
	left: 0;
    transition: top 0.2s ease-in-out;
	width: 100vw;
    top: 0;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #eee;
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.1);
}

#header.nav-up {
	top: -140px;

}

#header #topbar {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	width: 100%;
	background: #666666;
	color: #fff;
}

#header #topbar a {
	color: #fff;
}

#header #topbar a:hover {
	text-decoration: underline;
}

#header #topbar-right {
	text-align: right;
}

#header #topbar-right .textwidget {
	text-align: right;
}

#header .social-bar,
#header .contact-bar {
	display: inline-block;
}


#site-navigation-toggle {
	position: relative;
	display: block;
	width: 30px;
	height: 26px;
	background: transparent;
	border-top: 4px solid;
	border-bottom: 4px solid;
	border-left: 0;
    border-right: 0;
	color: #222;
	font-size: 0;
	transition: all 0.25s ease-in-out;
	z-index: 100;
	margin-right: 15px;
  }
  #site-navigation-toggle:focus {
	  outline: none;
  }

  #site-navigation-toggle input[type="checkbox"] {
	  visibility: hidden;
  }
  #site-navigation-toggle:before, #site-navigation-toggle:after {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: currentColor;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	transition: -webkit-transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  }
  
  #site-navigation-toggle:hover {
    color: #a6b9c7;
}
  
  #site-navigation-toggle.toggled-on {
	border-color: transparent;
  }
  #site-navigation-toggle.toggled-on:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
			transform: translate(-50%, -50%) rotate(45deg);
  }
  #site-navigation-toggle.toggled-on:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
			transform: translate(-50%, -50%) rotate(-45deg);
  }



.contact-bar > div {
    display: inline-block;
	padding-left: 30px;
	position: relative;
}

footer .contact-bar > div {
	display: block;
	margin: 15px 0;
	padding-left: 38px;
	line-height: 24px;
}
.contact-bar > div::before {
	content: '';
	display: block;
	position: absolute;
	left: 5px;
	top: 4px;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
footer .contact-bar > div::before {
	width: 22px;
	height: 22px;
	top: 2px;
}

#topbar .contact-bar > div {
	padding-left: 15px;
}
#topbar .contact-bar .cb--mail::before{
	/* background-image: url(/wp-content/themes/echotheme/img/icons/mail-icon-white.png); */
	display: none;
}

#topbar .contact-bar .cb--phone::before{
	/* background-image: url(/wp-content/themes/echotheme/img/icons/phone-icon-white.png); */
	display: none;
}

.contact-bar .cb--mail::before{
	background-image: url(/wp-content/themes/echotheme/img/icons/mail-icon.png);
}

.contact-bar .cb--phone::before{
	background-image: url(/wp-content/themes/echotheme/img/icons/phone-icon.png);
}

.contact-bar .cb--address::before{
	background-image: url(/wp-content/themes/echotheme/img/icons/map-icon.png);
}

/* logo */
.logo {
    width: 100%;
	max-width: 180px;
	padding: 10px 0 10px 15px;
}

.logo a {
	display: block;
    overflow: hidden;
    background: #fff;
    padding: 5px;
}
.logo img {
    position: absolute;
    top: -67px;
    background: #fff;
}
/* nav */
.nav ul {
    list-style: none;
    padding-left: 0;
	display: flex;
	justify-content: flex-end;
	margin: 0;
}

.nav ul a {
	font-size: 16px;
}

.nav ul a:hover {
	color: #c00000;
}
.nav ul > li {
	position: relative;
	padding-left: 0;
}
.nav ul > li:before {
	display: none;
}
.nav ul .sub-menu {
	position: absolute;
    left: 0;
    top: 70px;
    display: none;
	padding: 0 15px 0 15px;
	background: #eee;
	width: 230px;
	border-radius: 0;
}

.nav ul .sub-menu > li a {
	padding: 10px 0;
	color: #111;
    display: block;
    border-bottom: 1px #eee solid;
}

.nav ul .sub-menu > li a:hover {
	color: #c00000;
}


.nav ul .sub-menu > li:last-child a {
	border-bottom:0;

}

.nav ul > li:hover .sub-menu {
	position: absolute;
	left: 0;
	top: 70px;
	display: block;
}
.nav li.current-menu-parent > a,
.nav li.current_page_item > a {
	color: #111;
    border-bottom: 2px solid #c00000;
    border-radius: 0px;
}

.nav > ul > li.current-menu-parent > a:hover,
.nav > ul > li.current_page_item > a:hover {
	color: #c00000;
    border-bottom: 2px solid #c00000;
    border-radius: 0px;
}


.nav .sub-menu li.current_page_item > a {
	border-radius: 0;
	color: #c00000
}


.nav-box > .nav > ul > li > a {
	padding: 10px 15px;
    margin: 15px 5px;
    display: block;
    font-weight: 700;
    text-align: center;
    line-height: 18px;
}


.right-sidebar {
	background: #fff;
    padding: 15px;
    margin-top: 20px;
}

.right-sidebar p {
	margin: 0;
}
.right-sidebar h3::after {
	content: '';
	display: block;
	margin: 10px 0;
	width: 50px;
	height: 2px;
	background: #c00000;
}

.right-sidebar .search-input {
	width: calc( 100% - 20px );
}

.widget_recent_entries ul,
.widget_categories ul {
	padding-left: 15px;
}
.breadcrumbs-col {
	font-size: 14px;
	align-items: center;
	display: flex;
	justify-content: flex-end;
}

#site-navigation.toggled-on {
	display: block;
    position: absolute;
    z-index: 999;
    background: #fff;
    width: 300px;
    height: auto;
    flex-wrap: wrap;
    top: 50px;
    right: 0;
    box-shadow: -1px 0px 10px #0009;
}
#site-navigation.toggled-on ul {
	height: auto;
	flex-wrap: wrap;
}
#site-navigation.toggled-on ul > li {
	width: 100%;
}
/* sidebar */
.sidebar {

}
/* footer */
/* footer */
.footer {
	background: #eee;
	padding-top: 20px;
	border-top: 1px #ababab solid;
	color: #111;
}

.footer a {
	color: #111;
}

#footer-col-1 p {
	font-size: 12px;
}

.footer-col h3::after {
	content: "";
	display:block;
	width: 50px;
	height: 2px;
	background: #c00000;
	margin: 10px 0;
}

footer a:hover {
		text-decoration: underline;
}
.copyright {
	border-top: 1px solid #555;
	padding: 10px 0;
	font-size: 13px;
	color: #999;
}

.copyright a {
	color: #999;
}
	
main {
	padding-top: 20px;
}

.search-box {
	text-align: right;
}

.search-box .search-submit {
	overflow:hidden;
	border: 0px;
    content: '';
    text-indent: 909px;
    width: 24px;
    height: 24px;
	background: #fff;
	background-image: url(/1/wp-content/themes/echotheme/img/search-button.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.search-box .search-input {
	border: 2px solid #ececec;
    padding: 5px 8px;
    margin-right: 7px;
}

.text-center {
	text-align: center;
}

.client-row {
	background: #eee;
    padding: 50px 0 30px;
}
.client-row h2 {
	font-size: 34px;
    margin: 0;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
body.home {
	padding-top: 118px;
}
body.home main {
	padding-top: 0;
}

.breadcrumbs {
	font-size: 12px;
    border-top: 1px #777 solid;
    padding-top: 5px;
	margin-top: 5px;
	color: #111;
}

.breadcrumbs a {
	color: #111;
}


.rozsylacz--item {
	height: 400px;
    position: relative;
}

.rozsylacz--item {
	height: 400px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.rozsylacz--item .inner-box {
	background: rgba(255,255,255,0.6);
	min-width: 65%;
    display: inline-block;
    padding: 10px 20px;
    position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
}
.rozsylacz--item .inner-box p  {
	margin: 0;
	margin-bottom: 10px;
	color: #111;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 22px;
}

.button-italic {
	color: #fff;
	background: #990000;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	border: 0;
	outline: 0;
	font-size: 1.1rem;
	padding: 12px 35px;
	display: inline-block;
	-webkit-transform: skew(-15deg);
			transform: skew(-15deg);
	/* Un-skew the text */
  }
  .button-italic:visited {
	color: #fff;
  }
  .button-italic:hover {
	background: #5d0101;
	color: #fff;
  }
  .button-italic > span {
	display: inline-block;
	-webkit-transform: skew(15deg);
			transform: skew(15deg);
  }

.gallery-row {
	position: relative;
}
.gallery-row .button {
	position: absolute;
	bottom: 60px;
	right: 30px;
	font-size: 16px;
}
.client-row h4,
.home-gallery h3 {
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 0;
	margin-top: 0;
}

.client-row h4 {
	text-center;
}

.home--lead {
	padding: 100px 0;
	margin-bottom: 50px;
}


.home--lead h1 {
	font-size: 46px;
	line-height: 60px;
    text-align: center;
    color: #c00000;
    font-weight: bold;
    margin: 0;
}
.home--sublead {
	margin: 0px 0 15px;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    color: #145488;
}

.home--sublead > a {
	font-weight: bold;
}
.home--lead-buttons {
	width: 100%;
}

.produkty-row h2,
.icon-row h1 {
	line-height: 40px;
}

.produkty-row h2 {
	color: #111;
	font-size: 28px;
}

.produkty-row h3,
.icon-row h2.home--sublead {
	font-size: 16px;
	color: #111;
	margin-bottom: 30px;
	font-weight: 400;
}

.produkty-row h3 > a,
.icon-row h2.home--sublead > a {
	font-weight: bold;
}
.icon-row img {
	max-width: 80px;
}

.bg-grey {
	background: #eee;
	padding-top: 50px;
}


.comments .comment-reply-link,
.button-big,
#commentform #submit,
.button {
	padding: 15px 20px;
    color: #fff;
    font-weight: bold;
	background: #C00000;
	margin: 5px;
	display: inline-block;
	border: 2px solid #C00000;
}


.comments .comment-reply-link:hover ,
.button-big:hover ,
#commentform #submit:hover ,
.button:hover {
	color: #C00000;
	background: #fff;
}

.button.button-second {
	color: #fff;
	background: #C00000;
	border: 2px solid #C00000;
}

.button.button-second:hover {
	color: #C00000;
	background: #fff;
	border: 2px solid #C00000;
}

#commentform label {
	display: block;
}

#commentform label[for="wp-comment-cookies-consent"] {
	display: inline-block;
}









.single-post .comments {

    overflow: hidden;
}

.single-post .comments #reply-title {
	margin-top: 0;
    margin-bottom: 0px !important;
    font-size: 20px;
}

#commentform>p.logged-in-as {
	margin: 0;
}
#commentform {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#commentform>p {
    width: 100%;
}
.comment-notes, .comment-meta.commentmetadata {
    color: #999;
    font-size: 12px;
    border-bottom: 1px #eee solid;
    margin-bottom: 10px;
}
#commentform>p.comment-form-email input, #commentform>p.comment-form-author input {
	width: 100%;
	padding: 10px;
}
#commentform>p.comment-form-email, #commentform>p.comment-form-author {
    width: 100%;
}

#commentform textarea {
    width: 100%;
    height: 120px;
}
.single-post article .comments input[type=submit] {
    margin-bottom: 0;
}
#commentform>p.comment-form-cookies-consent #wp-comment-cookies-consent {
    margin-right: 10px;
}
#commentform>p>label {
    width: 100%;
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 0;
    color: #999;
}

#commentform > p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.comments ul {
	list-style: none;
	padding-left: 0;
}

.comments ul li {
	padding: 10px;
	background: #fff;
	border: 1px #eee solid;

}
.comments #reply-title,
.comments h2 {
	margin-top: 0 !important;
	margin-bottom: 15px  !important;
}

.comments ul li .comment-author {
	font-weight: bold;
	line-height: 18px;
}
.comment-meta.commentmetadata a {
	color: #999;
}

.comment-notes,
.comment-meta.commentmetadata {
	color: #999;
	font-size: 12px;
	border-bottom: 1px #eee solid;
	margin-bottom: 10px;
}

.comments .comment-reply-link {
	padding: 2px 12px;
	margin-left: 0;
}

input, textarea, input[type=search] {
    font-size: 13px;
    padding: 5px;
    height: auto;
    outline: none;
    box-shadow: none;
    border: 1px solid #d9d9d9;
}

h2 {
	margin: 0px 0 15px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color: #145488;
}
.icon-box, .product-box {
    margin: 15px 0 50px;
}
.product-box h3 {
	font-size: 24px;
	margin-top: 15px;
    margin-bottom: 5px;
	font-weight: bold;
	color: #111;
}

.product-box p {
	margin-top: 0px;
}

.product-box ul {
	list-style: none; /* Remove list bullets */
	padding: 0;
	margin: 0;
}
  
.product-box ul > li {
	padding-left: 5px;
}
  
.product-box ul > li:before {
	content: "✔"; /* Insert content that looks like bullets */
	padding-right: 8px;
	color: #C00000; /* Or a color you prefer */
}

.product-box .product-more {
	color: #145488;
	font-weight: bold;
	margin-top: 15px;
	display: inline-block;
}

.product-box .product-more:hover {
	color: #C00000;
}

.product-box .product-more:after {
	content: "→"; /* Insert content that looks like bullets */
	padding-left: 8px;
}

.cta-block {
	color: #fff;
    padding: 30px 0;
}

.cta-block .cta-lead {
	margin: 0;
	font-size: 24px;
	font-weight: bold;
}

.cta-block .cta-subtitle {
	margin: 0;
}

.icon-row {
	padding-top: 20px;
	padding-bottom: 20px;
}

.icon-row h2 {
	font-size: 34px;
	margin: 0;
	
}

.cooperation p {
	font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
}

.cooperation .swiper-container {
	margin-top: 5px;
}

.swiper-container {
    width: 100%;
    height: 100px;
}
.accordion .tab-item {
	margin: 10px 0;
	border: 1px solid #eee;
}
.accordion .tab-item .tab--header {
	padding: 10px 10px;
    color: #222;
	font-weight: bold;
	cursor: pointer;
	border: 1px #fff solid;
	background: #eee;
	position: relative;
	padding-left: 40px;
	
}

.accordion .tab-item .tab--header::before {
	content:"+";
	font-size: 32px;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	line-height: 40px;
	color: #c00000;
}
.accordion .tab-item.active .tab--header {
	background: #b5b5b5;
}

.accordion .tab-item.active .tab--header::before {
	content: "-";
	top: 44%;
	left: 14px;
	font-size: 36px;
	transform: translateY(-50%);
	color: #333;
}

.accordion .tab-item .tab--header:hover {
	background: #c8c8c8;
	color: #222;
}
.tab--content {
	display: none;
	padding: 10px 15px;
	background: #fff;
}
.accordion .tab-item.active .tab--content {
	display: block;
}

.before-title {
	margin: 0;
    font-weight: bold;
    font-size: 14px;
}

.lead-bt {
	margin: 0;
	margin-bottom: 16px;
}

.faq-row {
	margin-top: 50px;
	margin-bottom: 50px;
}

.home .faq-row {
	margin-bottom: 20px;
}

.faq-row h3 {
	font-size: 20px;
}
.textrow {
	padding-top: 50px;
}

.mb50 {
	margin-bottom: 50px;
}
.gallery-row h5,
.textrow h5,
.wiersz4 h5,
.wiersz5 h5,
.wiersz6 h5,
.wiersz6 h4,
h2.title,
h2.blog--title,
.textrow h5,
.faq-row h5 {
	font-size: 20px;
	line-height: 24px;

}

.wiersz6 h4 {
	margin: 0;
}
.wiersz4 h5,
.wiersz5 h5,
.wiersz6 h5 {
	margin: 5px 0 15px;
}
 h5 > span  {
	font-weight: 400;
}
.wiersz6 h6 {
	margin: 10px 0 5px;
}

.wiersz6 p {
	margin-top: 0;
}

.cta-image {
	padding-top: 50px;
	padding-bottom: 50px;
}

.cta-image .cta-title {
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	margin: 0 0 20px 0;
}

.cta-image .cta-subtitle {
	font-size: 22px;
	font-weight: 400;
	line-height: 28px;
	margin: 0;
	padding-bottom: 30px;
}
.cta-image {
	text-align: center;
}
.cta-image--inner {
	display: inline-block;
    margin: 0px auto;
    padding: 25px 30px;
    background: rgba(255,255,255,0.75);
}


.wiersz1 {
	margin-top: 30px;
}

h2.title,
h2.blog--title,
.textrow h5 {
	margin: 0;
	margin-bottom: 30px;
}
h2.title,
h2.blog--title {
	text-align: left;
	margin-bottom: 15px;
}

.wiersz4 h5,
.wiersz5 h5,
.wiersz6 h5,
h2.title {
	color: #111;
}

h6 {
	font-size: 18px;
	margin: 0;
}

.textrow h5::after,
.gallery-row h5::after,
.wiersz4 h5::after,
.wiersz5 h5::after,
.wiersz6 h5::after,
h2.title:after,
h2.blog--title::after,
.faq-row h5::after {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background: #c00000; 
	margin-top: 10px;
}
.gallery-row h5 {
	text-align: left;
}

.wiersz6 h5 {
font-weight: 400;
}


.attractive-block {
	background: #eee;
	padding: 50px 0;
}

.attractive-block .row {
	align-items: center;
}

.first-ab {
	background: #fff;
    border-radius: 80px 0px 0px 0px;
	padding: 20px 30px 0px 40px;
	font-size: 13px;
}

.first-ab h4 {
	font-size: 16px;
	margin: 0;
	margin-bottom: 10px;
	color: #c00000;
}
.item-ab {
	padding: 50px 25px;
    background: #fff;
	border: 1px #eaeaea solid;
	text-align: center;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	min-height: 440px;
}

.item-ab:nth-child(2) {
	border-radius: 50px 0 0 0;
}

.item-ab:last-child {
	border-radius:  0 0 50px 0;
}

.item-ab > * {
	width: 100%;
}

.item-ab h5 {
	font-size: 16px;
	line-height:22px;
	margin: 0;
	text-align: center;
}

.item-ab img {
	max-width: 80px;
	display: block;
	margin: 15px auto;
}

.blog-list {
	background: #eee;
}
.blog-list .sidebar,
.blog-list article {
	background: #fff;
    padding: 15px;
    margin-bottom: 25px;
}

.blog-list article .comments {
	float: right;
}

.single .blog-list article .comments {
	float: none;
	margin-top: 50px;
}

.blog-list .sidebar {
	margin-top: 25px;
}

.blog--thumbnail {
	float: left;
    margin: 0px 15px 15px 0;
}

.faq-row h6 {
	margin: 0;
    font-size: inherit;
    font-weight: 400;
    margin-bottom: 30px;
}

.page-header {
	padding-top: 40px;
	padding-bottom: 40px;
}
.page-header h1 {
    font-size: 30px;
    line-height: 42px;
    text-align: left;
    color: #111;
    font-weight: bold;
    margin: 0;
}
.header--title {
	background: rgba(255,255,255,0.7);
	padding: 15px 25px;
	display: inline-block;
	margin: 0px 15px;
}
.page-header .page-header--subtitle {
    margin: 0px 0 0px;
    font-size: 20px;
    text-align: left;
    font-weight: 400;
    color: #111;
}

.icon-box h3 {
	margin: 10px 0 5px;
    line-height: 20px;
    font-weight: bold;
    font-size: 16px;
}

.page-template-page-product h2 {
    text-align: left;
    font-size: 30px;
    margin: 0;
    line-height: 36px;
}

.page-template-page-product p.podtytul {
	margin-top: 0;
	font-size: 20px;
    text-align: left;
    font-weight: bold;
	color: #145488;
	line-height: 24px;
}

.page-template-page-product .content-icon {
	margin-top: 30px;
	margin-bottom: 30px;
}

.js-category {
	display: flex;
    justify-content: center;
padding-top: 20px;
padding-bottom: 10px;
}

.js-category .filter-btn {
	background: #145488;
	color: #fff;
	padding: 10px 15px;
	cursor: pointer;
	border: 2px #fff solid;
}


.js-category .filter-btn.active {
	background: #c00000;
}

.single h1 {
	margin-bottom: 0;
}

.single-realizacje h1 {
	margin: 10px 0 10px;
}
.single-realizacje .breadcrumbs {
	margin-bottom: 20px;
}


.single-realizacje article p {
	margin-top: 0;
}

.single-realizacje article .button span{
	font-size: 14px;
}
.filtered-posts > div {
	margin: 10px 0 20px;
}

h2.lead-big {
	font-size: 34px;
	line-height: 38px;
    margin: 0;
	margin-top: 30px;
	color: #111;
}
.filtered-posts {
	margin-bottom: 30px;
}
.filtered-posts .item h3 {
	margin: 10px 0px 5px;
}
.filtered-posts .item p {
	margin: 0;
}

.contact-icon {
	display: flex;
    flex-wrap: nowrap;
	align-items: center;
	margin: 10px 0 20px;
	color: #111;
	font-weight: bold;
	font-size: 18px;
}

.contact-icon a {
	color: #111;
}

.contact-icon a:hover {
	color: #c00000;
}

.contact-icon img {
    margin-right: 15px;
    MAX-WIDTH: 28px;
}


.kontakt .contact-icon {
	padding-left: 40px;
	position: relative;
	flex-wrap: wrap;
}
.kontakt .contact-icon a {
	width: 100%;
	
}

.kontakt .contact-icon img {
	position: absolute;
	top: 0;
	left: 0;
}

.contact-map {
	margin: 40px 0;
}

.contact-form h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.contact-form p {
	margin: 0;
}
input, textarea, input[type=search] {
	font-size: 14px;
    padding: 10px;
    width: 100%;
    margin: 5px 0;
}

textarea {
	height: 120px;
}

input[type=checkbox] {
	width: auto;
	margin-left: 0;
}
span.wpcf7-list-item {
	margin-left:0;
}
input[type=submit] {
	width: auto;
    padding: 10px 25px;
    background: #c00000;
    color: #fff;
    font-weight: bold;
    border: 2px solid #c00000;
    margin-top: 10px;
}

input[type=submit]:hover {
    background: #fff;
    color: #c00000;
    font-weight: bold;
    border: 2px solid #c00000;
}
.kontakt .home--sublead,
.kontakt h2 {
	text-align: left;
	margin: 0;
	font-size: 20px;
	line-height: 24px;
	color: #111;
}

.kontakt .lead-row {
	margin-top: 20px;
	margin-bottom: 10px;
}

.testimonals {
	margin-top: 15px;
	margin-bottom: 30px;
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 50% 50%;
}

.testimonals-first {
	padding: 15px 15px 0;
}

.testimonals--content {
	background: #fff;
    padding: 13px 15px;
}
.testimonals--rate > img {
	margin: 1px;
}
.testimonals--author {
	font-weight: bold;
    margin-top: 5px;
}

.testimonals-first:nth-child(2) {
	grid-column-start: 2;
	grid-row-start: 1;
 	grid-row-end: span 2;
}


.bgallery {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-template-rows: 50% 50%;
	height: 470px;
	margin-bottom: 50px;
}


.bgallery-item {
	overflow: hidden;
	padding: 10px;
}



.bgallery-item:nth-child(3) {
	grid-column-start: 3;
    grid-column-end: span 4;
    grid-row-start: 1;
    grid-row-end: span 2;
}

.bgallery-item:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 2;
}

.bgallery-item img {
	 width: 100%;
	 height: auto;
}

.gallery-o-nas .bgallery-item:nth-child(2) {
	grid-column-start: 1;
	grid-column-end:1;
	grid-row-start: 2;
	
}

.gallery-o-nas .bgallery-item:nth-child(3) {
	grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: span 2;
}

.gallery-o-nas .bgallery-item:nth-child(4) {
    grid-column-start: 3;
    grid-column-end: span 4;
    grid-row-start: 1;
    grid-row-end: span 2;
}
.szafy-na-wymiar .bgallery-item:nth-child(1),
.meble-lazienkowe .bgallery-item:nth-child(1) {
    grid-column-start: 1;
	grid-row-start: 1;
}
.szafy-na-wymiar .bgallery-item:nth-child(2),
.meble-lazienkowe .bgallery-item:nth-child(2) {
	grid-column-start: 2;
	grid-column-end:2;
	grid-row-start: 1;
	grid-row-end: 1;
}
.szafy-na-wymiar .bgallery-item:nth-child(3),
.meble-lazienkowe .bgallery-item:nth-child(3) {
	grid-column-start: 1;
	grid-column-end:1;
	grid-row-start: 2;
	grid-row-end: 2;
}
.szafy-na-wymiar .bgallery-item:nth-child(4),
.meble-lazienkowe .bgallery-item:nth-child(4) {
	grid-column-start: 2;
	grid-column-end:2;
	grid-row-start: 2;
	grid-row-end: 2;
}
.szafy-na-wymiar .bgallery-item:nth-child(5),
.meble-lazienkowe .bgallery-item:nth-child(5) {
    grid-column-start: 3;
    grid-column-end: span 4;
	grid-row-start: 1;
	grid-row-end: span 2;
}

.title-404 {
	margin: 0;
	font-size: 120px;
	line-height: 140px;
	font-weight: bold;
	color: #c00000;
}
.error404 h1 {
	margin-top: 0;
}


.error404 article {
	padding-top: 50px;
	padding-bottom: 100px;
}

.textblock {
	background: #fff;
}
.textblock > .col-md-6:first-child {
	padding: 15px 20px;
}

.textblock > .col-md-6:last-child {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bg-grey-pb50 {
	padding-bottom: 50px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
	.container, .container-md, .container-sm {
		max-width: 100%;
	}
	#commentform > p.comment-form-email, #commentform > p.comment-form-author {
		width: 48%;
	}
}
@media only screen and (min-width:1024px) {
	#site-navigation-toggle {
		display: none;
	}
}
@media only screen and (min-width:1140px) {
	.container, .container-md, .container-sm {
		max-width: 1100px;
	}
}
@media only screen and (min-width:1280px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1280px;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

@media only screen and (max-width:1023px) { 
#header .row.align-items-center {
	justify-content: space-between !important;
	padding: 0px 15px;
}
	.realizacje article > img {
		width: 100%;
	}
	#topbar {
		display: none;
	}
	#site-navigation {
		display: none;
	}

	.search-box .search-input {
		width: 100%;
		max-width: calc( 100% - 55px );
	}
	.header .row {
		position: relative;
	}
	#site-navigation.toggled-on ul > li {
		width: 100%;
		padding: 5px 0px;
		border-bottom: 1px #eee solid;
	}
	#site-navigation.toggled-on ul > li:last-child {
		border-bottom: none;
	}
	.nav-box > .nav > ul > li > a {
		padding: 8px 15px;
	}
	#site-navigation.toggled-on ul {
		margin: 0;
	}

	.search-box {
		flex: 40%;
		max-width: 40%;
	}
	.header .row {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	body.home {
		padding-top: 77px;
	}
	body {
		padding-top: 50px;
	}
	#site-navigation-toggle {
		margin-right: 30px;
	}


}

@media only screen and (max-width: 768px) {
.contact-form {
	margin-bottom: 50px;
}
	.faq-row > div:last-child{
		margin-top: 40px;
	}
	.home--lead {
		padding: 50px 0;
	}
	.js-category,
	.home--lead-buttons {
		flex-wrap: wrap;
	}
.home--lead-buttons .button {
	text-align: center;
}
	.product-box img {
		width: 100%;
	}
	.product-box {
		margin: 15px 0;
	}
	.product-box:last-child {
		margin: 15px 0 45px;
	}
	.icon-box {
		margin: 0 15px;
	}

	.content-icon .icon-box {
		margin: 10px 15px 15px;
	}
	#site-navigation {
		flex: 100%;
		max-width: 100%;
	}
	#site-navigation-toggle {
		margin-left: auto;
		margin-right: 30px;
	}
	.logo {
		padding-bottom: 10px;
	}
	.logo img {
		max-width: 80px;
		position: relative;
		top: auto;
	}
	
	.bgallery {
		display: block;
		    grid-template-columns: none;
    grid-template-rows: none;
    height: auto;
	}
	.gallery-row .button {
		bottom: 75px;
	}
	.nav ul > li:hover .sub-menu,
	.nav ul .sub-menu {
		top: auto;
position: relative;
    display: block;
    width: 100%;
    background: #fff;
    width: 100%;
padding-left: 30px;
	}

	#site-navigation.toggled-on ul > li {
		border-bottom: 0;
	}
	
	.nav ul .sub-menu > li a {
		padding: 5px 0;
	}
	.nav-box > .nav > ul > li > a {
		margin: 0;
		text-align: left;
	}
	.nav > ul > li.current-menu-parent > a,.nav > ul > li.current_page_item > a,
	.nav > ul > li.current-menu-parent > a:hover, .nav > ul > li.current_page_item > a:hover {
		border-bottom: 0;
	}
	body {
		padding-top: 75px;
	}
	#site-navigation.toggled-on {
		top: 75px;
		right: 26px;
	}
	.cta-block .cta-lead,
	.cta-block .cta-subtitle {
		text-align: center;
	}
	.cta-block a {
		margin-top: 30px;
	}
	.copyright {
		margin-top: 20px;
	}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    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;
}
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%;
	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 .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}