/*
Theme Name: Agencja Marketingowa Brand new Brand
Template:   bootstrap-basic
Theme URI: https://brandnewbrand.pl
Author: Agencja Marketingowa Brand new Brand

*/


/*
Required WordPress CSS
*/

/* ------------------- zminne ----------------------------------------- */
body {
	font-family: "Verdana" !important;
	width: 100% !important;
	overflow-x: hidden !important;
	background-color: #fffffd;
}

p,
.footer-right .footer-menu,
.contact-location-grey,
.page-header-top-right,
.post-card .read-more {
	font-family: "Verdana" !important;
}

:root {
	--grey-color: #A9A9A9;
	--light-grey-color: #F4F4F4;
	--black-color: #262626;
	--grey-dark-color: #555555;
	--blue-color: rgba(215, 112, 51, 1);
	--light-blue-color: #E3F3FF;
	--white-color: #FFFFFF;
	--secondary-color: #432818;
}

h1 {
	font-size: 50px !important;
}

h2 {
	font-size: 30px !important;
	font-weight: 600 !important;
}

h3 {
	font-size: 20px !important;
}

h4 {
	font-size: 18px !important;
}

p {
	font-size: 16px !important;
}

@media only screen and (max-width: 500px) {
	h1 {
		font-size: 40px !important;
	}

	h2 {
		font-size: 28px !important;
	}

	h3 {
		font-size: 18px !important;
	}

	h4 {
		font-size: 16px !important;
	}

	p {
		font-size: 14px !important;
	}
}

.section-margin-bottom {
	margin-bottom: 7em !important;
}

@media only screen and (max-width: 768px) {
	.section-margin-bottom {
		margin-bottom: 5rem !important;
	}
}

p {
	line-height: 28px;
	font-weight: 400;
}

a:hover {
	color: var(--blue-color) !important;
}

.container {
	margin-right: auto !important;
	margin-left: auto !important;
}

/* ------------------- zminne ----------------------------------------- */
/* h2 {
	width: fit-content;
	margin: auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3.5rem !important;
}

.h2 {
	margin: auto;
	position: relative;
	display: flex;
	align-items: start;
	justify-content: start;
	margin-bottom: 3rem !important;
}


h2:before {
	content: "";
	height: 2px;
	width: 150px;
	background: var(--blue-color);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
} */


/* ----------------------------------------------- nowe style bnb ------------------------------------------------ */

.collapse:not(.show) {
	display: block;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
input {
	border: 1px solid #444;
	border-radius: 0;
	min-height: 40px;
}

input[type=range] {
	min-height: 0;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt {
	background-color: var(--primary-color);
	color: var(--primary-btn-text-color);
	border: var(--primary-color);
}

a {
	color: var(--link-color);
	text-decoration: none !important;
}

/* .woocommerce #respond input#submit, .woocommerce button.button, .woocommerce input.button {
	border: 1px solid var(--primary-color);
	color: var(--primary-color) !important;
	background: transparent;
	min-height: 40px;
}

 .woocommerce button.button.alt, .woocommerce a.button {
	border: 1px solid var(--primary-color);
	color: var(--primary-btn-text-color) !important;
	background: var(--primary-color);
	min-height: 40px;
	transition: all 0.5s;
	 margin-top: 5px;
} */

/* .woocommerce a.button:hover {
	background: transparent;
	color: var(--primary-color) !important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	line-height: unset;
}
 */
input#coupon_code {
	max-width: 150px;
	width: 100% !important;
}

/* table.woocommerce-cart-form__contents > tbody > tr > td > .coupon {
	display: flex;
	justify-content: space-between;
}
 */
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
	position: static;
	margin-left: 0;
	margin-right: 15px;
}

.checkbox,
.radio {
	display: flex;
	align-items: center;
}

span.select2-selection.select2-selection--single {
	min-height: 40px;
}

span.select2-selection.select2-selection--single>span.select2-selection__rendered {
	min-height: 40px;
	display: flex;
	align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
}

.woocommerce .woocommerce-ordering select {
	min-height: 30px;
}

/* ------------------------------------------------------------ menu ----------------------------------------------- */

li.menu-item-has-children {
	position: relative;
}

ul.sub-menu {
	list-style: none;
	padding-left: 0;
	position: absolute;
	display: none;
	background: var(--primary-bg-color);
	padding: 10px 5px;
	z-index: 9999999;
}

ul.sub-menu>li {
	min-height: 30px;
	padding: 0;
	padding-top: 5px;
}

ul.sub-menu>li>a {
	padding: 10px 15px;
}

ul.sub-menu>li>a,
.navbar-collapse>ul li>a {
	text-transform: uppercase;
}

ul.sub-menu>li>a:hover {
	text-decoration: none !important;
}

li.menu-item-has-children:hover>ul.sub-menu,
ul.sub-menu:hover {
	display: block;
}

ul.sub-menu>li.menu-item-has-children>ul.sub-menu {
	left: 100%;
	top: -10px;
}

@media(max-width: 768px) {
	ul.sub-menu {
		position: relative;
	}

	ul.sub-menu>li.menu-item-has-children>ul.sub-menu {
		left: 0;
		top: 0;
	}
}

.navbar-default {
	background-color: var(--primary-bg-color) !important;
	background-image: none !important;
	box-shadow: none !important;
}

.navbar-default .nav li.menu-item>a {
	color: var(--nav-menu-color) !important;
	background-color: var(--primary-bg-color) !important;
	background-image: none !important;
	box-shadow: none !important;
}


ul.nav ul.sub-menu {
	min-width: 150px;
	width: max-content;
}

.navbar-default {
	position: relative;
}

.navbar-collapse>ul {
	display: flex;
	justify-content: space-around;
}

@media(max-width: 768px) {
	.navbar-collapse {
		position: absolute;
		z-index: 99999999;
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-collapse,
	.navbar-collapse ul {
		width: 100%;
	}

	.navbar-collapse>ul {
		justify-content: flex-start;
		flex-direction: column;
	}

	.navbar-collapse>ul li {
		background: var(--nav-menu-bg-color);
	}

	.navbar-collapse>ul li>a {
		width: max-content;
	}
}

header>.very-top-bar {
	background-color: var(--third-color);
}

.vtb-container.container>.bnb-menu>ul {
	display: flex;
	justify-content: flex-end;
}

.page-header-top-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.page-header-top-right>.bnb-menu>ul {
	display: flex;
	justify-content: flex-end;
	font-size: 26px !important;
}

.page-header-top-right>.bnb-menu>ul>li {
	margin-left: 1rem !important;
	color: var(--black-color);
	transition: all 0.5s;
}

.page-header-top-right>.bnb-menu>ul>li>a:hover>span,
.page-header-top-right>.bnb-menu>ul>li>a:hover {
	color: var(--blue-color) !important;
}

.header-container {
	padding: 0px 15px !important;
}

@media only screen and (max-width: 768px) {
	.header-container {
		padding: 0px 5px !important;
	}
}

.page-header-top-right {
	margin-top: 3px !important;
}

.main-header {
	position: absolute !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 100 !important;
}

.header-container .logo a img,
#footer-row .logo-footer a img {
	/* width: 300px !important; */
	height: auto;
	align-items: center;
	justify-content: center;
	display: flex;
}

.header-container .logo {
	justify-content: center;
	align-items: center !important;
	display: flex;
}

@media only screen and (max-width: 1400px) {
	.header-container .logo {
		margin-left: 6px !important;
	}
}

@media only screen and (max-width: 1200px) {
	.header-container .logo a img {
		margin-top: 5px !important;
	}

	#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-menu-item>a.mega-menu-link {
		font-size: 14px !important;
	}
}

.hero-main .element-p-hero p {
	font-size: 20px !important;
}

.hero-main {
	align-content: center;
	background-position: right !important;
	background-size: max(90%) !important;
	background-repeat: no-repeat !important;
	min-height: 100vh !important;
}

.hero-container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 8rem !important;
}

.hero-container .left-main-column .vc_column-inner {
	display: flex !important;
}

.hero-container .left-main-column .vc_column-inner .wpb_wrapper {
	width: 81%;
}

@media only screen and (max-width: 1100px) {
	.hero-container .left-main-column .vc_column-inner .wpb_wrapper {
		width: 100%;
	}
}

.hero-container .btn-primary {
	margin-right: 2rem !important;
}

@media(max-width: 768px) {
	.mobile-d-none {
		display: none;
	}

	.page-header-top-right>.bnb-menu>ul>li>a>span {
		margin-right: 0;
	}

	.hero-container {
		display: block;
		margin-top: 5rem !important;
	}
}

@media only screen and (max-width: 550px) {
	.hero-main {

		background-repeat: no-repeat !important;
		background-size: 300% !important;
		background-position: right !important;
	}
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: transparent !important;
}

.navbar-default .navbar-toggle {
	border: none !important;
}


.firma-footer-opis {
	width: 60%;
	padding-top: 20px;
	padding-bottom: 10px;
}

@media only screen and (max-width: 1100px) {
	.firma-footer-opis {
		width: 90%;
	}

	.footer-left {
		width: 40%;
	}

	.footer-right {
		width: 60%;
	}
}

@media only screen and (max-width: 768px) {

	.footer-left,
	.footer-right {
		width: 100%;
	}

	.footer-right .col-md-4 {
		margin-bottom: 10px;
	}

	.footer-right .col-md-4:nth-child(1) {
		margin-bottom: 0px !important;
	}
}

.footer-menu>ul {
	list-style: none;
	padding-left: 0;
	font-size: 16px !important;
}

.border-top-footer {
	height: 1px;
	width: 100%;
	background: #fff;
	margin-bottom: 5px;
}



.autor-projektu-footer a>p:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/07/bnb-logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	width: 180px;
	height: 25px;
	right: -190px;
}

.social-media-logo {
	display: flex !important;
	gap: 20px !important;
}

.social-media-logo a img:hover {
	color: black !important;
}

@media only screen and (max-width: 768px) {
	.social-media-logo {
		margin-bottom: 15px;
		margin-top: 15px;
	}
}

.contact-phone,
.contact-email,
.contact-location,
.contact-phone-grey,
.contact-mail-grey,
.contact-location-grey {
	position: relative;
	margin-left: 2.5rem;
}

.contact-phone::before,
.contact-email::before,
.contact-location::before,
.contact-phone-grey::before,
.contact-mail-grey::before,
.contact-location-grey::before {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 5px;
	left: 3px;
	height: 15px;
	width: 15px;
	margin-left: -2.5rem;
}

.contact-phone::before {
	background-image: url("/wp-content/uploads/2025/09/Phone-2.svg");
}

.contact-email::before {
	background-image: url("/wp-content/uploads/2025/09/Mail-2.svg");
}

.contact-location::before {
	background-image: url("/wp-content/uploads/2025/09/pin.svg");
}

.contact-phone-grey::before {
	background-image: url("/wp-content/uploads/2024/06/Group-1152.svg");

}

.contact-mail-grey::before {
	background-image: url("/wp-content/uploads/2024/06/Group-1153.svg");
	top: 8px !important;
}

.contact-location-grey::before {
	background-image: url("/wp-content/uploads/2024/06/Group-1154.svg");
	top: 7px !important;
}

/* ------------------------------------------------------------ menu ----------------------------------------------- */

.footer-description {
	margin-top: 20px;
}

#site-footer {
	padding: 0px;
}

footer#site-footer {
	background: var(--blue-color) !important;
	padding-top: 40px;
	padding-bottom: 0px;
	border-top: unset !important;
	color: var(--white-color) !important;
}

footer#site-footer a:hover {
	color: #000 !important;
}

.px-0 {
	padding-left: 0;
	padding-right: 0;
}

.px-15 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.head-sec-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#sidebar-shop ul.product-cats {
	list-style: none !important;
	padding: 0;
}

#sidebar-shop ul.product-cats>li,
.container-back-bnb {
	padding: 10px 5px;
	border-bottom: 1px solid var(--separator-color);
}


.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	padding-left: 0;
	padding-right: 0;
}

.row {
	margin-right: 0;
	margin-left: 0;
}

.product_meta {
	display: flex;
	flex-direction: column;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--primary-color);
	font-size: 16px;
}

form#commentform>p.comment-form-author,
form#commentform>p.comment-form-email {
	display: flex;
	flex-direction: column;
}

form#commentform>p.comment-form-cookies-consent {
	display: flex;
	align-items: center;
}

form#commentform>p.comment-form-cookies-consent>input {
	margin: 0;
	margin-right: 15px;
}

.container {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.sidebar-shop {
	padding-right: 20px;
}



.shop-bar-bnb {
	height: 43px;
	width: 100%;
	background: var(--third-color);
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

.shop-bar-bnb>p,
.shop-bar-bnb>form {
	margin-bottom: 0 !important;
}

.shop-bar-bnb>form>select {
	border-radius: 5px;
	cursor: pointer;
}

.carousel-indicators [data-bs-target] {
	height: 3px;
	width: 30px;
	background-color: var(--separator-color);
	margin-left: 3px;
	margin-right: 3px;
}

.carousel-indicators .active {
	height: 3px;
	width: 30px;
	background-color: var(--primary-color);
}

.slide-container-bnb {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	min-height: 720px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.box-logo-bnb.slider-box.righ-down-position {
	position: absolute;
	right: 0;
	bottom: 0;
}

.slide-container-bnb>.slide-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.slide-container-bnb>.slide-content>h1 {
	margin-bottom: 30px;
}

.slide-container-bnb>.slide-content>p {
	margin-bottom: 20px;
}

.slide-container-bnb>.slide-content>a.button-slider {
	margin-bottom: 30px;
}

.btn-primary {
	background-image: none !important;
	background-color: transparent !important;
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	font-family: "Verdana" !important;
}

.btn-primary a {
	font-family: "Verdana" !important;
	background-color: var(--blue-color) !important;
	color: var(--white-color) !important;
	border: 2px solid var(--blue-color) !important;
	background-image: none !important;
	transition: all 0.5s;
	min-width: 230px;
	text-align: center !important;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
	align-content: center !important;
	height: 50px;
	font-size: 18px !important;
	border-radius: 10px !important;
}



.btn-primary a:hover,
.placeholder-newsletter-right p input:hover,
.btn-primary-a:hover {
	background-color: transparent !important;
	color: var(--blue-color) !important;
	border: 2px solid var(--blue-color) !important;
	text-decoration: none !important;
}

.btn-primary-a {
	font-family: "Verdana" !important;
	background-color: var(--blue-color) !important;
	color: var(--white-color) !important;
	border: 2px solid var(--blue-color) !important;
	background-image: none !important;
	transition: all 0.5s;
	min-width: 230px;
	text-align: center !important;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
	align-content: center !important;
	height: 50px;
	font-size: 18px !important;
	border-radius: 10px !important;
}

.btn-secondary a {
	font-family: "Verdana" !important;
	background-color: var(--secondary-color) !important;
	color: #fff !important;
	border: 2px solid var(--secondary-color) !important;
	background-image: none !important;
	transition: all 0.5s;
	min-width: 230px;
	text-align: center !important;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
	align-content: center !important;
	height: 50px;
	font-size: 18px !important;
	border-radius: 10px !important;
	font-weight: 600 !important;
}

.btn-secondary a:hover {
	background-color: #fff !important;
	color: var(--secondary-color) !important;
	border: 2px solid var(--secondary-color) !important;
	text-decoration: none !important;
}

.product-slider {
	padding-top: 20px;
}


.btn-secondary-a {
	font-family: "Verdana" !important;
	background-color: var(--secondary-color) !important;
	color: #fff !important;
	border: 2px solid var(--secondary-color) !important;
	background-image: none !important;
	transition: all 0.5s;
	min-width: 230px;
	text-align: center !important;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
	align-content: center !important;
	height: 50px;
	font-size: 18px !important;
	border-radius: 10px !important;
}

.btn-secondary-a:hover {
	background-color: #fff !important;
	color: var(--secondary-color) !important;
	border: 2px solid var(--secondary-color) !important;
	text-decoration: none !important;
}

/* ----------------------------------------------------- style product slider -------------------------------------------------- */



.wpb-woo-products-slider figcaption a.button,
.wpb-woo-products-slider.owl-theme .owl-dots .owl-dot.active span,
.wpb-woo-products-slider.owl-theme .owl-dots .owl-dot:hover span {
	background: var(--secondary-color) !important;
}

.grid_no_animation .pro_price_area {
	color: var(--secondary-color) !important;
}

.woocommerce span.onsale {
	background-color: var(--primary-color) !important;
}

body.home>.container.site-container-content-bnb {
	max-width: 100%;
	padding: 0;
}

/* ----------------------------------------------------- style product slider -------------------------------------------------- */

.category-banner-content {
	padding: 10px;
}

.category-baner-inner {
	background-repeat: no-repeat;
	background-size: 130%;
	background-position: center;
	transition: all 0.5s;
}

.category-baner-inner>.primary-overlay {
	min-height: 400px;
	padding: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.category-baner-inner.right-inner>.primary-overlay {
	align-items: flex-end;
}

.category-baner-inner:hover {
	background-size: 150%;
}

@media(max-width: 760px) {
	.category-baner-inner {
		background-size: cover !important;
	}

	.category-baner-inner.right-inner>.primary-overlay {
		align-items: flex-start;
	}

	.category-baner-inner>.primary-overlay {
		background-color: var(--primary-overlay-color);
	}
}

.category-baner-inner>.primary-overlay>h3 {
	margin-bottom: 30px;
	text-transform: uppercase;
}

.category-baner-inner>.primary-overlay>p {
	margin-bottom: 20px;
	max-width: 250px;
}

.category-baner-inner>.primary-overlay>a.btn-primary {
	max-width: 150px;
	height: 40px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

section.category-banner {
	padding-bottom: 30px;
	padding-top: 50px;
}

.products-list.loop-bnb {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.loop-product-bnb {
	max-width: 25%;
	margin-bottom: 20px;
}

@media(max-width: 992px) {
	.loop-product-bnb {
		max-width: 50%;
	}
}

@media(max-width: 500px) {
	.loop-product-bnb {
		max-width: 100%;
	}
}



.loop-product-bnb>div {
	position: relative;
}

.loop-product-bnb>div>a>span.onsale {
	position: absolute;
	left: 10px;
	top: 10px;
}

.slider-title-product {
	margin: 0 0 10px;
	padding-top: 10px;
}

.product-details-loop {
	background: #ffffff !important;
	border: 1px solid #DCDCDC !important;
	padding-bottom: 10px;
}

.category-title-product_slider {
	padding-left: 10px;
	margin-bottom: 20px;
}

/* ----------------------------------------------- nowe style bnb ------------------------------------------------ */
/* ------------- sticky menu ---------- */
.header-sticky-container {
	position: fixed;
	color: white;
	width: 100%;
	background: #fffffd;
	z-index: 9999999;
	transition: all .3s;
	box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1);
}

.sticky-showed {
	top: 0 !important;
}

.sticky-hidden {
	top: -100%;
}

#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
	color: var(--black-color) !important;
}

#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link:hover {
	color: var(--blue-color) !important;
}

form.search_bnb {
	border: 1px solid #666666;
	border-radius: 21px;
	height: 42px;
	margin-top: 10px;
	min-width: 300px;
	display: flex;
	justify-content: space-between;
}

form.search_bnb>input {
	border: none;
	outline: none;
	height: 35px;
	border-radius: 20px;
	padding: 0;
	background: none;
	padding-right: 10px;
	padding-left: 10px;
}

form.mobile_show {
	display: none;
}

.search-form-container {
	background: #fff;
	padding: 10px;
	padding-bottom: 15px;
}

@media(max-width: 768px) {
	form.mobile_show {
		display: flex;
		margin: 0;
		background: #fff;
	}

	form.desktop_show {
		display: none;
	}

	.header-sticky-container {
		padding-bottom: 10px !important;
		padding-top: 10px !important;
	}

	#mega-menu-middle-main-menu {
		padding-bottom: 15px !important;
		box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
	}
}

/* /////////////////////////////// sklep style //////////////////////// */
.archive .products>.product>a>img {
	width: auto !important;
	max-height: 300px;
	transform: scale(1);
	transition: all 0.5s ease;
}

.archive .products>.product>a>img:hover {
	transform: scale(.95);
}

.woocommerce div.product div.images img {
	height: auto !important;
	width: auto !important;
	max-height: 600px !important;
}

ul#menu-very-top-menu>li.menu-item {
	padding: 0 10px;
}

/* /////////////////////////////////////////// Filtry sklep //////////////////////////////////// */


.container {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}


@media(min-width: 1200px) {
	.head-sec-inner {
		display: none;
	}
}

.head-sec-inner {
	padding: 0 10px;
}

p.filtry-close-bnb {
	margin: 0;
	font-weight: 500;
	font-size: 24px;
	line-height: 22px;
	text-align: center;
	height: 30px;
	width: 30px;
	border: 1px solid #000;
	border-radius: 15px;
	margin-top: 10px;
}

.shop-bar-bnb {
	height: 43px;
	width: 100%;
	background: var(--third-color);
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

.shop-bar-bnb>p,
.shop-bar-bnb>form {
	margin-bottom: 0 !important;
}

.shop-bar-bnb>form>select {
	border-radius: 5px;
	cursor: pointer;
}


h3.secondary-cat {
	padding: 10px 15px;
	background-color: #EAEAF2;
	font-weight: 600;
	font-size: 20px;
}

.show-sidebar-bnb {
	left: 0 !important;
}

p.filtry-bnb {
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px 15px;
	color: var(--primary-color);
	background: var(--secondary-color);
	border: 2px solid var(--primary-color);
	width: 150px;
	text-align: center;
	font-size: 16px;
	float: left;
	margin-right: 10px;
	display: none;
}

@media(max-width: 1200px) {
	main>.shop_content-inner>.row>.sidebar-shop {
		position: fixed;
		z-index: 99999999999 !important;
		background-color: #FFFFFF;
		border-right: 2px solid #003778;
		top: 0;
		left: -100%;
		height: 100vh;
		overflow-y: scroll;
		transition: all 0.5s !important;
	}

	main>.shop_content-inner>.row>.col-md-9.shop-content {
		width: 100% !important;
	}

	p.filtry-bnb {
		display: block;
	}
}

main>.shop_content-inner>.row>.sidebar-shop.show-sidebar-bnb {
	left: 0 !important;
}

.shop-header {
	height: 50px;
	margin-bottom: 30px;
}

.left-main-column .vc_column-inner .wpb_wrapper {
	display: inline !important;
}

#sp-ea-345.sp-easy-accordion>.sp-ea-single:hover,
#sp-ea-345.sp-easy-accordion>.sp-ea-single.ea-expand {
	background: #E3F3FF !important;
}

#sp-ea-345.sp-easy-accordion>.sp-ea-single>.ea-header a {
	font-weight: 400 !important;
}

#sp-ea-345.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon {
	float: right;
	color: white;
	background: var(--blue-color) !important;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	font-weight: 100 !important;
	font-size: 20px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50% !important;
	width: 2.6rem !important;
	height: 2.6rem !important;
	margin-left: 1.5rem !important;
}

#sp-ea-345.sp-easy-accordion>.sp-ea-single {
	border: unset !important;
}

.ea-icon-expand-plus:before {
	content: '+' !important;
}

#sp-ea-345.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon.ea-icon-expand-minus {
	background: #fff !important;
	color: var(--blue-color) !important;
}

.ea-icon-expand-minus:before {
	content: '−' !important;
}

.sp-easy-accordion .sp-ea-single .ea-header a {
	font-size: 20px !important;
}

@media only screen and (max-width: 768px) {
	.sp-easy-accordion .sp-ea-single .ea-header a {
		font-size: 16px !important;
	}
}

.sp-easy-accordion .sp-ea-single {
	border-radius: 10px !important;
}

section#latest .sp-pcp-thumb {
	height: 200px;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.latest-naglowek-p {
	width: 65%;
	margin: auto;
}

section#latest .sp-pcp-post {
	padding: 15px 25px !important;
	background: #F4F4F4 !important;
	border-radius: 15px !important;
}

section#latest img {
	width: 100%;
	max-height: 100%;
	object-fit: cover;
	border-radius: 15px;
}

section#latest i {
	font-size: 30px !important;
}

@media only screen and (min-width: 768px) {
	section#latest .row {
		gap: 0em !important;
		flex-wrap: nowrap;
	}

	section#latest .col-md-4 {
		flex: 1 1 auto;
	}

	.mega-destkop-hiddden#mega-menu-item-606 {
		display: none !important;
	}
}

.mega-destkop-hiddden#mega-menu-item-606 a.mega-menu-link {
	display: none !important;
}

@media only screen and (max-width: 768px) {
	section#latest img {
		margin-top: 0rem !important;
	}

	section#cta .container {
		margin-bottom: 0rem !important;
	}

	.latest-naglowek-p {
		width: 85%;
		margin: auto;
	}

	section#latest .row {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}

	.logo-mobile-navbar {
		padding: 10px !important;
	}
}

section#latest .col-md-4 {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
	margin-bottom: 1em;
}

section#latest .wrapper {
	padding: 1em;
	height: 100%;
	display: flex;
	flex-direction: column;
}

section#latest h4 {
	margin-top: 1em;
}

/* .archive #main .row .col-md-4 .wrapper>p {
  max-height: 130px;
  overflow: hidden;
} */

section#latest .cta {
	color: var(--red) !important;
	display: inline-block;
	width: fit-content;
	margin-left: auto;
	display: block;
	margin-top: auto;
}

section#latest .cta:after {
	content: "";
	height: 1px;
	width: 100%;
	display: block;
	background-color: var(--red);
}

.slider-container {
	position: relative;
	width: 80%;
	margin: auto;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

.slides-wrapper {
	position: relative;
	min-height: 200px;
	/* Adjust based on your content */
	margin-bottom: 20px;
	/* Ensure space for dots */
}

.slide {
	display: none;
	color: var(--black-color);
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	transition: transform 1s ease-in-out, opacity 1s ease-in-out;
	opacity: 0;
}

.slide.active {
	display: block;
	opacity: 1;
}

.slider-navigation {
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: space-between;
	top: 50%;
	/* Positioning arrows at 50% of the height of the slider container */
	transform: translateY(-50%);
}

.slider-navigation span {
	cursor: pointer;
	color: var(--black-color);
	font-size: 24px;
	transition: color 0.3s;
}

.slider-navigation span:hover {
	color: var(--blue-color);
}

.dots {
	text-align: center;
	padding: 10px;
}

.dots span {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: var(--grey-color);
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease, width 0.6s ease;
}

.dots span.active-dot {
	background-color: var(--blue-color);
	width: 25px;
	border-radius: 12px;
}

.company-logo {
	margin-top: 20px;
	width: 200px;
}

.opinion-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	transition: opacity 1s ease-in-out;
}

.opinion-content p {
	padding: 25px 35px;
	margin: 0;
	position: relative;
}

.opinion-content {
	position: relative;
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.slider-container {
		width: 100%;
	}

	.opinion-content p {
		padding: 0px 25px;
		margin: 0;
		position: relative;
	}

	.slides-wrapper {
		position: relative;
		min-height: 250px;
		margin-bottom: 20px;
	}

	/* 	section#latest img {
  	width: 100%;
 	 height: 100% !important;
  	object-fit: contain;
	} */
	/* 	section#latest .sp-pcp-thumb {
   		height: 100% !important;
	} */
}

.blue-background .vc_column-inner {
	background: var(--light-blue-color);
	padding: 25px 25px !important;
	border-radius: 10px !important;
	width: 350px !important;
	justify-content: center !important;
	align-items: stretch;
	display: flex;
}

.blue-background .vc_column-inner .wpb_wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.blue-background .vc_column-inner .wpb_single_image {
	margin-bottom: 25px !important;
}

.blue-background .btn-primary {
	margin-bottom: 0px !important;
	margin-top: auto !important;
}

.container-ofertowy-padding {
	padding: 0px 150px !important;
}

@media only screen and (max-width: 1200px) {
	.container-ofertowy-padding {
		padding: 0px 50px !important;
	}
}

@media only screen and (max-width: 768px) {
	.container-ofertowy-padding {
		padding: 0px !important;
	}

	.blue-background .vc_column-inner {
		width: 100% !important;
		justify-content: center !important;
		align-items: stretch;
		display: flex;
	}

	.box-display-none {
		display: none !important;
	}
}

/**************newsletter**************************/
#newsletter {
	margin-bottom: 5rem;
}

.newsletter-content {
	display: flex;
}

.newsletter-left {
	flex: 1;
}

.twoj-adres-e-mail {
	font-weight: 400;
	margin-bottom: 0px !important;
	margin-top: 1rem;
}

.newsletter-left h2 {
	margin: unset !important;
	margin-bottom: 3.5rem !important;
}

.h2-underline h2,
.h2-underline h1 {
	margin-bottom: 3.5rem !important;
	position: relative;
	font-weight: 600;
}

.h2-underline h2:before,
.h2-underline h1:before {
	content: "";
	height: 2px;
	width: 150px;
	background: var(--blue-color);
	position: absolute;
	left: 0;
	bottom: -10px;
}

.h2-underline-mid {
	margin-bottom: 3.5rem !important;
	position: relative;
	font-weight: 600;
}

.h2-underline-mid:before {
	content: "";
	height: 2px;
	width: 150px;
	background: #000;
	position: absolute;
	left: calc(50% - 75px);
	bottom: -20px;
}

/* .newsletter-left h2:before {
	content: "";
	height: 2px;
	width: 150px;
	background: var(--blue-color);
	position: absolute;
	left: 75px;
	bottom: -20px;
} */

.newsletter-left p {
	width: 90%;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
}

.newsletter-right {
	flex: 1;
}

.placeholder-newsletter {
	display: flex;
	width: 100%;
	gap: 10px;
}

.placeholder-newsletter-left {
	width: 100%;
}

.placeholder-newsletter-left .wpcf7-form-control.wpcf7-text {
	padding: 10px 15px;
	border: 1px solid var(--blue-color);
	border-radius: 10px;
	width: 100%;
	font-size: 14px;
}

.placeholder-newsletter-right .wpcf7-form-control.wpcf7-submit {
	padding: 10px 20px;
	border: 1px solid var(--blue-color);
	border-radius: 10px;
	background-color: var(--blue-color);
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.newsletter-consent {
	display: flex;
	align-items: flex-start;
	margin-top: 10px;
}

.newsletter-consent .wpcf7-form-control-wrap {
	margin-right: 10px;
}

.newsletter-consent label {
	display: flex;
	align-items: flex-start;
	font-size: 12px;
	line-height: 1.4;
	color: #333;
}

.newsletter-consent a {
	color: #007bff;
	text-decoration: none;
}

.newsletter-consent a:hover {
	text-decoration: underline;
}

.newsletter-consent .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.newsletter-consent .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label input {
	margin-right: 1rem;
}

.newsletter-consent .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label {
	font-weight: 400;
	margin-left: 1rem;
	width: 80%;
}

@media only screen and (max-width: 768px) {
	.newsletter-content {
		flex-direction: column;
	}

	.newsletter-left,
	.newsletter-right {
		width: 100%;
	}

	.placeholder-newsletter-left,
	.placeholder-newsletter-right .wpcf7-form-control.wpcf7-submit {
		width: 100%;
	}
}

/**************************************************************************baza-wiedzy-slider*******************************************************************/
.baza-wiedzy-container .sp-pcp-row {
	justify-content: center !important;
	gap: 30px !important;
	height: 100%;
	align-items: stretch;
}

.baza-wiedzy-h2 {
	padding-left: 0px !important;
}

.container.baza-wiedzy-h2 h2 {
	margin: unset !important;
	margin-bottom: 3.5rem !important;
	margin-top: 2rem !important;
}

.container.baza-wiedzy-h2 h2:before {
	bottom: -20px !important;
}

.baza-wiedzy-container .sp-pcp-col-md-3 {
	background: #F4F4F4 !important;
	height: 100%;
	padding: 20px;
	border-radius: 15px;
}

.baza-wiedzy-container .left-main-column .vc_column-inner .wpb_wrapper .wpb_text_column {
	margin-bottom: 0px !important;
}

.sp-pcp-post .sp-pcp-post-content .sp-pcp-readmore a {
	display: inline-block;
	border: none !important;
	padding: unset !important;
	box-shadow: 0 0 0;
	text-transform: unset !important;
	font-size: 16px;
	letter-spacing: 0px;
	background: transparent;
	color: #111;
	border-color: #888;
	border-radius: 0;
}

.pcp-carousel-wrapper .sp-pcp-carousel {
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}

@media only screen and (max-width: 768px) {
	.baza-wiedzy-container .sp-pcp-row {
		justify-content: center !important;
		gap: 30px !important;
		height: unset !important;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.baza-wiedzy-container .sp-pcp-col-md-3 {
		width: 100% !important;
		padding: 20px;
		margin-bottom: 30px;
	}

	.baza-wiedzy-container .sp-pcp-col-xs-1,
	.baza-wiedzy-container .sp-pcp-col-sm-2 {
		width: 100% !important;
	}

	.baza-wiedzy-container .container {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
}

#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-menu-item.umowe-spotkanie-button.mega-current-menu-item>a.mega-menu-link,
.umowe-spotkanie-button a.mega-menu-link {
	margin-left: 15px !important;
	padding: 10px 25px !important;
	display: inline !important;
	background-color: var(--blue-color) !important;
	color: var(--white-color) !important;
	border: 1px solid var(--blue-color) !important;
	background-image: none !important;
	transition: all 0.5s;
	width: 200px !important;
	text-align: center;
	text-transform: uppercase !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	min-height: 40px;
	border-radius: 10px !important;
}

#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-menu-item.umowe-spotkanie-button.mega-current-menu-item>a.mega-menu-link:hover,
.umowe-spotkanie-button a.mega-menu-link:hover {
	background-color: transparent !important;
	color: var(--blue-color) !important;
	border: 1px solid var(--blue-color) !important;
	text-decoration: none !important;
}

.baza-wiedzy-link {
	margin-top: 0px !important;
	margin-right: 15px !important;
	justify-content: right !important;
	display: flex !important;
	align-items: center !important;
}

.baza-wiedzy-link a {
	font-size: 18px !important;
	margin-top: -45px !important;
}

@media only screen and (max-width: 768px) {
	.baza-wiedzy-link {
		margin-top: 0px !important;
		margin-left: 15px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
		background: transparent !important;
	}

	#mega-menu-wrap-middle-main-menu .mega-menu-toggle.mega-menu-open+#mega-menu-middle-main-menu {
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	}

	.umowe-spotkanie-button a.mega-menu-link {
		margin-left: 10px !important;
	}
}

/******* formularz kontaktowy ****************/
#formularz .container-formularz {
	background: #E3F3FF;
	padding: 25px 35px !important;
	border-radius: 15px !important;
	margin: 0 auto;
}

.placeholder-newsletter-right .wpcf7-spinner,
#formularz .form-group.recaptcha-group .wpcf7-spinner {
	display: none !important;
}

#formularz .recaptcha-group p {
	display: flex;
	width: 100%;
}

#formularz h2:before {
	left: 75px !important;
}

#formularz .form-row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

#formularz .form-group.half-width {
	flex: 1;
	min-width: calc(50% - 10px);
}

#formularz .form-group.half-width p {
	margin-bottom: 0px !important;
}

#formularz .form-group input,
#formularz .form-group textarea {
	width: 100%;
	padding: 10px 15px;
	border: none !important;
	border-radius: 5px;
	font-size: 14px;
	color: #555555;
	resize: none;
}

#formularz .form-group input::placeholder,
#formularz .form-group textarea::placeholder {
	color: #A9A9A9;
}

#formularz input[type=checkbox] {
	margin: unset !important;
}

#formularz .checkbox-group {
	display: flex;
	align-items: center;
	color: #fff;
}

#formularz .checkbox-group p {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width: 393px) {
	#formularz .checkbox-group p {
		flex-wrap: wrap;
		display: inline-flex;
		justify-content: left;
		align-items: center;
	}
}

#formularz .checkbox-group .wpcf7-list-item {
	display: flex;
	margin: 0 1rem 0 0;
}

#formularz .checkbox-group .wpcf7-list-item input {
	display: flex;
	align-items: center;
	justify-content: center;
}

#formularz .checkbox-group a {
	color: var(--blue-color);
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

#formularz .checkbox-group a:hover {
	text-decoration: underline;
}

#formularz .form-group.recaptcha-group {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

#formularz .btn-primary {
	background-color: var(--blue-color);
	color: #FFFFFF;
	border: none;
	padding: 15px 20px;
	font-size: 16px;
	border-radius: 10px !important;
	cursor: pointer;
	transition: background-color 0.3s ease;
	text-align: center;
}

#formularz .btn-primary:hover {
	background-color: #055BB5;
}

.formularz-email-kontakt {
	padding-left: 15px !important;
	margin-bottom: 5px !important;
	font-weight: 400 !important;
	color: #262626;
}

#formularz .recaptcha-group p .wpcf7-form-control {
	background-color: var(--blue-color) !important;
	color: var(--white-color) !important;
	border: 2px solid var(--blue-color) !important;
	background-image: none !important;
	transition: all 0.5s;
	min-width: 230px;
	text-align: center !important;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
	align-content: center !important;
	height: 50px;
	border-radius: 10px !important;
	font-size: 18px !important;
	font-weight: 600 !important;
}

#formularz .recaptcha-group p .wpcf7-form-control:hover {
	background-color: transparent !important;
	color: var(--blue-color) !important;
	border: 2px solid var(--blue-color) !important;
	text-decoration: none !important;
}

.left-formularz ul {
	padding-left: 0 !important;
	list-style: none !important;
}

@media (max-width: 768px) {
	#formularz .form-row {
		flex-direction: column;
		gap: 0px;
	}

	#formularz .form-group.half-width {
		min-width: 100%;
	}

	#formularz .form-group.recaptcha-group {
		flex-direction: column;
		align-items: flex-start;
	}

	#formularz .btn-primary {
		width: 100%;
		margin-top: 10px;
	}

	#formularz .recaptcha-group p {
		display: block;
	}

	#formularz .container-formularz {
		padding: 25px 10px !important;
	}
}

@media only screen and (max-width: 1024px) {
	#formularz .form-group.recaptcha-group {
		display: block;
	}

	#formularz .recaptcha-group p {
		width: 100%;
		margin-top: 1rem;
	}
}

.social-media-formularz {
	float: left !important;
}

.social-media-formularz .wpb_wrapper .vc_single_image-wrapper img {
	margin-right: 3rem !important;
}

.social-media-formularz img {
	object-fit: contain !important;
	width: 20px !important;
	height: 20px !important;
}

.dlaczego-bnt-list-style .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper ul {
	list-style: none !important;
	padding-left: 0 !important;
	font-family: "Verdana" !important;
}

.dlaczego-bnt-list-style .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper ul li {
	position: relative;
	margin-left: 2.5rem;
	font-size: 16px !important;
	margin-bottom: 1.2rem;
}

@media only screen and (max-width: 768px) {
	.social-media-formularz {
		margin-bottom: 0px !important;
		margin-top: 20px !important;
	}

	.dlaczego-bnt-list-style .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper ul li {
		font-size: 14px !important;
	}
}

.dlaczego-bnt-list-style .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	transform: translateY(-50%);
	height: 1rem;
	width: 1rem;
	background-color: var(--blue-color);
	border-radius: 50%;
	margin-left: -2.5rem;
}

.baza-wiedzy-h2,
.single-post .entry-header,
.single-realizacja .entry-header {
	margin-top: 15rem !important;
}

@media only screen and (max-width: 768px) {

	.baza-wiedzy-h2,
	.single-post .entry-header,
	.single-realizacja .entry-header {
		margin-top: 10rem !important;
	}
}

.baza-wiedzy-h2 h2 {
	position: relative !important;
	display: flex;
	align-items: center;
	justify-content: flex-start !important;
	margin-bottom: 1rem !important;
	width: 100% !important;
}

.baza-wiedzy-h2 h2:before {
	content: "";
	height: 2px;
	width: 150px;
	background: var(--blue-color);
	position: absolute;
	left: 1px !important;
	transform: unset !important;
	bottom: -15px;
}


.pcp-readmore-link {
	position: absolute;
	width: 100% !important;
	bottom: 25px !important;
	left: 25px !important;
}

.swiper-button-prev {
	position: absolute !important;
	left: -32px !important;
	top: 50% !important;
}

.swiper-button-next {
	position: absolute !important;
	right: -32px !important;
	top: 50% !important;
}

#pcp_wrapper-378 .pcp-button-prev,
#pcp_wrapper-378 .pcp-button-next {
	background-image: none;
	background-size: auto;
	background-color: transparent;
	margin-top: 0px !important;
	border: 1px solid transparent;
	text-align: center;
	line-height: 30px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.sp-pcp-post {
	width: 100% !important;
}

#sp-pcp-id-378 {
	height: 100% !important;
	align-items: stretch !important;
	display: flex !important;
}

section#latest .swiper-slide {
	background: #f4f4f4 !important;
	border-radius: 15px !important;
}

.sp-pcp-post .sp-pcp-title a {
	line-height: 28px !important;
}

.sp-pcp-post-content p {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	line-clamp: 3 !important;
	-webkit-line-clamp: 3 !important;
	line-height: 22px;
	overflow: hidden !important;
	margin-bottom: 40px !important;
}

.baza-wiedzy-header {
	display: flex;
	gap: 40px;
	justify-content: space-between;
	width: 100%;
}

.baza-wiedzy-header .page-title {
	font-size: 2rem;
	margin-bottom: 10px;
}

.baza-wiedzy-header .categories-searchbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.baza-wiedzy-header .categories {
	display: flex;
	gap: 10px;
	flex-wrap: wrap !important;
	margin-bottom: 0px !important;
}

.baza-wiedzy-header .searchbar {
	position: relative;
	flex-direction: column;
	align-items: flex-start;
}

.baza-wiedzy-header .searchbar .search-field {
	width: 100%;
}

.baza-wiedzy-header .searchbar .search-submit {
	background: none;
	border: none;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

/**************/
.baza-wiedzy-header .categories,
.baza-wiedzy-header .searchbar {
	width: 100%;
	display: flex;
	align-items: center;
}

.autocomplete-suggestions {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: none;
	width: 100%;
	background-color: white;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 1000;
}

.autocomplete-suggestions li {
	padding: 8px 10px;
	cursor: pointer;
}

.autocomplete-suggestions li:hover {
	background-color: #f0f0f0;
}

@media only screen and (max-width: 768px) {
	.baza-wiedzy-header {
		flex-direction: column;
	}

	.baza-wiedzy-header .categories,
	.baza-wiedzy-header .searchbar {
		width: 100%;
	}
}

.baza-wiedzy-header .categories {
	gap: 10px;
}

.page-title {
	font-size: 2rem;
	margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
	.baza-wiedzy-header {
		display: flex;
		justify-content: space-between;
		width: 100%;
		flex-wrap: wrap;
		gap: 20px;
	}

	.baza-wiedzy-header .categories {
		gap: 0px !important;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 768px) {
	.display-flex {
		margin-top: 2rem !important;
		display: block !important;
	}
}

.categories {
	margin-bottom: 15px !important;
	width: 100%;
}

body.single .post-categories {
	margin: 2rem 0;
}

.post-categories a,
.categories .btn-outline-secondary {
	padding: 5px 15px;
	background: #fff;
	border: 1px solid #A9A9A9 !important;
	color: #A9A9A9 !important;
	border-radius: 10px !important;
	font-size: 14px !important;
	margin-right: 1rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.post-categories a:hover,
.categories .btn-outline-secondary:hover {
	color: #fff !important;
	background: var(--blue-color) !important;
	border: 1px solid var(--blue-color) !important;
}

.categories .current-cat {
	color: white !important;
	background: var(--blue-color);
	border: 1px solid var(--blue-color) !important;
}

.categories .btn-all {
	padding: 5px 15px;
	background: var(--blue-color);
	border: 1px solid var(--blue-color);
	border-radius: 25px !important;
	font-size: 12px !important;
	height: 27px !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.post-categories ul {
	padding-left: 0rem !important;
	display: flex !important;
	list-style: none !important;
}

.categories .btn-all:hover {
	color: var(--blue-color) !important;
	background: transparent;
	border: 1px solid var(--blue-color) !important;
}

@media only screen and (max-width: 768px) {

	.categories .btn-outline-secondary,
	.post-categories a {
		margin-right: .4rem;
		margin-bottom: .8rem;
	}

	.categories .btn-all {
		margin-left: 6.2rem !important;
	}
}

.searchbar {
	display: flex;
	align-items: center;
}

.searchbar .search-form,
.searchbar label {
	width: 100%;
}

.searchbar label {
	margin-bottom: 0 !important;
	height: 36px !important;
}

.searchbar .search-field {
	padding-left: 8px;
	border: 1px solid #A9A9A9 !important;
	border-radius: 5px;
}

.searchbar input[type=placeholder] {
	color: #A9A9A9 !important;
}

.searchbar .search-submit {
	background: none;
	border: none;
	margin-left: 10px;
	cursor: pointer;
}

.recent-posts {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 35px;
	margin-bottom: 35px;
	margin-top: 35px;
}

@media only screen and (max-width: 768px) {
	.recent-posts {
		grid-template-columns: 1fr;
	}
}

.post-card {
	display: flex;
	width: 100%;
	margin: 0 auto;
	background: #f2f2f2;
	position: relative !important;
	border-radius: 15px !important;
	overflow: hidden !important;
	height: auto !important;
	/* max-height: 450px; */
}

.post-thumbnail,
.post-content {
	flex: 1 1 50%;
	box-sizing: border-box;
}

.post-thumbnail {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;

}

body.single .post-thumbnail {
	margin-top: 50px;
	margin-bottom: 50px;
}

.post-thumbnail-img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;

}

.post-card .post-content {
	padding: 25px;
}

.post-card .post-title {
	margin: unset !important;
	margin-bottom: 20px !important;
	line-height: 30px !important;
	/* margin-top: 20px !important; */
	font-size: 24px !important;
}

.post-card .post-title:before {
	display: none !important;
}

.post-meta,
.post-title,
.post-excerpt,
.read-more {
	margin-bottom: 20px;
}

.post-excerpt p {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	line-clamp: 4 !important;
	-webkit-line-clamp: 4 !important;
	overflow: hidden !important;
	margin-bottom: 50px !important;
}

.post-meta span {
	display: inline-block;
	margin-right: 10px;
}

.post-card .read-more {
	text-decoration: none;
	color: #262626;
	/* position: absolute; */
	/* bottom: 0; */
	font-size: 18px !important;
	margin-bottom: 25px !important;
}

.read-more:hover {
	text-decoration: underline;
}

.categories {
	margin-bottom: 15px !important;
}

.categories .current-cat {
	color: white !important;
	background: var(--blue-color);
	border: 1px solid var(--blue-color) !important;
}

.categories .btn-all {
	padding: 5px 15px;
	background: var(--blue-color);
	border: 1px solid var(--blue-color);
	border-radius: 25px !important;
	font-size: 12px !important;
	height: 27px !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.categories .btn-all:hover {
	color: var(--blue-color) !important;
	background: transparent;
	border: 1px solid var(--blue-color) !important;
}

@media (max-width: 768px) {
	.post-card {
		display: flex;
		flex-direction: column;
		max-height: max-content;
	}

	.post-thumbnail {
		width: 100%;
	}

	.post-thumbnail,
	.post-content {
		flex: unset !important;
	}

	.post-thumbnail {
		height: auto !important;
	}
}

.pagination {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.pagination .page-numbers {
	/* margin: 0 5px; */
	padding: 5px 10px;
	border: 1px solid var(--blue-color);
	/* border-radius: 5px; */
	text-decoration: none;
	color: var(--blue-color);
	font-weight: 600;
}

.pagination .page-numbers.current {
	background-color: var(--blue-color);
	color: #fff;
}

.pagination .page-numbers:hover {
	background-color: var(--blue-color);
	color: #fff !important;
}

/************* single wpis *********************/
.h2-single-post {
	margin: unset !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: left !important;
	margin-bottom: 2rem !important;
}

.h2-single-post:before {
	display: none !important;
}

.single-post .entry-header p {
	margin-bottom: 10px !important;
	font-size: 18px !important;
}

.single-post .post-author {
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	font-size: 16px !important;
}

.post-thumbnail {
	position: relative;
}

.single-post .post-theme-single {
	color: var(--blue-color);
}

.single-post .post-content {
	position: relative !important;
	bottom: unset !important;
	left: unset !important;
	right: unset !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	background: unset !important;
}

.single-post .post-thumbnail img {
	border-radius: 15px;
	width: 100% !important;
	height: auto !important;
	max-height: 500px !important;
	object-fit: cover;
	object-position: center;
}

.single-post .post-container {
	background: white;
	border: 2px solid #f4f4f4;
	border-radius: 15px;
	padding: 25px;
	margin-top: -20rem;
	position: relative !important;
	max-width: 95%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
	.single-post .post-container {
		margin-top: -10rem !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media only screen and (max-width: 768px) {
	.single-post .post-container {
		margin-top: -4rem !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

.single-post .post-content {
	margin-bottom: 20px;
	background: white;
}

.single-post .layout-row {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1000px) {
	.single-post .layout-row {
		display: block;
	}

	.single-post .image-content {
		max-width: 100% !important;
	}
}

.single-post .text-content {
	flex: 1;
	padding-right: 20px;
}

.single-post .image-content {
	flex: 1;
	max-width: 50%;
}

.single-post .image-content img {
	width: 100%;
	height: auto;
}



.border-top-footer {
	height: 1px;
	width: 100%;
	background: #fff;
}

.footer-bottom {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.autor-projektu-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative !important;
	margin-bottom: 5px !important;

}

.autor-projektu-footer p {
	position: relative !important;
	align-items: center;
	display: flex;
	justify-content: center;
	margin-right: 190px;
	margin-bottom: 0px !important;
}

@media only screen and (max-width: 768px) {
	.autor-projektu-footer {
		justify-content: left !important;
		margin-bottom: 40px !important;
		flex-direction: column;
	}

	.autor-projektu-footer p {
		justify-content: left !important;
		margin-right: unset !important;
		width: 100%;
	}

	.autor-projektu-footer p:before {
		left: -10px;
		bottom: -25px;
		right: unset !important;
	}

	.autor-projektu-footer a {
		width: 100% !important;
	}

	#footer-row .logo-footer a img {
		width: 100% !important;
	}
}

.sp-pcp-section {
	padding-right: 15px;
	padding-left: 15px;
}

#footer-row .h2:before {
	bottom: -7px;
}

.footer-right,
.footer-left {
	padding-bottom: 20px !important;
}

.footer-right p {
	margin-bottom: 0px !important;
}

/* #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-menu-item>a.mega-menu-link {
	padding: 0px 15px !important;
} */

.accordion-faq {
	margin-top: 40px !important;
}

.margin-top-8rem {
	margin-top: 7.5rem !important;
}

.margin-top-8rem ul {
	padding-left: 0px !important;
	list-style: none !important;
}

.container-opinie .profile-img-wrapper {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center !important;
	margin-top: 1rem !important;
}

@media only screen and (max-width: 768px) {
	.margin-top-8rem {
		margin-top: 2.5rem !important;
	}

	.container-opinie .profile-img-wrapper {
		justify-content: center !important;
	}

	.container-opinie .tss-wrapper .tss-carousel3 .item-content-wrapper {
		margin-top: -25px !important;
		padding: 20px 10px !important;
	}
}

#menu-footer-dostawa li {
	height: 28px !important;
}

.container-opinie .single-item-wrapper {
	display: flex !important;
	flex-direction: column-reverse !important;
}

.container-opinie .profile-img-wrapper img {
	width: 200px !important;
	height: auto !important;
}

.container-opinie .tss-wrapper .tss-carousel3 .item-content-wrapper {
	background: transparent !important;
}

.container-opinie .item-content-wrapper:before {
	display: none !important;
}

.container-opinie .tss-carousel-main .swiper-arrow,
.tss-carousel .swiper-arrow {
	background: transparent !important;
}

.container-opinie .tss-carousel .swiper-arrow>i {
	color: var(--black-color) !important;
}

.container-opinie .tss-carousel .swiper-arrow>i:hover {
	color: var(--blue-color) !important;
}

#pcp_wrapper-378 {
	padding-left: 22px !important;
	padding-right: 22px !important;
}

body.privacy-policy .page-header-top-right #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-umowe-spotkanie-button>a.mega-menu-link .page-template-baza-wiedzy .page-header-top-right #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-umowe-spotkanie-button>a.mega-menu-link,
.single-post .page-header-top-right #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-umowe-spotkanie-button>a.mega-menu-link {
	padding: 10px 25px !important;
}

body.privacy-policy header .page-header-top-right #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu li.mega-menu-item .page-template-baza-wiedzy header .page-header-top-right #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu li.mega-menu-item,
.single-post header .page-header-top-right #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu li.mega-menu-item {
	margin-left: 10px !important;
}

.category #mega-menu-middle-main-menu .mega-umowe-spotkanie-button,
.single-post #mega-menu-middle-main-menu .mega-umowe-spotkanie-button,
.page-template-baza-wiedzy #mega-menu-middle-main-menu .mega-umowe-spotkanie-button,
body.privacy-policy #mega-menu-middle-main-menu .mega-umowe-spotkanie-button {
	padding-left: 10px !important;
}

@media only screen and (max-width: 768px) {

	.category #mega-menu-middle-main-menu .mega-umowe-spotkanie-button,
	.single-post #mega-menu-middle-main-menu .mega-umowe-spotkanie-button,
	.page-template-baza-wiedzy #mega-menu-middle-main-menu .mega-umowe-spotkanie-button,
	body.privacy-policy #mega-menu-middle-main-menu .mega-umowe-spotkanie-button {
		padding-left: 10px !important;
	}
}

body.page-template-baza-wiedzy .post-content,
body.category .post-content {
	overflow-x: unset !important;
}

.kreska-oddzielajaca-tagi-single {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

td {
	border: 1px solid #262626;
	padding: 5px;
}

table {
	width: 100%;
	border-collapse: collapse;
}

td {
	border: 1px solid #262626;
	padding: 5px;
}

.post-content {
	width: 100% !important;
	/* overflow-x: auto !important; */

}

@media only screen and (max-width: 768px) {

	td p,
	table td span {
		font-size: 10px !important;
	}

	table td span {
		font-size: 10px !important;
		width: 100% !important;
		border-collapse: collapse !important;
	}

	td,
	th {
		word-wrap: break-word !important;
		white-space: normal !important;
	}

	table td span {
		word-wrap: break-word !important;
		white-space: normal !important;
		display: block !important;
	}
}


.offer-template-container {
	margin-top: 100px;
}

.hero-section-offer {
	padding-bottom: 80px;
	padding-top: 50px;
}

h1 {
	font-size: 42px !important;
	margin-bottom: 30px;
}

#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-menu-flyout ul.mega-sub-menu {
	background-color: #fff !important;
	padding: 20px 0 !important;
	/* border: 1px solid #000 !important; */
	box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	width: 300px;
}

#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	background: transparent !important;
	background-color: transparent !important;
	padding: 10px 20px !important;
	font-size: 14px;
	line-height: 20px;
	transition: all 0.3s ease-in-out;
}

#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
	padding-left: 40px !important;
	transition: all 0.3s ease-in-out;
}



.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.myHeroSwiper {
	margin-top: 83px;
	height: calc(100vh - 83px);
}

.myHeroSwiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #444;
	display: flex;
	/* justify-content: center; */
	align-items: center;
	background-size: cover;
	background-position: center;
	text-align: start;
	color: #fff !important;
}

.myHeroSwiper .swiper-slide p {
	max-width: 570px;
	margin-bottom: 30px;
}

.myHeroSwiper h1,
.myHeroSwiper h2 {
	font-weight: 600 !important;
	font-size: 40px !important;
	margin-top: 20px !important;
	margin-bottom: 30px !important;
}

.myHeroSwiper a.btn-a {
	font-weight: 600 !important;
}

a.btn-a {
	font-family: "Verdana" !important;
	background-color: var(--blue-color) !important;
	color: #fff !important;
	border: 2px solid var(--blue-color) !important;
	font-weight: 500 !important;
	background-image: none !important;
	transition: all 0.5s;
	min-width: 230px;
	text-align: center !important;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
	align-content: center !important;
	height: 50px;
	font-size: 20px !important;
	border-radius: 10px !important;
	width: fit-content !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}



a.btn-a:hover {
	background-color: transparent !important;
	color: var(--blue-color) !important;
	border: 2px solid var(--blue-color) !important;
	text-decoration: none !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--blue-color) !important;
}

.swiper-pagination-bullet {
	width: 12px !important;
	height: 12px !important;
	background: #fff !important;
	opacity: 1 !important;
}

.spacing-top {
	margin-top: 2rem !important;
}

.spacing-bottom {
	margin-bottom: 2rem !important;
}

@media only screen and (min-width:768px) {
	.spacing-top {
		margin-top: 10rem !important;
	}

	.spacing-bottom {
		margin-bottom: 10rem !important;
	}
}


.row-oferta .wpb_column>.vc_column-inner {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1);
}

.row-oferta .wpb_column>.vc_column-inner .wpb_single_image {
	margin-bottom: 0px !important;
}

.row-oferta .wpb_column>.vc_column-inner .wpb_text_column,
.row-oferta .wpb_column>.vc_column-inner .vc_btn3-container {
	padding: 0 20px 20px !important;
	margin-bottom: 0px !important;
}

.btn-small,
.btn-small a {
	width: fit-content !important;
}

.punktowane-zalety-row .vc_single_image-wrapper {
	height: 80px !important;
}

.o-nas-banner>.wpb_column>.vc_column-inner {
	padding: 0 !important;
}

.o-nas-banner>.wpb_column>.vc_column-inner>.wpb_wrapper>.vc_row {
	min-height: 400px;
	display: flex;
	align-items: center;
}

.vc_row {
	padding: 0 !important;
}

.section-brown-blocks>.wpb_column>.vc_column-inner>.wpb_wrapper {
	display: flex;
	padding: 40px 30px;
	background-color: var(--secondary-color);
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	gap: 20px;
	text-align: center;
	min-height: 152px !important;
}

/* .section-brown-blocks>.wpb_column>.vc_column-inner>.wpb_wrapper img {
	height: 70px !important;
	width: auto !important;
} */

.section-brown-blocks .wpb_wrapper>div {
	margin-bottom: 0 !important;
	color: #fff !important;
	min-width:50px !important;
}

.newsletter-container>.wpb_column>.vc_column-inner {
	background-color: var(--secondary-color);
	border-radius: 10px;
}

.newsletter-container>.wpb_column>.vc_column-inner>.wpb_wrapper {
	max-width: 800px;
	margin: 0 auto;
	padding: 40px !important;
}

.newsletter-container>.wpb_column span,
.newsletter-container>.wpb_column label {
	color: #fff !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.br-10 img,
.br-10 {
	border-radius: 10px !important;
}

.mw-800 {
	max-width: 800px !important;

}

@media only screen and (max-width:768px) {

	.page-template-default .site-main,
	.usluga-template-default .site-main {
		margin-top: 83px !important;
	}

	.vc_row.vc_column-gap-15>.vc_column_container {
		padding-left: 11px !important;
		padding-right: 11px !important;
	}
}


.uslugi-hero {
	min-height: 400px;
	display: flex;
	align-items: center;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.uslugi-hero>.container {
	padding: 0 !important;
}

.oferta__card {
	padding: 10px;
}

.row-oferta>.oferta__card:nth-child(1) {
	padding-left: 0px !important;
}

.row-oferta>.oferta__card:nth-last-child(1) {
	padding-right: 0px !important;
}

.single-oferta-card {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1);

}

.single-oferta-card-text {
	padding: 15px;
}


/* USTAWIENIA */
.single-oferta-card {
	--meta-h: clamp(70px, 9vw, 96px);
	/* wysokość miejsca na tytuł+przycisk pod obrazkiem */
	background: #fff;
	border: 1px solid #eee;
	height: 100%;
}

/* Kontener obrazu + warstwy */
.oferta-frame {
	position: relative;
	overflow: hidden;
	padding-bottom: 123px;
	/* rezerwujemy miejsce na meta POD obrazkiem w spoczynku */
}

/* Obrazek */
.oferta-img {
	display: block;
	width: 100%;
	min-height: 265px;
	object-fit: cover;
	transition: transform .35s ease;
}

/* Delikatny zoom na hover/focus */
/* .single-oferta-card:hover .oferta-img,
.single-oferta-card:focus-within .oferta-img {
	transform: scale(1.04);
} */

/* META (tytuł + opis + przycisk) – absolutnie przy dole obrazka */
.oferta-meta {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	gap: 10px;
	align-content: end;
	text-align: center;
	padding: 14px 16px;
	/* color: #fff; */
	background: #fff;
	/* transform: translateY(100%); */
	transition: transform .35s ease;
	will-change: transform;
}

/* Tytuł i przycisk są widoczne od początku (bo wystają pod obrazkiem),
   na hover cały .oferta-meta WJEŻDŻA NA OBRAZEK */
.single-oferta-card:hover .oferta-meta,
.single-oferta-card:focus-within .oferta-meta {
	transform: translateY(0);
}

/* Tytuł */
.oferta-title {
	margin: 0;
	font-size: clamp(18px, 2.1vw, 22px);
	line-height: 1.25;
	font-weight: 600;
}

/* Opis – ukryty na starcie, wjeżdża od dołu i „podnosi” tytuł */
.oferta-desc {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translateY(16px);
	transition: max-height .4s ease, opacity .35s ease, transform .35s ease;
	font-size: 14px;
}

/* Po hover/focus: pokaż opis (podniesie tytuł, bo rośnie treść poniżej) */
.single-oferta-card:hover .oferta-desc,
.single-oferta-card:focus-within .oferta-desc {
	max-height: 230px;
	/* bezpieczny limit, żeby treść nie zalała grafiki */
	opacity: 1;
	transform: translateY(0);
}

/* Przycisk */
.btn.btn-secondary-a {
	display: inline-block;
	padding: 10px 16px;
	text-decoration: none;
	font-weight: 600;
	border: 1px solid #fff;
	color: #fff;
	background: transparent;
	transition: transform .12s ease, background-color .12s ease, color .12s ease, border-color .12s ease;
}

.btn.btn-secondary-a:hover {
	transform: translateY(-1px);
	background: #fff;
	color: #000;
	border-color: #fff;
}

/* Dostępność na dotykowych – brak hovera: pokaż stan „po hoverze” */
@media (hover: none) and (pointer: coarse) {
	.oferta-meta {
		transform: translateY(0);
	}

	.oferta-desc {
		max-height: 42vh;
		opacity: 1;
		transform: none;
	}

	.oferta-img {
		transform: none !important;
	}
}


.accordion .accordion-item {
	border: none !important;
	border-radius: 5px !important;
	margin-bottom: 8px !important;
	box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.1);
}

.accordion .accordion-item button[aria-expanded='true'] {
	border-bottom: 1px solid var(--blue-color);
}

.accordion button {
	position: relative;
	display: block;
	text-align: left;
	width: 100%;
	padding: 1em 0;
	color: #000;
	background-color: #f4f4f4 !important;
	font-size: 16px;
	font-weight: 400;
	border: none;
	background: none;
	outline: none;
}

.accordion button:hover,
.accordion button:focus {
	cursor: pointer;
	color: #fff;
	background: var(--blue-color) !important;
}

.accordion button:hover::after,
.accordion button:focus::after {
	cursor: pointer;
	color: #03b5d2;
	border: 1px solid #03b5d2;
}

.accordion button .accordion-title {
	padding: 1em 1.5em 1em 1.5em;
}

.accordion button .icon {
	display: inline-block;
	position: absolute;
	top: calc(50% - 11px);
	right: 10px;
	width: 22px;
	height: 22px;
	border: 1px solid;
	border-radius: 22px;
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.accordion button .icon::before {
	display: block;
	position: absolute;
	content: '';
	top: 9px;
	left: 5px;
	width: 10px;
	height: 2px;
	background: currentColor;
}

.accordion button .icon::after {
	display: block;
	position: absolute;
	content: '';
	top: 5px;
	left: 9px;
	width: 2px;
	height: 10px;
	background: currentColor;
}

.accordion button[aria-expanded='true'] {
	color: #fff;
	background-color: var(--blue-color) !important;
}

.accordion button[aria-expanded='true'] .icon::after {
	width: 0;
}

.accordion button[aria-expanded='true']+.accordion-content {
	opacity: 1;
	max-height: 40em;
	transition: all 200ms linear;
	will-change: opacity, max-height;
}

.accordion .accordion-content {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 200ms linear, max-height 200ms linear;
	will-change: opacity, max-height;

}

.accordion .accordion-content p {
	font-size: 1rem;
	font-weight: 300;
	padding: 2em 1.5em !important;
	/* margin: 2em 0; */
}

.uslugi-menu-container {
	position: sticky;
	top: 120px;
}

.uslugi-menu-container li {
	list-style: none;
}

#menu-uslugi-menu {
	margin-bottom: 0px !important;
	border: 2px solid var(--blue-color);
	padding-left: 0px !important;
	margin-left: 10px !important;
}

#menu-uslugi-menu>li {

	text-align: center;
	color: var(--blue-color);
	height: max-content;
	display: flex;
}

#menu-uslugi-menu>li>a {
	padding:  10px !important;
	font-weight: 600 !important;
	width: 100%;
	border-bottom: 2px solid var(--blue-color);
	transition: all 0.3s ease-in-out;
}

@media only screen and (min-width:1400px) {
	#menu-uslugi-menu>li>a {
		font-size: 18px !important;
	}
}

#menu-uslugi-menu>li:nth-last-child(1)>a {
	border-bottom: none !important;
}

#menu-uslugi-menu>li>a:hover,
#menu-uslugi-menu>li>a:focus,
#menu-uslugi-menu>li.current-menu-item>a {
	background: var(--blue-color);
	color: #fff !important;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out;
}

.p-7_5 {
	padding: 7.5px !important;
}

@media only screen and (max-width: 768px) {
	#menu-uslugi-menu {
		margin-left: 7.5px !important;
		margin-right: 7.5px !important;
	}

	.accordion button .accordion-title {
		display: block !important;
	}

	.usluga-template-default .site-main>.row {
		flex-direction: column-reverse !important;
	}

	.usluga-template-default .site-container-content-bnb .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.oferta__card {
		padding: 10px 0 !important;
	}

	.usluga-template-default .vc_column-inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.usluga-template-default .vc_row.vc_column-gap-15>.vc_column_container,
	.usluga-template-default .p-7_5 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}



	.realizacja-template-default .vc_column_container>.vc_column-inner,
	.realizacja-template-default .site-main {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.vc_row.vc_column-gap-15>.vc_column_container {
		padding: 7.5px 15px !important;
	}

	.o-nas-banner>.wpb_column>.vc_column-inner>.wpb_wrapper>.vc_row {
		flex-direction: column !important;
	}

	/* .usluga-template-default .col-md-10.p-4{
		padding: 0 !important;
	} */

	.newsletter-container>.wpb_column>.vc_column-inner>.wpb_wrapper {
		padding: 10px !important;
	}
}

.vc_row.wpb_row {
	margin-left: 0px;
	margin-right: 0px;
}

#footer-row {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


.type-realizacja .post-thumbnail>img {
	object-fit: cover !important;
}

.page-template-baza-wiedzy .site-main {
	padding: 7.5px 15px !important;
}
.page-template-baza-wiedzy .post-excerpt{
	font-size: 16px !important;
}

.vc_row.vc_column-gap-15>.vc_column_container:nth-child(1) {
	padding-left: 15px !important;
}

.vc_row.vc_column-gap-15>.vc_column_container:nth-last-child(1) {
	padding-right: 15px !important;
}

@media only screen and (min-width: 768px) {
	.img-right-100ml {
		margin-left: 100px !important;
	}

	.img-left-100ml {
		margin-right: 100px !important;
	}
}

.site-footer h3.h2 {
	position: relative;
	margin-bottom: 2rem;
}

.site-footer h3.h2:before {
	content: "";
	height: 1px;
	width: 150px;
	background: #fffffd;
	position: absolute;
	left: 0;
	bottom: -10px;
}

.punktowane-zalety-row{
	display:none !important;
}

.page-text-404{
	min-height:calc(100vh - 384px);
	display: flex;
    justify-content: center;
    align-items: center;
}
.justify-self-center{
	justify-self:center !important;
}