@import url('https://fonts.googleapis.com/css?family=Public+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Taviraj:200,200i,400,400i,700,700i,900,900i&display=swap&subset=latin-ext');




.semantic_ui .ui.table thead th {
	background: #eaeaea !important;
}

.integracje h3.widget-title {
	font-size: 30px;
	color: #d6ab60;
	font-weight: 200;
}


.fototapety-calc {
	background-image: url(https://trojwizja.pl/wp-content/uploads/2020/11/fototapeta-trojwizja-na-wymiar.jpg);
	background-attachment: fixed;
	background-position: bottom center !important;
	background-size: cover;
	padding: 80px;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.calc-container .calc-list .calc-subtotal-list .sub-list-item span {
	text-transform: none !important;
}

#catapult-cookie-bar {
	left: 0 !important;
	bottom: 0 !important;
}


.reazliacje-img img {
	margin-top: 0;
margin-bottom: 0;
}



.zaufaj {
	font-size: 20px;
	line-height: 33px;
}
.zaufaj strong {
	font-size: 107px;
	font-weight: 800;
	line-height: 80px;
	color: #d6ab60;
}

.zaufaj2 {
	font-size: 20px;
line-height: 33px;
padding: 20px !important;
}
.zaufaj2 strong {
	font-size: 61px;
	font-weight: 600;
	line-height: 64px;
	color: #d6ab60;
}

.box-oferta-korzysci {
	padding: 60px 90px !important;
}
.box-oferta-korzysci img {
	-webkit-box-shadow: -32px -15px 40px -8px rgba(0,0,0,0.1);
	box-shadow: -32px -15px 40px -8px rgba(0, 0, 0, 0.1);
}
.box-oferta-korzysci h2 {
	font-size: 50px;
	font-weight: 900;
	line-height: 50px;
	padding: 0;
	margin: 0;
	color: #d6ab60;
	margin-bottom: 30px;
	margin-top: 43px;
}
.box-oferta-korzysci h2 > strong {
	font-size: 45px;
	font-weight: 600;
	color: #00002b;
}

.link-portfolio {
	text-align: center;
	margin: 33px 0;
}
.link-portfolio a{
	border: 1px solid #d6ab60;
	padding: 10px 40px;
}
.link-portfolio a:hover {
	border: 1px solid #d6ab60;
	padding: 10px 40px;
	text-decoration: none;
	color: #fff;
	background: #d6ab60;
}


.opis-home h2 {
	font-size: 19px;
	margin: 0 0 30px 0;
	padding: 0;
	color: #00002b;
	font-weight: 300;
	text-align: center;
}

.opis-home {
	font-size: 13px;
	font-weight: 300;
	text-align: center;
}




input[type="submit"] {
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	margin-top: 20px;
}


.captcha-image {
	border: none !important;
}

.captcha-image .cf7ic_instructions span {
	color: #d6ab60 !important;
}

.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg {
	border: 2px solid #d6ab60 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="search"], textarea, select, .select2-container {
	border: 1px solid #bcbcbc;
	background-color: #fdfdfd;
	padding: 0px 20px;
	padding: 0rem 2rem;
	font: inherit;
	margin: 2px 0;
	margin: 0.8rem 0;
	width: 100%;
	line-height: 1.6;
	height: 4.6rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	border-radius: 4px;
}

#catapult-cookie-bar h3 {
	color: #05002b;
}


button#catapultCookie {
	cursor: pointer;
	margin: 0 20px 0 0;
	width: 100%;
	font-size: 14px;
	font-family: Public Sans;
	color: #05002b;
}

#catapult-cookie-bar a {
	color: #d6ab60;
}


.so-widget-sow-accordion-default-19f647f5e799 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
	position: relative;
	cursor: pointer;
	padding: 2px 30px 2px 30px;
	display: flex;
	flex-direction: row;
	font-size: 13px;
}

.faq-home {
	margin: 100px 0;
}

.faq-home h3 {
	font-size: 20px;
	line-height: 44px;
	color: #00002b;
}
.faq-home a {
	color: #00002b;
}
.faq-home a:hover {
	color: #d6ab60;
}


.faq-home h3::before {
	content: "FAQ";
	position: absolute;
	color: #cccccc45;
	font-size: 63px;
}

.faq-home .sow-accordion-panel-border {
	font-size: 12px;
	color: #757575;
	/* margin-left: 30px; */
	/* border-left: 2px solid #d6ab60; */
}


.faq-home .sow-accordion-title{
	transition-duration: 0.5s;
}
.faq-home .sow-accordion-title:hover {
	font-weight: 800;
	padding-left: 10px;
}


.faq-home .sow-accordion-panel-open {
	background: #fff;
	-webkit-box-shadow: 11px 11px 55px -34px rgba(66, 68, 90, 1);
	-moz-box-shadow: 11px 11px 55px -34px rgba(66, 68, 90, 1);
	box-shadow: 11px 11px 55px -34px rgba(66, 68, 90, 1);
}
.faq-home .sow-accordion-panel-open .sow-accordion-title {
	font-weight: 800;
	padding-left: 0px;
}

.button-top {
	font-size: 11px;
	color: #c89a40;
}

.button-top:hover {
	color: #fff;
	background: #c89a40;
}

.wwwinfo {
margin: 27px 0 54px 0;
}

.wwwinfo strong {
	font-size: 18px;
	color: #00002b;
	line-height: 22px;
	padding-bottom: 16px;
	display: inline-block;
}



.wwwinfoin {
	padding: 22px;
	box-shadow: 0 28px 32px rgba(0,0,0,.1);
	text-align: center;
	font-size: 12px;
	height: 100%;
	transition-duration: 0.3s;
}

.wwwinfoin:hover {
box-shadow: 0 4px 7px rgba(0,0,0,.1);
}




#nav-mobile .sub-menu .sub-menu a {
	color: #d6ab60 !important;
		padding: 4px 5px 4px 90px !important;
}


.chat-link a {
	border: 1px solid #00002b;
	display: block;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	width: max-content;
	position: relative;
	margin: 0 auto;
	padding: 20px;
	margin-bottom: 20px; 
}

.chat-link a:hover {
	border: 1px solid #fff;
	color: #fff !important;
	text-decoration: none;
	background: #a0723230;
}


.fototapety-kroki {
	background: #fff;
	color: #c89d53;
	font-family: Taviraj;
	font-size: 15px;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	border-right: 1px solid #ccc;
	transition-duration: 0.5s;
	padding: 30px !important;
}

.fototapety-kroki p, .fototapety-kroki-end p {
padding: 0 !important;
margin: 0;
}

.fototapety-kroki-end {
	background: #fff;
	color: #c89d53;
	font-family: Taviraj;
	font-size: 15px;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	transition-duration: 0.5s;
	padding: 30px !important;
}

.fototapety-kroki:hover, .fototapety-kroki-end:hover  {
	background: #e1e1e1;

}




.fototapety-kroki h3, .fototapety-kroki-end h3 {
	color: #00002b;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
}



.dla-dzieci-box {
	padding: 70px;
	margin-bottom: -108px;
	margin-top: 49px;
	-webkit-box-shadow: 0 0 30px 0 #000000;
	box-shadow: 0 0 30px 0 #0000002e;
	position: relative;
	background: #fff;
}


.fototapety-box3 a {
	font-family: Taviraj;
	font-size: 18px;
	font-weight: 700;
	font-style: italic;
	padding: 0 0 0 50px;
	position: relative;
	top: 11px; 
}



.fototapety-box3 a:hover {
	color: #00002a;
	text-decoration: none;
	padding: 0 0 0 59px;
}


.fototapety-box3 a::before {
	width: 40px;
	height: 15px;
	content: '';
	background: url("images/ico/arrow-fototapety.svg") no-repeat center;
	background-size: cover;
	position: absolute;
	margin: -10px 0 0 0px;
	top: 17px;
	left: 0;
}

.fototapety-napisz {
	color: #d6ab60;
	font-weight: 600;
	border-radius: 5px;
}


.fototapety-box h3 {
	font-size: 23px;
	font-weight: 800;
	margin: 20px 0 0;
}
.fototapety-box h2 {
	margin-top: 0;
	font-size: 43px;
	font-weight: 800;
}
.fototapety-box3 h2 {
	font-size: 43px;
	font-weight: 800;
	margin-top:0;
	margin-bottom: 5px;
}



.fototapety-box a {
	border: 1px solid #ddd;
	padding: 4px 10px 4px 10px;
	border-radius: 4px;
	font-size: 11px;
	color: #00002b !important;
	margin: 5px 5px 5px 0;
	display: inline-block;
}

.fototapety-box a:hover {
	border: 1px solid #00002b;
	color: #fff !important;
	background:#00002b;
	text-decoration: none;
}



.fototapety-box, .fototapety-box2,  .fototapety-box3 {
	padding: 80px; 
}

.fototapety-box2 h2 {
	font-size: 72px;
	font-weight: 800;
	line-height: 70px;
	margin-bottom: 34px;
}


.fototapety-box2 h3 {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 4px;
	font-family: Public Sans;
	font-style: normal;
	color: #00002b !important;
	background: #c89d53;
	padding: 6px;
	/* width: auto; */
	display: inline;
}





.calc_quantity_field_id_1 input, .calc_quantity_field_id_2 input {
	font-weight: 800 !important;
	font-size: 15px !important;
	padding: 13px !important;
	color: rgb(0, 177, 99)!important;

}

.variation p {
	font-size: 11px;
	padding-left: 8px;
	color: #d6ab60;
}

.product-name a {
	font-size: 24px;
	font-weight: 700;
	line-height: 21px;
	color: #00002b !important;
}


.checkout-button{
	width: 100%;
}


.cart_totals  {
	
	border: 1px solid #ccc;
	padding: 13px;
	background: #f4f4f4;
}

.woocommerce-checkout-review-order {
	border: 1px solid #ccc;
	padding: 40px;
	background: #f7f7f7;
}



/*.woocommerce-cart .woocommerce {
  display: flex;
}

 
.woocommerce-cart .woocommerce-cart-form {
  flex: 1 0 70% !important;
  margin-right: 30px !important;
}

.woocommerce-cart .cart-collaterals {
	flex: 1 0 30% !important;
	margin-left: 30px !important;
	background: #eee;
}

.woocommerce-cart .cart-collaterals .cart_totals {
  width: 100% !important;
  padding: 0 20px 70px !important;
}

*/




.variation-Parametryfototapety br {
	margin-bottom: 8px;
}



.ccb-btn-wrap button {
	width: 100% !important;
 cursor: pointer;
}



.quantity_field_id_1 > span:nth-child(2):after, .quantity_field_id_2 > span:nth-child(2):after  {
	content: "cm";
}





#total_field_id_6 span {
	font-size: 20px !important;
	color: #c9c9c9 !important;
}
#total_field_id_5 span {
	font-size: 20px !important;
	color: #00b163 !important;
}

.calc-container .calc-list .calc-subtotal-list .sub-list-item {
	padding: 1px !important;
}

.calc-container .calc-list .calc-subtotal-list .sub-list-item.inner .sub-inner {
	padding-bottom: 0 !important;
	color: #adadad !important;
}

#total_field_id_6 .sub-item-value {
	text-decoration: line-through;
}

#total_field_id_7 span {
	font-size: 15px !important;
	color: #c9c9c9 !important;
}

	
.calc-drop-down > option:first-child {
	display: none;
}

.calc-container .calc-list .calc-item {
	margin-bottom: 7px !important;
}

.calc-container .calc-list {
	min-height: 100px !important;
}

.calc-radio-item [type="radio"]:checked ~ label::before {
	width: 0px;
	height: 0px !important;

	content: '';
	position: relative;
	background: none;
	left: 0;
	top: 0px;
	display: inline-block;
	right: 0;
	margin-right: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: all 0.6s ease;
}

.calc-radio-item label {
	padding: 2px 0;
}


.ikony-tapety {
	margin: 0px 5px 5px 0;
	position: relative;
	display: inline-block;
	font-size: 12px;
	color: #36ab71;
	padding: 0 20px 4px 11px;
}



.woocommerce-order-details {
	border: 1px solid #ccc;
	padding: 20px;
	background: #f8fff3;
}


.woocommerce-notice--success {
	text-align: center;
	color: #fff;
	font-size: 25px;
	border: 1px solid;
	margin: 20px 0;
	background: #10cc00;
}

.ikony-tapety img {
	position: relative;
	top: 10px;
	right: 10px;
}


.kalendarze-menu a::after {
	content: 'Promocja';
	display: inline-block;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	letter-spacing: -.1px;
	margin-left: 8px;
	background-color: #E2017A;
	font-weight: bolder;
	border-radius: 2px;
	color: #fff;
	padding: 2px 3px 3px;
	position: relative;
	top: -2px;
}

.fototapety-menu a::after {
	content: 'NOWOŚĆ -40% rabat';
	display: inline-block;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	letter-spacing: -.1px;
	margin-left: 8px;
	background-color: #FFE300;
	font-weight: bolder;
	border-radius: 2px;
	color: #00002b;
	padding: 2px 3px 3px;
	position: relative;
	top: -2px;
}




.strony-menu a::after {
	content: 'Sprawdź!';
	display: inline-block;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	letter-spacing: -.1px;
	margin-left: 8px;
	background-color: #E2017A;
	font-weight: bolder;
	border-radius: 2px;
	color: #fff;
	padding: 2px 3px 3px;
	position: relative;
	top: -2px;
}


.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
@media ( min-width: 576px ) {
	.cf-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.cf-push-1 { margin-left: 8.333333%; }
	.cf-col-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.cf-push-2 { margin-left: 16.66667%; }
	.cf-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.cf-push-3 { margin-left: 25%; }
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.cf-push-5 { margin-left: 41.66667%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	.cf-col-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.cf-push-7 { margin-left: 58.33333%; }
	.cf-col-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.cf-push-8 { margin-left: 66.66667%; }
	.cf-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.cf-push-9 { margin-left: 75%; }
	.cf-col-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.cf-push-10 { margin-left: 83.33333%; }
	.cf-col-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.cf-push-11 { margin-left: 91.66667%; }
	.cf-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}












#catapult-cookie-bar.drop-shadow {
	-webkit-box-shadow: 0px 17px 79px -20px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 17px 79px -20px rgba(0,0,0,0.3);
	box-shadow: 0px 17px 79px -20px rgba(0,0,0,0.3);
}


.cookie-bar-block #catapult-cookie-bar span {
	display: block;
	font-size: 12px;
	color: #00002b;
}

.cookie-bar-block #catapult-cookie-bar h3 {
	margin: 0;
	padding-bottom: 10px;
}

#catapult-cookie-bar {
	width: 187px !important;
}

.has-cookie-bar #catapult-cookie-bar {
	padding: 6px 11px 0px;
	background: #fff;
}




#nav-mobile li a:hover, #nav-mobile .current-menu-item:not(.current-menu-ancestor) > a {
	color: #fff !important;
}


.box-onas {
	padding: 0 0 0 20px;
	border-left: 2px solid #00002b;
}

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


.post-tags {
	border-top: 1px solid #ddd;
	padding: 6px;
	text-align: center;
	color: #ddd;
}
.post-tags a  {
	color: #ddd !important;
}


.bottom-line {
	border-bottom: solid 1px #ddd;
	padding-bottom: 100px;
	margin-bottom: -50px;
}



.box-strony-www {
	border: 1px solid #ddd;
	padding: 22px;
	transition-duration: 0.5s;
	margin: -31px 0 0 0 !important;
}


.box-kalendarze {
	border: 1px solid #ddd;
	padding: 22px;
	transition-duration: 0.5s;
	margin: -31px 0 0 0 !important;
}

.box-strony-www h3 {
	font-size: 30px;
	font-weight: 300; 
	line-height: 31px;
}

.box-strony-www a {
	border: 1px solid #ddd;
	color: #ba914b;
	padding: 13px 19px;
	font-size: 11px;
	letter-spacing: 3px;
	margin: 0 auto;
	transition: 0.3s;
	background: #fff;
	display: ruby;
}

.box-strony-www a:hover {
	background: #00002b;
	text-decoration: none;
}
.box-strony-www:hover {
	-webkit-box-shadow: 0 0 18px 0 #00000029;
	box-shadow: 0 0 18px 0 #00000029;
	position: relative;
	z-index: 1;
	background: #f9f9f9;
} 

.box-strony-www p {
	text-align: justify;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

.box-strony-www > .panel-grid-cell:nth-child(2) {
	align-self: center !important;
	border-left: 1px solid #ddd;
	padding-left: 26px;
}

a {
transition-duration: 0.5s;
}
a:hover {
text-decoration: none;
}
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
 transition: all .25s ease-in;
}




:focus {
	outline: 0 !important;
}

.slidemenu > .innermenu > .widget {
	transition-duration: 0.5s;
}

.slidemenu > .innermenu > .widget:hover {
	background:#0d0d42 !important
}



.slidemenu > .innermenu > .widget > div > ul li {
	display: flex;
	padding-bottom: 6px;
}

.slidemenu > .innermenu > .widget > div > ul li::before {
	width: 6px;
	height: 9px;
	content: '';
	margin: 4px 0px;
	background: url("images/arrow-menu-li.svg") no-repeat center !important;
	position: absolute;
transition-duration: 0.5s;
}
.slidemenu > .innermenu > .widget > div > ul li:hover:before{
	margin: 4px 5px !important;

}

.slidemenu > .innermenu > .widget > div > ul li.current-menu-item {
	border-bottom: none !important;
}


.title-oferta {
	border-bottom: 1px solid #ddd;
	padding-bottom: 68px;
}
.title-oferta h1 {
	
}

.oferta-info-1 {
	padding: 40px;
	text-align: justify;
	color: #fff;
	margin-left: -30px;
background: #00002b;
font-size: 12px;	
margin-top: 0 !important;
} 



.oferta-info-1 h3 {
color: #ba914b !important;
}
.oferta-img {

}



.oferta-info-big {
	border: 1px solid #ddd;
	padding: 40px;
	text-align: justify;
}


.oferta-kolor {
	background: #00002b;
	padding: 40px;
	font-weight: 800;
	color: #fff;
	font-size: 22px;
}
.oferta-kolor p {
margin: 0 !important;
}

.oferta-info {
	border-left: 1px solid #ba914b;
	padding-left: 27px;
}

.kontakt-oferta > div.tel-oferta::before {
background: url("images/tel.svg") no-repeat center;
}
.kontakt-oferta > div.email-oferta::before {
background: url("images/email.svg") no-repeat center;
}
.kontakt-oferta > div{
margin-left: 25px;
}
.kontakt-oferta > div > span {
font-family: Taviraj;
font-size: 14px;
font-weight: 700;
font-style: italic;
display: block;
color: #ba914b;
padding-bottom: 9px;
margin-left: -25px;
margin-top: 17px;
}
.kontakt-oferta > div::before {
	width: 33px;
	height: 33px;
	content: '';
	position: absolute;
	margin: -5px -33px;
}




.popup-container {
  display: inline-block;
}
.popup-button {
	width: 13px;
	height: 12px;
	content: '';
	margin: 7px 0 7px 25px;
	background: url("images/burger.svg") no-repeat center !important;
	cursor: pointer;
	padding: 14px;
	border: 1px solid #f0f0f0;
	 transition: all .25s ease-in;
}
.popup-button:hover {
    border: 1px solid #d2a171;
}
.popup-container .popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00002bde;
	z-index: 9999999999;
	opacity: 0;
	visibility: hidden;
	transition: 250ms all;
}
.popup-container .popup .popup-inner {
	width: 500px;
	box-sizing: border-box;
	padding: 38px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 150%;
	transition: 250ms all;

}
.popup-inner p {
	text-align: center;
	font-size: 11px;
	font-weight: 100;
	margin: 0;
	padding: 0;
}
.popup-inner img {
margin-bottom: 20px;
}


.popup-container .popup .popup-inner .popup-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.popup-container .popup .popup-inner .popup-title h6 {
  font-size: 18px;
  font-weight: 500;
}
.popup-container .popup .popup-inner .popup-title .popup-close-btn {
  cursor: pointer;
  background: #eee;
  display: block;
  line-height: 30px;
  padding: 0 15px;
  font-size: 14px;
  color: #222;
  border-radius: 3px;
}
.popup-container .popup .popup-inner .popup-content ul li {
  margin-bottom: 10px;
}
.popup-container .popup .popup-inner .popup-content ul li:last-child {
  margin-bottom: 0;
}
.popup-container .popup .popup-inner .popup-content ul li input {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  line-height: 34px;
  padding: 0 15px;
  font-size: 14px;
  box-sizing: border-box;
}
.popup-container .popup .popup-inner .popup-content ul li button {
  width: 100%;
  line-height: 34px;
  background: #666;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  border: none;
  font-size: 14px;
}
.popup-container .popup .popup-inner .popup-content ul li button:hover {
  background: #444;
}
.popup-container .popup .transparent-label {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	cursor: crosshair;
}
.popup-container > input {
  display: none;
}
.popup-container > input:checked + .popup {
  opacity: 1;
  visibility: visible;
}
.popup-container > input:checked + .popup .popup-inner {
  top: 50%;
}















.box-zapytanie {
background: #9d6f2f;
background: -moz-linear-gradient(-45deg, #9d6f2f 0%, #f0d890 100%);
background: -webkit-linear-gradient(-45deg, #9d6f2f 0%,#f0d890 100%);
background: linear-gradient(135deg, #9d6f2f 0%,#f0d890 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d6f2f', endColorstr='#f0d890',GradientType=1 );
color: #fff;
text-align: center;
padding: 25px; margin-top: 50px;
}
.box-zapytanie h2 {
color: #fff;
font-family: Public Sans;
font-size: 30px;
font-weight: 800;
margin: 5px 0px;
}
.box-zapytanie h3 {
font-family: Taviraj;
font-size: 16px;
font-weight: 700;
font-style: italic;
display: block;
color: #000 !important;
margin: 0;
}
.box-zapytanie a {
color: #000 !important;
}



.box-zapytanie h3::before {
width: 33px;
height: 33px;
content: '';
position: absolute;
margin: -6px -32px;
background: url("images/email-black.svg") no-repeat center;
}
/* slider top */
span.js-prev1::after{
display: block;
width: 29px;
height: 25px;
content: ' ';
background: url("images/ico/left-arrow-white-big.svg") no-repeat center;
}
span.js-next1::after {
display: block;
width: 29px;
height: 25px;
content: ' ';
background: url("images/ico/right-arrow-black-big.svg") no-repeat center;
}
.btn1 {
position: absolute;
bottom: 37px;
cursor: pointer;
}
.btn2 {
position: absolute;
bottom: 37px;
left: 100px;
cursor: pointer;
}
img.kalendarze-siema {
position: absolute;
top: -62px;
right: 0;
height: 417px;
}
img.rollup-siema {
position: absolute;
top: -40px;
right: 0;
height: 345px;
}
.siema {
height: 350px;
}
.box-siema {
position: relative;
}
.fixed-header {
transform-origin: top;
-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.5s; /* Firefox < 16 */
-ms-animation: fadein 0.5s; /* Internet Explorer */
-o-animation: fadein 0.5s; /* Opera < 12.1 */
animation: fadein 0.5s;
}
@keyframes fadein {
from { opacity: 0; transform: scaleY(0); }
to   { opacity: 1; transform: scaleY(1); }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; transform: scaleY(0); }
to   { opacity: 1; transform: scaleY(1); }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; transform: scaleY(0); }
to   { opacity: 1; transform: scaleY(1); }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; transform: scaleY(0); }
to   { opacity: 1; transform: scaleY(1); }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; transform: scaleY(0); }
to   { opacity: 1; transform: scaleY(1); }
}
/* Reazliacje - środek */
.realizacje-tagi a {
color: #00002b !important;
padding: 0;
margin-right: 14px;
font-weight: 300;
font-size: 11px !important;
letter-spacing: 2px;
display: inline-block;
}
.realizacje-tagi a::before {
content: '#';
margin: 0 6px;
font-size: 21px;
font-weight: 900;
color: #c89d53;
position: relative;
left: 0px;
top: 3px;
}
.realizacje-tagi a:hover {
color: #c89d53 !important;
text-decoration: none;
}
.tagcloud a {
color: #00002b !important;
padding: 0;
margin-right: 14px;
font-weight: 300;
font-size: 11px !important;
letter-spacing: 2px;
}
.tagcloud a::before {
content: '#';
margin: 0 6px;
font-size: 21px;
font-weight: 900;
color: #c89d53;
position: relative;
left: 0px;
top: 3px;
}
a.tag-cloud-link:hover {
color: #c89d53 !important;
text-decoration: none;
}
.screen_mockup {
position: absolute;
margin: 0 auto;
margin-top: 50px;
left: 0;
right: 0;
pointer-events:none;
width: 70%;
}
.screen_mockup.small {
z-index: 5;
}
.screen_big {
max-width: 930px;
background: url(images/realizacje/screen_big.png) no-repeat;
background-size: 100% 100%;
overflow: hidden;
margin: 0 auto;
position: relative;
pointer-events:auto;
}
.screen_big:before {
padding-top: 98.2795698925%;
content:'';
float:left;
}
.screen_big_img {
width: 92%;
max-width: 852px;
height: 56%;
margin: 0 auto;
position: absolute;
top: 4.1%;
left: 4.4%;
z-index: 0 !important;
pointer-events: auto;
cursor: pointer !important;
}
.screen_small {
max-width: 930px;
background: url(images/realizacje/screen_small.png) no-repeat;
background-size: 26% auto;
background-position: bottom right;
overflow: hidden;
margin: 0 auto;
position: relative;
pointer-events: none;
}
.screen_small:before {
padding-top: 98.2795698925%;
content:'';
float:left;
}
.screen_small_img {
width: 16.6%;
max-width: 154.3px;
height: 30.2%;
position: absolute;
top: 58%;
right: 4.55%;
float: right;
z-index: -1;
pointer-events: auto;
cursor: pointer !important;
}
.screen_img {
background-repeat: no-repeat;
background-size: 100%;
background-position: center top;
-webkit-transition: all 5000ms cubic-bezier(.79,.14,.15,.86);
-moz-transition: all 5000ms cubic-bezier(.79,.14,.15,.86);
-o-transition: all 5000ms cubic-bezier(.79,.14,.15,.86);
transition: all 5000ms cubic-bezier(.79,.14,.15,.86);
}
.screen_big:hover .screen_img{
background-position: center bottom;
-webkit-transition: all 8000ms cubic-bezier(.35,.08,.61,.88);
-moz-transition: all 8000ms cubic-bezier(.35,.08,.61,.88);
-o-transition: all 8000ms cubic-bezier(.35,.08,.61,.88);
transition: all 8000ms cubic-bezier(.35,.08,.61,.88); /* ease-in-out */
}
.screen_img:hover {
background-position: center bottom;
-webkit-transition: all 8000ms cubic-bezier(.35,.08,.61,.88);
-moz-transition: all 8000ms cubic-bezier(.35,.08,.61,.88);
-o-transition: all 8000ms cubic-bezier(.35,.08,.61,.88);
transition: all 8000ms cubic-bezier(.35,.08,.61,.88); /* ease-in-out */
}
.screen_opis {
padding-top: 800px;
margin-bottom: 0px;
}
.screen_button {
background: -webkit-linear-gradient(left,#00002b,#00235d);
background: -o-linear-gradient(right,#00002b,#00235d);
background: -moz-linear-gradient(right,#00002b,#00235d);
background: linear-gradient(to right,#00002b,#00235d);
background-color: #00235d;
padding: 20px 30px;
color: white;
width: 50%;
margin: 0 auto;
}
.screen_button a {
display: block;
}
.screen_button:hover {
background: #00235d;
}
.screen_text {
text-align: left;
margin-top: 70px;
}
.screen_text h3, .screen_text h4 {
font-weight: bold;
}
/* Realizacje - lista */
.box-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
margin-top: 60px;
}
.box-realizacje {
order: 0;
flex: 0 0 25%;
align-self: auto;
padding-bottom: 40px;
}
.box-realizacje {
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
transition-duration: 0.5s;
}
.box-realizacje:hover {
filter: none; /* IE6-9 */
-webkit-filter: grayscale(0%);
transition-duration: 0.5s;
}


.box-realizacje > a > img:hover {
-webkit-box-shadow: 0 0 18px 0 #00000029;
box-shadow: 0 0 18px 0 #00000029;
position: relative;
z-index: 1;
transition-duration: 0.5s;
}
.box-realizacje-title {
font-size: 10px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 3px;
text-align: center;
display: block;
}
/* Realizacje - wstęp */
.realizacje-content {
padding: 55px;
}
.realizacje-content h1 {
font-family: Public Sans !important;
font-size: 53px;
font-weight: 800;
color: #00002b;
text-align: left;
margin: 0;
padding: 0;
}
.realizacje-content h3 {
font-family: Public Sans !important;
font-size: 33px;
font-weight: 800;
color: #00002b;
text-align: left;
margin: 0;
padding: 0;
}


.realizacje-content h2 {
font-size: 11px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 4px;
margin-top: 20px;
font-family: Public Sans;
font-style: normal;
color: #c89d53 !important;
text-align: left;
}
.realizacje-info {
text-align: justify;
font-size: 19px;
font-weight: 500;
margin-top: 15px;
}
/* AKtualności - blog */
.masonry-item-overlay {
z-index: 2;
opacity: 0.6;
background-color: #05002b;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
/* linia pion*/
.pxtlo {
background: url("images/1pxtlo.jpg") white center repeat-y !important;
}
.tloout {
border-bottom: 1px solid #ddd;
height: 70px;
border-left: 1px solid #ddd;
width: 50.01%;
float: right;
margin: 0 0 50px 0;
}
.tlodownout {
border-top: 1px solid #ddd;
height: 70px;
border-left: 1px solid #ddd;
width: 50.01%;
float: right;
position: relative;
top: -59px;
margin-top: -21px;
}
/* Tytuł głowny podstron*/
h1.entry-title  {
font-family: Public Sans;
font-size: 40px;
font-weight: 800;
margin: 5px 0px;
color: #00002b;
text-align: center;
}
span.span-subtitle {
font-size: 11px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 4px;
margin-top: 0px;
font-family: Public Sans;
font-style: normal;
color: #c89d53 !important;
text-align: center;
}
.center {
text-align: center;
}
.gap {
margin-bottom: 30px !important;
}
.gap-top {
margin-top: 30px !important;
}

/* Tytuł footer*/
.title-footer h2 {
font-family: Public Sans;
font-size: 40px;
font-weight: 800;
margin: 5px 0px;
color: #00002b;
}
.title-footer  {
text-align: center;
margin: 0 0 50px 0;
}
.stopka img {
width: 144px;
margin-left: 11px;
position: relative;
top: 7px;
}
.stopka {
font-size: 11px;
color: #666;
float: left;
margin: 0;
margin-bottom: 20px;
}
.footer-copyright, .footer-menu {
padding: 8px 0;
}
.menu-footer a {
color: #00002b;
letter-spacing: 2px;
transition: 0.3s;
}
.menu-footer a:hover {
color: #BA914B;
}
.footer-menu .current-menu-item a, .footer-menu .current-menu-ancestor a {
border-bottom: 0;
}
/* button border */
.svg-wrapper {
position: relative;
top: 50%;
transform: translateY(-50%);
margin: 0 auto;
width: 320px;
height: 60px;
}
.shape {
stroke-dasharray: 140 540;
stroke-dashoffset: -474;
stroke-width: 1px;
fill: transparent;
stroke: #BA914B;
border-bottom: 5px solid black;
transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
.text3 {
font-size: 11px;
line-height: 25px;
letter-spacing: 3px;
color: #BA914B;
top: -48px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.svg-wrapper:hover .shape {
stroke-width: 2px;
stroke-dashoffset: 0;
stroke-dasharray: 760;
text-decoration: none !important;
}
.svg-wrapper a:hover  {
text-decoration: none !important;
}

/* slider bottom kontakt*/
.znajdz-nas a {
border: 1px solid #ddd;
color: #ba914b;
padding: 20px 65px;
font-size: 11px;
letter-spacing: 3px;
margin: 0 auto;
transition: 0.3s;
background: #fff;
}
.znajdz-nas a:hover {
background: #00002b;
}
.znajdz-nas {
text-align: center;
z-index: 999;
margin-top: 0;
position: relative;
left: 0;
right: 0;
top: -70px;
clear: both;
height: 0px;
}
.kontakt-footer {
display: flex;
color: #fff;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 20px;
}
.kontakt-footer > div{
margin-left: 25px;
}
.kontakt-footer > div > span {
font-family: Taviraj;
font-size: 14px;
font-weight: 700;
font-style: italic;
display: block;
color: #ba914b;
padding-bottom: 9px;
margin-left: -25px;
margin-top: 17px;
}
.kontakt-footer > div::before {
width: 27px;
height: 26px;
content: '';
position: absolute;
margin: 45px -30px;
}
.kontakt-footer > div.tel-footer::before {
background: url("images/tel.svg") no-repeat center;
}
.kontakt-footer > div.email-footer::before {
background: url("images/email.svg") no-repeat center;
}
.kontakt-footer > div.adres-footer::before {
background: url("images/adres.svg") no-repeat center;
}

.innertop-footer a {
	color: #fff;
}
span.span-footer {
font-size: 11px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 4px;
margin-top: 0px;
font-family: Public Sans;
font-style: normal;
color: #c89d53 !important;
}
.bottomright-footer {
float: left;
width: 50%;
height: 400px;
background: url("images/tlo-footer.jpg");
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
.text-footer {
display: block;
color: #00002b !important;
font-family: Public Sans;
font-size: 14px;
font-weight: 400;
background: url("images/tbox.png") no-repeat left;
height: 187px;
padding: 45px 0 0 89px;
margin-top: 22px;
}
.slider-footer {
width: 100%;
max-height: 300px;
position:relative;
top:-60px;
}
.topleft-footer {
display:block;
float: left;
width: 50%;
background: #00002b;
height: 300px;
}
.topright-footer {
float: left;
width: 50%;
height: 300px;
}
.bottomleft-footer {
display: block;
float: left;
width: 50%;
height: 400px;
border-top: solid 1px #ddd;
border-right: solid 1px #ddd;
}
.box-slider-footer {
width:300px;
height:400px;
display:block;
float:left;
position: relative;
}
.box-slider-long-footer {
width:600px;
height:400px;
display:block;
float:left;
position: relative;
}
.innerbottom-footer
{
position:absolute;
bottom:0;
padding:35px;
width:100%;
}
.innertop-footer
{
padding:35px;
width:100%;
}
.topright-footer > .box-slider-footer:nth-child(2)
{border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
.right-footer{float:right;}
.box-border-footer{border-left:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.dark-footer{background: #00002b;color: #c89d53;}
.topleft-footer{;color: #c89d53;}
.slider-footer h2{font-family: Public Sans; font-size:40px; font-weight:800; margin:5px 0px;}
.dark-footer h2{color: #fff;}
.topleft-footer h2{color: #fff;}
.color-footer h2{color: #fff;}
.color-footer span{color: #00002b;}
.white-footer h2{color: #00002b;}
.white-footer span{color: #c89d53;}
span.button-dark-footer{float:right; font-family: Public Sans !important;text-decoration:none !important;  color:#fff !important; font-size:11px;margin-right: 50px; font-weight:300; font-style:normal;margin-top:6px;}
span.button-white-footer{float:right; font-family: Public Sans !important;text-decoration:none !important;  color:#00002b !important; font-size:11px;margin-right: 50px; font-weight:300; font-style:normal;margin-top:6px;}
span.button-white-footer::after{
display:block;
width:15px;
height:15px;
margin:0 20px;
content:'';
background: url("images/ico/right-arrow-small.svg") no-repeat center;
background-size:cover;
float: right;
}
span.button-dark-footer::after{
display:block;
width:15px;
height:15px;
margin:0 20px;
content:'';
background: url("images/ico/right-arrow-small.svg") no-repeat center;
background-size:cover;
float: right;
}

a.button-siema {
	font-family: Public Sans !important;
	text-decoration: none !important;
	color: #fff !important;
	font-size: 9px !important;
	margin-right: 50px;
	font-weight: 600 !important;
	font-style: normal !important;
	margin-top: 28px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 3px;
	border: 1px solid #fff;
	width: 100px;
	text-align: center;
	padding: 4px;
	transition: 0.3s;
	position: absolute;
}

a.button-siema:hover {
	font-family: Public Sans !important;
	text-decoration: none !important;
	color: #00002b !important;
	font-size: 9px !important;
	margin-right: 50px;
	font-weight: 600 !important;
	font-style: normal !important;
	margin-top: 28px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 3px;
	border: 1px solid #fff;
	width: 100px;
	text-align: center;
	padding: 4px;
	background: #fff;
}



.white-footer{position: relative;z-index: 1;}
.white-footer:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
transform: scaleY(0);
transform-origin: bottom center;
background: #00002b;
z-index: -1;
transition: transform 0.3s;
}
.white-footer:hover::after {transform: scaleY(1);}
.white-footer:hover h2 {color:#fff;}
.dark-footer{position: relative;z-index: 1;}
.dark-footer:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
transform: scaleX(0);
transform-origin: left center;
background: #fff;
z-index: -1;
transition: transform 0.3s;
}
.dark-footer:hover::after {transform: scaleX(1);}
.dark-footer:hover h2 {color:#00002b;}
.topleft-footer:hover h2 {color:#00002b;}
.topleft-footer:hover span.button-dark {color:#00002b !important;}
.bottomleft-footer > .white-footer:hover span.button-white-footer {color:#fff !important;}
.bottomleft-footer > .white-footer:hover span.text-footer {color:#fff !important;}
.topleft-footer{position: relative;z-index: 1;border-right: solid 1px #ddd;}
.topleft-footer:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
transform: scaleX(0);
transform-origin: right center;
background: #fff;
z-index: -1;
transition: transform 0.3s;
}
.topleft-footer:hover::after {transform: scaleX(1);}
a.box-link-footer{width:100%; height:100%;display:block; position:absolute;}

/* slider */
.slider {
width: 100%;
max-height: 300px;
position:relative;
top:-60px;
}
.topleft {
display: block;
float: left;
width: 50%;
background: url(images/agencja-reklamowa-tlo.jpg) right no-repeat #00002b;
height: 300px;
}
.topright {
float: left;
width: 50%;
height: 300px;
}
.bottomleft {
display:block;
float: left;
width: 50%;
height: 300px;
background: url("images/wbox.png") no-repeat right;
border-top: solid 1px #ddd;
border-right: solid 1px #c89d53;
}
.bottomright {
float: left;
width: 50%;
height: 300px;
border-top: solid 1px #c89d53;
border-bottom: solid 1px #c89d53;
background: #9d6f2f; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #9d6f2f 0%, #f0d890 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #9d6f2f 0%,#f0d890 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #9d6f2f 0%,#f0d890 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d6f2f', endColorstr='#f0d890',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.box-slider {
width:300px;
height:300px;
display:block;
float:left;
position: relative;
}
.box-slider-long {
width:600px;
height:300px;
display:block;
float:left;
position: relative;
}
.innerbottom
{
position:absolute;
bottom:0;
padding:35px;
width:100%;
}
.innertop
{
padding:35px;
width:100%;
}
.topright > .box-slider:nth-child(2)
{border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
.right{float:right;}
.box-border{border-left:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.dark{background: #00002b;color: #c89d53;}
.topleft{;color: #c89d53;}
.slider h2{font-family: Public Sans; font-size:40px; font-weight:100; margin:20px 0px;}
.slider h1{font-family: Public Sans; font-size:40px; font-weight:100; margin:20px 0px;}
.slider span{font-family: Taviraj; font-size:18px; font-weight:500; font-style:italic; display: inline-block;}
.dark h2{color: #fff;}
.topleft h2{color: #fff;}
.topleft h1{color: #fff;}
.color h2{color: #fff;}
.color span{color: #00002b;}
.white h2{color: #00002b;}
.white span{color: #c89d53;}
span.button-dark{float:right; font-family: Public Sans !important;text-decoration:none !important;  color:#fff !important; font-size:11px;margin-right: 50px; font-weight:300; font-style:normal;margin-top:6px;}
span.button-white{float:right; font-family: Public Sans !important;text-decoration:none !important;  color:#00002b !important; font-size:11px;margin-right: 50px; font-weight:300; font-style:normal;margin-top:6px;}
span.button-white::after{
display:block;
width:15px;
height:15px;
margin:0 20px;
content:'';
background: url("images/ico/right-arrow-small.svg") no-repeat center;
background-size:cover;
float: right;
}
span.button-dark::after{
display:block;
width:15px;
height:15px;
margin:0 20px;
content:'';
background: url("images/ico/right-arrow-small.svg") no-repeat center;
background-size:cover;
float: right;
}
.white{position: relative;z-index: 1;}
.white:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
transform: scaleY(0);
transform-origin: bottom center;
background: #00002b;
z-index: -1;
transition: transform 0.3s;
}
.white:hover::after {transform: scaleY(1);}
.white:hover h2 {color:#fff;}
.dark{position: relative;z-index: 1;}
.dark:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
transform: scaleX(0);
transform-origin: left center;
background: #fff;
z-index: -1;
transition: transform 0.3s;
}
.dark:hover::after {transform: scaleX(1);}
.dark:hover h2 {color:#00002b;}
.topleft:hover h2 {color:#00002b;}
.topleft:hover h1 {color:#00002b;}
.topleft:hover span.button-dark {color:#00002b !important;}
.bottomleft > .white:hover span.button-white {color:#fff !important;}
.topleft{position: relative;z-index: 1;border-right: solid 1px #ddd;}
.topleft:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
transform: scaleX(0);
transform-origin: right center;
background: #fff;
z-index: -1;
transition: transform 0.3s;
}
.topleft:hover::after {transform: scaleX(1);}
a.box-link{width:100%; height:100%;display:block; position:absolute;}
.linetop
{
display:block;
width:100%;
height:6px;
background: #9d6f2f; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #9d6f2f 0%, #f0d890 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #9d6f2f 0%,#f0d890 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #9d6f2f 0%,#f0d890 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d6f2f', endColorstr='#f0d890',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* Menu w cennikach*/

.sidebar {
	padding: 0;
	background: #fff;
	margin-top: 0px;
	position: relative;
}

.bialy {
	background: #fff !important;
	height: 500px;
	width: 500px;
	position: absolute;
	left: 0;
}

@media screen and (min-width:100px) and (max-width:1220px){.bialy{width: 200px;}}
@media screen and (min-width:1220px) and (max-width:1500px){.bialy{width: 300px;}}
@media screen and (min-width:1500px) and (max-width:1800px){.bialy{width: 430px;}}


.sidebar > #nav_menu-2, .sidebar > #nav_menu-3, .sidebar > #nav_menu-4, .sidebar > #nav_menu-5, .sidebar > #nav_menu-6  {
	border: 1px solid #ddd;
	padding: 20px;
	border-top: 0px;
	margin-bottom: 0px;
}
	

.sidebar > div > div > ul.menu {
list-style: square;
color: #ccc;
margin-left: 13px;
}
.sidebar > div > div > ul.menu > li:hover {
color: #00002b;
}
.sidebar > div > div > ul.menu > li {
transition: 0.2s;
}
.current-menu-item {
color: #00002b;
}

.sidebar > div > div > ul.menu a {
display: block;
-webkit-transition: background-color 100ms linear;
-moz-transition: background-color 100ms linear;
-o-transition: background-color 100ms linear;
-ms-transition: background-color 100ms linear;
transition: background-color 100ms linear;
transition: 0.2s;

}
.sidebar > div > div > ul.menu a:hover {
	text-decoration: none;
	color: #00002b;
	transform: translateX(5px);
}
.entry-content ul {
list-style-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI4OC41NzkgMjg4LjU3OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg4LjU3OSAyODguNTc5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPHBhdGggZD0iTTI4My4xMjcsNTcuMTg0bC0yMi44NzEtMjIuMTMxYy03LjEwMS02Ljg3NC0xOC40MzgtNi42ODMtMjUuMzExLDAuNDI0TDExMy40NDIsMTYxLjA4NSAgIGMtNi44OCw3LjEwNy0xOS40MDQsOC44NzktMjcuOTg1LDMuOTYybC00Mi44MjQtMjQuNTQyYy04LjU2OC00LjkxNy0xOS41MTItMS45NTEtMjQuNDI4LDYuNjI5bC0xNS44MywyNy42MTUgICBjLTQuOTE3LDguNTgtMS45NTEsMTkuNTE4LDYuNjIzLDI0LjQzNGMwLDAsMTAzLjg4OSw1OS40NiwxMDMuOTMxLDU5LjM3NmMwLjA0OC0wLjA4NCwxMzcuMjUtMTQxLjU3LDE3MC42MTctMTc2LjA1OCAgIEMyOTAuNDE5LDc1LjM4OSwyOTAuMjI4LDY0LjA1MiwyODMuMTI3LDU3LjE4NHoiIGZpbGw9IiNjODlkNTMiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.entry-content ul li, .entry-content ol li, .entry-content .so-widget-sow-editor ul li, .entry-content .so-widget-sow-editor ol li {
margin-bottom: 0px;
margin-bottom: 0rem;
}







/* Taby Strona głowna */
.tabs-home {
position: relative;
min-height: 355px;
clear: both;
margin-bottom: 80px;
font-size: 15px;
text-align: center;
}
.tab-home {
display: contents;
}
.tab-home label {
background: #fff;
padding: 26px;
text-align: center;
font-size: 20px;
color: #00002b;
font-style: normal;
font-weight: 800;
transition: all 0.6s ease;
cursor: pointer;
}
.tab-home label:before {
width: 25px;
height: 29px;
content: '';
position: relative;
background: url("images/ico/arrow-down.svg") no-repeat center;
left: 0;
top: 5px;
display: inline-block;
right: 0;
margin-right: 20px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
transition: all 0.6s ease;
}
.tab-home [type="radio"] {
display: none;
}
.content-home {
position: absolute;
left: 0;
background: white;
right: 0;
padding: 0 70px;
overflow: hidden;
top: 100px;
}
.content-home > * {
opacity: 0;
transform: translateY(-100%);
transition: all 0.6s ease;
}
.tab-home [type="radio"]:checked ~ label {
background: none;
border-bottom: 0px solid white;
z-index: 2;
color: #ba914b;
}
.tab-home [type="radio"]:checked ~ label::before {
width: 25px;
height: 29px;
content: '';
position: relative;
background: url("images/ico/arrow-down.svg") no-repeat center;
left: 0;
top: 5px;
display: inline-block;
right: 0;
margin-right: 20px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
transition: all 0.6s ease;
}
[type="radio"]:checked ~ label ~ .content-home {
z-index: 1;
}
[type="radio"]:checked ~ label ~ .content-home > * {
opacity: 1;
transform: translateX(0);
}




.pdf-ico::before {
	width: 29px;
	height: 31px;
	content: '';
	margin: -9px 10px;
	background: url("images/ico/pdf.svg") no-repeat center !important;
	/* position: absolute; */
	transition-duration: 0.5s;
	display: inline-block;
}

.pdf-ico {
	padding: 14px;
	margin: 4px;
	display: inline-block;
}

a.pdf-ico:hover {
	text-decoration: none;
	color: #00002b;
}




/* Taby w ofercie */

#tab-oferta .so-widget-sow-tabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
	display: inline-block;
	cursor: pointer;
	padding: 16px 10px 10px 10px;
	margin: 0px 0px 10px 55px !important;
	color: #001549;
	font-size: 19px;
	font-weight: 800;
	transition: all 0.3s;
	border: none !important;
	width: auto !important;
	text-align: center;
	height: auto !important;
}

#tab-oferta .sow-tabs-tab-selected {
	color: #ba914b !important;
	border: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

#tab-oferta .so-widget-sow-tabs .sow-tabs .sow-tabs-tab-container {
	text-align: center !important;
}
#tab-oferta .sow-tabs-panel-content  {
	font-size: 14px;
}

.ico-sklep2::before {
	width: 35px;
	height: 35px;
	content: '';
	position: absolute;
	margin: -7px -45px;
	background: url("images/ico/ico-sklep2.svg") no-repeat center;
}
.ico-sklep3::before {
	width: 35px;
	height: 35px;
	content: '';
	position: absolute;
	margin: -9px -45px;
	background: url("images/ico/ico-sklep3a.svg") no-repeat center;
}
.ico-sklep1::before {
	width: 38px;
	height: 35px;
	content: '';
	position: absolute;
	margin: -9px -45px;
	background: url("images/ico/ico-sklep1.svg") no-repeat center;
}


/* Taby z cenami */
.sow-tabs-title, .sow-tabs-tab-container {
display: block !important;
}
.sow-tabs-title > span {
height: 90px;
display: block;
background-size: contain;
position: relative;
margin: 0 auto;
margin-bottom: 13px;
}

.ico-rollup-lux {
background: url("images/ico/rollupy-lux.jpg") no-repeat center;
}
.ico-rollup {
background: url("images/ico/rollupy.jpg") no-repeat center;
}
.ico-a6 {
background: url("images/ico/ulotki-a6.jpg") no-repeat center;
}
.ico-a5 {
background: url("images/ico/ulotki-a5.jpg") no-repeat center;
}
.ico-a4 {
background: url("images/ico/ulotki-a4.jpg") no-repeat center;
}
.ico-dl {
background: url("images/ico/ulotki-dl.jpg") no-repeat center;
}
.ico-a5-a6 {
background: url("images/ico/ulotki-a5-skladane-do-a6.jpg") no-repeat center;
}
.ico-a4-a5 {
background: url("images/ico/ulotki-a4-skladane-do-a5.jpg") no-repeat center;
}
.ico-a3-a4 {
background: url("images/ico/ulotki-a3-skladane-do-a4.jpg") no-repeat center;
}
.ico-a4-dl {
background: url("images/ico/ulotki-a4-skladane-do-dl.jpg") no-repeat center;
}
.ico-2xdl {
background: url("images/ico/ulotki-2xdl-skladane-do-dl.jpg") no-repeat center;
}
.ico-wizytowki {
background: url("images/ico/wizytowki.jpg") no-repeat center;
}
.ico-wizytowki-lux {
background: url("images/ico/wizytowki-lux.jpg") no-repeat center;
}
.ico-teczki {
background: url("images/ico/teczki-ofertowe.jpg") no-repeat center;
}
.ico-teczki-plus {
background: url("images/ico/teczki-ofertowe-plus.jpg") no-repeat center;
}
.ico-kalendarze-koperta {
background: url("images/ico/koperta-do-kalendarzy.jpg") no-repeat center;
}
.ico-kalendarze-3d {
background: url("images/ico/kalendarze-trojdzielne.jpg") no-repeat center;
}
.ico-kalendarze-3dlux {
background: url("images/ico/kalendarze-trojdzielne-lux.jpg") no-repeat center;
}
.ico-kalendarze-1d {
background: url("images/ico/kalendarze-jednodzielne.jpg") no-repeat center;
}
.ico-kalendarze-1dlux {
background: url("images/ico/kalendarze-jednodzielne-lux.jpg") no-repeat center;
}
.ico-kalendarze-piramidki {
background: url("images/ico/kalendarze-piramidki.jpg") no-repeat center;
}
.ico-kalendarze-piramidki-spirala {
background: url("images/ico/kalendarze-piramidki-spirala.jpg") no-repeat center;
}
.ico-kalendarze-spiralowane {
background: url("images/ico/kalendarze-spiralowane.jpg") no-repeat center;
}
.sow-tabs-tab:hover {
border: 1px solid #00002B !important;
}
.sow-tabs-tab {
border: 1px solid #fff;
}
.sow-tabs-title strong {
}
.sow-tabs-panel {
padding: 0 !important;
}
.so-widget-sow-tabs .sow-tabs .sow-tabs-tab-container {
background-color: #fff;
padding: 5px;
}
.so-widget-sow-tabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
display: inline-block;
cursor: pointer;
padding: 16px 10px 10px 10px;
margin: 0px 0px 3px 0px !important;
color: #001549;
font-size: 13px;
transition: all 0.3s;
border: 1px solid #d7d7d7;
width: 155px;
text-align: center;
height: 155px;
}
.sow-tabs-tab-container {
margin-bottom: 15px;
}
.entry-content table {
border: 0;
}


.sow-tabs-tab-selected {
color: #00002b !important;
border: 1px solid #00002b !important;
box-shadow: 0px 0px 0px 2px rgba(0,0,43,1) inset;
-webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,43,1) inset;
-moz-box-shadow: 0px 0px 0px 2px rgba(0,0,43,1) inset;
}









/* IKONY Strona główna */
.ikony-home h3 {
font-size: 11px !important;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 4px;
padding: 8px;
margin-top: 4px !important;
font-family: Public Sans;
}
.ikony-home img {
transition-duration: 0.5s;
padding: 0px;
}
.ikony-home > div > .sow-image-container:hover {
-webkit-box-shadow: 0 0 18px 0 #00000029;
box-shadow: 0 0 18px 0 #00000029;
position: relative;
z-index: 1;
}
.ikony-home > div > .sow-image-container {
border: 1px solid #ddd;
margin: -1px !important;
transition-duration: 0.5s;
}
.site-header {
border-bottom: 1px solid #ddd;
background: url("images/1pxtlo.jpg") center repeat-y;
}
/* TEBELA CENNIK */
.netto {
font-weight: 400;
border-left: 2px solid #c89d53;
padding-left: 6px;
color: #aeaeae;
font-size: 12px;
}
.tabela_cennik {
border: 1px solid #f4f4f4 !important;
width: 100%;
font-size: 12px !important;
}
.tabela_cennik td {
border-width: 0;
}
table.tabela_cennik td {
	padding: 3px 10px;
}
.tabela_cennik tr:hover {
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
-webkit-box-shadow: 0 0 10px 1px #999999;
box-shadow: 0 0 10px 1px #999999;
}
tr.tytul_cen:hover,  tr.tabela_cennik_instrukcja:hover, tr.tabela_info:hover  {
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
-webkit-box-shadow: 0 0 0 0 #fff;
box-shadow: 0 0 0 0 #fff;
}
td.cena_extra:hover, td.cena:hover {
background: #D6AB60;
color: #FFF;
font-weight: 600;
cursor: pointer;
}
.tytul_cen {
background: #f4f4f4;
font-size: 17px;
font-weight: 600;
}
.tytul_cen td {
text-align: center;
}
tr.tabela_info td {
background: #fff;
text-align: left;
}
.tytul_cennik {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
text-transform:none;
}
.tytul_cennik:hover {
text-decoration:underline;
}
.tabela_cennik_instrukcja {
text-align:center;
vertical-align:middle;
background:#FFFFFF;
}
.tabela_cennik_parametry {
background: #BA914B;
color: #fff;
}
.tabela_cennik_papier {
	background: #ba914b;
	text-align: right;
	color: #fff;
}
.ilosc_cennik {
background: #F4f4f4;
text-align: left;
font-weight: 600;
}
.ilosc_cennik, .cena_extra, .cena {
border-bottom: 1px solid #ececec !important;
}
.cena_extra {
text-align:right;
}
.cena {
background: #fff;
text-align:right;
}
.opis {
background:#F6F6F6;
}
.naklad_cena {
border-bottom: 1px solid;
font-weight:bold;
}

.mobile-menu-trigger {
	position: absolute;
	top: 27px;
	z-index: 9;
}

@media screen and (max-width:970px)
{
.slider{top:-40px}
.box-slider-long{width:100%;}
}
@media screen and (max-width:1550px)
{
.slider h2{font-size:30px;}
.slider h1{font-size:30px;}
.slider span{display: inline-block;}
.box-slider{max-width:50%;}
/* .box-slider-long{width:100%;} */
}
@media screen and (max-width:900px)
{
.topleft{width:100%;height:200px;}
.topright{width:100%;height:200px;}
.box-slider{width:50%;height:200px;}
.box-slider-long{height:200px;}
.bottomleft{width:100%;height:200px;}
.slider h2{font-size:23px;}
.slider h1{font-size:32px;}
.slider span{font-size:14px;}
.innerbottom,.innertop{padding:20px;}
span.button-dark{float:none; display:block;margin-right: 0px; margin-top:10px;}
span.button-white{float:none; display:block; margin-right: 0px; margin-top:10px;}
.bottomright {width: 100%;height: 227px;}
.btn1, .btn2 {bottom: -8px;}
.siema {height: 250px;}
img.kalendarze-siema {height: 315px;}
img.rollup-siema {height: 266px;}
.title-footer h2 {font-size: 35px;	margin: 48px 0 0 0px;}
.wwwinfo .cf-col-3 {width: 50%;}
}
@media screen and (min-width: 120em)
{
.bnt-container {
max-width: 1200px !important;
max-width: 120rem;
}
}

@media screen and (max-width:970px)
{
.mobile-ikony-oferta {margin-top: 0 !important; margin-bottom: 0 !important;}
.mobile-ikony-oferta img {height: 200px !important; width: auto !important;}
}


@media screen and (max-width:770px)
{
.slider-footer{top:-40px}
}
@media screen and (max-width:1220px)
{
.slider-footer h2{font-size:30px;}
.slider-footer span{font-size:13px;}
.box-slider-footer{max-width:50%;}
.box-slider-long-footer{width:100%;}
}
@media screen and (max-width:900px)
{
.topleft-footer{width:100%;height:300px;}
.topright-footer{width:100%;height:300px;}
.box-slider-footer{width:50%;height:300px;}
.box-slider-long-footer{height:300px;}
.bottomleft-footer{width:100%;height:300px;}
.bottomright-footer{width:100%;height:450px;}
.slider-footer h2{font-size:23px;}
.slider-footer span{font-size:12px;}
.innerbottom-footer,.innertop-footer{padding:20px;}
span.button-dark-footer{float:none; display:block;margin-right: 0px; margin-top:10px;}
span.button-white-footer{float:none; display:block; margin-right: 0px; margin-top:10px;}
.kontakt-footer {display: block;}
.kontakt-footer > div::before {margin: 29px -30px;}
.znajdz-nas {top: -50px;}
.tab-home {display: block !important;margin-bottom: 28px;}
.tabs-home {margin-bottom: 165px !important; min-height: 470px !important; font-size: 13px !important;}
.content-home {padding: 0 15px !important; top: 210px !important;}
.stopka {text-align: center; float:none;}
.site-header {background: white !important;}
.pxtlo {background: none !important;}
.tloout {display: none;}
.tlodownout {display: none;}
.logo a {float: inherit;text-align: center;}
.box-realizacje {order: 0; flex: 0 0 50%; align-self: auto; padding-bottom: 40px;}
.bottom-line {margin-bottom: 0px;}
.realizacje-content {padding: 5px;}
.bnt-container {padding: 0 5%; }
.fototapety-box2 h2 {font-size: 47px;font-weight: 800;line-height: 48px;margin-bottom: 32px;}
.fototapety-box, .fototapety-box2, .fototapety-box3 {padding: 27px;}
.fototapety-box3 h2 {font-size: 26px;font-weight: 800;margin-top: 0;margin-bottom: 1px;}
.dla-dzieci-box {padding: 35px;}
h1.entry-title {font-size: 29px;margin: 0px 0px;}

.panel-grid-cell {margin-bottom: 0px !important; }
.so-widget-sow-image img, .so-panel {margin-bottom: 0px !important; }
.screen_mockup {width: 100%;}
.box-oferta-korzysci {padding: 60px 13px !important;}
.fototapety-calc {	padding: 10px !important;}
.calc-container {padding: 0px !important;}
.box-zapytanie h2 {	font-size: 24px !important;}
.cf-container { margin-right: 0px !important; margin-left: 0px !important; }
.sidebar {margin-top: 50px !important; margin-bottom: 50px !important; border-top: 1px solid #ddd !important; }

}