/* 
Theme Name: Simpli
Theme URI: https://ozdrowiezadbaj.pl/
Author: Adrian Turulski
Author URI: https://ozdrowiezadbaj.pl/
Description: Szablon blogowy
Version: 1.0 
*/

/*-----------------------------------------------------------
0.  Custom New
1.  General Styles
2.  Preloader
3.  Search Section 
4.  Top Header
5.  Header Wrapper
6.  Footer Wrapper
7.  Blog posts
8.  Single Blog
9.  Page Title
10. About Section
11. Conact Section
12. 404 Section
13. Owl Slider
14. Fullpage wrapper
15. Shop Page	
16. Responsive Section  */


/*Animation*/

@keyframes jump {
50% {
	-webkit-transform: translateY(-30%);
	transform: translateY(-30%); } }

@keyframes upscale {
50% {
	-webkit-transform: scale(1.5);
	transform: scale(1.5); } }

@keyframes spin {
50% {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg); } }

@keyframes squash {
50% {
	-webkit-transform: scaleY(0);
	transform: scaleY(0); } }

@keyframes skew {
50% {
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg); } }

@keyframes leap {
50% {
	-webkit-transform: translateY(-50%) rotate(-15deg);
	transform: translateY(-50%) rotate(-15deg); } }

@keyframes fade {
50% {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
		opacity: 0; 
	} 
}

@keyframes sheen {
50% {
	-webkit-transform: translateY(-10%);
	transform: translateY(-10%);
	color: #eee; 
	} 
}

@keyframes xspin {
50% {
	-webkit-transform: scaleX(0);
	transform: scaleX(0); } 
}


.wobble span {
	display: inline-block;
	pointer-events: none; 
}

.wobble span.jump {
	animation: jump 0.5s 1; 
}

.wobble span.upscale {
	animation: upscale 0.5s 1; 
}

.wobble span.spin {
	animation: spin 0.5s 1; 
}

.wobble span.skew {
	animation: skew 0.5s 1; 
}

.wobble span.squash {
	animation: squash 0.5s 1;
	-webkit-transform-origin: bottom;
	transform-origin: bottom; 
}

.wobble span.leap {
	animation: leap 0.7s 1; 
}

.wobble span.fade {
	animation: fade 0.5s 1; 
}

.wobble span.sheen {
	animation: sheen 0.3s 1; 
}

.wobble span.xspin {
	animation: xspin 0.5s 1; 
}
  
html {
	scroll-behavior: smooth;
}

/**/

/*
BEM:  Bloque - Elemento - Modificador
*/

/*Variables*
:root {
	--black-color: #17181c;
	--blue-color: #3e50b4;
	--white-rbg-color: 255, 255, 255;
	--green-rbg-color: 0, 212, 113;
 }

 * {
	margin: 0;
	padding: 0;
 } 

 .cursor {
    width: 20px;
    height: 20px;
    border: 5px solid rgba(var(--white-rbg-color), .8);
    border-radius: 50%;
    position: absolute;
    transition-duration: 200ms;
    transition-timing-function: ease-out;
    animation: cursor-animate 550ms infinite alternate;
    z-index: 9999;
}
 
 .cursor::after {
    content: "";
    width: 40px;
    height: 40px;
    border: 10px solid rgba(var(--white-rbg-color), .2);
    border-radius: 50%;
    position: absolute;
    top: -15px;
    left: -15px;
    animation: cursor-animate-2 550ms infinite alternate;
}
 
 /*Modificador*

 .cursor--expand {
	animation: cursor-animate-3 550ms forwards;
	border: 5px solid rgb(var(--green-rbg-color));
 }
 
 .cursor--expand::after {
	border: 10px solid rgba(var(--green-rbg-color), .3);
 }
 
 /*Keyframes*/

 @keyframes cursor-animate {
	from {
	   transform: scale(1);
	}
 
	to {
	   transform: scale(1.5)
	}
 }
 
 @keyframes cursor-animate-2 {
	from {
	   transform: scale(1);
	}
 
	to {
	   transform: scale(.3);
	}
 }
 
 @keyframes cursor-animate-3 {
	0% {
	   transform: scale(1);
	}
 
	50% {
	   transform: scale(3);
	}
 
	100% {
	   transform: scale(1);
	   opacity: 0;
	}
 }


 /**/

#return-to-top {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
	width: 50px;
	height: 50px;
	display: none;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1000;
}

#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#return-to-top.visible {
	transition: .5s;;
    display: block;
}

#return-to-top:hover {
	background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
	color: #fff;
	top: 5px;
}

/*-----------------------------------------------------------
	Table
-------------------------------------------------------------*/

tr,
td {
	border: 1px solid #eaeaea;
}

td {
	padding: 15px;
}

table {
	width: 100%;
	display: block;
	overflow: overlay;
	border-spacing: 0px;
}

/*-----------------------------------------------------------
	Fonts
-------------------------------------------------------------*/

@media (max-width: 991px) {
	iframe {
		width: 100%;
	}
}

*, ::after, ::before {
    box-sizing: border-box;
}

h2,
h3,
h4,
h5,
h6 {
	line-height: 1.1;
	color: #171717;
	margin-bottom: 0;
	font-weight: 400;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Space Grotesk', sans-serif;
	font-style: normal;
}

h2 {
	font-size: 30px;
	line-height: 133.333%;
}

h3 {
	font-size: 27px;
}

h4 {
	font-size: 20px;
	line-height: 1.5;
}

h5 {
	font-size: 13px;
}

h2 b,
h3 b,
h4 b,
h5 b {
	font-weight: inherit;
}

h2 strong,
h3 strong,
h4 strong,
h5 strong {
	font-weight: inherit;
}

ul {
	margin-bottom: 1rem;
	padding-left: 12px;
}

.single-post .entry-content ul li {
	padding-bottom: 10px;
}

body {
	font-family: 'Inter', sans-serif;
	color: #1D1D1B;
	font-weight: 400;
	font-size: 14px;
    line-height: 178.571%;
	overflow-x: hidden;
}

body p.featured {
    font-size: 20px;
    font-weight: 500;
}

a {
	color: #171717;
	text-decoration: none;
	transition: all 0.3s;
}

.small,
small {
	display: block;
}

a:focus,
a:hover {
	color: white;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

:active,
:focus {
	outline: none !important;
}

::placeholder {
	color: #F1F1F1;
	font-size: 12px;
}

.wpcf7-not-valid-tip {
	color: white !important;
	font-size: 1em;
	font-weight: normal;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

.wpcf7 form .wpcf7-response-output{
	color: #F1F1F1;
	border-color: #F1F1F1 !important;
	font-size: 12px;
	line-height: 16px;
	padding: 10px !important;
	margin: 20px 0 0 0 !important;
}

.wpcf7-spinner{
	display: none !important;
}

section {
	position: relative;
}

blockquote {
	padding: 20px 20px;
	margin: 0 0 20px;
	font-size: 16px;
	background: #f7f7f7;
	border-radius: 10px;
}

blockquote p {
	line-height: 1.6;
}


/*-----------------------------------------------------------
	FISZKA
-------------------------------------------------------------*/

.contact-container {
	position: fixed;
	right: -400px;
	top: 20%;
	background-color: #0451EE;
	border: 2px solid #0451EE;
	z-index: 999;
	padding: 25px 40px 40px;
	width: 400px;
	transition: right 0.5s ease-in-out; /* Dodane dla animacji */
	border: 1px solid white;
}
  
.contact-container.active {
	right: 0;
}

.click-here {
	color: white;
	cursor: pointer;
}

.contact-container .text-editor {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contact-container .text-editor img{
	filter: invert();
}


/*
.click-here {
	color: white;
	padding: 5px;
	width: 54px;
	height: 250px;
	background-color: #0451EE;
	position: absolute;
	left: -54px;
	top: -1px;
	cursor: pointer;
	border: 1px solid white;
	border-right: none;
}

.text {
	transform: rotate(90deg);
	white-space: nowrap;
	transform-origin: center;
	padding-left: 45px;
}
  
.fisz-arrow {
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 45px;
	left: 0;
	right: 0;
	margin: auto;
}
  
.fisz-arrow img{
	width: 16px;
	height: 16px;
	object-fit: contain;
	transition: .5s;
}
  

.active .fisz-arrow img{
	transform: rotate(180deg);
}

*/

.contact-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contact-info a,
.contact-container h2,
.field-name p,
.wpcf7-list-item-label{
	color: #F1F1F1;
}

.contact-container h2{
	color: #F1F1F1;
	font-size: 20px;
	font-weight: 400;
	line-height: 200%;
}

.contact-form h2{
	margin-bottom: 20px;
}

.cf7-item p{
	margin-bottom: 20px;
}

.field-name p{
	margin: 0;
}

.contact-container input{
	background-color: transparent;
	border: none;
	padding: 0;
	max-height: 40px;
	border-bottom: 1px solid white;
	padding-bottom: 3px !important;
}

.cf7-item.your-email,
.cf7-item.your-subject{
	width: 48%;
}

.contact-container input,
.contact-container textarea{
	width: 100%;
	color: white;
}

.contact-container textarea{
	background-color: transparent;
	border: none;
	padding: 0;
	max-height: 30px;
	border-bottom: 1px solid white;
	padding-bottom: 5px !important;
}

.cf7-item.textarea p{
	margin-bottom: 15px;
}

.cf7-item.textarea .field-name p{
	margin-bottom: 0px;
}

.contact-info{
	margin: 20px 0 50px;
}

.contact-info a{
	display: block;
	font-size: 16px;
}

.wpcf7-list-item{
	margin: 0 !important;
}

.wpcf7-list-item label{
	display: flex;
}

.wpcf7-list-item input{
	width: 10px;
	height: 10px;
	margin-right: 10px;
	margin-top: 2px;
}

.wpcf7-list-item-label a,
.wpcf7-list-item-label{
	font-size: 10px;
	line-height: 15px;
	color: #F1F1F1;
}

input[type="submit"] {
	color: #F1F1F1;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	border: none;
	cursor: pointer;
}

.cf7-submit:hover::after {
	transform: rotate(45deg);
}

.cf7-submit{
	position: relative;
}

.cf7-submit::after {
	content: '';
	width: 35px;
	height: 20px;
	background-image: url("/wp-content/themes/Simpli/images/two-blue-arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .5s;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(109%) contrast(109%);
}

.cf7-submit p{
	padding-bottom: 8px;
}

/*-----------------------------------------------------------
	Menu
-------------------------------------------------------------*/

.header-wrapper {
	top: 0;
	left: 0;
	height: 105px;
	position: fixed;
	width: 100%;
	z-index: 150;
	transition: .5s;
	background-color: white;
}

.header {
	height: 105px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	transition: .5s;
	max-width: 1600px;
	padding: 0 80px;
}

.nav-down{
	transition: .5s;
}

.nav-up {
	top: -105px;
	transition: .5s;
}

.logo img {
    width: 149px;
	margin-top: -8px;
}

.header-wrapper .header ul {
    display: flex;
    min-width: 350px;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
}

.header-wrapper .header ul li{
	position: relative;
}

.header-wrapper .header ul li a {
	font-size: 14px;
    line-height: 1.4;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
	color: #171717;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .5s;
	position: relative;
}

.header-wrapper .header ul li a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background-color: #171717;
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
}
  
.header-wrapper .header ul li a:hover::before {
	transform-origin: left;
	transform: scaleX(1);
}

a,
a:visited,
a:hover,
a:active{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transition:0.5s color ease;
	text-decoration:none;
}


.overlay-section{
	display: none;
}

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

.header-wrapper .header ul.sub-menu {
	visibility: hidden;
	opacity: 0;
	display: block;
    height: auto;
	position: absolute;
	top: 93%;
	left: 0px;
    width: 100%;
    min-width: 250px;
	background-color: #0451EE;
    padding: 30px 25px;
	border: none;
	transition: .3s;
	border: 1px solid white;
	z-index: 999999;
}

.header-wrapper .header ul.sub-menu li {
	padding: 0;
}

.header-wrapper .header ul.sub-menu li:hover {
	background: transparent;
}

.header-wrapper .header ul.sub-menu li a{
	height: 35px;
	font-weight: 400;
	color: #F1F1F1;
}

.header-wrapper .header ul.sub-menu {
	height: auto;
}

.menu-desktop ul li:hover ul.sub-menu {    
	visibility: visible;
	opacity: 1;
}

.menu-desktop ul li:hover ul.sub-menu li a:hover{    
	color: #F1F1F1;
}

.header-wrapper .header ul.sub-menu li.current-menu-item a {
    font-weight: 600;
	color: #F1F1F1;
}

.header-wrapper .header ul.sub-menu li {
	position: relative;
}



/*---------------------------------------------
	Home header
---------------------------------------------*/

/*---------------------------------------------
	Page header
---------------------------------------------*/

/*---------------------------------------------
	SLIDER
---------------------------------------------*/

/*-----------------------------------------------------------
	Home Content wrapper
-------------------------------------------------------------*/

/*-----------------------------------------------------------
	Content wrapper
-------------------------------------------------------------*/

.error404 .content-wrapper,
.page .content-wrapper{
	/*margin-top: 115px;*/
	position: relative;
}

/*-----------------------------------------------------------
	SECTION COMMON
-------------------------------------------------------------*/

.section{
	padding: 3.9vw 0;
	position: relative;
}

.section strong {
	font-size: 22px;
	line-height: 26px;
	font-family: 'Red Hat Display', sans-serif;
	font-weight: 900;
	margin-bottom: 40px;
	display: block;
}

.section-width {
	max-width: 1600px;
    padding: 0px 80px;
    margin: auto;
    position: relative;
}

.section-content{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.section-content .col-left,
.section-content .col-right{

	max-width: 41%;
	overflow: hidden;
	position: relative;
}

.section-content .col-left .content-left,
.section-content .col-right .content-right{
	width: auto;
}

.entry-media {
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/*-----------------------------------------------------------
	Section  HOME SPECIFIC
-------------------------------------------------------------*/

.blue p,
.blue li,
.blue a,
.blue h2,
.blue .subtitle-wrapper,
.blue .button-section a{
	color: #F1F1F1;
}

.blue .button-section a::after {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(109%) contrast(109%);
}

.red p,
.red a,
.red h2,
.red .subtitle-wrapper{
	color: #E90F43;
}

.subtitle-wrapper{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 42px;
}

.subtitle{
	font-size: 14px;
	font-weight: 400;
	position: relative;
	padding-left: 35px;
	line-height: 1.3;
}

.subtitle:before{
	content: '';
	width: 20px;
	height: 20px;
	background-image: url("/wp-content/themes/Simpli/images/one-blue-arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}


.blue .subtitle:before{
	background-image: url("/wp-content/themes/Simpli/images/one-grey-arrow.svg");
}

.mumber{
	font-size: 30px;
	font-weight: 400;
	line-height: 133.333%;
}

.title-wrapper {
	width: 100%;
}

.section h2{
	margin-bottom: 50px;
	max-width: 470px;
}

.support-wrapper.shorts{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 70%;
	margin-right: 20%;
	margin-left: auto;
}



/*SECTION 1*/

#section-1{
   height: 100vh;
   padding: 0;
}

#section-1.section:after{
	content: '';
	width: 26.875vw;
	height: 39.58vw;
	background-image: url("/wp-content/themes/Simpli/images/hero-icon.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	margin: auto;
	opacity: .6;
}

#section-1 .section-width {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 80px;
	position: relative;
	z-index: 1;
}

#section-1 .section-content{
	max-width: 800px;
}

#section-1 .title-wrapper{
	margin-bottom: 40px;
	position: relative;
}

#section-1 .title-wrapper:after{
	content: '';
	width: 137px;
	height: 13px;
	background-image: url("/wp-content/themes/Simpli/images/four-blue-arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -50px;
	left: 0;
}

#section-1 h1{
	color: #0451EE;
	font-size: 50px;
	font-weight: 400;
	line-height: 120%;
}

#section-1 .support-wrapper{
	margin-left: auto;
	max-width: 526px;
}

#section-1 .text-editor p{
	font-size: 16px;
	margin: 0;
	line-height: 156.25%;
}

/*SECTION 2*/

#section-2.section{
	padding: 0;
}

#section-2 .section-width{
	max-width: 100%;
	margin: 0;
	padding: 0;
}

#section-2 .image-wrapper{
	width: 100%;
}

#section-2 img{
	width: 100%;
	object-fit: cover;
	height: 31.25vw;
}

/*SECTION 3*/

#section-3{
	background-color: #0451EE;
}

#section-3.section{
	padding-bottom: 7.7vw;
}

#section-3.section:after{
	content: '';
	width: 14%;
	height: 100%;
	background-color: white;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

#section-3.section .support-wrapper.shorts{
	margin-right: 20%;
}

#section-3 .subtitle-wrapper{
	width: 79%;
}

#section-3 .title-wrapper{
	width: 100%;
}

/*SECTION 4/5*/

#section-4.section{
	padding-top: 12vw;
	height: 52vw;
	min-height: 788px;
}

#section-4 .top-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.9vw 5.9vw;
  width: 43.5vw;
  max-width: 100%;
  background-color: #F1F1F1;
  position: absolute;
  top: -4vw;
  right: 5.3vw;
  z-index: 1;
}

#section-4 .top-wrapper p{
	font-family: 'Space Grotesk', sans-serif;
	color: #171717;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 150%;
	margin: 0;
}

#section-4 .bottom-wrapper{
	position: absolute;
	left: 0;
	bottom: 0;
}

#section-4 .red-alert{
	background-color: #E90F43;
	width: 40vw;
	padding: 4.3vw 80px;
}

#section-4 .red-alert h3,
#section-4 .red-alert p{
	color: white;
}

#section-4 .red-alert h3{
	font-size: 20px;
	margin: 30px 0 20px;
}

#section-4 .red-alert p{
	font-size: 14px;
	line-height: 178.571%;
}

.visible-below-700{
	display: none !important;
} 

/*SECTION 6*/

#section-6.section{
	background-color: #F1F1F1;
	padding-bottom: 8vw;
}

/*SECTION 7*/

#section-7.section{
	padding-top: 33vw;
	height: 64vw;
	max-height: 1000px;
}

#section-7 .top-left-wrapper{
	position: absolute;
	left: 0;
	top: 0;
	width: 59.5%;
	background-color: #E90F43;
	padding: 6.6vw 80px;
}

#section-7 .top-right-wrapper{
	position: absolute;
	right: 0;
	top: -14.5vw;
	width: 40.5%;
	background-color: #0451EE;
	padding: 6.9vw 5.9vw 3.4vw;
}

#section-7 .top-right-wrapper:before{
	content: '';
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-image: url("/wp-content/themes/Simpli/images/top-big-white-arrow.svg");
	background-size: contain;
	position: absolute;
	top: -80px;
	right: 50%;
	filter: brightness(0) saturate(100%) invert(18%) sepia(95%) saturate(4867%) hue-rotate(222deg) brightness(96%) contrast(97%);
	transform: rotate(180deg);
}

.example-url{
	width: 100%;
	padding: 20px 25px;
	border-radius: 20px;
	border: 2px solid #FFF;
	color: #FFF;
	font-size: 20px;
	line-height: 125%;
	padding-left: 55px;
	position: relative;
}

.example-url:before{
	content: '';
	width: 30px;
	height: 20px;
	background-image: url("/wp-content/themes/Simpli/images/warning-red-white.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 25px;
}

.explanation{
	margin-top: 3.3vw;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.explanation h3{
	color: #FFF;
	font-size: 30px;
	line-height: 133.333%;
	max-width: 300px;
}

#section-7 .repeater{
	width: 20vw;
	min-width: 300px;
}

#section-7 .repeater .item{
	display: flex;
	justify-content: space-between;
	margin-bottom: 3.3vw;
}

#section-7 .repeater .item .list-number{
	color: #F1F1F1;
	font-size: 35px;
	font-weight: 700;
	width: 90px;
}

#section-7 .repeater .item .text-editor{
	color: #F1F1F1;
	font-size: 14px;
	line-height: 178.571%;
}

#section-7 .repeater .item .text-editor p{
	margin: 0;
	padding-top: 10px;
}


/*SECTION 8*/


#section-8.section{
	padding-bottom: 5.2vw;
}

#section-8 .section-width{
	max-width: 100%;
}

#section-8 .subtitle-wrapper{
	max-width: 44.2vw;
  	margin: auto;
	margin-bottom: 3.1vw;
}

#section-8 .support-wrapper.shorts{
	justify-content: flex-end;
	margin-right: 0;
	background-color: #F1F1F1;
	padding: 3.4vw 0 4.5vw;
	position: relative;
	width: 70%;
}

#section-8 .support-wrapper.shorts:before,
#section-8 .support-wrapper.shorts:after{
	content: '';
	width: 140px;
	height: 100%;
	background-color: #F1F1F1;
	position: absolute;
	top: 0;
}

#section-8 .support-wrapper.shorts:before{
	left: -140px;
}

#section-8 .support-wrapper.shorts:after{
	right: -80px;
}

#section-8 .support-wrapper.shorts .col-right{
	margin-right: 28.5%;
}

#section-8 .image-wrapper{
	position: absolute;
	left: 0;
	top: 30%;
	z-index: 2;
}

#section-8 .image-wrapper img{
	min-width: 612px;
	width: 40.4vw;
}


/*SECTION 9*/


#section-9.section{
	padding: 0 0 3.9vw;
}

#section-9.section .section-content:before{
	content: '';
	width: 137px;
	height: 13px;
	background-image: url("/wp-content/themes/Simpli/images/four-blue-arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 80px;
}

#section-9 .support-wrapper.shorts{
	margin-right: 10%;
	width: 70%;
}

#section-9 .support-wrapper.shorts .col-left{
	max-width: 45%;
}

#section-9 .support-wrapper.shorts .col-right {
	max-width: 55%;
	display: flex;
	justify-content: space-between;
}

#section-9 .text-editor{
	width: 48%;
}

#section-9 .text-editor ul li{
	margin-bottom: 20px;
}

/*SECTION 10*/

#section-10{
	background-color: #0451EE;
	padding-bottom: 6.9vw;
}

#section-10 a:not([href]):not([tabindex]) {
	color: #F1F1F1 !important;
}

#section-10.section::after {
	content: '';
	width: 14%;
	height: 100%;
	background-color: white;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

#section-10.section h2{
	margin-bottom: 94px;
}

#section-10.section .subtitle-wrapper{
	width: 79%;
}

#section-10.section .grey-square {
	background: #F1F1F1;
	width: 43.5vw;
	height: 13.6vw;
	max-height: 207px;
	position: absolute;
	top: 21.5%;
	right: 5.3vw;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

#section-10.section .grey-square .support-wrapper{
	max-width: 446px;
}

#section-10.section .grey-square p{
	font-family: 'Space Grotesk', sans-serif;
	color: #171717;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

#section-10.section .grey-square .price{
	font-family: 'Space Grotesk', sans-serif;
	color: #0451EE;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 2;
	text-align: center;
}


#section-10 .wrapper{
	display: flex;
	justify-content: space-between;
}

/*SECTION 11*/

#section-11{
	padding: 9.9vw 0;
}

#section-11 .cta {
	max-width: 46.2vw;
	margin: auto;
}

#section-11 .cta p{
	color: #0451EE;
	text-align: center;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 133.333%;
}


/*SECTION 12*/

#section-12{
	background-color: #F1F1F1;
}

/*SECTION 13*/

#section-13 .top-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3.7vw 5.9vw 2.7vw;
	width: calc( 44.1vw + 80px );
	max-width: 100%;
	position: absolute;
	top: -10vw;
	right: 0;
	z-index: 1;
	background-color: #0451EE;
}

#section-13 .top-wrapper .support-wrapper{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 35vw;
}

#section-13 .top-wrapper h2{
	color: #F1F1F1;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 178.571%;
	width: 100%;
	margin-bottom: 30px;
}

#section-13 .top-wrapper .text-editor{
	width: 48%;
}

#section-13 .text-editor ul li{
	margin-bottom: 20px;
}


/*SECTION 14*/

#section-14.section{
	padding-bottom: 6.6vw;
}

#section-14 .support-wrapper.shorts{
	margin: 0 10%;
	width: 100%;
}


.repeater{
	width: 100%;
}

.repeater .item {
    cursor: pointer;
    position: relative;
	border-bottom: 1px solid #0451EE;
}

.repeater .item .question {
	color: #171717;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%;
	height: 65px;
	display: flex;
	align-items: center;
}

.repeater .answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease;
    opacity: 0;
}

.repeater .answer p{
	margin-bottom: 35px;
}

.repeater .arrow{
	position: absolute;
	top: 0;
	right: 0;
	height: 65px;
	display: flex;
	align-items: center;
}

.repeater .arrow img{
    transition: transform 0.3s ease;
}

.repeater .item.active .answer {
    max-height: 200px; /* Dostosuj według potrzeb */
    opacity: 1;
}

.repeater .item.active .arrow img{
    transform: rotate(180deg);
}


/*-----------------------------------------------------------
	Button section
-------------------------------------------------------------*/

.button-section {
	width: 100%;
	justify-content: space-between;
	align-items: center;
	display: flex;
	position: relative;
	margin-top: 40px;
	cursor: pointer;
}


.button-section a {
	height: 55px;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	color: #0451EE;
}

a:not([href]):not([tabindex]){
	color: #0451EE !important;
}

.button-section a:after{
	content: '';
	width: 35px;
	height: 20px;
	background-image: url("/wp-content/themes/Simpli/images/two-blue-arrow.svg");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .5s;
}

.button-section a:hover:after{
	transform: rotate(45deg);
}

/*-----------------------------------------------------------
	PAGE
-------------------------------------------------------------*/

/*-----------------------------------------------------------
	PAGE - REALIZACJE
-------------------------------------------------------------*/

/*-----------------------------------------------------------
	SECTION ARCHIVE
-------------------------------------------------------------*/

/*-----------------------------------------------------------
	SECTION ARCHIVE AKTUALNOŚCI
-------------------------------------------------------------*/

/*-----------------------------------------------------------
	SECTION TAG AKTUALNOŚCI
-------------------------------------------------------------*/

/*-----------------------------------------------------------
	SECTION SINGLE
-------------------------------------------------------------*/

/*-----------------------------------------------------------
	Footer 
-------------------------------------------------------------*/

footer {
	background-color: #0451EE;
	position: relative;
}

/**/

footer .col-one{
	width: 8vw;
	min-width: 83px;
}

footer .col-two{
	width: 17vw;
}

footer .col-three{
	width: 11.3vw;
	min-width: 169px;
}

footer .col-four {
	width: 4.6vw;
	min-width: 70px;
}

/**/


footer .section{
	padding: 4.6vw 0;
}

footer .section-content{
	width: 100%;
}

footer .support-wrapper.shorts {
    margin: 0 10%;
	width: auto;
}

.foot-content-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer h4{
	color: #F1F1F1;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 15px;
}

footer p,
footer a{
	color: #F1F1F1;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 178.571%;
}

.copyright {
	width: 100%;
	margin: 40px auto 0;
    display: flex;
	justify-content: space-between;
	align-items: center;
}

.copyright p,
.copyright a{
    font-size: 14px;
	margin: 0;
}



/*SOCIAL MEDIA*/

footer .social-media .wrapper {
	height: 40px;
	display: flex;
}

footer .social-media .wrapper a{
	border: 2px solid transparent;
    display: block;
    width: 40px;
    height: 40px;
	transition: .5s;
	margin-right: 10px;
}

footer .social-media .wrapper svg{
	font-size: 25px;
}

/*-----------------------------------------------------------
	Page Loader 
-------------------------------------------------------------*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	height: 100%;
	z-index: 999999;
	display: flex;
	justify-content: space-between;
	align-items: center;
	visibility: visible;
	opacity: 1;
	transition: opacity 0.3s ease-out;
    background: #F1F1F1;
}

#status {
	width: 123px;
	height: 55px;
	margin: auto;
	opacity: 1;
	transition: opacity 0.3s ease-out;
}


/*-----------------------------------------------------------
	Page
-------------------------------------------------------------*/


/* Sekcja Contact Form
---------------------------------------------*/