/*
Theme Name: Carran by Miłosz Pradela
Template:   bootstrap-basic
Author: Miłosz Pradela

*/


/*
Required WordPress CSS
*/

/* ------------------- ----------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
	font-family: "Roboto", sans-serif;
}

html,
body {
	scroll-behavior: smooth;
	overflow-x: clip;
}
body.home .page-container {
	background-color: transparent !important;
	position: fixed !important;
	width: 100% !important;
	z-index: 10 !important;
	top: 0 !important;
	left: 0 !important;
}
.header-sticky-container {
	position: fixed;
	color: white;
	width: 100%;
	background: #ffffff;
	z-index: 9999999;
	opacity: 1;
	transition: all 0.3s ease;
	top: 0;
	transition: opacity 0.5s ease-in-out, top 0.2s ease-in-out;
}

@media only screen and (max-width: 768px) {
	.header-container .logo img,
	.header-sticky-container .logo img {
		margin-left: 6px;
	}
}
.header-container {
	transition: opacity 0.5s ease-in-out;
}

* {
	scroll-margin-top: 120px;
}
:root {
	--grey: #A9A9A9;
	--light-grey:  #F4F4F4;
	--black: #262626;
	--red: #e40016;
	--grey-dark: #555555;
	--light-red: #e43940;
	--white: #fdfdfd;
}

h1 { font-size: 50px !important;}
h2 { font-size: 30px !important; }
h3 { font-size: 20px !important;}
h4 {font-size: 18px !important;}
p {font-size: 16px !important;}
@media only screen and (max-width: 500px) {
	h1 { font-size: 40px !important;}
	h2 { font-size: 28px !important; }
	h3 { font-size: 18px !important;}
	h4 {font-size: 16px !important;}
	p {font-size: 14px !important;}
}
h1, h2, h3 {
	font-weight: bold !important;
}
.section-margin-bottom {
	margin-bottom: 5rem !important;
}
@media only screen and (max-width: 768px) {
	.section-margin-bottom {
		margin-bottom: 3rem !important;
	}
}
p {
	line-height: 28px;
	font-weight: 400;
}

.container {
	margin-right: auto !important;
	margin-left: auto !important;
}
.logo img{
	width: 200px !important
}
.logo-footer img{
	width: 300px !important;
}
@media only screen and (max-width: 768px) {
	.logo-footer img{
		width: 100% !important;
	}
}
/* ------------------- zminne ----------------------------------------- */
.slide-capiton{
	color: var(--white) !important;
}
.slide-description {
	color: var(--white) !important;
	font-weight: 500 !important;
	line-height: 28px !important;
	justify-self: justify !important;
	color: var(--light-grey) !important;
}
.slide-description:nth-child(1) {
	margin-top: 1rem !important;
}
.slide-description:nth-child(2) {
	margin-bottom: .3rem !important;
}
.slide-description-second {
	margin-bottom: 2rem !important;
}
/* ----------------------------------------------- ------------------------------------------------ */

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

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

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

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

a {
	color: var(--black) !important;
	text-decoration: none !important;
}
a:hover {
	color: var(--red) !important;
	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;
}

#logo-img {
	background: white;
	border-radius: 5px;
	padding: 12px;
}

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;
	}
}
@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 > .main-menu-auto > ul {
	display: flex;
	justify-content: flex-end;
}
.vtb-container.container > .main-menu-auto > ul  li{
	margin-left: 1.5rem !important;
}
.page-header-top-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.page-header-top-right > .main-menu-auto > ul {
	display: flex;
	justify-content: flex-end;
}
.top-right {
	display: flex !important;
}
.page-header-top-right > .main-menu-auto > ul > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-header-top-right > .main-menu-auto > ul > li > a > span {
	margin-right: 5px;
	color: var(--primary-color);
	transition: all 0.5s;
}

.page-header-top-right > .main-menu-auto> ul > li > a:hover > span, .page-header-top-right > .main-menu-auto > ul > li > a:hover {
	color: var(--secondary-color);
}

@media(max-width: 768px) {
	.mobile-d-none {
		display: none;
	}
	.page-header-top-right > .main-menu-auto > ul > li > a > span {
		margin-right: 0;
	}
}

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

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

#header-sticky-container-id {
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.footer-menu > ul {
	list-style: none;
	padding-left: 0;
}
/* ------------------------------------------------------------ menu ----------------------------------------------- */

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

footer#site-footer {
	padding-top: 50px;
	z-index: 999999;
	position:relative;
}

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

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

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

.carousel-indicators {
	margin-bottom: 1.5rem !important;
}
.carousel-indicators [data-bs-target] {
	height: 10px;
	width: 10px;
	background-color: var(--white);
	margin-left: 3px;
	margin-right: 3px;
	border-radius: 20px; 
	transition: all 0.3s ease-in-out;
	border: 2px solid black;
}

.carousel-indicators .active {
	width: 25px;
	background-color: var(--red);
	transition: all 0.3s ease-in-out; 
}

.slide-container-main-hero {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	min-height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	.hero-section,
	.slide-container-main-hero{
		height: 100dvh !important; 
		min-height: 100dvh !important;
	}
	.container-historia-firmy {
		margin-bottom: 3rem !important;
	}
}
.szukasz-auta-hero {
	position: relative;
	overflow: hidden;
}
.szukasz-auta-hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}
.konserwacja-podwozi-hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8) !important;
	z-index: 1;
}
.szukasz-auta-hero.oferta {
	background-image: url(/wp-content/uploads/2024/09/background-rajauto.jpg) !important;
	position: relative;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0px !important;
}
.szukasz-auta-hero.oferta::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}
.szukasz-auta-hero.oferta .container .wpb_column .vc_column-inner .wpb_wrapper .wpb_text_column {
	margin-bottom: 0px !important;
}
.szukasz-auta-hero.oferta h1 {
	z-index: 1;
	color: var(--white) !important;
	margin: auto;
	position: relative;
	display: flex;
	align-items: start;
	justify-content: center;
}

.slide-container-main-hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 1), rgb(0, 0, 0, .8), rgb(0, 0, 0, 0));
	z-index: 1;
}


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

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

.slide-container-main-hero > .slide-content > h1 {
	margin-bottom: 30px;
	z-index: 1;
}
.slider-box img {
	z-index: 1;
}
.slide-container-main-hero > .slide-content > h3 {
	width: 75%;
	z-index: 1;
	font-weight: 500 !important;
	color: var(--grey) !important;
}
.slide-container-main-hero > .slide-content > .btn-primary	 {
	z-index: 1;
}
.slide-container-main-hero > .slide-content > a.button-slider {
	margin-bottom: 30px;
	z-index: 1;
}
.wpc-filters-submit-button,
.btn-primary a,
.slide-description .btn-primary a {
	background-color: var(--red) !important;
	color: var(--white)  !important;
	border: 1px solid var(--red)  !important;
	background-image: none !important;
	transition: background-color 0.5s, color 0.5s, border-color 0.5s !important;
	min-width: 240px !important;
	text-align: center !important;
	display: flex !important;
	font-size: 16px !important;
	width: fit-content !important;
	flex-wrap: wrap;
	justify-content: center !important;
	align-content: center !important;
	align-items: center !important;
	height: 45px !important;
	border-radius: 3px !important;
	transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

.wpc-filters-submit-button:hover,
.btn-primary a:hover,
.slide-description .btn-primary a:hover {
	background-color: transparent !important;
	color: var(--red) !important;
	border: 1px solid var(--red) !important;
	text-decoration: none !important;
}

.wpc-filters-reset-button,
.btn-secondary a {
	background-color: transparent !important;
	color: var(--white) !important;
	border: 1px solid var(--white) !important;
	background-image: none !important;
	transition: background-color 0.5s, color 0.5s, border-color 0.5s !important;
	min-width: 240px !important;
	width: fit-content !important;
	font-size: 16px !important;
	text-align: center !important;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
	align-content: center !important;
	align-items: center !important;
	height: 45px !important;
	border-radius: 3px !important;
}

.wpc-filters-reset-button {
	color: var(--red) !important;
	border: 1px solid var(--red) !important;
}

.wpc-filters-reset-button:hover,
.btn-secondary a:hover {
	background-color: var(--red) !important;
	color: var(--white) !important;
	border: 1px solid var(--red) !important;
	text-decoration: none !important;
}

.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
	border: 1px solid black !important;
	box-shadow: 0 2px 9px rgba(255, 0, 0, 0.23) !important;
	transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle:hover {
	background-color: var(--light-red) !important;
	box-shadow: 0 2px 9px rgba(255, 0, 0, 0.5) !important; 
}

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

/* ----------------------------------------------------- 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-main{
	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 only screen and (max-width: 768px) {
	.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);
	}
	.box-logo.slider-box.righ-down-position {
		display: none !important;
	}
	.container-szukasz-auta .wpb_wrapper br {
		display: none !important;
	}
}

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

.footer-left {
	padding-bottom: 50px !important;
}
@media(max-width: 1024px) {
	.footer-right, .footer-left {
		width: 100% !important;
	}
	#footer-row {
		display: block !important;
	}
	.footer-left {
		padding-bottom: 15px !important;
	}
	.gt_container--bqvs5e a.glink span {
		font-size: 16px !important;
	}
	a.glink.gt_switcher-popup img {
		max-width: 20px !important;
		min-width: 20px !important;
		padding: unset !important;
		margin-right: 10px !important;
	}
	#mobile-header .container-wide {
		padding-right: unset !important;
	}
}

@media(max-width: 500px) {
	.display-block, .h2-display {
		display: block !important;
	}
}

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


.header-sticky-container .logo img {
	max-width: 200px !important;
}

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

.sticky-hidden {
	top: -100%; 
}
.mega-menu-item-29302 a.mega-menu-link::before {
	display: none !important;
}
.apus_sociale i {
	color: grey !important;
	transition: color 0.3s ease;
}

.apus_sociale i:hover:before {
	color: var(--red) !important;
}

/* /////////////////////////////// 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 //////////////////////////////////// */
@media(min-width: 1200px) {
	.head-sec-inner {
		display: none;
	}
}

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

p.filtry-close-menu-auto {
	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;
}


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

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

p.filtry-menu-auto {
	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) {

	p.filtry-menu-auto {
		display: block;
	}
}

#mobile-header .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mobile-header .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
#mobile-header .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
	background-color: var(--red) !important;
}

.nasze-dane-footer p, .dane-kontaktowe p {
	margin-bottom: 0px !important;
}
.firma-footer-opis {
	width: 85% !important;
	text-align: justify !important;
	font-size: 12px !important;
	line-height: 22px;
	margin-top: 15px;
}
.footer-bottom {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.border-top-footer {
	width: 100%;
	height: 1px;
	background: var(--white);
}
#site-footer {
	background: black;
}

.autor-projektu-footer {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important
}
.autor-projektu-footer p {
	margin-top: 1rem !important;
}
.autor-projektu-footer p .autor-span {
	color: white !important;
}

.autor-projektu-footer a {
	color: var(--black) !important;
}
@media only screen and (max-width: 768px) {
	.autor-span {
		display: flex !important;
		align-items: left !important;
		justify-content: left !important;
	}
	.border-top-footer {
		margin-top: 1rem !important;
	}
	.autor-projektu-footer {
		display: block !important;
	}
	.autor-projektu-footer p {
		display: flex !important;
		justify-content: center !important;
		flex-direction: column !important;
		align-items: center !important;
		font-size: 12px !important;
	}
	.firma-footer-opis {
		width: 100% !important;
	}
}
.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: var(--red);
	position: absolute;
	left: 0;
	bottom: -10px;
}
/*****/
h2 {
	margin: auto;
	position: relative;
	display: flex;
	align-items: start;
	justify-content: start;
	margin-bottom: 2.5rem !important;
}

h2:before {
	content: "";
	height: 2px;
	width: 150px;
	background: var(--red);
	position: absolute;
	left: 0%;
	bottom: -20px;    
}


#menu-footer-dostawa li {
	position: relative;
} 
.firma-footer-opis, .autor-projektu-footer,.autor-projektu-footer p ,footer h3				{
	color: var(--white) !important;
}
.wrapper-column-a .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper a {
	color: var(--black) !important; 
}
#menu-footer-dostawa li a, .nasze-dane-footer p, .dane-kontaktowe p, 
.efekt-before-footer li a, .autor-span {
	color: var(--white) !important;

}
.wrapper-column-a .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper a,
#menu-footer-dostawa li a, .nasze-dane-footer p, .dane-kontaktowe p, 
.efekt-before-footer li a, .autor-span {
	position: relative;
	text-decoration: none;
	display: inline-block;
	padding-left: 0;
	transition: all 0.3s ease-in-out;
}

#menu-footer-dostawa li a::before,
.nasze-dane-footer p::before,
.dane-kontaktowe p::after,
.efekt-before-footer li a::before,
.autor-span::before {
	content: '';
	width: 0;
	height: 2px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: var(--red);
	transform: translateY(-50%);
	transition: width 0.3s ease-in-out;
}
.wrapper-column-a .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper a::after {
	content: '';
	width: 0;
	height: 2px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: var(--red);
	transform: translateY(-50%);
	transition: width 0.3s ease-in-out;
}
.wrapper-column-a .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper a:hover::after,
.wrapper-column-a .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper a:focus::after {
	width: 15px;
}

.wrapper-column-a .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper a:hover,
.wrapper-column-a .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper a:focus {
	color: var(--red) !important;
	padding-left: 25px;	
}
#menu-footer-dostawa li a:hover::before,
#menu-footer-dostawa li a:focus::before,
.nasze-dane-footer p:hover::before,
.nasze-dane-footer p:focus::before,
.dane-kontaktowe p:hover::after,
.dane-kontaktowe p:focus::after,
.efekt-before-footer li a:hover::before,
.efekt-before-footer li a:focus::before, 
.autor-span:hover::before,
.autor-span:focus::before {
	width: 15px;
}

#menu-footer-dostawa li a:hover,
#menu-footer-dostawa li a:focus,
.nasze-dane-footer p:hover,
.nasze-dane-footer p:focus,
.dane-kontaktowe p:hover,
.dane-kontaktowe p:focus,
.efekt-before-footer li a:hover,
.efekt-before-footer li a:focus,
.autor-span:hover,
.autor-span:focus {
	color: var(--red) !important;
	padding-left: 25px;
}
.autor-projektu-footer a:hover .autor-span {
	color: var(--red) !important;
}
.contact-phone, .contact-mail, .contact-location {
	position: relative;
	margin-left: 2.5rem;
}
.contact-phone-top-menu {
	position: relative;
}
.top-left {
	margin-left: 2.5rem;
	display: flex !important;
}

body.home .top-left p, 
body.home .break-line-topper {
	color: var(--white) !important;
	transition: color 0.3s ease !important;
}
body.home .top-left p:hover {
	color: var(--red) !important;
}
.break-line-topper {
	margin-left: 2px !important;
	margin-right: 2px !important;
}
body.home .contact-phone-top-menu::before {
	content: "";
	background-image: url("/wp-content/uploads/2024/07/comment-sms-solid-1.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	position: absolute;
	height: 23px;
	width: 23px;
	margin-left: -2.5rem;
}
.contact-phone-top-menu::before {
	content: "";
	background-image: url("/wp-content/uploads/2024/07/comment-sms-solid.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	position: absolute;
	height: 23px;
	width: 23px;
	margin-left: -2.5rem;
}

.contact-phone::before, .contact-mail::before, .contact-location::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/2024/07/Group-1152.svg");
}
.contact-mail::before {
	background-image: url("/wp-content/uploads/2024/07/Group-1153.svg");
}

.contact-mail {
	font-size: 25px;
	font-weight: 600;
}


.contact-location::before {
	background-image: url("/wp-content/uploads/2024/07/Group-1154.svg");
}
@media only screen and (max-width: 768px) {
	.footer-right .row .col-md-4 {
		margin-bottom: 1rem !important;
	}
	.px-15 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link {
	padding-left: .5rem !important;
	padding-right: .5rem !important;
}
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link {
	padding: unset !important;
	margin-left: 1.5rem !important;
}
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item a.mega-menu-link:before {
	margin: unset !important;
}
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menuu li.mega-submenu-underline a.mega-menu-link:before {
	margin: unset !important;
	margin-left: -10px !important;
}
li.mega-submenu-underline ul.mega-sub-menu li a.mega-menu-link {
	padding: unset !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
}

body.home .desktop-menu #mega-menu-middle-main-menu li.mega-submenu-underline ul.mega-sub-menu {
	background: rgba(0, 0, 0, 0.4) !important;
}
body.home .desktop-menu #mega-menu-middle-main-menu li.mega-submenu-underline ul.mega-sub-menu li a.mega-menu-link{
	color: white !important;
}
body.home #mega-menu-middle-main-menu li.mega-submenu-underline ul.mega-sub-menu li a.mega-menu-link:hover{
	color: var(--red) !important;
}

@media only screen and (max-width: 1000px) {
	#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link {
		padding-left: .5rem !important;
		padding-right: .5rem !important;
		margin-left: 0rem !important;
	}
	#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item a.mega-menu-link:before {
		margin: unset !important;
		margin-left: -8px !important;
	}
	ul#mega-menu-mobile-menu {
		z-index: 999999999999 !important;
	}
	.cky-btn-revisit-wrapper {
		z-index: 10 !important;
	}
	#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu .gtranslate_wrapper {
		padding-left: 10px !important;
		margin-top: 3rem !important;
		margin-bottom: 1rem !important;
	}
	.header-container .d-flex {
		align-items: center !important;
		width: 100% !important;
	}
}

a.mega-menu-link {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

a.mega-menu-link::before,
a.mega-menu-link::after{ 
	content: '';
	position: absolute !important;
	bottom: 0 !important;
	height: 1px !important;
	width: 100% !important;
	background-color: var(--red) !important;
	transform: scaleX(0) !important;
	transform-origin: left !important;
	transition: transform 0.3s ease-out;
}

a.mega-menu-link::after {
	transform-origin: right !important;
}

a.mega-menu-link:hover::before {
	transform: scaleX(1) !important;
}

a.mega-menu-link:hover::after {
	transform: scaleX(0) !important;
}
.display-block-skontaktuj-sie {
	display: block !important;
}
.skontaktuj-sie-h2 {
	display: block !important;
}

.skontaktuj-sie-h2:before {
	left: 50% !important;
	bottom: -20px !important;
	transform: translateX(-50%) !important;
}

.container-szukasz-auta{
	padding-bottom: 35px !important;
	color: var(--white) !important;
	position: relative;
	z-index: 1;
}
.szukasz-auta-hero {
	background-repeat: no-repeat !important;
	background-size: cover !important;
}


@media only screen and (max-width: 768px) {
	.dane-kontaktowe, .nasze-dane-footer {
		display: flex !important;
		flex-direction: column !important;
	}
	.dane-kontaktowe .h2, .nasze-dane-footer .h2,
	.nasze-dane-footer{
		margin: unset !important;
		margin-bottom: 1rem !important;
	}
}
.content-area.container {
	max-width: 1400px;
	margin: 0 auto;
}

.baza-wiedzy-h2 .container h2 {
	text-align: center;
	margin-top: 30px;
	font-size: 2em;
}

.display-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.categories {
	flex: 1 1 20%;
	display: flex;
	flex-direction: column;
}

.categories a {
	margin-bottom: 10px;
}

.baza-wiedzy-header {
	flex: 2 1 70%;
}

.recent-posts {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.post-card {
	flex: 0 1 30%;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.post-card .post-thumbnail {
	margin-bottom: 15px;
}

.post-card .post-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}

.post-card .post-title {
	font-size: 1.5em;
	margin-bottom: 10px;
}

.post-card .post-excerpt {
	margin-bottom: 15px;
}

.post-card .read-more {
	align-self: flex-start;
	color: #007bff;
	text-decoration: none;
}

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

.pagination {
	text-align: center;
	width: 100%;
}

.pagination a {
	margin: 0 5px 10px;
	padding: 5px 10px;
	color: var(--black);
	text-decoration: none;
	border: 1px solid black;
	border-radius: 3px;
}

.pagination a:hover {
	background-color: var(--red);
	color: var(--white) !important;
	text-decoration: none;
}
.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#mega-menu-middle-main-menu a.mega-menu-link {
	padding-left: 10px;
	padding-right: 10px;
}

/************ history timeline ***********************/
.timeline-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	background-color: #fff;
	position: relative;
}

.timeline-title {
	text-align: center;
	margin-bottom: 40px;
	font-size: 2em;
	color: #333;
}

.timeline-line {
	position: absolute;
	top: 0;
	left: 50%;
	width: 4px;
	background-color: var(--red);
	z-index: 1;
	transition: height 0.2s ease;
	height: 0;
	transform: translateY(3%);
}

.timeline-line #timeline-arrow {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -5px;
	color: var(--red);
}

.timeline-item {
	position: relative;
	padding: 20px;
	margin-bottom: 60px;
	display: flex;
	align-items: flex-start;
	opacity: 1;
}
.timeline-item.left .timeline-image-container {
	justify-content: right;
	display: flex;
	align-items: center;
}
.timeline-item .timeline-image-container-only-pictures {
	justify-content: center !important;
	display: flex !important;
	align-items: center !important;
	flex-direction: column !important;
	width: 50% !important;
}
@media only screen and (max-width: 768px) {
	.timeline-item .timeline-image-container-only-pictures {
		width: 100% !important;
	}
}
.timeline-content {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: self-start;
	width: 100%;
}

.timeline-image-container {
	flex-shrink: 0;
	width: 50%;
	justify-content: center !important;
	display: flex !important;
	align-items: center !important;
	flex-direction: column !important;
}

.timeline-image {
	min-width: 90%;
	height: auto;
	max-width: 500px !important;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}

.timeline-text-container {
	flex: 1;
}
.timeline-item-single-text .timeline-text-container .single-h2-tekst-timeline {
	justify-content: flex-end !important;
}
.timeline-item-single-text .timeline-text-container h2.single-h2-tekst-timeline::before {
	display: none !important;
}
.timeline-item-single-text .timeline-text-container p.single-p-tekst-timeline {
	margin-top: 2rem !important;
}
@media only screen and (max-width: 768px) {
	.timeline-item-single-text .timeline-text-container p.single-p-tekst-timeline {
		margin-top: 0rem !important;
	}
	.timeline-item-single-text .timeline-text-container .single-h2-tekst-timeline {
		margin-bottom: 5px !important;
	}
	.timeline-item-single-text .timeline-text-container h2.single-h2-tekst-timeline::before {
		display: flex !important;
		bottom: -15px !important;
	}
}
.timeline-item-single-text {
	margin-bottom: 20px !important;
}
.timeline-image-container-only-pictures  .timeline-image-resize,
.timeline-image-container .timeline-image-resize {
	max-width: 500px !important;
}
.timeline-date {
	position: absolute;
	left: -70px;
	width: 60px;
	text-align: center;
	font-size: 1.2em;
	color: #333;
	background-color: #fff;
	border: 2px solid #333;
	border-radius: 50%;
	line-height: 60px;
}

.timeline-item.right .timeline-content {
	flex-direction: row;
}

.timeline-item.left .timeline-content {
	flex-direction: row-reverse;
}

@media (max-width: 768px) {
	.timeline-line {
		left: 9px;
		transform: translateY(3%);
	}

	.timeline-item {
		border-left: none;
		display: block;
		padding: 5px !important;
	}

	.timeline-date {
		left: 0;
		right: auto;
		top: -15px;
		transform: translateX(-50%);
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.timeline-item.right .timeline-date {
		right: 0;
		left: auto;
	}

	.timeline-content {
		flex-direction: column;
		align-items: flex-start;
	}

	.timeline-image {
		margin-bottom: 10px;
		width: 100%;
	}

	.timeline-item.right .timeline-content,
	.timeline-item.left .timeline-content {
		flex-direction: column;
	}

	.timeline-image {
		width: 100%;
		height: auto;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	}

	.timeline-image-container {
		width: 100%;
	}
	.container-rajdowa{
		flex-direction: column-reverse !important;
	}
	.etapy-konserwacji {
		flex-direction: column-reverse !important;
		display: flex !important;
	}
}
.image-caption {
	font-style: italic;
	color: #666;
	width: 90%;
	margin-top: 0.5rem;
	text-align: left;
}

.hero-historia {
	background-image: url("/wp-content/uploads/2024/07/tire-background.png") !important;
	background-position: right bottom !important;
	background-repeat: no-repeat !important;
	background-size: 65% !important;
}
@media only screen and (max-width: 768px) {
	.hero-historia {
		background-size: 50% !important;
	}
}

.czerwone-kropki .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper ul li {
	position: relative;
	margin-left: 2rem;
	font-size: 16px !important;
	margin-bottom: 1.2rem;
}

.czerwone-kropki .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: .5rem;
	width: .5rem;
	background-color: var(--red) !important;
	border-radius: 50%;
	margin-left: -2rem;
}
ul {
	list-style: none !important;
	padding-left: unset !important;
}
.margin-left-5px {
	margin-left: .5rem !important;
}
.sp-pcp-readmore a {
	font-size: 16px !important;
}
@media only screen and (max-width: 768px) {
	.margin-left-5px {
		margin-left: 0rem !important;
	}

}
.mapa-lokalizacja-firmy iframe {
	width: 100% !important;
	height: 300px !important;
}

.hero-mapka-lokalizacja .wpb_column .vc_column-inner .wpb_wrapper .wpb_raw_code {
	margin-bottom: 0px !important;
}

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

.tss-wrapper .single-item-wrapper h4.author-bio {
	font-size: 18px !important;
	font-weight: bold !important;
	font-style: italic !important;
	text-align: left !important;
	margin-top: 15px !important;
	color: var(--black) !important;
}
.tss-wrapper .tss-carousel3 .rating-wrapper {
	margin: 17px 0px -10px;
	text-align: center;
	display: block;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	background: var(--red) !important;
}
.swiper-arrow  {
	background: transparent !important;
}
.swiper-arrow i {
	color: var(--red) !important;
}
.swiper-arrow {
	position: absolute;
	bottom: 20px;
	z-index: 1000;
}

.swiper-button-prev.prev-0 {
	left: 90%; 
	transform: translateX(-110%);
}

.swiper-button-next.next-0 {
	left: 92%;
	transform: translateX(10%);
}

.rttss-left-open::before,
.rttss-right-open::before {
	content: '';
	position: absolute !important;
	width: 30px !important;
	height: 30px !important;
	top: 130px !important;
	align-items: center !important;
	justify-content: center !important;
	display: flex !important;
	padding: 5px;
	background: white;
	border-radius: 50%;
	border: 1px solid var(--red);
	transition: background-color 0.3s, color 0.3s;
}
.gs_logo_area .swiper-button-next svg, .gs_logo_area .swiper-button-prev svg {
	fill: var(--red) !important;
}
.gs_logo_area .swiper-button-next:hover svg,
.gs_logo_area .swiper-button-prev:hover svg {
	fill: var(--white) !important;
}

#gs_logo_area_1 {
	padding-bottom: 15px !important;
}
.gs_logo_container .swiper-slide {
	max-height: 180px !important;
}
.gs_logo_area .swiper-button-next, 
.gs_logo_area .swiper-button-prev {
	align-items: center !important;
	justify-content: center !important;
	display: flex !important;
	padding: 5px;
	background: white !important;
	opacity: 1 !important;
	border-radius: 50%;
	border: 1px solid var(--red);
	transition: background-color 0.3s, color 0.3s;
}
.gs_logo_area .swiper-button-next:hover, 
.gs_logo_area .swiper-button-prev:hover,
.rttss-left-open:hover::before,
.rttss-right-open:hover::before {
	background: var(--red) !important;
	color: white !important;
	border-color: var(--red) !important;
}


.rttss-left-open::before {
	left: 0;
}

.rttss-right-open::before {
	right: 0;
}

.tss-wrapper .tss-carousel3 .item-content-wrapper {
	background: transparent !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
	text-align: left !important;
	padding: unset !important;
	padding-bottom: 15px !important;
}

.tss-wrapper .tss-carousel3 .item-content-wrapper:before {
	display: none !important;
}
.tss-carousel .swiper-arrow {
	line-height: unset !important;
}
.tss-wrapper .single-item-wrapper .author-bio {
	margin-top: -10px !important;
}
.tss-carousel .swiper-arrow {
	margin-top: -75px !important;
}
.item-content {
	position: relative !important;
	padding-top: 40px !important;
	font-size: 14px !important;
	line-height: 1.8 !important;
}
.opinie-copisza p,
.item-content,
.color-white{
	color: white !important;
}
.author-bio span{
	color: var(--red) !important;
}
.item-content::before {
	content: "\f005 \f005 \f005 \f005 \f005";
	display: inline-block;
	font-size: 20px;
	color: var(--red);
	position: absolute;
	top: -5px;
	left: 0;
	font-weight: 700;
	font-family: "Font Awesome 5 Pro";
	white-space: nowrap;
}
@media only screen and (max-width: 768px) {
	.item-content-wrapper .item-content {
		font-size: 14px !important;
		padding-right: 35px !important;
		padding-left: 5px !important;
	}

	.tss-wrapper .single-item-wrapper .author-bio {
		margin-top: 0px !important;
	}
	.container-btn .btn-primary a {
		width: 100% !important;
	}
	.copyright-p {
		margin-bottom: 0px !important;
		padding-bottom: 1rem !important;
	}
	.rttss-left-open::before,
	.rttss-right-open::before {
		top: 200px !important;
	}
	.swiper .swiper-slide {
		padding-left: 0px;
		padding-right:0px;
	}
	.separator-opinie-insurance:before,
	.separator-column,
	.separator-opinie::before {
		display: none !important;
	}
}
@media only screen and (max-width:393px) {
	.rttss-left-open::before,
	.rttss-right-open::before {
		top: 225px !important;
	}
}

/******* formularz kontaktowy ****************/
.container-email-form {
	background: #f4f4f4 !important;
	box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.2) !important;
	padding: 25px 35px !important;
	border-radius: 15px !important;
}

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

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

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

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

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

#formularz .checkbox-group {
	display: flex;
	align-items: center; 
	justify-content: space-between;
}
#formularz .recaptacha-container {
	margin-bottom: 15px !important;
}
#formularz .checkbox-group p {
	display: flex;
	align-items: center;
	margin-bottom: 0 !important;
	justify-content: center;
}
@media only screen and (max-width: 453px) {
	#formularz .checkbox-group p {
		flex-wrap: wrap;
		display: inline-flex;
		justify-content: left;
		align-items: center;
	}
}

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

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

#formularz .checkbox-group a {
	color: #0694FB;
	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: center;
	justify-content: space-between;
}

#formularz .btn-primary {
	background-color: var(--red);
	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 .form-group.recaptcha-group .wpcf7-form-control {
	background-color: var(--red)!important; /* Czerwony kolor */
	color: #FFFFFF !important;
	border: 1px solid var(--red) !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: 5px !important;
	font-size: 20px !important;
}

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

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

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

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

	#formularz .form-group.recaptcha-group {
		flex-direction: column;
		align-items: flex-start;
	}
	#formularz .checkbox-group {
		display: block !important;
	}
	#formularz .checkbox-group p {
		justify-content: flex-start !important;
	}
	#formularz .recaptcha-group p {
		display: block;
	}

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

	.container-email-form{
		background: transparent !important;
		box-shadow: none !important;
		padding: unset !important;
		border-radius: 15px !important;
	}
	.container-email-form .wrapper-column-a {
		padding-bottom: 0px !important;
	}
	.middle-adres-column {
		padding-top: 0px !important;
	}

	.container-email-form .wrapper-column-a .vc_column-inner .wpb_wrapper, 
	.container-email-form #formularz{
		padding: 50px 15px !important;
		background: #f4f4f4 !important;
	}
	.container-email-form .wrapper-column-a .vc_column-inner .wpb_wrapper {
		border-radius: 0px !important;
		padding-bottom: 5px !important;
	}
	.container-email-form #formularz {
		border-radius: 0px !important;
		padding-top: 5px !important;
	}
	.container-email-form .wrapper-column-a .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper {
		padding: unset !important;
	}
	.naglowek-kontaktowy-kontakt h2 {
		display: flex !important;
	}
	.naglowek-kontaktowy-kontakt h2:before {
		left: 0% !important;
		transform: unset !important;
	}
	.naglowek-kontaktowy-kontakt p {
		text-align: justify !important;
	}
	.naglowek-kontaktowy-kontakt p br {
		display: none !important;
	}
}

.middle-adres-column .container-formularz-form .form-group p label.formularz-email-kontakt {
	padding-left: 15px !important;
	margin-bottom: 5px !important;
	font-weight: 500 !important;
	color: #262626;
}

.wrapper-column-a .vc_column-inner .wpb_wrapper .wpb_text_column {
	margin-bottom: 15px !important;
}

#formularz .form-group textarea {
	height: 250px !important;
}


.hero-section {
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh; 
	z-index: 3;
	overflow: hidden;
}

.main-header {
	z-index: 999999999999999999999999;
	position: relative;
}


body.home #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
body.home #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item > a.mega-menu-link{
	color: var(--white) !important;
}
body.home #header-sticky-container-id #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
body.home #header-sticky-container-id #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item > a.mega-menu-link{
	color: var(--black) !important;
}
body.home #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover,
body.home #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item > a.mega-menu-link:hover,
body.home #header-sticky-container-id #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover,
body.home #header-sticky-container-id #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item > a.mega-menu-link:hover{
	color: var(--red) !important;
}

@media only screen and (max-width: 1000px) {
	body.home #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
	body.home #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item > a.mega-menu-link{
		color: var(--black) !important;
	}
	#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item.mega-menu-item-426 {
		padding-top: 5px !important;
	}
}


body.home #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu li.mega-submenu-underline a.mega-menu-link {
	background: transparent !important;
}
.top-menu-over-main-location {
	display: flex;
	justify-content: space-between;
	padding-top: 5px !important;
}
body.home .top-menu-over-main-location p  {
	color: var(--white) !important;
}
.top-menu-over-main-location p {
	margin-bottom: 0px !important;
}
body.home .top-menu-over-main-location ul li a {
	color: var(--white) !important;
}
body.home .top-menu-over-main-location ul li a:hover {
	color: var(--red) !important;
}
.top-menu-over-main-location ul li a:hover,
.top-menu-over-main-location p:hover {
	color: var(--red) !important;
}

body.home .border-top-header {
	width: 100%;
	height: 1px;
	background: var(--white);
	margin-bottom: 10px;
	margin-top: 5px;
}
.border-top-header {
	width: 100%;
	height: 1px;
	background: var(--black);
	margin-bottom: 5px;
	margin-top: 5px;
}
body.home .container-szukasz-auta .wpb_column  .vc_column-inner{
	padding: 25px 35px !important;
}
.page-container .header-container {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
}	
.page-container .header-container {
	display: flex !important;
	justify-content: space-between !important;
}
@media only screen and (max-width: 768px) {
	body.home .container-szukasz-auta .wpb_column  .vc_column-inner{
		padding: 25px 15px !important;
	}
}
@media only screen and (max-width: 1000px) {
	.social-media-destkop {
		display: none !important;
	}
	.top-menu-over-main-location,
	.border-top-header 			{
		display: none !important;
	}
	.header-container {
		padding-left: unset !important;
		padding-right: unset !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}	
}
@media only screen and (min-width: 1000px) {
	.social-media-mobile,
	span.mega-indicator,
	#mobile-header {
		display: none !important;
	}
}

/*************** SUB MENU WHEN MAIN ELEMENT LI IS ACTIVE -- TURN OFF RED COLOR FOR A ELEMENTS **********************/
#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-current_page_item > a,
#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-current-menu-parent > a {
	color: var(--red) !important;
}

#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-current-menu-parent ul.mega-sub-menu li a {
	color: var(--black) !important; 
}
/********************************************************/
.nasze-uslugi-kafelki .vc_column-inner {
	position: relative;
	overflow: hidden;
	height: 100% !important;
	align-items: stretch !important;
}

.nasze-uslugi-kafelki .vc_column-inner::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background: linear-gradient(to top, var(--red), transparent);
	transition: height 0.3s ease-in-out;
	z-index: -1;
}

.nasze-uslugi-kafelki .vc_column-inner:hover::after {
	height: 100%;
}


.nasze-uslugi-kafelki .vc_column-inner {
	background: transparent !important;
	padding: 25px 15px !important;
	transition: .5s ease-in-out;
}

.nasze-uslugi-kafelki  .wpb_single_image {
	margin-bottom: 5px !important;
}
.nasze-uslugi-kafelki  .wpb_single_image .wpb_wrapper  .vc_single_image-wrapper img{
	width: 60px !important;
}
.nasze-uslugi-kafelki .vc_column-inner .wpb_wrapper .wpb_text_column {
	margin-bottom: 5px !important;
}
.container-nasze-uslugi-button .btn-secondary {
	position: relative !important;
	z-index: 3 !important;
	margin-bottom: 5rem !important;
	margin-top: 2rem !important;
}
.nasze-uslugi-h2 h2 {
	position: relative !important;
	text-transform: uppercase !important;
	z-index: 2 !important;
	color: var(--white) !important;
	margin-top: 2rem !important;
	margin-bottom: 4rem !important;
}
.nasze-uslugi-h2 h2::before {
	display: none !important;
}
.nasze-uslugi-h2 h2::after {
	content: "WARSZTAT SAMOCHODOWY GLIWICE" !important;
	display: flex !important;
	position: absolute;
	top: -25px !important;
	left: 50% !important;
	transform: translateX(-50%);
	font-size: 2.5rem;
	opacity: 0.3;
	color: var(--red);
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	z-index: -1;
}
@media only screen and (max-width: 768px) {
	.nasze-uslugi-h2 h2::after {
		top: -55px !important;
	}
}

@media (max-width: 1024px) {
	.nasze-uslugi-kafelki {
		width: 50%;
		flex: 0 0 50%;
	}
	.page-container .header-container {
		padding-right: unset !important;
		padding-left: unset !important;
	}	
}
@media (max-width: 650px) {
	.nasze-uslugi-kafelki {
		width: 100%;
		flex: 0 0 100%;
	}
}

.nasze-uslugi-kafelki {
	position: relative;
}


.nasze-uslugi-kafelki h3{
	position: relative;
	align-items: center;
	color: var(--white) !important;
}
.nasze-uslugi-kafelki p {
	color: var(--light-grey) !important;
}

.hero-serwis {
	background-size: cover !important;
	background-position: center !important;
	background-image: url("/wp-content/uploads/2024/07/mecanic-bacground.png") !important;
}
.hero-serwis:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1;
}
@media only screen and (max-width: 768px) {
	.hero-serwis {
		background-size: cover !important;
		background-position: center !important;
		background-image: url("/wp-content/uploads/2024/07/backgroound-uslugi-768.jpg") !important;
	}
}
/**********************************************************************************/
.sp-pcp-thumb img:hover {
	transform: scale(1.02) !important;
}
.sp-pcp-thumb {
	display: flex !important;
}
.sp-pcp-thumb img {
	object-fit: contain  !important;
	min-height: 200px !important;
	height: 100% !important;
}
@media only screen and (min-width: 768px) {
	.container-logo-mobile {
		display: none !important;
	}
}

#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu li.mega-menu-item a.mega-menu-link:before,
body.home #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item > a.mega-menu-link:before{
	margin: 0px !important;
}
#mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item > a.mega-menu-link,
body.home #mega-menu-wrap-middle-main-menu #mega-menu-middle-main-menu > li.mega-menu-item > a.mega-menu-link{
	margin-left: 2.5rem !important;
	padding: unset !important;
}

@media only screen and (min-width: 1000px) {
	header #mobile-header {
		display: none;
	}

	header .mega-sub-menu {
		margin-left: 2.5rem !important;
	}
}
@media only screen and (max-width: 1000px) {
	header .desktop-menu,
	#mega-menu-item-710 a.mega-menu-link,
	#mega-menu-wrap-middle-main-menu {
		display: none !important;
	}
	.header-container .d-flex {
		align-items: center !important;
	}
	header #mobile-header .container-wide {
		padding-right: 0px !important;
	}
}
#mega-menu-mobile-menu {
	background: #202124 !important;
}

#mega-menu-mobile-menu .mega-menu-item  a {
	color: var(--white) !important;
}
#mega-menu-mobile-menu .mega-menu-item .mega-sub-menu li a.mega-menu-link{
	background: var(--grey) !important;
}
header #mobile-header #mega-menu-mobile-menu .logo a {
	background: transparent !important;
	height: 60px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu .logo-mobile img,
header #mobile-header #mega-menu-mobile-menu .logo-mobile img {
	max-width: 100% !important;
	padding: 5px !important;
	object-fit: contain;
	max-height: 78px !important;
}
.mega-logo-mobile {
	background: var(--white) !important;
}

.widget_apus_socials_widget {
	color: #fff !important;
}

.apus-widget-phone-numer {
	font-size: 22px !important;
}
.widget_apus_socials_widget p {
	margin: 5px 0;
	font-size: 1em;
}

.widget_apus_socials_widget a {
	color: #fff;
	text-decoration: none;
}

.widget_apus_socials_widget a:hover {
	color: var(--red);
}

.apus_informacje {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.apus_informacje li {
	margin-bottom: 10px;
}

.apus_sociale {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-bottom: 1rem !important;
}

.apus_sociale li {
	margin: 0 10px 0 0;
}

.apus_sociale li a {
	color: #fff;
	text-decoration: none;
	font-size: 14px; 
}

.apus_sociale li a:hover {
	color: var(--red);
}

.apus_sociale li a .fa-brands {
	margin-right: 10px;
}

.mega-menu {
	position: relative;
}

.mega-menu .widget_apus_socials_widget {
	position: relative;
	width: 100%;
	padding: 0px 10px !important;
}
aside.widget_apus_socials_widget a.mega-menu-link::before {
	display: none !important;
}
.vc_row.vc_column-gap-10>.vc_column_container.container-serwisowy  {
	padding-left: 30px !important;
	padding-right: 250px !important;
}
.vc_row.vc_column-gap-10>.vc_column_container.container-serwisowy-left  {
	padding-left: 200px !important;
	padding-right:  30px !important;
}
.vc_row.vc_column-gap-10>.vc_column_container.container-serwisowy-left ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2px;
}
.vc_row.vc_column-gap-10>.vc_column_container.container-serwisowy-left ul li {
	text-align: left;
	border-radius: 5px;
}
.konserwacja-podwozi-hero {
	margin-top: 0rem !important;
	background-repeat: no-repeat !important;
	background-position:  center top !important;
	background-size: cover !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

@media only screen and (max-width: 1600px) {
	.vc_row.vc_column-gap-10>.vc_column_container.container-serwisowy  {
		padding-left: 10px !important;
		padding-right: 30px !important;
	}
	.vc_row.vc_column-gap-10>.vc_column_container.container-serwisowy-left  {
		padding-left: 150px !important;
		padding-right:  10px !important;
	}
}
@media only screen and (max-width: 1440px) {
	.vc_row.vc_column-gap-10>.vc_column_container.container-serwisowy-left  {
		padding-left: 30px !important;
		padding-right:  10px !important;
	}
}
@media only screen and (max-width:768px) {
	.vc_row.vc_column-gap-10>.vc_column_container.container-serwisowy  {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.vc_row.vc_column-gap-10>.vc_column_container.container-serwisowy-left  {
		padding-left: 30px !important;
		padding-right:  30px !important;
	}
}

.hero-serwis-kontakt,
.hero-serwis-kontakt-mercedes.vc_custom_1722096213197 {
	background-image: url("/wp-content/uploads/2024/07/tire-black-background-scaled-e1721478245801.jpg") !important;
	background-position: right !important;
	background-size: cover !important;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	position: relative;
}

.hero-serwis-kontakt::before,
.hero-serwis-kontakt-mercedes::before {
	content: '' !important;
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	background: rgba(0, 0, 0, 0.7) !important;
	z-index: 1 !important;
}

.hero-serwis-kontakt .wpb_text_column h2,
.hero-serwis-kontakt .wpb_text_column p,
.hero-serwis-kontakt-mercedes .wpb_text_column h2,
.hero-serwis-kontakt-mercedes .wpb_text_column p {
	color: var(--white) !important;
	z-index: 2 !important;
	position: relative !important;
}

.hero-serwis-kontakt .btn-secondary,
.hero-serwis-kontakt-mercedes .btn-secondary {
	z-index: 2 !important;
	position: relative !important;
}

@media only screen and (max-width:768px) {
	.hero-serwis-kontakt br,
	.serwis-opis-srodkowy br,
	.hero-serwis-kontakt-mercedes br{
		display: none !important;
	}
	.hero-serwis-kontakt,
	.hero-serwis-kontakt-mercedes.vc_custom_1722096213197 {
		background-position: center !important;
	}

	.hero-serwis-second .wpb_column .vc_column-inner .wpb_wrapper .vc_row.vc_column-gap-10 {
		flex-direction: column-reverse !important;
		display: flex !important;
	}
	.serwis-opis-srodkowy p {
		text-align: left !important;
	}
	.vc_row.vc_column-gap-20>.vc_column_container {
		padding: unset !important;
	}
	.container-kafelki-serwis-dlaczego .vc_column-inner {
		margin-bottom: 1.5rem !important;
	}
	.text-left-site .wpb_wrapper p {
		text-align: left !important;
	}
	.likwidacja-szkod-container .vc_column_container  .vc_column-inner,
	.likwidacja-szkod-container .czerwone-kropki .vc_column-inner {
		padding-left: unset !important;
		padding-right: unset !important;
	}
	.hero-serwis-main  h2 {
		text-align: left !important;
	}

	.hero-serwis-main  h2.skontaktuj-sie-h2:before  {
		left: 0 !important;
		bottom: -20px !important;
		transform: unset !important;
	}
	.kontakt-dealerzy-footer {
		margin-bottom: 1rem !important;
	}
}

/******* oferta red ************/
body.page-id-309 #mega-menu-middle-main-menu li.mega-menu-item-693 a.mega-menu-link {
	color: var(--red) !important;
}
body.page-id-309 #mega-menu-middle-main-menu li.mega-menu-item-693 ul.mega-sub-menu a.mega-menu-link {
	color: var(--black) !important;
}
body.page-id-309 #mega-menu-middle-main-menu li.mega-menu-item-693 ul.mega-sub-menu a.mega-menu-link:hover {
	color: var(--red) !important;
}
.post-excerpt p, .sp-pcp-post-content p {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis; 
}
.sp-pcp-post {
	justify-content: space-between !important;
	height: 100% !important;
}
/****************** serwis bloczki itdp *********************************************/
.serwis-block-font-awesome-number1 .vc_icon_element-inner,
.serwis-block-font-awesome-number2 .vc_icon_element-inner,
.serwis-block-font-awesome-number3 .vc_icon_element-inner,
.serwis-block-font-awesome-number4 .vc_icon_element-inner{
	position: relative !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}
.serwis-block-font-awesome-main-1 .vc_icon_element-inner,
.serwis-block-font-awesome-main-2 .vc_icon_element-inner,
.serwis-block-font-awesome-main-3 .vc_icon_element-inner,
.serwis-block-font-awesome-main-4 .vc_icon_element-inner,
.serwis-block-font-awesome-main-5 .vc_icon_element-inner,
.serwis-block-font-awesome-main-6 .vc_icon_element-inner,
.serwis-block-font-awesome-main-7 .vc_icon_element-inner,
.serwis-block-font-awesome-main-8 .vc_icon_element-inner,
.serwis-block-font-awesome-main-9 .vc_icon_element-inner,
.serwis-block-font-awesome-main-10 .vc_icon_element-inner,
.serwis-block-font-awesome-main-11 .vc_icon_element-inner,
.serwis-block-font-awesome-main-12 .vc_icon_element-inner,
.serwis-block-font-awesome-main-13 .vc_icon_element-inner,
.serwis-block-font-awesome-main-14 .vc_icon_element-inner,
.serwis-block-font-awesome-main-15 .vc_icon_element-inner,
.serwis-block-font-awesome-main-16 .vc_icon_element-inner{
	position: relative !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}
.nasze-uslugi-kafelki .vc_icon_element {
	margin-bottom: 0px !important;
}

.serwis-block-font-awesome-number1 .vc_icon_element-inner::before,
.serwis-block-font-awesome-number2 .vc_icon_element-inner::before,
.serwis-block-font-awesome-number3 .vc_icon_element-inner::before,
.serwis-block-font-awesome-number4 .vc_icon_element-inner::before {
	font-family: "Font Awesome 6 Pro" !important;
	position: absolute !important;
	left: 50%;
	color: var(--red);
	z-index: 3 !important;
	transform: translateX(-50%);
	font-size: 40px !important;	
	bottom: 25px !important;
}
.serwis-block-font-awesome-main-1 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-2 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-3 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-4 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-5 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-6 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-7 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-8 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-9 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-10 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-11 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-12 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-13 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-14 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-15 .vc_icon_element-inner::before,
.serwis-block-font-awesome-main-16 .vc_icon_element-inner::before{
	font-family: "Font Awesome 6 Pro" !important;
	position: absolute !important;
	left: 50%;
	color: var(--red);
	z-index: 3 !important;
	transform: translateX(-50%);
	font-size: 40px !important;	
}
span.vc_icon_element-icon.fa.fa-adjust {
	display: none !important;
}

.serwis-block-font-awesome-number1 .vc_icon_element-inner::before { content: "\f762" !important; }
.serwis-block-font-awesome-number2 .vc_icon_element-inner::before { content: "\f5f2" !important; }
.serwis-block-font-awesome-number3 .vc_icon_element-inner::before { content: "\f48b" !important; }
.serwis-block-font-awesome-number4 .vc_icon_element-inner::before { content: "\f64a" !important; }
.serwis-block-font-awesome-main-1 .vc_icon_element-inner::before { content: "\e16e" !important; }
.serwis-block-font-awesome-main-2 .vc_icon_element-inner::before { content: "\f5e5" !important; }
.serwis-block-font-awesome-main-3 .vc_icon_element-inner::before { content: "\f013" !important; }
.serwis-block-font-awesome-main-4 .vc_icon_element-inner::before { content: "\e5f1" !important; }
.serwis-block-font-awesome-main-5 .vc_icon_element-inner::before { content: "\e205" !important; }
.serwis-block-font-awesome-main-6 .vc_icon_element-inner::before { content: "\f8c5" !important; }
.serwis-block-font-awesome-main-7 .vc_icon_element-inner::before { content: "\f5df" !important; }
.serwis-block-font-awesome-main-8 .vc_icon_element-inner::before { content: "\f5d0" !important; }
.serwis-block-font-awesome-main-9 .vc_icon_element-inner::before { content: "\f7d9" !important; }
.serwis-block-font-awesome-main-10 .vc_icon_element-inner::before { content: "\f8f4" !important; }
.serwis-block-font-awesome-main-11 .vc_icon_element-inner::before { content: "\f085" !important; }
.serwis-block-font-awesome-main-12 .vc_icon_element-inner::before { content: "\f622" !important; }
.serwis-block-font-awesome-main-13 .vc_icon_element-inner::before { content: "\f2f7" !important; }
.serwis-block-font-awesome-main-14 .vc_icon_element-inner::before { content: "\e1e9" !important; }
.serwis-block-font-awesome-main-15 .vc_icon_element-inner::before { content: "\f390" !important; }
.serwis-block-font-awesome-main-16 .vc_icon_element-inner::before { content: "\e5fd" !important; }





/****** serwis bmw ****************/
body.page-id-21161  .serwis-block-font-awesome-number3 .vc_icon_element-inner::before {
	content: "\f733" !important;
}
/****** serwis bmw ****************/

.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner {
	border: 1px solid var(--black) !important;
	padding: 25px   !important;
	background: var(--white) !important;
}

.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner {
	position: relative; 
	overflow: hidden; 
}

.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background: linear-gradient(to bottom, var(--red) 100%, transparent);
	transition: height 0.5s ease-in-out;
	z-index: 0; 
}

.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner:hover::after {
	height: 100%;
}

.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner:hover .wpb_wrapper .wpb_text_column .wpb_wrapper p,
.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner:hover .wpb_wrapper .wpb_text_column .wpb_wrapper h3 {
	position: relative !important;
}
.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner:hover .wpb_wrapper .wpb_text_column .wpb_wrapper p,
.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner:hover .wpb_wrapper .wpb_text_column .wpb_wrapper h3{
	color: var(--white);
	z-index: 10 !important;
}
.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner:hover .serwis-block-font-awesome-number1 .vc_icon_element-inner::before,
.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner:hover .serwis-block-font-awesome-number2 .vc_icon_element-inner::before,
.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner:hover .serwis-block-font-awesome-number3 .vc_icon_element-inner::before,
.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner:hover .serwis-block-font-awesome-number4 .vc_icon_element-inner::before {
	z-index: 10 !important;
	color: var(--white);
}

.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_icon_element  {
	margin-bottom: -15px !important;
}
.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_icon_element span.vc_icon_element-icon {
	display: none !important;
}
.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner .wpb_text_column{
	margin-bottom: 0px !important;
}
.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner .wpb_text_column h3 {
	color: var(--black) !important;
	font-weight: bold !important;
}
.container-kafelki-serwis-dlaczego .wpb_column.vc_column_container .vc_column-inner .wpb_text_column p{
	font-size: 14px !important;
}

.odwiedz-serwis-kafelek-main .vc_column-inner {
	height: 300px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative !important;
	border: 2px solid var(--black);
	transition: transform 0.3s ease, border-color 0.3s ease;
	overflow: hidden;
}

.odwiedz-serwis-kafelek-main .vc_column-inner::before {
	content: '';
	position: absolute !important;
	left: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
	background: rgba(0, 0, 0, 0.7) !important;
	z-index: 1 !important; 
}

.odwiedz-serwis-kafelek-main .vc_column-inner .btn-secondary {
	position: relative !important;
	z-index: 3 !important;
}

.odwiedz-serwis-kafelek-main .vc_column-inner .wpb_wrapper .wpb_text_column h3 {
	color: var(--white) !important;
	z-index: 3 !important;
	position: relative !important;
	transition: transform 0.3s ease;
}

.odwiedz-serwis-kafelek-main .vc_column-inner:hover {
	border: 2px solid var(--red);
}

.odwiedz-serwis-kafelek-main .vc_column-inner:hover .btn-secondary a {
	background-color: var(--red) !important;
	color: var(--white) !important;
	border: 1px solid var(--red) !important;
	text-decoration: none !important;
}

.odwiedz-serwis-kafelek-main .vc_column-inner:hover .wpb_wrapper .wpb_text_column h3 {
	transform: scale(1.3);
}

.odwiedz-serwis-kafelek-main .vc_column-inner::after {
	content: '';
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 0 !important;
	background: linear-gradient(to top, black, transparent) !important;
	transition: height 0.5s ease-in-out !important;
	z-index: 2 !important; 
}

.odwiedz-serwis-kafelek-main .vc_column-inner:hover::after {
	height: 100% !important;
}

/*********************/

/* Style for the category image */
.category-image {
	text-align: center;
	margin-bottom: 20px;
}

.category-image img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

/* General layout styles */
.szukasz-auta-hero.oferta {
	background-color: #f8f9fa;
	padding: 20px 0;
	margin-bottom: 20px;
}

.szukasz-auta-hero.oferta .container h1 {
	margin: 0;
	font-size: 2rem;
	color: #333;
}

/* Section title styles */
#title-blue {
	background-color: #007bff;
	color: white;
	padding: 20px 0;
}

#title-blue .page-title {
	font-size: 1.5rem;
	margin: 0;
	text-align: center;
}

.content-area .row.flex-wrap .col-md-4{
	padding: 15px !important;
}

.content-area .wrapper {
	background: #fff;
	border: 1px solid #eaeaea;
	padding: 15px;
	height: 100% !important;
	align-items: stretch !important;
	display: flex !important;
	transition: box-shadow 0.3s ease-in-out;
	flex-direction: column !important;
	position: relative !important;
	justify-content: space-between !important;
}


.content-area .wrapper a {
	text-decoration: none;
	color: var(--light-red) !important;
}

.content-area .wrapper h4 {
	font-size: 24px !important;
	margin: 10px 0;
	opacity: .9 !important;
}

.content-area .wrapper p {
	margin: 5px 0;
}

.content-area .wrapper .cta {
	display: inline-block;
	margin-top: 10px;
	padding: 10px 15px;
	color: #fff !important;
	border-radius: 5px !important;
	text-decoration: none !important;
	transition: background-color 0.3s ease-in-out;
}


/* Responsive styles */
@media (max-width: 767px) {
	.content-area .wrapper {
		margin-bottom: 20px;
	}

	.szukasz-auta-hero.oferta {
		padding: 10px 0;
	}

	.szukasz-auta-hero.oferta .container h1 {
		font-size: 1.5rem;
	}

	#title-blue .page-title {
		font-size: 1.25rem;
	}
}


.navigation.pagination {
	margin-bottom: 5rem;
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Ustawienia dla widgetów w sidebarze */
.sidebar-right {
	padding: 20px;
	background-color: #f8f9fa;
	border-left: 1px solid #dee2e6;
}

.widget {
	margin-bottom: 20px;
}

.widget-title {
	font-size: 1.25rem;
	margin-bottom: 15px;
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 5px;
}

.recent-products ul {
	list-style-type: none;
	padding: 0;
}

.recent-products li {
	margin-bottom: 10px;
}

.recent-products a {
	text-decoration: none;
	color: #007bff;
}

.recent-products a:hover {
	text-decoration: underline;
}
/* Slider stylizacja */
.car-slider {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.car-slider .slider-image {
	width: 100%;
	height: auto;
	display: block;
}

/* Tabela stylizacja */
.table {
	width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
}

.table-bordered {
	border: 1px solid #dee2e6;
}

.table-bordered th, .table-bordered td {
	border: 1px solid #dee2e6;
	padding: 0.75rem;
	vertical-align: top;
}
.tabelka-cena-before::after {
	content: 'PLN Brutto (VAT 23%)';
	margin-left: 0.5rem;
	display: inline-block;
	font-size: 14px;
	color: #333;
}

.table-bordered th {
	background-color: #f8f9fa;
}

.table th, .table td {
	padding: 0.75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

.table thead th {
	vertical-align: bottom;
}

.table tbody + tbody {
	border-top: 2px solid #dee2e6;
}

.car-details {
	margin-bottom: 20px;
}
.widget.widget_block,
.widget.widget_calendar{
	display: none !important;
}

.latest-posts {
	margin-top: 20px;
}

.latest-posts-h2 {
	margin-bottom: 30px;
	margin-top: 30px;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.latest-posts-h2:before {
	left: 50%;
	transform:translatex(-50%);
}
.latest-post-item {
	display: flex;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid var(--white) !important;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
	flex-direction: column;
	transition: border 0.3s ease;
}

.latest-post-title {
	font-size: 24px !important;
	font-weight: bold !important;
	margin: 0 0 10px 0;
	margin-top: 1rem;
	transition: color 0.3s ease;
	opacity: .9 !important;
}
.latest-post-title a {
	color: var(--light-red) !important;

}
.latest-post-item:hover,
.wrapper-wpis-kategorie:hover {
	border: 1px solid var(--red) !important;
}

.latest-post-item:hover .latest-post-content .latest-post-title,
.wrapper-wpis-kategorie:hover h4 a {
	color: var(--red) !important;
}
.container-insurance  .swiper-slide img {
	width: 100% !important;
	object-fit: contain !important;
}
.swiper-slide img {
	width: 100% !important;
	object-fit: cover !important;
}
.swiper-slide {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: center !important ;
	max-height: 500px !important;
}

.wrapper-wpis-kategorie:hover .latest-post-image img {
	scale: 1.01;
	transition: scale 0.3s ease;
}

body.single  .swiper-button-prev {
	position: absolute;
	top: 91.5%;
	right: 0 !important;
	left: 85%;
}
body.single  .swiper-button-next{
	position: absolute;
	bottom: 0 !important;
	right: 0 !important;
	top: 91.5% !important;

}

@media only screen and (max-width: 1050px) {
	body.single  .swiper-button-prev {
		position: absolute;
		right: 0 !important;
		left: 80%;
	}
}
body.single  .swiper-button-prev,
body.single  .swiper-button-next {
	position: absolute !important;
	bottom: 10px !important;
	right: 10px !important;
	background: var(--red) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 10 !important;
	border: 2px solid var(--red) !important;
	color: white !important;
	width: 50px !important;
	height: 50px !important;
}

body.single  .swiper-button-prev:hover,
body.single  .swiper-button-next:hover{
	background: transparent !important; 
	color: var(--red) !important;
	border-color: var(--red) !important;
}
body.single  .swiper-button-prev:after,
body.single  .swiper-button-next:after{
	scale: 0.75 !important;
	font-weight: 900;
}

@media only screen and (max-width: 768px) {
	body.single .swiper-button-prev,
	body.single .swiper-button-next {
		position: absolute !important;
	}

	body.single .swiper-button-prev {
		right: auto !important;
		left: 0 !important;
		top: 90% !important;
	}

	body.single .swiper-button-next {
		left: auto !important;
		right: 0 !important;
		top: 90% !important;
	}
	.custom-post-slider {
		padding-bottom: 60px !important;
		margin-bottom: 1rem !important;
	}
}

body.archive #main {
	margin-bottom: 5rem !important;
}

.latest-post-item:hover .btn-primary a,
.wrapper-wpis-kategorie:hover .btn-primary a {
	background-color: transparent !important;
	color: var(--red) !important;
	border: 1px solid var(--red) !important;
	text-decoration: none !important;
}
.wrapper-wpis-kategorie .btn-primary a {
	min-width: 100% !important;
}
.latest-post-image {
	position: relative;
	height: 100%  !important;
	max-height: 210px !important;
	width: 100%;
	object-fit: contain  !important;
}


.latest-post-image img {
	max-width: 100% !important;
	height: 100% !important;
	object-fit: contain  !important;
	transition: transform 0.3s ease;
	display: block;
}

@media only screen and (max-width: 768px) {
	.latest-post-image {
		position: relative;
		height: 100% !important;
	}
	.latest-post-image {
		height: 100%  !important;
		max-height: 100% !important;
	}
}
.latest-post-image img {
	max-width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block;
}
.wrapper-wpis-kategorie .latest-post-image::before,
.latest-post-item .latest-post-image::before {
	content: 'Sprawdź';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 1));
	opacity: 0;
	transition: opacity 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold !important;
	text-align: center;
	pointer-events: none;
	z-index: 2;
}

.wrapper-wpis-kategorie:hover .latest-post-image::before,
.latest-post-item:hover .latest-post-image::before {
	opacity: 1;
}

.wrapper-wpis-kategorie .latest-post-image img,
.latest-post-item .latest-post-image img {
	z-index: 1;
	position: relative;
	transition: transform 0.3s ease;
}


.wrapper-wpis-kategorie:hover .latest-post-image::before,
.latest-post-item:hover .latest-post-image::before {
	opacity: 1;
}


.latest-post-content {
	flex: 1;
}

.car-details {
	margin: 15px 0;
}

.car-detail-item {
	margin-bottom: 10px;
}

.car-detail-label {
	font-weight: bold;
	margin-right: 5px;
}

.car-detail-value {
	color: #555;
}

.row-single {
	justify-content: space-between !important;
}
.have-question-inner {
	padding: 25px !important;
	background: var(--black);
	color: var(--white);
}
.have-question-inner .btn-secondary a {
	min-width: 100% !important;
}
@media only screen and (max-width: 768px) {
	.have-question {
		display: none !important;
	}
}
/*********************** filtry ********************************/
.filter-form {
	margin: 20px 0;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #f9f9f9;
}

.filter-field {
	margin-bottom: 15px;
}

.filter-field label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

#price_range {
	width: 100%;
	margin: 5px 0;
}

#price_output {
	display: block;
	margin-top: 5px;
	font-size: 1em;
}

select {
	width: 100%;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

button[type="submit"] {
	display: inline-block;
	padding: 10px 15px;
	font-size: 1em;
	border: none;
	background-color: #007bff;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

/***************/
.hero-single-contact {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	background-size: cover !important;
	background-position: center !important;
	background-image: url("/wp-content/uploads/2024/07/mecanic-bacground.png") !important;
	position: relative;
}

.hero-single-contact:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1;
}
.hero-single-contact h2,
.hero-single-contact p,
.hero-single-contact .btn-secondary {
	color: white !important;
	position: relative !important;
	z-index: 3 !important;
	text-align: center !important;
}
.single-contact-container-inner {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
}
@media only screen and (max-width: 768px) {
	.hero-single-contact {
		background-size: cover !important;
		background-position: center !important;
		background-image: url("/wp-content/uploads/2024/07/backgroound-uslugi-768.jpg") !important;
	}
	.wpc-filters-section.wpc-filters-section-29222  {
		margin-top: 2rem !important;
	}
}


.wrapper-wpis-kategorie {
	text-align: left !important;
	border: 1px solid black !important;
	width: 100% !important;
}
.btn-primary.btn-primary-sidebar-right a {
	min-width: 100% !important;
}
.btn-primary.btn-primary-sidebar-right a,
.wrapper-wpis-kategorie .btn-primary a {
	width: 100% !important;
}

.featured-image img {
	height: 400px !important;
	width: 100% !important;
	object-fit: contain !important;
	justify-content: center;
	display: flex;
	align-items: center;
}

.tagi-single {
	margin-top: 3rem;
	margin-bottom: 3rem;
	border-top: 1px solid black;
	width: 100%;
	padding-top: 1rem;
}

.tagi-single .tagi-container a {
	color: black;
	font-weight: 500 !important;
	transition: color 0.3s ease;
	text-decoration: none;
}

.tagi-single .tagi-container a:hover {
	color: var(--red);
}

.page-numbers.current {
	margin: 0 5px 10px;
	padding: 5px 10px;
	color: var(--black);
	text-decoration: none;
	border: 1px solid black;
	border-radius: 3px;
	background-color: var(--red) !important;
	color: var(--white) !important;
	text-decoration: none !important;
}
.fancybox-container  {
	z-index: 99999999999999999999999999 !important
}


#wpc_sorting_widget-3 {
	display: flex !important;
	justify-content: flex-end !important;
}
.filter-section-widget .wpc-filters-widget-wrapper {
	width: 100% !important;
	display: flex !important;
	gap: 0px !important;
}
.filter-section-widget .wpc-filters-section {
	width: 50% !important;
}
.filter-section-widget .wpc-filters-section::first-child {
	margin-right: 10rem !important;
}
@media only screen and (max-width: 768px) {
	body.single  .filter-section-widget .wpc-filters-widget-wrapper {
		max-width: 100% !important;
		width: 100% !important;
		display: block !important;
		gap: 0px !important;
	}
	.wpc-horizontal-layout.wpc-horizontal-cols-2 .wpc-filters-section:not(.wpc-filter-layout-submit-button) {
		max-width: 100% !important;
		width: 100% !important;
	}
	.filter-section-widget .wpc-filters-section {
		width: 100% !important;
	}
	.filter-section-widget .wpc-filters-section::first-child {
		margin-right: 0rem !important;
	}
}
.wpc-filters-range-wrapper input[type=number] {
	padding-left: 10px !important;
}
.wpc-orderby-select,
.wpc-filter-content select {
	width: 100% !important;
	margin-bottom: 1em;
	height: 40px;
	border: 1px solid black;
	border-radius: 0px;
}


.wpc-filter-content .wpc-filters-widget-select option:checked,
.wpc-orderby-select option:checked {
	background-color: var(--light-red);
	color: var(--white);
}

.single-content-wpis .content-title {
	margin-top:3rem !important;
}
.single-content-wpis .content-area h1 {
	display: none;
}

.single-content-wpis .content-area h2 {
	display: none;
}


.kafelki-single {
	position: relative;
	padding: 100px 0;
	background-image: url("/wp-content/uploads/2024/08/car-dealer-background-1.jpg");
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	overflow: hidden;
}
ul.mega-sub-menu {
	margin-top: 19px !important;
}
@media only screen and (max-width: 1024px) {
	.kafelki-single {
		background-position: right -30px top 0px !important;
	}
	ul.mega-sub-menu {
		margin-top: 0px !important;
	}
}
@media only screen and (max-width: 768px) {
	.kafelki-single {
		background-position: right -364px top 0px !important;
	}
	.single-contact-container-inner br {
		display: none !important;
	}
}
.kafelki-single::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 1), rgb(0, 0, 0, .5));
	z-index: 1;
}
.single-kafelek-oferta:hover {
	border: 1px solid var(--black);
}
.kafelki-single .container {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, 1fr);
}

.single-kafelek-oferta {
	position: relative;
	border: 1px solid var(--red);
	padding: 35px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	height: 100%;
	transition: background 0.5s ease, border-color 0.3s ease, transform 0.3s ease;
	overflow: hidden;
	z-index: 2;
}

.single-kafelek-oferta::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: linear-gradient(to top, rgba(228, 0, 22, 1), rgba(228, 0, 22, 0));
	z-index: 1;
	transition: height 0.5s ease;
}

.single-kafelek-oferta:hover::before {
	height: 100%;
}

.single-kafelek-oferta:hover {
	border: 1px solid var(--red);
}

.single-kafelek-oferta:hover p,
.single-kafelek-oferta:hover h3 {
	z-index: 10;
	position: relative;
	color: white !important;
}

.single-kafelek-oferta h3 {
	margin-bottom: 1rem;
	position: relative;
	color: var(--white);
	transition: transform 0.3s ease;
}
.single-kafelek-oferta:hover h3::before {
	transform: translateX(-50%) scaleX(1);
	background-color: black;
	z-index: 10;
}
.single-kafelek-oferta:hover {
	border: 1px solid var(--red);
}

.single-kafelek-oferta h3::before {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%) scaleX(0); 
	transform-origin: center;
	width: 100px;
	height: 2px;
	background-color: var(--red);
	transition: transform 0.4s ease, background-color 0.4s ease;
}

.single-kafelek-oferta:hover h3 {
	transform: scale(1.02);
}



.single-kafelek-oferta:hover .icon-single-kafelek-oferta::before {
	color: var(--red);
	transition: color 0.3s ease;
}

.single-kafelek-oferta p {
	margin-bottom: 0px !important;
	color: var(--white);
}

.icon-single-kafelek-oferta::before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	font-size: 40px;
	color: var(--red);
	display: block;
	margin-bottom: 15px;
}
.single-kafelek-oferta:nth-child(1) .icon-single-kafelek-oferta::before {
	content: "\f4b6";
}

.single-kafelek-oferta:nth-child(2) .icon-single-kafelek-oferta::before {
	content: "\f4dd";
}

.single-kafelek-oferta:nth-child(3) .icon-single-kafelek-oferta::before {
	content: "\f518";
}

.single-kafelek-oferta:nth-child(4) .icon-single-kafelek-oferta::before {
	content: "\f543";
}

@media (max-width: 1024px) {
	.kafelki-single .container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 650px) {
	.kafelki-single .container {
		grid-template-columns: 1fr;
	}
}

.mask-before-element {
	position: relative;
	display: inline-block;
}

.mask-before-element img {
	display: block;
	position: relative;
}

.mask-before-element::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
	pointer-events: none;
}

/*************************************************** strzalka top **************************/
.cky-revisit-bottom-left {
    bottom: 10px !important;
    left: 10px !important;
}

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    padding: 10px;
    color: var(--black);
    cursor: pointer;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid var(--black);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 999999999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    pointer-events: none;
}

.scroll-to-top:hover {
    background-color: var(--red);
    color: var(--white);
	border: 1px solid var(--red);
}

.scroll-to-top i {
    font-size: 14px;
}

@media only screen and (min-width: 1000px) {
	li.mega-submenu-underline ul.mega-sub-menu {
		width: max-content !important;
	}
}
@media only screen and (max-width: 1000px) {
	#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
		background: #404040 !important;
	}
	#mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{
		background: #505050  !important;
	}
}


body.home .gtranslate_wrapper .gt_switcher-popup,
body.home  .gtranslate_wrapper .gt_switcher-popup span{
	color: white !important;
}

body.home .gtranslate_wrapper .gt_white_content span {
	color: black !important;
}

.gtranslate_wrapper .gt_languages a.glink span {
	color: black !important;
}
.strong {
	color: black !important;
}
.wrapper-wpis-kategorie p {
	color: #555555 !important;
}
.separator-column .vc_column-inner {
	align-items: center !important;

}
.separator-opinie-insurance,
.separator-opinie {
	position: relative !important;
	align-items: center !important;
}
.separator-opinie-insurance:before,
.separator-opinie::before {
	content: "";
	position: absolute;
	height: 165px;
	width: 2px;
	top: 0;

	background-color: var(--red);
}
.separator-opinie::before {
	left: -40px;
	margin-top: 4px;
}
.separator-opinie-insurance:before {
	left: 45px !important;
	margin-top: -32px;
}
@media only screen and (max-width: 768px) {
	.separator-opinie::before {
		content: "";
		position: absolute !important;
		height: 2px !important;
		width: 250px !important;
		left: 50% !important;
		top: 0 !important;
		transform: translateX(-50%);
		background-color: var(--red);
	}
}
.gs_logo_title {
	display: none !important;
}

.gs_logo_area.carousel_nav_pos--left-right .swiper-button-next, .gs_logo_area.carousel_nav_pos--left-right .swiper-button-prev, .gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-next, .gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-prev {
	opacity: 1 !important;
	visibility: visible !important;
}
.gs_logo_area.carousel_nav_pos--bottom .swiper-button-next {
	right: 90% !important;
	margin-right: unset !important;
}
.gs_logo_area.carousel_nav_pos--bottom .swiper-button-prev {
	left: 0% !important;
	margin-left: 0px !important;
}
@media only screen and (max-width: 768px) {
	.gs_logo_area.carousel_nav_pos--bottom .swiper-button-next {
		right: 50% !important;
		margin-right: -40px !important;
	}
	.gs_logo_area.carousel_nav_pos--bottom .swiper-button-prev {
		left: 50% !important;
		margin-left: -40px !important;
	}
	.gs_logo_single--inner{
		height: 100% !important;
		max-height: 250px !important;
	}
	.swiper-slide img{
		height: 100% !important;
	}
	.container-insurance {
		display: flex !important;
		flex-direction: column-reverse !important;
	}

	.insurance-copisza br {
		display: none !important;
	}
}
@media only screen and (max-width: 500px ) {
	.insurance-copisza br {
		display: block !important;
	}
}
.fancybox-thumbs.fancybox-thumbs-y {
	background: rgba(0, 0, 0, 0.5) !important;
}
.fancybox-thumbs__list a:before {
	border: 2px solid var(--red) !important;
}

.fancybox-thumbs__list a:before {
	background: rgba(0, 0, 0, 0)  !important;
	transition: background 0.2s ease-in-out  !important;
}

.fancybox-thumbs__list a:hover:before {
	border: 2px solid var(--black) !important;
	background: rgba(0, 0, 0, 0.2)  !important;
}
.container-filtry-aktualne {
	position: relative !important;
}
.container-filtry-aktualne .btn-primary {
	position: absolute !important;
	bottom: 0 !important;
}
.wpc-orderby-select {
	margin-bottom: 0 !important;
}
@media only screen and (max-width: 768px) {
	#wpc_filters_widget-4 {
		margin-bottom: 0 !important;
	}
}
@media only screen and (max-width: 650px) {
	#wpc_sorting_widget-3 {
		justify-content: flex-start !important;
	}
	.container-filtry-aktualne .btn-primary {
		position: relative !important;
		margin-bottom: 35px !important;
		margin-top: 35px !important;
	}
	.wpc-sorting-form,
	.wpc-orderby-select {
		max-width: 100% !important;
		width: 100% !important;
	}
}

.error-404 .btn-primary {
	display: flex;
	justify-content: center;
	align-items: center;
}
.error-404.not-found {
	position: relative;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	width: 100%;
	background-image: url('/wp-content/uploads/2024/08/BC113607-13DF-4CB6-9E84-9B92DAD12611wynik-4.jpg') !important; 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: white;
}

.error-404.not-found::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.1));
	z-index: 1;
}

.error-404 .page-header,
.error-404 .page-content {
	position: relative;
	z-index: 2;
}


.error-404 .page-content p {
	margin-bottom: 25px !important;
	font-size: 20px !important;
	color: var(--grey) !important;
}

.error-404 .btn-primary {
	display: flex;
	justify-content: center;
	align-items: center;
}

.error-404 .btn-primary a {
	color: white;
	text-decoration: none;
}
.szukasz-auta-hero-category * {
	color: var(--black) !important;
}
.szukasz-auta-hero-category {
	left: 0 !important;
	width: 100% !important;
	padding: 85px 0 50px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-image: url(/wp-content/uploads/2024/09/background-rajauto-tires.jpg) !important;
}

.szukasz-auta-hero-category .btn-primary {
	width: max-content !important;
}
.szukasz-auta-hero-category .container-szukasz-auta {
	justify-content: center !important;
	display: flex !important;
	align-items: center !important;
	flex-direction: column !important;
}

@media only screen and (max-width: 768px) {
	.szukasz-auta-hero-category {
		background-position: center 50px !important;
		background-size: contain;
	}	
	.szukasz-auta-hero-category br {
		display: none !important;
	}

}
.btn-center a {
	margin: auto !important;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon {
	display: none !important;
}

#mega-menu-item-29302 > a.mega-menu-link {
	display: none !important;
}
#mega-menu-mobile-menu .apus_informacje a.contact-phone,
#mega-menu-mobile-menu .apus_informacje p.contact-location {
	color: grey !important;
}
#mega-menu-mobile-menu .apus_informacje a.contact-phone {
	font-size: 20px !important;
}
.apus_informacje p.contact-location {
	position: relative;
	margin-left: 2.5rem;
}
.widget_apus_socials_widget h4 {
	margin-bottom: 10px;
	font-size: 26px !important;
	color: var(--red) !important;
	position: relative !important;
	display: flex !important;
	align-items: center !important;
}

.apus_informacje .contact-phone::before,
.apus_informacje p.contact-location::before {
	font-weight: 400 !important;
	color: var(--red) !important;
	font-family: "Font Awesome 6 Pro" !important;
	background-image: unset !important;
}

.apus_informacje p.contact-location::before {
	content: "\f3c5" !important; 
	top: 5px !important;
}
.apuus_informacje p.contact-location {
	line-height: 22px !important;
}
.apus_informacje .contact-phone::before {
	content: "\f095" !important;
}
@keyframes shaking-and-scaling {
	0% {
		transform: translateY(-50%) rotate(0deg) scale(1);
	}
	25% {
		transform: translateY(-50%) rotate(-5deg) scale(1.02);
	}
	50% {
		transform: translateY(-50%) rotate(0deg) scale(1.03);
	}
	75% {
		transform: translateY(-50%) rotate(5deg) scale(1.02);
	}
	100% {
		transform: translateY(-50%) rotate(0deg) scale(1);
	}
}

.widget_apus_socials_widget h4::after {
	content: "\f329";
	position: absolute;
	top: 55% !important;
	right: 5px !important;
	font-weight: 500 !important;
	color: var(--white) !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 24px;
	animation: shaking-and-scaling 0.5s infinite;
}
.historia-container-readmore {
	background: #f4f4f4;
}
.historia-container-readmore  h2::before {
	left: 50% !important;
	transform: translatex(-50%) !important;
}
.historia-container-readmore  h2,
.historia-container-readmore  .btn-primary{
	display: flex;
	justify-content: center;
	align-items: center;
}
.sp-pcp-title a {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 3rem;
}
@media only screen and (max-width: 768px) {
	.sp-pcp-title a {
		overflow: start !important;
		height: 100% !important;
	}
}

.cky-switch input[type="checkbox"] {
	min-height: 24px !important;
}
@media only screen and (max-width: 425px) {
	.cky-switch input[type="checkbox"] {
		min-height: 17px !important;
	}
}
.pojemnosc-skokowa {
	margin-bottom: 4rem !important;
}

body.page-id-32747 .container-szukasz-auta .naglowek-kontaktowy-kontakt h2.skontaktuj-sie-h2 br {
	display: flex !important
}
body.page-id-32747 .container-szukasz-auta  .naglowek-kontaktowy-kontakt h2 {
	display: flex !important;
	justify-content: center !important;
}
body.page-id-32747 .container-szukasz-auta .naglowek-kontaktowy-kontakt h2:before {
	left: 50% !important;
	transform: translateX(-50%) !important;
}
@media only screen and (max-width: 768px) {
	body.page-id-32747 .szukasz-auta-hero  p {
		text-align: center !important;
	}
	body.page-id-32747 p br {
		display: none !important;
	}
	.naglowek-faq h2 {
		margin: unset !important;
		margin-bottom: 2.5rem !important;
	}
	.naglowek-faq h2::before {
		left: 0 !important;
		transform: unset !important;
	}
}


body.category-sprzedane .wpc-posts-found,
body.category-sprzedane .wpc-filters-section.wpc-filters-section-32187.wpc-filter-price_filter {
	display: none !important;
}
body.category-sprzedane #wpc_sorting_widget-4 {
	display: flex !important;
	justify-content: flex-end !important;
}

body.category-sprzedane .filter-section-widget .wpc-filters-widget-wrapper {
	width: 100% !important;
	display: flex !important;
	gap: 25px !important;
}
@media only screen and (max-width: 768px) {
	body.category-sprzedane .filter-section-widget .wpc-filters-widget-wrapper {
		width: 100% !important;
		display: block !important;
	}
}

@media only screen and  (max-width: 1200px) {
	.container-kategorie-uklad .col-md-4 {
		max-width: 100% !important;
		width: 100% !important;
	}
	.container-kategorie-uklad .row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.container-kategorie-uklad.content-area .row.flex-wrap .col-md-4 {
		padding: 10px !important;
	}
}

@media only screen and (max-width: 768px) {
	.container-kategorie-uklad .row {
		grid-template-columns: 1fr;
	}
	.footer-middle-menu-mobile {
		margin-top: 1rem;
	}
}
#header-sticky-container-id .mega-sub-menu {
	margin-left: 2.5rem !important;
}
@media only screen and (max-width: 992px) {
	#header-sticky-container-id .mega-sub-menu {
		margin-left: 0rem !important;
	}
}

@media only screen and (max-width: 1024px) {
	#header-sticky-container-id {
		padding-top: unset !important;
		padding-bottom: unset !important;
	}
}
@keyframes blink {
	0%, 100% {
		opacity: 0.6;
		scale: 1;
	}
	50% {
		opacity: 1;
		scale: 1.1;
	}
}

@keyframes shadow-blink {
	0%, 100% {
		box-shadow: 0px 0px 20px  rgba(255, 255, 200, .6);
		scale: 0.2;
	}
	50% {
		box-shadow: 0px 0px 20px  rgba(255, 255, 200, 1);
		scale: 1.1;
	}
}

.light-overlay-1, .light-overlay-2 {
	position: absolute;
	border-radius: 50%;
	box-shadow: 0px 0px 250px  rgba(200, 200, 200, 1);
	pointer-events: none;
	animation: none;
}

.light-overlay-1 {
	top: 204px;
	left: 82px;
	width: 20px;
	height: 20px;
	z-index: 99;
	transform: rotate(12deg);
}

.light-overlay-2 {
	top: 224px;
	left: 274px;
	width: 20px;
	height: 20px;
	z-index: 99;
}
.image-container img {
	height: auto !important;
}
.image-container {
	display: inline-block !important;
	position: relative;
}
.image-container::after {
	z-index: -1;
	content: "";
	background: var(--red);
	width: 400px;
	height: 400px;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	right: 70px;
}
#mega-menu-mobile-menu .mega-sub-menu .mega-current-menu-item > a.mega-menu-link,
#mega-menu-mobile-menu .mega-current-menu-parent > a.mega-menu-link,
#mega-menu-mobile-menu .mega-current_page_item > a.mega-menu-link {
	color: var(--red) !important;
	font-weight: 800 !important;
}
body.home #mega-menu-mobile-menu #mega-menu-item-737 a.mega-menu-link {
	color: #fdfdfd !important;
	font-weight: normal !important;
}
body #site-footer li.current-menu-item > a {
	color: var(--red) !important;
	font-weight: 800 !important;
	margin-left: 20px !important;
}
body #site-footer li.current-menu-item > a:hover {
	padding-left: 0 !important;
}
body #site-footer li.current-menu-item > a:before {
	content: '';
	width: 15px;
	height: 2px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -20px;
	background-color: var(--red);
	transform: translateY(-50%);
}
.footer-midle-end-location {
	justify-content: end;
	display: flex;
}

.footer-midle-end-location-inner-div {
	width: fit-content !important;
}

.location-footer {
	color: grey !important;
	position: relative;
	display: block;
	text-align: right; 
}

.location-footer::before {
	content: "\f3c5";
	font-family: "Font Awesome 6 Pro";
	font-weight: 600;
	position: absolute;
	left: -30px;
	top: 0;
	font-size: 18px;
	color: grey;
}
.footer-midle-end-location h3 {
	margin-left: -30px;
}
.dane-kontaktowe {
	display: flex !important;
	flex-direction: column !important;
	align-items: baseline !important;
}
.dane-kontaktowe .h2 {
	margin: unset !important;
	margin-bottom: 1rem !important;
}
.footer-middle {
	padding-top: 25px;
	padding-bottom:25px;
}
@media only screen and (max-width: 768px) {
	.footer-left {
		display: block !important;
	}
	.footer-left .logo-footer {
		margin-bottom: 50px;
	}
	.footer-midle-end-location h3 {
		margin-left: unset;
	}
	.location-footer {
		margin-left: 30px;
	}
	.footer-midle-end-location {
		justify-content: start;
		display: flex;
	}
	.flaga-japoni {
		padding-top: 50px;
		right: 50px;
	}
}
.section-1-main {
	padding: 100px 0 0;
}
.section-1-main img {
	width: 100% !important;
}
.col-pad-right {
	padding-right: 15px;
}
.col-pad-left {
	padding-left: 15px;
}
.produkty-section-main .col-md-4:first-child {
	padding-right: 10px; 
}

.produkty-section-main .col-md-4:last-child {
	padding-left: 10px;
}
@media only screen and (max-width: 1000px) {
	.section-1-main .col-sm-6 {
		width: 100% !important;
	}
	.section-1-main img {
		margin-bottom: 35px;
	}
	.produkty-section-main .col-md-4:first-child ,
	.col-pad-right {
		padding-right: 0px;
	}
	.produkty-section-main .col-md-4:last-child,
	.col-pad-left {
		padding-left: 0px;
	}
	.custom-display-block {
		display: block;
	}
	.produkty-section-main .col-md-4 {
		padding-bottom: 15px;
	}
}

@media only screen and (max-width: 1000px) {
	.produkty-section-main .row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.produkty-section-main .col-md-4 {
		max-width: 500px; 
		flex: 0 0 50%; 
		box-sizing: border-box;
		display: flex;
		justify-content: center; 
	}

	.produkty-section-main .col-md-4:nth-child(n+3) {
		flex: 0 0 100%;
	}
}
@media only screen and (max-width: 768px) {
	.produkty-section-main .col-md-4 {
		flex: 0 0 100%;
		max-width: none;
	}
}
.produkty-section-main {
	padding: 100px 0 ;
	background: linear-gradient(to top, black, white);
}

.category-buttons {
	display: flex !important;
	justify-content: center !important;
	margin-bottom: 20px !important;
}

.category-button {
	background-color: transparent !important;
	color: var(--black) !important;
	width: 200px;
	border: 2px solid var(--black) !important;
	padding: 10px 20px !important;
	margin: 1px;
	cursor: pointer !important;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.category-button.active:hover,
.category-button:hover {
	background-color: var(--red) !important;
	color: white !important;
	border: 2px solid var(--red) !important;
}

.category-button.active {
	border: 2px solid var(--black) !important;
	background-color: var(--black) !important;
	color: white !important;
}

.aktualne-main-button-see-more p {
	padding-top: 35px;
	padding-bottom: 15px;
	display: flex;
	text-align: center;
	color: white !important;
	justify-content: center;
}
#container-narrows-button .btn-primary {
	position: relative;
}

.arrow-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.arrow-container .fa-arrow-right  {
	position: absolute;
	top: 37px;
	left: -100px;
	color: white !important;
}
.arrow-container .fa-arrow-left  {
	position: absolute;
	top: 37px;
	right: -100px;
	color: white !important;
}
.pulse-arrow {
	font-size: 24px;
	color: #000;
	position: absolute;
	animation: pulse 1.5s infinite;
}

.pulse-arrow-left {
	left: -40px;
	transform: rotate(0deg);
}

.pulse-arrow-right {
	right: -40px;
	transform: rotate(180deg);
}


@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.5);
		opacity: 0.5;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@media only screen and (max-width: 500px) {
	.category-buttons {
		display: block !important;
	}
	.category-button {
		width: 100% !important;
		margin: 0 0 5px 0 !important;
	}

}
body.home .latest-post-image {
	max-height: 240px !important;
}
a.ab-item  {
	color: white !important;
}
a.ab-item:hover {
	color: var(--red) !important;
	background: white !important;
}

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

#faq .accordion {
    margin: 10px 0;
}

#faq .accordion-btn {
    background-color: #f4f4f4; 
    color: black;
    padding: 15px;
    width: 100%;
    border: none;
    text-align: left;
    font-size: 18px;
    cursor: pointer;
    border-radius: 10px;
    transition: background-color 0.3s ease;
    position: relative;
	display: flex;
    justify-content: space-between;
    align-items: center;
	border: 1px solid grey;
	gap: 20px;
}

#faq .accordion-btn:hover {
    background-color: var(--red);
    color: white !important;
	border: 1px solid var(--red);
}
@media only screen and (max-width: 768px) {
	body.page-id-32747 p br.brake-line {
		display: flex !important; 
	}
}
#faq .accordion-btn.active {
    background-color: var(--red);
	border-radius: 10px 10px 0 0 !important;
	color: white !important;
	border: 1px solid var(--red);
}
#faq .accordion-btn.active + .content{
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	border-bottom: 1px solid grey;
    border-top: unset !important;
	border-radius: 0 0 10px 10px;
}

#faq .accordion-btn:after {
	content: '\002B';
    color: var(--red);
    float: right;
    background: white;
    font-size: 20px;
    box-shadow: 0px 1px 2px black;
    padding: 2px 10px;
    border-radius: 50%;
}

#faq .accordion-btn.active:after {
    content: "\2212";
}

#faq .content {
    background-color: #f9f9f9;
    border-radius: 0 0 10px 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
#faq-section {
	margin-bottom: 5rem;
}
#faq .content p {
    padding: 15px;
    margin: 0;
}
.faq-section .szukasz-auta-hero {
	background-image: url("/wp-content/uploads/2024/07/tire-black-background-scaled-e1721478245801.jpg") !important;
}
#last-section-history {
    background-image: url("/wp-content/uploads/2024/07/tire-black-background-scaled-e1721478245801.jpg") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

#last-section-history:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
}

#last-section-history  * {
	color: white !important;
	z-index: 2;
	position: relative;
}
.rttss-right-open:before,
.rttss-left-open:before {
	font-family: "Font Awesome 5 Pro" !important;
	font-weight: 900 !important;
	font-size: 12px !important;
}
.rttss-right-open:before {
	content: "\f054" !important;
}

.rttss-left-open:before {
	content: "\f053" !important;
}
@media only screen and (max-width: 768px) {
    .slide-container-main-hero:nth-child(2) {
        background-position: right !important;
    }
}
body.single .latest-posts {
	margin-bottom: 5rem !important;
}
body.page-template-history,
body.page-template-history-racing {
	br {
		display: none !important;
	}
}