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


/*
Required WordPress CSS
*/

/* ------------------- zminne ----------------------------------------- */
body {
	font-family: "co-headline" !important;
}

html {
	scrollbar-gutter: stable;
}

body {
	width: 100vw;
	overflow-x: hidden;
	overflow-y: scroll;
}

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

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

h1,
h2,
h3,
h4 {
	font-family: 'Montserrat' !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
}

:root {
	--grey-color: #A9A9A9;
	--light-grey-color: #f6f6f6;
	--black-color: #262626;
	--grey-dark-color: #555555;
	--blue-color: #f07d00;
	--light-blue-color: #f6f6f6;
	--white-color: #FFFFFF;
}

.home.page-template-default h1 {
	font-size: 46px !important;
}

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

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

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

h4 {
	font-size: 20px !important;
	font-weight:400 !important;	
	font-family: 'Jost' !important;
}

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

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

	h2 {
		font-size: 24px !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: 6rem !important;
	/* text-align: center; */
}

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

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

.h2:before {
	content: "";
	height: 2px;
	width: 60px;
	background: #f07d00;
	position: absolute;
	left: 0;
	bottom: -10px;
}

h2:before {
	content: "";
	height: 2px;
	width: 150px;
	background: #f07d00;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -30px;
}

.footer-titles {
	position: relative;
	margin-bottom: 20px;
}

.footer-titles:before {
	content: "";
	height: 1px;
	width: 90%;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: -10px;
}

/* ----------------------------------------------- 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;
}

.form-row-title h3 {
	font-size: 16px !important;
	font-weight: 400 !important;
	padding: 20px;
	border: 1px solid grey;
	width: 100%;
	border-radius: 10px;
	margin-bottom: 20px;
}

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: 220px !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 {
		width: 240px !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-main h1 {
	color: rgba(0, 67, 126, 1) !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,
.dlaczego-bnt-list-style .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-size: !important; */
		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;
	font-size: 14px !important;
}

@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 {
	padding-right: 5px;
}

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

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

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

.autor-projektu-footer p:before {
	content: "";
	background-image: url(/wp-content/uploads/2025/07/BnB-logo-poziom-biale-1.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: 70px !important;
	margin-top: 30px;
}

.social-media-logo a img:hover path {
	fill: rgba(240, 125, 0, 1) !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/07/Phone.svg");
}

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

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

.contact-phone-grey::before {
	background-image: url("/wp-content/uploads/2025/07/Phone-1.svg");
	top: 4px !important;
}

.contact-mail-grey::before {
	background-image: url("/wp-content/uploads/2025/07/Mail-1.svg");
	top: 4px !important;
}

.contact-location-grey::before {
	background-image: url("/wp-content/uploads/2025/07/Vector-4.svg");
	top: 2px !important;
}

.contact-location-grey {
	font-size: 16px !important;
}

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

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

#site-footer {
	padding: 0px;
}

footer#site-footer {
	background: rgba(0, 67, 126, 1) !important;
	padding-top: 40px;
	padding-bottom: 0px;
	border-top: unset !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: 'Jost' !important;
}

.btn-primary a {
	font-family: 'Jost' !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;
	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-primary a:hover,
.placeholder-newsletter-right p input:hover {
	background-color: transparent !important;
	color: var(--blue-color) !important;
	border: 1px solid var(--blue-color) !important;
	text-decoration: none !important;
}

.btn-secondary a {
	font-family: 'Jost' !important;
	background-color: rgb(255, 250, 239) !important;
	color: var(--blue-color) !important;
	border: 1px 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;
	font-weight: 600 !important;
}

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

.btn-blue a {
	font-family: 'Jost' !important;
	background-color: #00437E !important;
	color: #fff !important;
	border: 1px solid #00437E) !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-blue a:hover {
	background-color: #fff !important;
	color: #00437E !important;
	border: 1px solid #00437E !important;
	text-decoration: none !important;
}

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

.btn-small-center a {
	width: fit-content;
	margin: 0 auto;
}

/* ----------------------------------------------------- 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: #ffffff;
	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-easy-accordion>.sp-ea-single:hover,
5.sp-easy-accordion>.sp-ea-single.ea-expand {
	background:#fffaef !important;
}

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

.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon {
	float: right !important;
	color: white !important;
	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;
	margin-top: .1em !important;
}

.sp-easy-accordion>.sp-ea-single {
	border: unset !important;
/* 	background: #fffaef; */
}

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

.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-family: 'Jost' !important;
	font-size: 18px !important;
	font-weight: 600 !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: #f6f6f6 !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:hover .vc_column-inner {
	background: rgb(255, 250, 239) !important;
}

.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;
	}

	.container-ofertowy-padding>.vc_col-sm-4 {
		padding: 7.5px 15px !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 {
	padding: 5rem 0;
	background-color: #f6f6f6;
}

.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;
}

.newsletter-left h2:before {
	content: "";
	height: 2px;
	width: 150px;
	background: #f07d00;
	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 transparent;
	border-radius: 10px;
	width: 100%;
	font-size: 14px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.placeholder-newsletter-left .wpcf7-form-control.wpcf7-text:hover {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

.placeholder-newsletter-left .wpcf7-form-control.wpcf7-text:hover::placeholder {
	color: #f07d00;
}

.placeholder-newsletter-right .wpcf7-form-control.wpcf7-submit {
	padding: 10px 20px;
	border: 1px solid #f07d00;
	border-radius: 10px;
	background-color: #f07d00;
	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, .wpcf7-acceptance label {
	display: flex;
	align-items: flex-start;
	font-size: 12px;
	line-height: 1.4;
	color: #333;
	gap:10px;
	font-weight:400;
}

.newsletter-consent a {
	color: #f07d00;
	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%;
}

.wpcf7-acceptance > .wpcf7-list-item > label > input[type=checkbox].acceptance-formularz{
	    width: 50px !important;
    margin-right: 20px !important;
    margin-top: 4px !important;
}

@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%;
	}

	.newsletter-left {
		margin-bottom: 30px;
	}

	.accordion-faq {
		margin-bottom: 0 !important;
	}
}

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

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

.baza-wiedzy-h2.h2-left h1::before,
.post .h2-left h1::before {
	left: 2px !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: #f6f6f6 !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.umow-spotkanie-btn a.mega-menu-link {
	margin-left: 15px;
	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;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	min-height: 40px;
	border-radius: 10px !important;
	margin-left: 15px !important;
	font-size: 18px !important;
	font-weight: 600 !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.umow-spotkanie-btn 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;
}

#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-btn-secondary-menu.mega-menu-item-type-post_type.mega-menu-item-object-page>a.mega-menu-link {
	margin-left: 15px;
	padding: 10px 25px !important;
	display: inline !important;
	background-color: rgba(255, 250, 239, 1) !important;
	color: var(--blue-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; */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	min-height: 40px;
	border-radius: 10px !important;
	margin-left: 15px !important;
	font-size: 18px !important;
	font-weight: 600 !important;
}

#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-btn-secondary-menu.mega-menu-item.mega-menu-item-type-post_type.mega-menu-item-object-page>a.mega-menu-link:hover {
	background-color: var(--blue-color) !important;
	color: #fff !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) {

	#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-btn-secondary-menu.mega-menu-item-type-post_type.mega-menu-item-object-page>a.mega-menu-link,
	#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.umow-spotkanie-btn a.mega-menu-link {
		font-size: 14px !important;
		margin-left: 10px !important;
	}

	#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-btn-secondary-menu.mega-menu-item-type-post_type.mega-menu-item-object-page,
	#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu>li.mega-menu-item.umowe-spotkanie-button.mega-current-menu-item,
	.umowe-spotkanie-button.umow-spotkanie-btn {
		margin-bottom: 15px !important;
	}

	.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);
	}
}

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

#formularz .container-formularz .newsletter-right {
	padding: 25px 35px !important;
	border-radius: 15px !important;
	background: #f6f6f6;
}

.placeholder-newsletter-right .wpcf7-spinner,
#formularz .form-group.recaptcha-group .wpcf7-spinner,
.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.width-1-3 {
	flex: 1;
	min-width: calc(33% - 45px);
}

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

#formularz .form-group.width-2-3 {
	flex: 1;
	min-width: calc(66%);
}

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

#formularz .form-group input,
#formularz .form-group textarea,
#formularz .form-group select {
	width: 100%;
	padding: 10px 15px;
	border: none !important;
	border-radius: 10px;
	font-size: 14px;
	color: #555555;
	resize: none;
	min-height: 48px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

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

#formularz .form-group input:hover::placeholder,
#formularz .form-group textarea:hover::placeholder,
#formularz .form-group select:hover::placeholder {
	color: var(--blue-color);
}

#formularz .form-group input:hover,
#formularz .form-group textarea:hover,
#formularz .form-group select:hover {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}

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

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

#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 .wpcf7-list-item input.acceptance-formularz {
	min-height: auto !important;
}

#formularz .checkbox-group a {
	color: #f07d00;
	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: #f07d00;
	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: 1px 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: 20px !important;
}

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

.popmake-content p .wpcf7-form-control.wpcf7-submit {
	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: 100% !important;
	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: 20px !important;
}

.popmake-content p .wpcf7-form-control.wpcf7-submit:hover {
	background-color: transparent !important;
	color: var(--blue-color) !important;
	border: 1px solid var(--blue-color) !important;
	text-decoration: none !important;
}

.left-formularz ul {
	padding-left: 0 !important;
	list-style: none !important;
}
.popmake .h2-left > h2{
	    margin-bottom: 3rem !important;
}
.popmake .h2-left > h2:before{
	   bottom: -15px;
}
@media (max-width: 768px) {
	#formularz .form-row {
		flex-direction: column;
		gap: 0px;
	}

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

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

	#formularz .form-group.width-2-3 {
		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 5px !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: 30px !important;
	height: 30px !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: "Jost" !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: #f07d00;
	border-radius: 50%;
	margin-left: -2.5rem;
}

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

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

	.baza-wiedzy-h2,
	.single-post .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: #f07d00;
	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;
}

@media(max-width: 768px) {
	.swiper-button-prev {
		left: -15px !important;
	}

	.swiper-button-next {
		right: -15px !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;
}

.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: #f6f6f6 !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;
	-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: #f07d00 !important;
	border: 1px solid #f07d00 !important;
}

.categories .current-cat {
	color: white !important;
	background: #f07d00;
	border: 1px solid #f07d00 !important;
}

.categories .btn-all {
	padding: 5px 15px;
	background: #f07d00;
	border: 1px solid #f07d00;
	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: #f07d00 !important;
	background: transparent;
	border: 1px solid #f07d00 !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;
	gap: 35px;
	margin-bottom: 35px;
	margin-top: 35px;
}

.post-card {
	display: flex;
	width: 100%;
	margin: 0 auto;
	background: #f2f2f2;
	position: relative !important;
	border-radius: 10px;
	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;
	/* border-radius: 40px; */
}

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

.post-thumbnail-img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	border-radius: 10px;
}

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

.post-card .post-title {
	margin: unset !important;
	margin-bottom: 20px !important;
	line-height: 40px !important;
	margin-top: 20px !important;
}

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

@media only screen and (min-width:768px){
	.post-card .post-title{
		max-height: 120px;
    overflow: hidden;
    text-align: start;
    align-items: start;
	}
}


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

.post-excerpt p {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 4 !important;
	overflow: hidden !important;
	margin-bottom: 50px !important;
	font-size: 14px !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: #f07d00;
	border: 1px solid #f07d00 !important;
}

.categories .btn-all {
	padding: 5px 15px;
	background: #f07d00;
	border: 1px solid #f07d00;
	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: #f07d00 !important;
	background: transparent;
	border: 1px solid #f07d00 !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;
	}

	.post-card .post-content {
		padding: 15px !important;
	}

	.post-excerpt {
		margin-bottom: 65px !important;
	}
}

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

.pagination .page-numbers {
	border: 1px solid transparent;
	border-radius: 10px;
	color: #000;
}

.pagination .page-numbers.current {
	margin: 0 5px;
	padding: 5px 10px;

	border-radius: 10px;
	text-decoration: none;
	color: #f07d00;
	background-color: rgba(255, 250, 239, 1);
	border: 1px solid #f07d00;
}

.pagination .page-numbers:hover {
	background-color: #f07d00;
	color: #fff !important;
}

@media only screen and (min-width:768px) {
	.title-description-container {
		height: 284px;
		overflow: hidden;
		margin-bottom:30px;
	}
}


/************* 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: 5px;
	width: 100% !important;
	height: auto !important;
	max-height: 500px !important;
	object-fit: cover;
	object-position: center;
}

.single-post .post-container {
	background: white;
	border: 1px solid rgba(152, 152, 152, 1);
	border-radius: 10px;
	padding: 25px;
	margin-top: -20rem;
	position: relative !important;
	max-width: 90%;
	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: -4rem !important;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 100% !important;
		padding: 15px !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;
}

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

	.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;
	}

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

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

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

.autor-projektu-footer {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5px;

}

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

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

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

#footer-row p,
#footer-row a {
	color: #ffffff !important;
	font-weight: 300 !important;
}

#footer-row h3 {
	color: #ffffff !important;
	font-weight: 500 !important;
}

#footer-row a:hover {
	color: rgba(240, 125, 0, 1) !important;
}

#footer-row ul>li {
	min-height: 30px !important;
}

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

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

/* body.home #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-bottom-8rem {
	margin-bottom: 7.5rem !important;
}

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

.container-opinie {
	width: 90% !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;
	}

	.margin-bottom-8rem {
		margin-bottom: 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;
}

.tss-wrapper .single-item-wrapper h3.author-name {
	color: #000 !important;
	font-weight: 500;
	margin-bottom: 0 !important;
}

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

.container-opinie .single-item-wrapper>.item-content-wrapper {
	order: 1;
}

.container-opinie .single-item-wrapper>.author-name {
	order: 2;
}

.container-opinie .single-item-wrapper>.author-bio {
	order: 3;
}

.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: 0px !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;
	}
}


.logo {
	display: block;
	padding: 20px 0;
	position: relative;
}

.header-container .logo a .circle-logo {
	background-image: url(https://ps-bpo.com/wp-content/themes/process-solutions/img/header-logo-out.png);
	background-size: contain;
	width: 85px;
	height: 85px;
	position: absolute;
	top: 20px;
	left: 0;
	transition: 1s transform;
	-webkit-transition: 1s transform;
}

.logo:hover .circle-logo {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

@media only screen and (max-width: 768px) {
	.header-container .logo a img {
		width: 150px !important;
	}

	.header-container .logo a .circle-logo {
		width: 58px !important;
		height: 58px !important;
		background-size: cover;
		top: 10px;
	}

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

.header-underline-left {
	position: relative;
}

.header-underline-left:before {
	content: "";
	display: block;
	width: 150px;
	height: 2px;
	/* You can adjust the thickness */
	background-color: rgba(240, 125, 0, 1);
	/*   margin-bottom: 5px;  */
	bottom: -17.5px;
	position: absolute;
}

.line-spacer-small {
	position: relative;
}

.line-spacer-small .vc_column-inner {
	padding-top: 0 !important;
}

.line-spacer-small:before {
	content: "";
	display: block;
	width: 35px;
	height: 2px;
	/* You can adjust the thickness */
	/* 	background-color: rgba(240, 125, 0, 1); */
	/*   margin-bottom: 5px;  */
	bottom: -15px;
	margin: 15px auto;
}

.spacer-small-bottom {
	margin-bottom: 30px !important;
}

@media only screen and (min-width:768px) {
	.line-spacer-small:before {
		margin: 75px auto;
	}

	.spacer-small-bottom {
		margin-bottom: 100px !important;
	}

}

h2 {
	color: rgba(0, 67, 126, 1) !important;

}

.h3-underline h3 {
	width: fit-content;
	margin: auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3.5rem !important;
}

.h3-underline h3:before {
	content: "";
	height: 2px;
	width: 150px;
	background: #f07d00;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
}

.inner-padding-desktop .vc_col-sm-6:nth-child(1) {
	padding-right: 15px !important;
}

.inner-padding-desktop .vc_col-sm-6:nth-child(2) {
	padding-left: 15px !important;
}

/* banner animajca */
/* Ustaw kontener na pozycjonowanie absolutne */
.banner-animacja-col>.vc_column-inner>.wpb_wrapper {
	position: relative;
	width: 600px;
	height: 600px;
	margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.banner-animacja-col .wpb_wrapper>.wpb_single_image:nth-child(1) img {
		width: 210px !important;
	}

	.banner-animacja-col.banner-animacja-col-ebook .wpb_wrapper>.wpb_single_image:nth-child(1) img {
		width: 300px !important;
		left: -5px !important;

	}

	.banner-animacja-col>.vc_column-inner>.wpb_wrapper {
		width: 300px !important;
		height: 300px !important;
	}

	.footer-bottom>div {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
}

/* Centralny nieruchomy obraz */
.wpb_wrapper .vc_single_image-img[src*="Ellipse-1.png"] {
	position: relative;
	z-index: 3;
}

/* Wewnętrzny pierścień - obroty przeciwnie do ruchu wskazówek zegara */
#banner-animacja-okrag-1 {
	position: absolute !important;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	animation: rotate-counter 12s linear infinite;
}

/* Zewnętrzny pierścień - obroty zgodnie z ruchem wskazówek zegara */
#banner-animacja-okrag-2 {
	position: absolute !important;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	animation: rotate-clockwise 20s linear infinite;
}

/* Wszystkie pierścienie dopasowane do kontenera */
#banner-animacja-okrag-1 img,
#banner-animacja-okrag-2 img {
	width: 100%;
	height: auto;
	display: block;
}

/* Animacje */
@keyframes rotate-clockwise {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes rotate-counter {
	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}
}


.banner-animacja-col .wpb_wrapper>.wpb_single_image:nth-child(1) img {
	position: absolute;
	top: 3px;
	left: 3px;
	transform: translate(20%, 20%);
}

.banner-animacja-col-ebook.banner-animacja-col .wpb_wrapper>.wpb_single_image:nth-child(1) img {
	position: absolute;
	top: 3px;
	left: 3px;
	transform: translate(3%, -15%);
	z-index: 999;
}

#main-blog-posts .main-blog-container-top h2 {
	margin-top: 0 !important;
}

#main-blog-posts .swiper-wrapper {
	height: 100%;
	display: flex;
	align-items: stretch;
}

#main-blog-posts .swiper-slide-blog {
	height: 100%;
}

/* BLOG */

.blog-row .blog-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

@media only screen and (max-width: 1200px) {
	.blog-row .blog-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 992px) {
	.blog-row .blog-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}

	.blog-row {
		flex-wrap: wrap-reverse;
	}

	.blog-row #sidebar-right>.widget_posts {
		display: none;
	}
}

.blog-row .blog-wrapper>article {
	width: 100%;
}

@media only screen and (min-width: 992px) {
	.blog-row>.col-lg-8 {
		flex: 1 1;
	}
}

@media only screen and (max-width: 480px) {
	.blog-row blog-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

#sidebar-right {
	background-color: var(--white-color);
	border-radius: 20px;
	box-shadow: var(--box-shadow);
	margin-left: 50px;
}

#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
	font-size: 18px !important;
	margin-top: 0 !important;
	font-weight: bold !important;
	line-height: 20px !important;
}

#sidebar-right .widget {
	padding: 20px !important;
}

#sidebar-right .widget_posts article:nth-last-of-type(1),
#sidebar-right .widget.widget_posts:nth-last-of-type(1) {
	margin-bottom: 0 !important;
}

.widget {
	padding: 0 !important;
	border-radius: 0 !important;
	border: none !important;
	margin-bottom: 0px !important;
}

h3.widget-title {
	margin-bottom: 10px;
}

.widget ul {
	padding-left: 1.25em;
}

.search-form #form-search-input {
	padding-left: 3em;
	border: none;
	box-shadow: var(--box-shadow);
	height: 50px;
	border-radius: 0;
	font-weight: 300;
}

.search-form .input-group-btn {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50px;
}

.search-form .input-group-btn i {
	font-size: 20px !important;
	color: #bdbdbd;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
	z-index: 9 !important;
	position: relative;
	margin-left: 1px !important;
	border-radius: 10px 0 0 10px !important;
	background: transparent;
	border: unset;
	box-shadow: unset !important;
}

.input-group input {
	height: 50px;
	padding-left: 50px;
	border-radius: 10px !important;
}

.search-form .input-group-btn button {
	display: flex;
	height: 100%;
	width: 50px;
	justify-content: center;
	align-items: center;
}

.widget-categories li {
	font-weight: 300;
}

#sidebar-right .widget_posts article {
	background-color: #fff;
	margin-bottom: 1em;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	border: 1px solid transparent;
	transition:
		border 0.2s,
		box-shadow 0.2s;
}

#sidebar-right .widget_posts article:hover {
	border: 1px solid var(--primary-color);
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.4);
}

#sidebar-right .widget_posts article .col-4 {
	padding: 0;
}

#sidebar-right .widget_posts article .col-4 a img {
	max-height: 80px;
	object-fit: cover;
	width: 100%;
	border-radius: 10px;
	max-width: 120px;
}

#sidebar-right .widget_posts article .col-8 {
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.5em;
	align-items: normal;
}

#sidebar-right .widget ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	padding-left: 30px !important;
	gap: 10px;
	margin-bottom: 0 !important;
}

#sidebar-right .widget ul li {
	position: relative;
	display: inline-flex;
}

#sidebar-right .widget ul li:before {
	position: absolute;
	content: "";
	width: 16px;
	height: 12px;
	background-color: var(--primary-color);
	border-radius: 6px 0 6px 0;
	display: flex;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
}

#sidebar-right .widget_posts article .col-8 h4 {
	font-size: 0.875rem;
	font-weight: 700;
	margin: 0 !important;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	height: 30px;
	padding-left: 15px;
	font-size: 14px !important;
}

.pagination {
	justify-content: center;
	gap: 0.5em;
}

.pagination>* {
	display: flex;
	width: 44px;
	height: 44px;
	justify-content: center;
	align-items: center;
	transition: all ease-in-out .2s;
}

/* .pagination>.page-numbers.current {
	background-color: transparent;
	color: #fff;
	border-radius: 10px;
	border: 1px solid var(--primary-color);
	color: var(--black-color);
	opacity: 1;
} */

.pagination>.page-numbers {
	border-radius: 10px;
	opacity: 0.7;
}

.pagination>.page-numbers:hover {
	border: 1px solid var(--primary-color);
	border-radius: 10px;
}

.pagination>.page-numbers.prev,
.pagination>.page-numbers.next {
	display: none;
	font-size: 24px;
	font-weight: 900;
	border: transparent !important;
}

.pagination>.page-numbers.prev:hover,
.pagination>.page-numbers.next:hover {
	border-radius: 10px !important;
	opacity: 1 !important;
	border: 1px solid #bdbdbd !important;
	background: #bdbdbd !important;
	color: var(--white-color) !important;
}

/* ARTYKUŁ WPIS */
aside.form-container button {
	position: fixed;
	top: 25%;
	right: 0;
	transform: translate(0, 200%) rotate(-90deg);
	transform-origin: bottom right;
	border: 1px solid #fff !important;
	z-index: 2;
	transition: all ease-in-out .3s;
}

aside.form-container button.hidden {
	right: -100%;
	opacity: 0;
	visibility: hidden;
}

aside.form-container .form-container__form {
	position: fixed;
	top: 50%;
	right: -100%;
	z-index: 3;
	background-color: var(--lightgray);
	max-width: 800px;
	padding: 2em;
	transform: translate(0, -25%);
	box-shadow: var(--box-shadow);
	opacity: 0;
	visibility: hidden;
	transition: all ease-in-out .3s;
}

aside.form-container .form-container__form.shown {
	right: 0;
	opacity: 1;
	visibility: visible;
}

@media only screen and (max-width: 480px) {
	aside.form-container button {
		top: unset;
		width: 100%;
		bottom: 0;
		transform: none !important;
	}

	aside.form-container button.hidden {
		right: unset;
		bottom: -100%;
		opacity: 0;
		visibility: hidden;
	}

	aside.form-container .form-container__form {
		top: unset;
		right: 0;
		bottom: -100%;
		transform: none !important;
	}

	aside.form-container .form-container__form.shown {
		right: unset;
		bottom: 0;
		opacity: 1;
		visibility: visible;
	}

	aside.form-container .form-container__form .form-row {
		display: block !important;
	}
}

aside.form-container .form-container__form .close-button {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	cursor: pointer;
	padding: 0.5em;
	display: block;
	font-size: 1.5rem;
}

.article-header #breadcrumbs,
.article-header .rank-math-breadcrumb {
	margin-bottom: 4em;
}

.article-header .thumbnail-wrapper {
	padding-top: 6em;
	padding-bottom: 6em;
}

@media only screen and (max-width: 480px) {
	.article-header .thumbnail-wrapper {
		padding-top: 1em;
		padding-bottom: 1em;
	}
}

.article-header .thumbnail-wrapper .thumbnail {
	position: relative;
}

.article-header .thumbnail-wrapper .thumbnail::before {
	content: "";
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	width: 100%;
	height: 160px;
	top: 0;
	left: 0;
}

.article-header .thumbnail-wrapper .thumbnail img {
	width: 100%;
	height: auto;
	min-height: 250px;
	object-fit: cover;
}

.article-header .thumbnail-wrapper .thumbnail .offer-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	justify-content: center;
	gap: 1em;
	padding: 1em;
	z-index: 2;
	text-align: center;
}

.article-header .thumbnail-wrapper .thumbnail .offer-wrapper h3 {
	margin-bottom: 0;
}

.article-header .thumbnail-wrapper .thumbnail .offer-wrapper h3::after {
	content: "";
	background-image: url('/wp-content/uploads/2025/04/Vector-4.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-left: 1em;
	vertical-align: middle;
}

/****/
.card-body-outer-blog {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	background: rgba(245, 245, 245, 1);
	border-radius: 20px;
	border: 1px solid var(--light-grey);
	position: relative;
	overflow: hidden;
	transition: border 0.3s ease, box-shadow 0.3s ease;
}

.card-body-outer-blog:before {
	content: "Baza wiedzy";
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 8px 15px;
	border-radius: 12px 0 20px 0;
	background: #f07d00;
	font-size: 14px !important;
	z-index: 8;
	color: var(--white-color);
}

.card-body-outer-blog.card-body-case-study:before {
	content: "Case study" !important;
}

.card-body-outer-blog:hover {
	border: 1px solid var(--primary-color);
	background-color: rgb(255, 250, 239) !important;
}


#sidebar-right .widget_posts article .col-8 .blog-item__meta,
.post-meta-blog {
	font-size: 14px;
	color: #777;
	padding: 10px 0;
}
.post-meta-blog{
	color: var(--blue-color) !important;
}

#sidebar-right .widget_posts article .col-8 .blog-item__meta {
	padding: 0 0 0 15px !important;
}

.main-blog-container-top {
	margin-bottom: 50px !important;
}

.card-title-blog {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.card-title-blog a {
	color: var(--black-color);
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	/* height: 4rem; */
}

.excerpt-blog.excerpt-case-study h1,
.excerpt-blog.excerpt-case-study h2,
.excerpt-blog.excerpt-case-study h3,
.excerpt-blog.excerpt-case-study h4,
.excerpt-blog.excerpt-case-study h5,
.excerpt-blog.excerpt-case-study h6,
.excerpt-blog.excerpt-case-study span {
	display: none;
}

.excerpt-blog.excerpt-case-study p,
.excerpt-blog {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	font-size: 16px;
	color: #555;
	margin: 10px 0 25px !important;
}

.excerpt-blog {
	min-height:84px;
}

.excerpt-blog.excerpt-case-study,
.excerpt-blog.excerpt-case-study p {
	height: 77px;
}

.excerpt-blog.excerpt-case-study p {
	margin: 0 !important;

}

.post-image-blog {
	overflow: hidden;
	border-radius: 10px;
	height: 250px;
}

.post-under-blog {
	padding: 15px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.post-image-blog img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.card-body-outer-blog:hover img {
	transform: scale(1.1);
}

.btn-readmore {
	margin-top: auto;
	/* 	padding: 15px 20px; */
	background: var(--white) !important;
	text-align: center;
	width: 100% !important;
	text-decoration: none;
	display: block;
}

.swiper-button-prev-blog,
.swiper-button-next-blog {
	position: absolute;
	top: 0;
	right: 0;
}

.swiper-button-prev-blog {
	right: 72px;
}

.swiper-button-next-blog {
	right: 12px;
}

@media only screen and (max-width: 992px) {
	.main-blog-container-top {
		flex-direction: column;
		gap: 25px;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		position: relative;
	}

	#sidebar-right {
		margin-left: 0px;
		margin-bottom: 50px;
	}
}

.form-control {
	border: 1px solid #BDBDBD !important;
}

.custom-search-form .form-control {
	padding-left: 50px;
	transition: padding-left 0.3s ease;
}

.custom-search-form .form-control.focused {
	padding-left: 15px;
}

#single-wpis-baza-wiedzy .post-thumbnail img {
	width: 100%;
	/* border-radius: 20px; */
	height: 700px;
	object-fit: cover;
}

.post-content-wpis {
	margin-top: -300px;
	padding: 25px;
	box-shadow: var(--box-shadow);
	background-color: var(--white-color);
	z-index: 3;
	position: relative;
	border-radius: 20px;
	margin-bottom: 100px;
}

.post-content-wpis h1,
.post-content-wpis h2,
.post-content-wpis h3 {
	margin-top: 0 !important;
}

@media only screen and (max-width: 768px) {
	#single-wpis-baza-wiedzy .post-thumbnail img {
		height: 350px;
	}

	.post-content-wpis {
		margin-top: -150px;
	}
}




.breadcrumbs-bnb {
	padding: 20px 0 40px !important;
}

.page-id-862 .breadcrumbs-bnb {
	position: absolute !important;
	z-index: 99 !important;
}

@media only screen and (min-width: 768px) {
	.breadcrumbs-bnb {
		padding: 20px 0 80px !important;
	}
}

.breadcrumbs-bnb a,
.breadcrumbs-bnb p {
	font-size: 14px !important;
}

.breadcrumbs-bnb .last {
	color: var(--blue-color) !important;
}

.color-primary,
.color-primary a,
.color-primary p {
	color: #f07d00 !important;
}

.page-template-default #main-column {
	width: 100% !important;

}

.page-template-default #sidebar-right {
	display: none !important;
}

.kafelki-wartosci-orange{
	padding:11px 0 !important;
}

.kafelki-wartosci-orange h3 {
	margin-bottom: 10px !important;
	font-size: 30px !important;
}

.kafelki-wartosci-orange p {
	margin-bottom: 0 !important;
	line-height: 1.4 !important;
}

.h2-left {
	margin-bottom: 0;
}

.h2-left h2 {
	max-width: 1380px;
	justify-content: start;
	width: 100%;
}

.h2-left h2:before {
	left: 0 !important;
	transform: translateX(0) !important;
}

.h2-left h1 {
	max-width: 1400px;
	justify-content: start;
	width: 100%;
	margin: 0 auto !important;
	position: relative;
	color: rgba(0, 67, 126, 1) !important;
	margin-bottom: 35px !important;
	padding-left: 15px !important;
}

.h2-left h1:before {
	content: "";
	height: 2px;
	width: 150px;
	background: #f07d00;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
	left: 17px !important;
	transform: translateX(0) !important;
}

.h2-left.left-formularz h1 {
	padding-left: 0px !important;
}

.h2-left.left-formularz h1:before {
	left: 2px !important;
}

@media only screen and (max-width: 768px) {
	.h2-left h2 {
		padding: 0 15px !important;
	}
	.container> .wpb_column .h2-left h2{
		padding: 0 !important;
	}
	.container> .wpb_column .h2-left h2:before{
		left: 0 !important;
	}

	.h2-left h2:before {
		left: 17px !important;
	}
}

.btn-konsultacje a {
	width: fit-content;
	margin: 0 auto;
}

.baza-wiedzy-header>.categories-dropdown {
	width: 100%;
	max-width: 400px;
}

.baza-wiedzy-header>.categories-dropdown select {
	border: 1px solid #A9A9A9 !important;
	border-radius: 5px;
	padding: 9px;
	font-size: 14px;
	width: 100%;
	max-width: 400px;
}

.baza-wiedzy-header>.categories-dropdown select,
.baza-wiedzy-header .searchbar .search-field::placeholder {
	color: #A9A9A9 !important;
}

.baza-wiedzy-header>.categories-dropdown select:hover,
.baza-wiedzy-header .searchbar .search-field:hover::placeholder {
	color: var(--blue-color) !important;
}

.recent-posts .post-content>.post-meta {
	display: flex;
	align-items: center;
}

.recent-posts .post-content>.post-meta>.post-categories>a,
.single-post .post-meta>.post-categories>a {
	background-color: transparent !important;
	color: #f07d00 !important;
	border: 0px transparent !important;
	padding: 10px 0 !important;
	font-family: 'Jost', sans-serif !important;
}

.recent-posts .post-content>.post-meta>.post-categories>a:hover,
.single-post .post-meta>.post-categories>a:hover {
	color: #000 !important;
}

.post-meta span {
	font-family: 'Jost', sans-serif !important;
}

.page-template-baza-wiedzy .post-card .post-title,
.category .post-card .post-title {
	color: #000 !important;
}

.page-template-baza-wiedzy .post-card .read-more,
.category .post-card .read-more {
	color: #f07d00 !important;
	font-weight: 500 !important;
	background-color: rgba(255, 250, 239, 1) !important;
	border: 1px solid #f07d00 !important;
	padding: 10px 40px !important;
	border-radius: 10px !important;
	    position: relative !important;
}

.page-template-baza-wiedzy .post-card .read-more:hover,
.category .post-card .read-more:hover {
	background-color: #f07d00 !important;
	color: #fff !important;
}

.post-container h2 {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
	font-size: 30px !important;
	color: #000 !important;
	display: block;
	width: auto;
}

.post-container h2:before {
	content: "";
	height: 0;
	width: 0;
	background: transparent;
	position: absolute;
	left: 0;
	bottom: -20px;
}

.single-post .post-meta {
	display: flex;
	align-items: center;
}

.center-row {
	justify-content: center !important;
}


@media only screen and (min-width:1400px) {
	.ms-inner-controls-cont>.ms-nav-prev {
		left: -70px !important;
	}

	.ms-inner-controls-cont>.ms-nav-next {
		right: -70px !important;
	}
}

@media only screen and (max-width: 768px) {
	.inner-padding-desktop .vc_col-sm-6:nth-child(1) {
		padding-right: 0 !important;
	}

	.inner-padding-desktop .vc_col-sm-6:nth-child(2) {
		padding-left: 0 !important;
	}

	/* .h2-left {
		margin-left: 15px !important;
	} */

	.container-proces-dzialania {
		flex-direction: column !important;
		padding: 0 15px !important;
	}
}


.container-proces-dzialania {
	display: flex;
	gap: 50px;
	justify-content: space-between;
	padding: 100px 0;
}

.container-proces-dzialania>.wpb_column {
	background-color: rgba(245, 245, 245, 1);
	padding: 20px;
	border-radius: 10px;
	position: relative;
	height: auto;
}

.process-arrow-1 {
	position: absolute;
    bottom: -70px;
    right: -170px;
    z-index: 9;
}

.process-arrow-1 img {
    opacity: 0;
}

.process-arrow-1 .vc_single_image-wrapper {
    background-image: url('/wp-content/uploads/2025/12/Line-1.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 314px;    /* dopasuj do potrzeb */
    height: 126px;   /* dopasuj do potrzeb */
}


.process-arrow-2 {
	position: absolute;
	top: -15px;
	right: -158px;
}

.process-arrow-2 img{
	opacity:0 !important;
}
.process-arrow-2 .vc_single_image-wrapper {
    background-image: url('/wp-content/uploads/2025/12/Line-3.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    width: 229px;    /* dopasuj do potrzeb */
    height: 116px;   /* dopasuj do potrzeb */
	z-index:9;
	position:relative;
}


@media only screen and (max-width:768px) {
	.process-arrow-1 {
		position: absolute;
		bottom: -161px;
		right: auto;
		left: -15px;
		transform: rotate(61deg);
		z-index: 9;
		width: 200px;
	}

	.process-arrow-2 {
		position: absolute;
		top: auto;
		bottom: -120px;
		right: 0;
		z-index: 9;
		transform: rotate(106deg);
		width: 200px;
	}
}


/* popup form */
.pum-container.popmake {
	background-color: rgba(245, 245, 245, 1) !important;
	border: 0 transparent !important;
	border-radius: 10px !important;
	box-shadow: var(--box-shadow) !important;
	padding: 40px !important;
}


ul.mega-sub-menu {
	width: 300px !important;
	padding: 20px !important;
	border-radius: 10px !important;
}

ul.mega-sub-menu li {
	transition: margin-left 0.3s ease !important;
}

ul.mega-sub-menu li:hover {
	margin-left: 10px !important;
}

.tss-wrapper .tss-layout3 .item-content,
.tss-wrapper .tss-isotope1 .item-content,
.tss-wrapper .tss-carousel3 .item-content {
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	font-family: 'Jost', sans-serif !important;
	text-align: center !important;
}

.tss-carousel-main .swiper-arrow>i,
.tss-carousel .swiper-arrow>i {
	background-color: transparent !important;
	border: 1px solid transparent !important;
	border-radius: 10px !important;
	font-size: 18px !important;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translateY(-20px);
}

.tss-carousel-main .swiper-arrow>i:hover,
.tss-carousel .swiper-arrow>i:hover {
	background-color: rgba(255, 250, 239, 1) !important;
	border: 1px solid var(--blue-color) !important;

}

.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
	background-color: transparent !important;
	border-color: transparent !important;
	border-radius: 10px !important;
	border-width: 1px !important;
}

.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover {
	background-color: rgba(255, 250, 239, 1) !important;
	border-color: var(--blue-color) !important;
	color: var(--blue-color) !important;
}

.ms-thumb-frame img,
.ms-slide .ms-slide-bgcont img,
.ms-slide .ms-slide-bgcont {
	border-radius: 10px !important;
}

.ms-thumb-frame {
	opacity: 0.8 !important;
	background-color: #000 !important;
	border-radius: 10px !important;
}

.ms-thumb-frame-selected {
	opacity: 1 !important;

}

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

.post .post-container ul>li {
	font-family: 'Jost', sans-serif !important;
}


@media only screen and (max-width: 768px) {
	.baza-wiedzy-header>.categories-dropdown select {
		margin-bottom: 20px !important;
	}

	.recent-posts .post-content>.post-meta>.post-categories>a,
	.single-post .post-meta>.post-categories>a {
		padding: 0 !important;
	}

	.post-content>.post-meta>.kreska-oddzielajaca-tagi {
		display: none !important;
	}

	.post-content>.post-meta {
		flex-direction: column;
		align-items: start !important;
	}

	.single-post #primary {
		padding: 0 !important;
	}
}

.wpcf7-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.oferta-zakres-row > .blue-background .wpb_wrapper > .wpb_single_image{
	height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rodo-btn-container .wpb_wrapper{
	display: flex;
    justify-content: center;
    gap: 30px;
}
@media only screen and (max-width:768px){
	.rodo-btn-container .wpb_wrapper{
		gap:0 !important;
		flex-direction:column !important;
	}
}

.text-white h2{
	color: #fff !important;
}

.orange-banner-ksef{
	min-height:350px;
	display:flex;
	align-items:center;
}

.orange-banner-ksef h2{
	margin-bottom:0 !important;
}

.orange-banner-ksef .h2-left{
	margin-bottom:20px !important;
}
.orange-banner-ksef h2:before{
	display:none !important;
}

@media only screen and (max-width:768px){
	.orange-banner-ksef{
		flex-direction: column;
    	justify-content: center;
	}
	.orange-banner-ksef .h2-left h2 {
        padding: 0 !important;
    }
}

.swiper-button-container{
	position:relative !important;
}
.swiper-button-container .swiper-button-prev-blog{
	top:50%;
	left:-45px;
	right:auto;
}
.swiper-button-container .swiper-button-next-blog{
	top:50%;
	right:-45px;
	left:auto;
}


.row-blue-white{
	background-color: rgba(0, 67, 126, 1);
}
.row-blue-white .wpb_wrapper > h3, .row-blue-white p{
	color: #fff !important;
}

.row-orange-white{
	background-color:rgba(240, 125, 0, 1);
	padding-top:25px;
	padding-bottom:25px;
}
.row-orange-white .wpb_wrapper > h2, .row-orange-white p{
	color: #fff !important;
}
.row-orange-white .wpb_wrapper > h2:before{
	background:#fff !important;
}

.white-box-blue-head{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
}
.white-box-blue-head > .wpb_column{
	background-color:#fff !important;
	    padding: 10px 20px;
    border-radius: 5px;
	height: -webkit-fill-available;
}
.white-box-blue-head > .wpb_column h3{
	color:rgba(0, 67, 126, 1) !important;
}

.white-box-blue-head.white-box-orange-head > .wpb_column h3{
	color: #F07D00 !important;
}

.white-box-blue-head-p-top > .wpb_column{
	padding-top:30px;
}

.white-box-blue-head p{
	font-size:18px !important;
}



.blue-box-container .vc_btn3-container{
	    width: fit-content !important;
    margin: 0 auto !important;
	max-width:375px !important;
}

.blue-box-container{
	padding:45px 0 80px;
}

@media only screen and (max-width:768px){
	.white-box-blue-head{
		margin-bottom: 0;
    	flex-direction: column;
	}
}


.orange-li ul {
	list-style: none !important;
	padding-left: 0 !important;
	font-family: "Jost" !important;
}

.orange-li ul li {
	position: relative;
	margin-left: 2.5rem;
	font-size: 16px !important;
	margin-bottom: 1.2rem;
}

.orange-li ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	transform: translateY(-50%);
	height: 1rem;
	width: 1rem;
	background-color: #f07d00;
	border-radius: 50%;
	margin-left: -2.5rem;
}

.btn-small-center{
	    width: fit-content;
    margin: 0 auto;
}

.btn-white-black a {
	font-family: 'Jost' !important;
	background-color: #fff !important;
	color: #000 !important;
	border: 1px solid #fff !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-white-black a:hover{
	background-color: #000 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
	text-decoration: none !important;
}

@media only screen and (min-width:768px){
	.img-horizontal > .wpb_column > .vc_column-inner > .wpb_wrapper{
	    display: flex;
    justify-content: space-between;
		align-items: center;
        gap: 20px;
}
	.img-horizontal > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image{
	        width: -webkit-fill-available;
		max-height:100px;
	}
}
@media only screen and (max-width:768px){
	.img-horizontal > .wpb_column > .vc_column-inner > .wpb_wrapper{
		display: flex;
    	flex-wrap: wrap;
    	justify-content: center;
    	gap: 20px;
		        align-items: center;
	}
	.img-horizontal > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image{
		 box-sizing: border-box;
  		max-width: 50%;
		height: fit-content;
	}
}

.row-white-container{
	background-color:#fff !important;
	    padding: 40px 20px 10px;
    border-radius: 5px;
}

.text-blue, .text-blue p{
	color: rgba(0, 67, 126, 1) !important;
}

@media only screen and (max-width:768px){
	.vc_row.vc_column-gap-30>.vc_column_container{
		padding: 15px 0 !important;
	}
}

ul>li{
	    font-family: 'Jost';
	font-size:16px;
	margin-bottom:10px;
}

.row-blue-white-bottom > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row{
	padding-top:55px !important;
	padding-bottom:33px !important;
}
.row-blue-white-bottom p{
	max-width:1040px !important;
	margin:0 auto !important;
}

#formularz .section-margin-bottom.container-formularz{
	margin-bottom:150px !important;
}

.pl-40{
	padding-left:40px !important;
}

.grid-oferta{
	display:grid;
	grid-template-columns: 1.2fr 1fr;
	gap:80px;
	    align-items: center;
}

.grid-oferta.container-formularz .form-group{
	margin-bottom:10px;
	width:100% !important;
}
.grid-oferta.container-formularz .form-row{
	gap:0 !important;
}

.page-template-custom-page-oferta .h2-left>h1, .page-template-custom-page-oferta .h2-left>h2{
	padding-left:0 !important;
}

.page-template-custom-page-oferta .h2-left>h1:before, .page-template-custom-page-oferta .h2-left>h2:before{
	left:0 !important;
}

.btn-oferta > a{
	    width: fit-content;
    padding-left: 20px;
    padding-right: 20px;
    margin: 30px auto;
}

@media only screen and (max-width:992px){
	.grid-oferta{
		grid-template-columns: 1fr;
		gap:40px;
	}
}