:root {	
	--cc-red: #c10a26;
	--cc-bright-red: #da0813;
	--cc-grey: #c6c7c8;
	--cc-metalic-silver-pms-877: #c6c7c8;
	
	--cc-brown: #773f22;
	--cc-beige: #e8dfcf;
	--cc-green-grey: #5c6459;
	--cc-blue-grey: #d7dbda;
}

*::selection { background: var(--cc-red); color: #fff; }

body a:hover { color: var(--accent); }

body, p, td{text-align:justify;}
	@media (max-width: 575px){ body, p, td{text-align:left;} }
h1,h2,h3,h4,h5,h6{text-align:left;}
li{text-align:left;}

.s-mh-img img { object-fit: cover; }

.sppb-btn-primary { border: 2px solid #252525; border-radius: 0; color: #252525; background: transparent; }
.sppb-btn-primary:hover { background: #252525; border-color: #252525; }

.sppb-btn-secondary { border: 0; border-radius: 0; background: url('/images/template/btn-bg.jpg'); background-size: auto 100%; color: #fff; padding: 12px 40px 12px 24px; text-transform: uppercase; position: relative; }
.sppb-btn-secondary:before, .sppb-btn-secondary:after { content: '\f105'; position: absolute; right: 22px; display: inline-block; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: 10px; transition: 0.25s; }
.sppb-btn-secondary:hover:after { right: 14px; }





/* main options for both header bars */
#offcanvas-toggler { height: 45px; }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { font-size: 13px; line-height: 45px; }

#sp-header { height: auto; }

#sp-top-bar { background: var(--cc-red); color: #fff; padding: 15px 0; }
#sp-top-bar a { color: #fff; }

#bottom-top-bar { background: #fff; border-bottom: 1px dotted #ddd; }

#sp-top2, #sp-top2 .sp-contact-info { display: flex; align-items: center; justify-content: flex-end; }
#sp-top2 .sp-contact-info .fas, #sp-top2 .sp-contact-info .far { display: none; }
#sp-top2 .sp-contact-info li { height: 100%; display: flex; align-items: center; border-left: 1px solid var(--cc-grey); margin: 0 0 0 15px; padding: 0 0 0 15px; }
#sp-top2 .sp-contact-phone a { font-size: 18px; font-weight: 500; }
#sp-top2 .sp-contact-phone a:before { content: 'TEL: '; }
#sp-top2 .sp-contact-info .sp-contact-email a:before { content: '\f0e0'; font-family: "Font Awesome 6 Free"; font-weight: 400; font-size: 24px; }
#sp-top2 .sp-column { display: flex; flex-wrap: wrap; }
#sp-top2 h3 { margin: 0; font-size: 26px; }
#sp-top2 .s-header-motto { display: flex; align-items: center; justify-content: center; margin: 0; }

#sp-top-bar #offcanvas-toggler { display: none; }

#sp-menu nav > ul > li > a { text-transform: uppercase; font-weight: 600; }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background: rgba(0,0,0,0.4); }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { color: #fff; font-weight: 600; position: relative; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:after
	{ content: '\f104'; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 16px; position: absolute; top: 7px; right: -32px; transition: 0.33s; opacity: 0; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: #fff; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover:after { right: -16px; opacity: 1; }
/* reguła dla separatora - nieklikalnego "linku" służącego tylko jako baza do rozwijania podlinków */
body .sp-megamenu-parent > li > span { font-weight: 600; text-transform: uppercase; }
/* reguła dla podlinków w aktywnym linku */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { color: #fff; }
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item > a,
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active.current-item > a
		{ font-weight: 700; }

@media (max-width: 1199px) {
	#sp-top2 h3 { font-size: 24px; }
	#sp-top2 .sp-contact-phone a { font-size: 16px; }
	#sp-top2 .sp-contact-info .sp-contact-email a:before { font-size: 22px; }
}
@media (max-width: 991px) {
	#sp-top-bar { padding: 0 0 10px 0; }
	#sp-top2 { justify-content: center; }
	#bottom-top-bar { display: none; }
	#sp-top-bar #offcanvas-toggler { display: flex; border-left: 1px solid #cc1719; margin-left: 15px; padding-left: 15px; }
	#sp-top-bar #offcanvas-toggler .burger-icon > span { background: #fff; }
}
@media (max-width: 767px) {
	#sp-top2 .s-header-motto { width: 100%; }
	#sp-top2 .sp-column { justify-content: center; }
	#sp-top2 .sp-contact-info li.sp-contact-phone { margin: 0; padding: 0; border: 0; }
}
@media (max-width: 575px) {
	#sp-top2 h3 { font-size: 22px; }
}

.offcanvas-inner { display: flex; flex-wrap: wrap; }
.offcanvas-inner .s-offcanvas-logo { order: -1; }
.offcanvas-inner .s-offcanvas-contact { order: 10; }
.offcanvas-inner .s-offcanvas-contact p { text-align: left; font-size: 14px; }
.offcanvas-menu .offcanvas-inner ul.menu > li { overflow: initial; }
	body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,
	body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler
		{ right: -45px; }
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent-open .menu-toggler:after { position: relative; right: -3px; }





#s-img-layout-01 {}
#s-img-layout-01 .sppb-addon-single-image { position: relative; }
#s-img-layout-01 .sppb-addon-title { position: absolute; bottom: 10px; right: 10px; text-transform: uppercase; font-size: 12px; background: #dadfdd; padding: 10px 6px; margin: 0; transition: 0.2s; z-index: 1; }
#s-img-layout-01 .sppb-addon-single-image:hover .sppb-addon-title { background: var(--cc-red); color: #fff; }





div.sp-slider .sp-nav-control .nav-control { background: transparent; border: 0; }
div.sp-slider .sp-nav-control .nav-control .fa { position: relative; }
div.sp-slider .sp-nav-control .nav-control .fa:before, div.sp-slider .sp-nav-control .nav-control .fa:after { content: ''; width: 40px; height: 4px; display: block; border-radius: 12px; background: #fff; position: absolute; }
div.sp-slider .sp-nav-control .nav-control .fa.fa-angle-right:before { transform: rotate(45deg); left: -14px; top: -14px; }
div.sp-slider .sp-nav-control .nav-control .fa.fa-angle-right:after { transform: rotate(-45deg); left: -14px; top: 12px; }
div.sp-slider .sp-nav-control .nav-control .fa.fa-angle-left:before { transform: rotate(45deg); right: -14px; top: 14px; }
div.sp-slider .sp-nav-control .nav-control .fa.fa-angle-left:after { transform: rotate(-45deg); right: -14px; top: -12px; }
div.sp-slider .sp-nav-control .nav-control:hover { background: rgba(0,0,0,.333); }
.s-slide-01 { padding: 400px 0 0 50px; }
.s-slide-01 h1, .s-slide-01 h2 { font-size: 48px; }
@media (max-width: 991px) { .s-slide-01 h2 { font-size: 36px; } }
.s-slide-01 h2 + h2 { padding-left: 95px; }





/* .com-sppagebuilder #sp-main-body {padding:0 0 40px 0;} */
.com-sppagebuilder #sp-main-body { padding: 0;}
section.sppb-section{margin:40px 0 0 0; padding:0;}
@media (max-width:1200px){ section.sppb-section{margin:70px 0 0 0;}  .com-sppagebuilder #sp-main-body {padding:0 0 70px 0;}}
@media (max-width: 575px){ section.sppb-section{margin:50px 0 0 0;}  .com-sppagebuilder #sp-main-body {padding:0 0 50px 0;}}





.sppb-row-container { position: relative; }
/* .s-bg-color1 .sppb-column, .s-bg-color2 .sppb-column { align-items: center; } */
.s-bg-color1 .sppb-row-container .sppb-addon-title { color: var(--cc-brown); }
.s-bg-color1 .sppb-row-container .sppb-btn-primary { color: var(--cc-brown); border-color: var(--cc-brown); }
.s-bg-color1 .sppb-row-container .sppb-btn-primary:hover { background: var(--cc-brown); color: #fff; }
.s-bg-color1 .sppb-row-container:after { content: ''; background: var(--cc-beige); position: absolute; margin: 30px 0; inset: 0; }
.s-bg-color2 .sppb-row-container .sppb-addon-title { color: var(--cc-green-grey); }
.s-bg-color2 .sppb-row-container .sppb-btn-primary { color: var(--cc-green-grey); border-color: var(--cc-green-grey); }
.s-bg-color2 .sppb-row-container .sppb-btn-primary:hover { background: var(--cc-green-grey); color: #fff; }
.s-bg-color2 .sppb-row-container:after { content: ''; background: var(--cc-blue-grey); position: absolute; margin: 30px 0; inset: 0; }





.addon-root-testimonial-carousel { color: var(--cc-brown); font-style: italic; font-size: 26px; font-family: 'Unna', sans-serif; line-height: 30px; }
.addon-root-testimonial-carousel .sppb-testimonial-carousel-icon { display: none; }
.addon-root-testimonial-carousel .sppb-carousel-extended-item { left: -60px; padding: 60px 0 120px 60px; border-left: 2px solid transparent; position: relative; transition: 0.66s 0.33s; }
	/* prowizorka, posypie się, jeśli będzie więcej lub mniej niż 2 wyświetlane elementy naraz */
	.addon-root-testimonial-carousel .sppb-carousel-extended-item.active + .sppb-carousel-extended-item.active { left: 0; border-color: var(--cc-red); }
.addon-root-testimonial-carousel .sppb-carousel-extended-item:before, .addon-root-testimonial-carousel .sppb-carousel-extended-item:after
	{ content: ''; width: 62px; height: 44px; display: block; position: absolute; background-repeat: no-repeat; background-size: 100% 100%; }
.addon-root-testimonial-carousel .sppb-carousel-extended-item:before { left: 60px; top: 12px; background-image: url('/images/template/testi-top.png'); }
.addon-root-testimonial-carousel .sppb-carousel-extended-item:after { right: 32px; bottom: 84px; background-image: url('/images/template/testi-bottom.png'); }
.sppb-testimonial-carousel-content-wrap { position: absolute; margin-top: 60px; }
.sppb-testimonial-carousel-name-designation { color: #333; font-family: Lexend; font-style: initial; font-size: 20px; }
.sppb-testimonial-carousel-name-designation > div { display: inline-block; }
.sppb-testimonial-carousel-name { margin-right: 0.25em; }





.s-section-01 .sppb-media img { max-width: 60px; }

#sp-bottom { padding: 0 0 30px 0; }
#sp-footer .sp-copyright { display: flex; justify-content: space-between; }
#sp-footer .sp-copyright div:nth-child(2) { color: rgba(255,255,255,0.5); }
#sp-footer .sp-copyright a { color: rgba(255,255,255,0.75); border-bottom: 1px dotted rgba(255,255,255,0.75); }
#sp-footer .sp-copyright a:hover { border-bottom: 1px solid rgba(255,255,255,0.75); }
@media (max-width: 991px) {
	#sp-footer .container-inner { padding: 10px 0; }
	#sp-footer .sp-copyright { flex-direction: column; text-align: center; }
}

#sp-bottom .sp-module ul { margin-top: 25px; }
@media (max-width: 1200px) {
	#sp-bottom .sp-module ul  { margin-top: 55px; }
}
@media (max-width: 991px) {
	#sp-bottom .sp-module ul > li { margin-bottom: 0; }
	#sp-bottom2 .sp-module ul { display: flex; justify-content: center; margin: 0; }
	#sp-bottom2 .sp-module ul li { margin: 0 6px; }
	#sp-bottom3 section { margin-top: 20px; }
}





.easystore-product-image { padding-bottom: 100%; }

.sppb-collection-item { position: relative; }
.addon-root-easystore-list-features { position: absolute; transition: 0.333s; opacity: 0; }
.addon-root-easystore-list-thumbnail:hover ~ .addon-root-easystore-list-features { opacity: 1; }
.addon-root-easystore-list-thumbnail:hover ~ .addon-root-easystore-list-features + .addon-root-easystore-list-features { opacity: 0; }
.addon-root-easystore-list-features + .addon-root-easystore-list-features { position: static; opacity: 1; }

.easystore-price-current { color: var(--cc-red); font-weight: 600; }

.sppb-collection-item .easystore-features-wrapper ul { list-style: none; margin: 0; padding: 0; }
.sppb-collection-item .easystore-features-wrapper ul li {}






.s-section-01 .sppb-media .sppb-addon-title, #sp-bottom2 .sp-module-title { font-family: Lexend; text-transform: uppercase; }
.s-section-01 .sppb-media .sppb-addon-title { font-size: 20px; }
#sp-bottom2 .sp-module-title { font-size: 16px; }

#sp-bottom2 ul.menu { list-style: none; padding-left: 0; }
#sp-bottom2 ul.menu li { line-height: 1.3rem; margin-bottom: 6px; }





#s-our-features .sppb-btn { display: none; }
#s-our-features .addon-root-image-layouts { padding: 30px 0; }
#s-our-features .sppb-image-layout-title, #s-our-features .sppb-addon-image-layout-text p { text-align: center; }
#s-our-features .sppb-addon-image-layout-image { margin: 0 auto; }
#s-our-features .sppb-image-layout-title { font-family: 'Lexend'; color: var(--cc-red); text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
#s-our-features .sppb-addon-image-layout-content { background: transparent; padding-bottom: 0; }
#s-our-features p { margin: 0; }
#s-our-features img { width: 100px; }


#s-before-and-after .sppb-addon-title { font-family: 'Lexend'; color: #fff; margin-top: 25px; font-weight: 400; }





/* .s-dc-layout-01 {} */
/* .s-dc-layout-01 .sppb-dynamic-content-collection__item { display: flex; flex-wrap: wrap; position: relative; } */
/* .s-dc-layout-01 .sppb-dynamic-content-collection__item .addon-root-dynamic-content-image { width: 100%; margin-bottom: 10px; } */
/* .s-dc-layout-01 .sppb-dynamic-content-collection__item > div:nth-child(2), .s-dc-layout-01 .sppb-dynamic-content-collection__item > div:nth-child(3) { width: 50%; } */
/* .s-dc-layout-01 .sppb-dynamic-content-collection__item > div:nth-child(3) { text-align: right; } */
/* .s-dc-layout-01 .sppb-dynamic-content-collection__item > div:nth-child(3) .addon-root-dynamic-content-text { display: inline-block; } */
/* .s-dc-layout-01 .sppb-dynamic-content-collection__item > div:nth-child(4), .s-dc-layout-01 .sppb-dynamic-content-collection__item > div:nth-child(4) > div { width: 100%; } */
/* .s-dc-layout-01 .sppb-dynamic-content-collection__item > div:nth-child(4) > div { display: flex; flex-wrap: wrap; } */
/* .s-dc-layout-01 .sppb-dynamic-content-collection__item > div:nth-child(4) > div > div { flex: 0 0 50%; } */
/* .s-dc-layout-01 .addon-root-dynamic-content-text { font-size: 15px; } */
/* @media (max-width: 1399px) { .s-dc-layout-01 .addon-root-dynamic-content-text { font-size: 13px; } } */
/* .sppb-dynamic-content-collection p.dc-currency, .sppb-dynamic-content-collection p.dc-price { color: var(--cc-red); font-weight: 600; } */
/* .sppb-dynamic-content-collection p.dc-after-price { margin-left: 5px; } */
/* .s-dc-layout-01 .dc-watermark-wt1, .s-dc-layout-01 .dc-watermark-wt2 { position: absolute; top: 0; right: 0; color: transparent; } */
/* .s-dc-layout-01 .dc-watermark-wt1::selection, .s-dc-layout-01 .dc-watermark-wt2::selection { background: transparent; color: transparent; } */
/* .s-dc-layout-01 .dc-watermark-wt1:before, .s-dc-layout-01 .dc-watermark-wt2:before */
	/* { content: ''; width: 40px; height: 40px; background-size: 100% 100%; display: block; position: absolute; top: 15px; right: 15px; } */
/* .s-dc-layout-01 .dc-watermark-wt1:before { background-image: url('/images/template/watermark-white.png'); } */
/* .s-dc-layout-01 .dc-watermark-wt2:before { background-image: url('/images/template/watermark-red.png'); } */





/* doors list works also for Windows - don't ask */
.s-doors-list .sppb-addon-single-image-container { display: block; position: relative; }
.s-doors-list .sppb-addon-single-image-container:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 6px solid var(--cc-red); opacity: 0; }
/* .s-doors-list .sppb-addon-single-image-container:before { */
	/* content: '+'; */
	/* width: 32px; height: 32px; display: flex; justify-content: center; */
	/* position: absolute; top: calc(50% - 16px); left: calc(50% - 16px); */
	/* background: var(--cc-red); color: #fff; border-radius: 50%; font-size: 25px; line-height: 28px; */
	/* opacity: 0; */
/* } */
/* .s-doors-list .sppb-addon-single-image-container:hover:before, .s-doors-list .sppb-addon-single-image-container:hover:after { opacity: 1; } */
.s-doors-list .sppb-addon-image-overlay-icon { background: #fff; color: var(--cc-red); }
.s-doors-list .sppb-addon-image-overlay-icon:hover { background: var(--cc-red); color: #fff; }
.s-doors-list .sppb-addon-single-image-container:hover:after { opacity: 1; }
.s-doors-list .sppb-addon-single-image { display: flex; flex-wrap: wrap; }
.s-doors-list .sppb-addon-single-image .sppb-addon-title { font-size: 16px; font-weight: 400; margin-top: 6px; order: 2; }
/* @media (max-width: 991px) { #s-doors-01 .s-doors-01-right { margin: -590px 0 0 250px; position: relative; z-index: -1; opacity: 0.175; filter: blur(0.66px); } } */
@media (max-width: 991px) { #s-doors-01 .s-doors-01-right, #s-windows-01 .s-windows-01-right { margin-top: 20px; } }
@media (max-width: 767px) {
	/* #s-doors-01 .s-doors-01-right { margin-left: 70px; } */
	.s-doors-list .sppb-addon-content { text-align: center; }
	.s-doors-list img { width: 767px; height: auto !important; margin: 10px 0; }
	.s-doors-guarantee, .s-doors-guarantee h2, .s-doors-guarantee p { text-align: center; }
	.s-doors-guarantee img { margin-bottom: 20px; }
}
/* @media (max-width: 575px) { #s-doors-01 .s-doors-01-right { display: none; } } */


/* Windows is other page but its layout is similar to External Doors */
/* @media (max-width: 991px) { #s-windows-01 .s-windows-01-right { margin: 50px 0 0 -180px; position: relative; z-index: -1; opacity: 0.175; filter: blur(0.66px); } } */
/* @media (max-width: 767px) { #s-windows-01 .s-windows-01-right { display: none; } } */





/* #sp-page-builder .page-content #s-about-us-top-1.sppb-section:not(div.sppb-section):first-child { margin-top: 75px; } */
/* #sp-page-builder .page-content .sppb-section:not(div.sppb-section):first-child { margin-top: 40px; } */
#sp-page-builder .page-content #s-about-us-top-1.sppb-section:not(div.sppb-section):first-child { margin-top: 0; }
#s-about-us-top-1 .sppb-column > .sppb-column-addons { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; }
#s-about-us-top-1 .sppb-nested-row .sppb-column-addons { display: flex; flex-direction: row; }
#s-about-us-top-1 .sppb-nested-row .sppb-btn { margin-right: 15px; text-transform: uppercase; }
@media (max-width: 991px) {
	#sp-page-builder .page-content #s-about-us-top-1.sppb-section:not(div.sppb-section):first-child { margin-top: 55px; }
}
@media (max-width: 767px) {
	#s-about-us-top-2 .sppb-row > div { margin-bottom: 30px; }
	#s-about-us-top-2 .sppb-row > div:last-child { margin-bottom: 15px; }
}





/*nazwa*/	
.dc-1-f1{font-weight:600;}
/*cena*/	
.dc-1-f12{font-weight:600; color:var(--cc-red)}
.dc-1-f12:not(.dc-1-null)::before{content:'£';}
/*sekcja cech*/
.dc-1-s1 { padding: 5px 0; }
.dc-1-s2 > * { flex-basis: 100%; border: 1px solid #eee; font-size: 14px; }
.dc-1-s2 :nth-child(2) { border-top: 0; border-bottom: 0; }
/* .dc-1-s2 .sppb-dynamic-content-text{position:relative; padding:6px 0px;} */
.dc-1-s2 .sppb-dynamic-content-text { position: relative; padding: 3px 6px; }
/* .dc-1-s2 .sppb-dynamic-content-text:hover::before{content: attr(data-name); position:absolute; top:-8px; left:-5px; font-size:0.8em; opacity:0.5; white-space:nowrap;} */
.dc-1-s2 .sppb-dynamic-content-text:before { content: attr(data-name); width: 50px; font-size:0 .8em; opacity: 0.5; }
/* watermark - old version */
/* .dc-1-f20{font-size:0; position:absolute; width: 40px; height: 40px; background-size: 100% 100%; display: block; top: 15px; right: 15px;  }  */
/* .dc-1-f20-wt1 { background-image: url('/images/template/watermark-white.png'); } */
/* .dc-1-f20-wt2 { background-image: url('/images/template/watermark-red.png'); } */

.s-dc-layout-02 {}
.s-dc-layout-02 img { aspect-ratio: 1 / 1; }
.s-dc-layout-02 .sppb-dynamic-content-collection__item .dc-foto-1 { position: relative; z-index: 1; }
.s-dc-layout-02 .sppb-dynamic-content-collection__item .dc-foto-2 { margin-top: -100%; position: relative; transition: 0.2s; opacity: 0; z-index: 2; }
.s-dc-layout-02 .sppb-dynamic-content-collection__item:hover .dc-foto-2 { opacity: 1; }
.s-dc-layout-02 .sppb-dynamic-content-collection__item:before { content: ''; display: block; width: 40px; height: 40px; position: absolute; top: 15px; right: 15px; background-image: url('/images/template/watermark-red.png'); background-size: 100% 100%; z-index: 4; }
.s-dc-layout-02 .sppb-dynamic-content-collection__item:hover:before { filter: grayscale(1) brightness(4); transition: 0.25s; }


/* .s-dc-layout-02 .dc-price::before {}  */
/* .s-dc-layout-02 .dc-price::after {content:''}  */



.s-text-block {}
.s-text-block .sppb-addon-title { color: var(--cc-brown); font-style: italic; }
@media (max-width: 1199px) { .s-text-block .sppb-addon-title br { display: none; }}



@media (max-width: 1199px) { .s-galink .sppb-addon-title { font-size: 26px; margin-bottom: 20px; }}
@media (max-width: 767px) { .s-galink .sppb-addon-title { font-size: 32px; margin-bottom: 36px; margin-top: 6px; }}