/* 
Theme Name: Turulo
Theme URI: koncept404.pl
Author: Adrian Turulski
Author URI: turulo.pl/
Description: Motyw firmowy
Version: 1.0 
*/

/*-----------------------------------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');





html{
	scroll-behavior: smooth;
	margin-top: 0 !important;
	overflow-x: hidden;
}

.mobile, 
.menu-mobile{
	display: none;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	z-index: 99999; /* makes sure it stays on top */
    background: #F7F3EB;
}

#status {
	width: 90px;
	height: auto;
	position: absolute;
	left: 0; /* centers the loading animation horizontally one the screen */
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 50%; /* centers the loading animation vertically one the screen */
	transform: translateY(-50%);
}

.move{
	width: 7.22vw;
	max-width: 104px;
	height: 7.22vw;
	max-height: 104px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/wp-content/themes/turulo/images/static-sygnet.png');
	position: relative;
}

.foot-logo.move{
	background-image: url('/wp-content/themes/turulo/images/static-sygnet2.png');
}

.move img{
	position: absolute;
	top: 0;
	left: 0;
	width: 7.22vw;
	max-width: 104px;
	height: 7.22vw;
	max-height: 104px;
	object-fit: contain;
	animation: endless-spin 15s linear infinite;
}

@keyframes endless-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.page-id-10354 .section.mt.t1 .move,
.page-id-10356 .section.mt.t1 .move{
	display: none;
}

#elastic-wrapper{
	position: relative;
	background-color: #F7F3EB;
}

.floating-sidebar {
	position: absolute;
	top: 40px;
	right: -135px;
	width: 172px;
	height: 172px;
	transform: rotate(-90deg);
	z-index: 9;
	transition: top .5s;
}

.floating-sidebar.fixed {
	position: fixed !important;
	top: 40px !important;
	right: -135px!important;
}

body.active-s .floating-sidebar.fixed{
	top: 140px !important;
}

body.hero-3 .floating-sidebar{
	top: 230px;
}

body.hero-6 .floating-sidebar{
	top: 110px;
}

body.hero-6 .floating-sidebar.fixed{
	top: 110px !important;
}

body.hero-6.active-s .floating-sidebar.fixed{
	top: 210px !important;
}


body.page-id-10371.hero-6 .floating-sidebar,
body.page-id-10371.hero-6 .floating-sidebar.fixed{
	top: 40px !important;
}




.social-wrapper{
    width: 172px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 12px 12px 0 0;
    background-color: #FFFCFB;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
}

.social-wrapper a{
	position: relative;
	color: #7D866C;
	font-family: "Outfit", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 21px */
}

.social-wrapper a:before{
	content: '';
	width: 100%;
	height: 1px;
	background-color: #DEDFCF;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: .5s;
}

.social-wrapper a:hover:before{
	background-color: #7D866C;
}

.page-404 .floating-sidebar,
.page-id-10401 .floating-sidebar{
	display: none;
}

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

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



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


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'RecifeDisplay';
	margin: 0;
}

h2 {
	color: #313131;
    font-size: 52px;
    font-weight: 350;
    line-height: 110%;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: calc(16px + (18 - 16) * ((100vw - 1440px) / (1920 - 1024)));
}

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

body {
	font-family: "Outfit", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	color: #313131;
	overflow-x: hidden;
	transition: .3s !important;
}







span.nowrap {
	white-space: nowrap;
}

body p {
    margin-top: 0;
}

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

.small,
small {
	display: block;
}

 

/*-----------------------------------------------------------
	WSPÓLNE WARTOŚCI
-------------------------------------------------------------*/

.elastic-wrapper .section-width {
	padding: 40px;
}


/*-----------------------------------------------------------
	HEADER
-------------------------------------------------------------*/

.header-wrapper {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 9999;
	transform: translateY(0%);
	background: transparent;
	box-shadow: 0px 8px 21.7px 0px rgba(38, 38, 38, 0);
}

.header-wrapper.sticky {
    position: fixed;
    transition: .5s;
    background: #FFFCFB;
    box-shadow: 0px 8px 21.7px 0px rgba(38, 38, 38, 0.02);
	border-bottom: 1px solid #F7F3EB;
	overflow: visible; 
}

.header-wrapper.sticky .header{
	background: #FFFCFB;
	z-index: 5;
}

.header-wrapper.sticky.header--hidden {
    transform: translateY(-101%);
}

body.hero-4 .header-wrapper.sticky.header--hidden,
body.hero-6 .header-wrapper.sticky.header--hidden  {
    transform: translateY(calc(-101%));
}

body.hero-5 .header-wrapper.sticky.header--hidden{
    transform: translateY(calc(-101%));
}

.header-wrapper.sticky .menu-desktop ul.menu li a{
	color: #313131;
}

.header-wrapper.sticky .button-section.secondary-2 a {
    border-color: #BC4F37;
    color: #BC4F37;
}

.header-wrapper.sticky .button-section.secondary-2 a img{
	filter: brightness(0) saturate(100%) invert(37%) sepia(48%) saturate(895%) hue-rotate(325deg) brightness(93%) contrast(90%);
}


.header-wrapper.sticky .sticky-clone{
	transition: bottom .5s;
}


.header-wrapper.sticky.menu-hide .sticky-clone {
	bottom: 0;
}


.header-wrapper.sticky .sticky-clone.byebye {
	opacity: 0;
	visibility: hidden;
}

.header-wrapper.sticky .sticky-clone.visible {
	opacity: 1;
}

.additional-menu,
.additional-information {
	opacity: 1;
}

.additional-menu.hidden,
.additional-information.hidden {
	opacity: 0;
	pointer-events: none; 
}
  






.header {
	width: 100%;
    display: grid;
	justify-content: space-between;
	align-items: center;
    grid-template-columns: 20% 60% 20%;
	margin: 0 auto;
	transition: .5s;
	position: relative;
	padding: 14px 40px;
	padding-right: 20px;
}

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

.part-left.parts{
	width: 24.00vw;
}

.part-center.parts{
	display: flex;
	justify-content: center;
}

.part-right.parts {
    justify-content: flex-end;
}

.part-right.parts .button-section a{
	font-size: 14px;
}

.part-left.parts a {
	display: block;
}

.logo.sticky{
	display: block;
}

.logo.black{
	display: none;
}

.page-id-10401 .logo,
.page-id-10374 .logo{
	display: none;
}

.page-id-10401 .logo.sticky,
.page-id-10401 .logo.black,
.page-id-10374 .logo.sticky,
.page-id-10374 .logo.black{
	display: block;
}

.logo img, 
.logo.custom-logo-link a{
    width: 100%;
    height: 62.5px;
	transition: .5s;
	object-fit: contain;
	object-position: left;
}

.menu-desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-desktop ul.menu{
    display: flex;
    justify-content: space-between;
    gap: 2.22vw;
	list-style: none;
	padding-left: 0;
	position: relative;
	margin: 0;
}

.menu-desktop ul.menu li {
    position: relative;
    display: flex;
    align-items: center;
	padding: 20px 0;
}

.menu-desktop ul.menu a{
    transition: .3s !important;
}

.menu-desktop ul.menu li a {	
	position: relative;
	color: #F7F3EB;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;/
}

.menu-desktop ul.menu li a:after,
.menu-desktop ul.menu li ul li a:after{
	content: '';
	width: 0;
	height: 1px;
	background-color: #F7F3EB;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .5s;
}

.page-id-10401 .menu-desktop ul.menu li a:after,
.page-id-10374 .menu-desktop ul.menu li a:after,
.header-wrapper.sticky .menu-desktop ul.menu li a:after{
	background-color: #313131;
}


.page-id-10401 .menu-desktop ul.menu li a,
.page-id-10374 .menu-desktop ul.menu li a {
	color: #313131;
}

.menu-desktop ul.menu li:hover a:after,
.menu-desktop ul.menu li ul li:hover a:after {	
	width: 100%;
}

.menu-desktop ul.menu li:hover,
.menu-desktop ul.menu a:hover{
	opacity: 1;
}



/* Drugi poziom */

.menu-desktop ul.menu li ul {
    position: absolute;
    top: 55px;
    left: 0;
    width: 16.00vw;
    min-width: 190px;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: .3s !important;
    list-style: none;
    padding-left: 0;
    background-color: #FFFCFB;
    border-radius: 6px;
    padding-bottom: 10px;
    padding-top: 0;
    margin: 0;
    box-shadow: 0px 8px 21.7px 0px rgba(38, 38, 38, 0.02), 0px 5px 10px 0px rgba(38, 38, 38, 0.05);
}



.menu-desktop ul.menu li ul li {
    padding: 0 20px 10px 39px;
}

.menu-desktop ul.menu li ul li a{	
    font-weight: 400;
	color: #313131 !important;
}

.menu-desktop ul.menu li ul li a:after{
	width: 0 !important;
	background-color: #313131;
}

.menu-desktop ul.menu li ul li:hover a:after {	
	width: 100% !important;
}

.menu-desktop ul.menu li ul li {
    padding: 0 20px 10px 39px;
}

.menu-desktop ul.menu li ul li a:before {
    content: '';
    width: 11px;
    height: 9px;
    background-image: url(/wp-content/themes/turulo/images/arrow-sub.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -19px;
    transition: .5s;
}

/*
.menu-desktop ul.menu li.menu-item-has-children a:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 47px;
    left: 0;
    top: 20px;
}
*/


.menu-desktop ul.menu li:hover ul{
	max-height: 500px;
	opacity: 1;
	visibility: visible;
	padding-top: 20px;
}



/* Buttons */

.button-section {
	display: flex;
}

.button-section a{
	padding: 15px 26px;
	padding-right: 11px;
	border-radius: 100px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	border: 1px solid;
	position: relative;
	display: flex;
	gap: 8px;
	align-items: center;
	transition: .5s;
}

.button-section a:hover{
	padding-right: 26px;
}

.button-section a img {
    width: 7px;
    height: 11px;
	opacity: 0;
	transition: .5s;
}

.button-section a:hover img{
	opacity: 1;
}
 
/* Primary */

.button-section.primary-1 a{ 
	background-color: #BC4F37;
	border-color: #BC4F37;
	color: #F7F3EB;
}

.button-section.primary-2 a{
	background-color: #F7F3EB;
	border-color: #F7F3EB;
	color: #313131;
}

.button-section.primary-2 a img{
	filter: brightness(0) saturate(100%) invert(17%) sepia(26%) saturate(0%) hue-rotate(253deg) brightness(91%) contrast(92%);
}

/* Secondary */

.button-section.secondary-1 a{ 
	border-color: #BC4F37;
	color: #BC4F37;
}

.button-section.secondary-1 a img{
	filter: brightness(0) saturate(100%) invert(37%) sepia(48%) saturate(895%) hue-rotate(325deg) brightness(93%) contrast(90%);
}

.button-section.secondary-2 a{
	border-color: #F7F3EB;
	color: #F7F3EB;
}

.page-id-10401 .button-section.secondary-2 a,
.page-id-10374 .button-section.secondary-2 a{
	border-color: #313131;
	color: #313131;
}

.page-id-10401 .button-section.secondary-2 a img,
.page-id-10374 .button-section.secondary-2 a img{
	filter: brightness(0) saturate(100%) invert(17%) sepia(4%) saturate(0%) hue-rotate(218deg) brightness(106%) contrast(95%);
}


.overlay-section{
	display: none;
}


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

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

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

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

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


#page-404.section {
    background-image: url(/wp-content/themes/turulo/images/404.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#page-404.section, 
#page-404.section .section-width{
    height: calc(var(--vh) * 100);
    transition: .5s;
}

#page-404.section:before{
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	left: 0;
}

#page-404.section .section-width{
	position: relative;
	z-index: 1;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#page-404.section .section-content .title-wrapper{
	display: grid;
	justify-content: center;
	margin: 0 0 40px;
	text-align: center;
}

#page-404.section .section-content .title-wrapper h1{
	color: #F7F3EB;
	font-size: 132px;
	font-weight: 350;
	line-height: 105%; /* 138.6px */
}

#page-404.section .section-content .title-wrapper h4{
	color: #F7F3EB;
	font-size: 34px;
	font-weight: 350;
	line-height: 120%; /* 40.8px */
}

#page-404.section .section-content .button-section{
	margin: 0 auto;
}

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


.section {
    width: 100%;
	padding: 0;
	position: relative;
	z-index: 1;
}

.section-width{
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
    margin-left: auto !important;
    margin-right: auto !important;
	padding: 8.33vw 2.78vw;
}

.section .text-editor p:last-child{
	margin: 0;
}

.title h1{
	color: #F7F3EB;
	text-align: center;
	text-shadow: 0px 4px 13.4px rgba(49, 49, 49, 0.30);
	font-size: 78px;
	font-weight: 350;
	line-height: 105%;
	letter-spacing: -1.56px;
}

.title-wrapper{
	margin-bottom: 3.47vw;
}

.title-wrapper h2{
	color: #313131;
	font-size: 52px;
	font-weight: 350;
	line-height: 110%;
}

.title-wrapper h3{
	font-family: "Outfit", sans-serif;
	color: #848484;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 15px;
}

.sub-title{
	margin-bottom: 15px;
}

.sub-title h2{
	font-family: "Outfit", sans-serif;
	color: #F7F3EB;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
}

img,
video{
	border-radius: 16px;
	max-width: 100%;
}


/*-----------------------------------------------------------
	HERO TOP
-------------------------------------------------------------*/

#hero-wrapper{
	position: relative;
	z-index: 2;
}

#hero{
	position: relative;
	height: calc(var(--vh) * 100); /* 100% wysokości okna */
	transition: .5s;
}

#hero .section-width{
	padding: 0;
}

#hero .title{
	max-width: 1129px;
}

.foreground{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#hero.section.hero-4 .foreground{
	background-color: #E1D7C3;
}

.foreground:before{
	content: '';
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0 0 16px 16px;
}



.foreground img,
.foreground video{
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0 0 16px 16px;
}

#hero.section .section-content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#hero.section .title,
#hero.section .button-section,
#hero.section .sub-title{
	position: relative;
	z-index: 1;
}

/* Większośc sekcji */

#hero.section,
#hero.section .section-width,
#hero.section .section-content,
#hero.section .foreground img,
#hero.section .foreground video{
	height: calc(var(--vh) * 70); /* 100% wysokości okna */
	min-height: 700px;  
} 

/* Hero strona główna */

#hero.section.hero-1,
#hero.section.hero-1 .section-width,
#hero.section.hero-1 .section-content,
#hero.section.hero-1 .foreground img{
	height: calc(var(--vh) * 100); /* 100% wysokości okna */
	object-position: bottom;
	transition: .5s;
}

#hero.section.hero-1 .foreground{
	background-color: #F7F3EB;
}

#hero.section.hero-1 .button-section{
	margin-top: 3.47vw;
	margin-left: 20px;
}

#hero.section.hero-1 .button-section a{
	font-size: 19px;
}

/* Hero O nas */

#hero.section.hero-2 .foreground{
	background-color: #DEDFCF;
}



/* Hero wsparcie */

#hero.section.hero-3 .section-content{
	padding-bottom: 4.86vw;
}

#hero.section.hero-3 .section-content .title{
	max-width: 60%;
}


.fancybox-content{
	width: 100%;
    max-width: 1440px !important;
}

.fancybox-bg {
    background: #1e1e1e6e !important;
}



/* spinner i półprzezroczysta warstwa nad calendar‐slide */

.fancybox-preloader-overlay {
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	z-index: 9998;
	opacity: 1;
	transition: opacity 0.5s ease;  /* fade w 0.5s */
}

.fancybox-spinner {
	position: absolute;
	top: 50%; left: 50%;
	width: 48px; height: 48px;
	margin: -24px 0 0 -24px;
	border: 4px solid rgba(0,0,0,0.1);
	border-top-color: #7D866C;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
	z-index: 9999;
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}







/* Hero Warsztaty zbiorcze i pojedyncze */

#hero.section.hero-4,
#hero.section.hero-5,
#hero.section.hero-4 .section-width,
#hero.section.hero-5 .section-width,
#hero.section.hero-4 .section-content,
#hero.section.hero-5 .section-content,
#hero.section.hero-4 .foreground img,
#hero.section.hero-5 .foreground img{
	height: calc(var(--vh) * 64); /* 100% wysokości okna */
	min-height: 640px;
}

#hero.section.hero-5 .hero-information {
    position: relative;
    width: 549px;
	width: auto;
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 3vw;
    padding: 20px 24px;
    border-radius: 300px;
    z-index: 1;
    background: rgba(247, 243, 235, 0.28);
    backdrop-filter: blur(7.300000190734863px);
}

#hero.section.hero-5 .hero-information .text{
	display: flex;
	align-items: center;
	gap: 12px;
}

#hero.section.hero-5 .hero-information .text img{
	width: auto;
	height: 26px;
	object-fit: contain;
	border-radius: 0;
}

#hero.section.hero-5 .hero-information .text p{
	margin-bottom: 0;
	color: #FFFCFB;
	font-family: 'RecifeDisplay';
	font-size: 29px;
	font-weight: 350;
	line-height: 120%;
}

body.hero-5 .additional-information {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-width: 1258px;
    height: 122px;
    position: absolute;
    bottom: -123px;
    border-radius: 0px 0px 16px 16px;
    background: #FFFCFB;
    box-shadow: 0px 19px 19px 0px rgba(38, 38, 38, 0.05), 0px 5px 10px 0px rgba(38, 38, 38, 0.06);
}

body.hero-5 .additional-information .col.date{
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
}

body.hero-5 .additional-information p{
	margin: 0;
}

body.hero-5 .additional-information .top-img {
    border-bottom: 1px solid #D0D0D0;
    display: flex;
	align-items: center;
	gap: 8px;
    padding: 12px 28px;
}

body.hero-5 .additional-information .top-img p{
	color: #848484;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

body.hero-5 .additional-information .top-img img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    border-radius: 0;
}


body.hero-5 .additional-information .bottom-content {
    display: flex;
    align-items: center;
    padding: 12px 28px;
}

/* Menu warsztatów */

body.hero-4 .additional-menu {
    display: flex;
    position: absolute;
    width: 40vw;
    bottom: -71px;
    height: 70px;
    border-radius: 0 0 16px 16px;
}

body.hero-4 .additional-menu a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #EBE3D4;
	color: #686868;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

body.hero-4 .additional-menu a:first-child{
	border-radius: 0 0 0 16px;
}

body.hero-4 .additional-menu a:last-child{
	border-radius: 0 0 16px 0;
}

body.hero-4 .additional-menu a.current-page-item{
	color: #313131;
	background: #FFFCFB;
	box-shadow: 0px 8px 21.7px 0px rgba(38, 38, 38, 0.02), 0px 5px 10px 0px rgba(38, 38, 38, 0.05);
}

body.hero-4 .additional-menu.mobile,
body.hero-6 .additional-menu.mobile{
	display: none;
}

  




/* Hero Jak pracujemy i reszta */

#hero.section.hero-6,
#hero.section.hero-7,
#hero.section.hero-6 .section-width,
#hero.section.hero-7 .section-width,
#hero.section.hero-6 .section-content,
#hero.section.hero-7 .section-content,
#hero.section.hero-6 .foreground.color,
#hero.section.hero-7 .foreground.color{
	height: calc(var(--vh) * 40); /* 100% wysokości okna */
	min-height: 420px;
}

#hero.section.hero-6 .section-content{
	padding-top: 3.7vw;
}

#hero.section.hero-6 .foreground:before{
	background-color: transparent;
	border-radius: 0;
}


#hero.section.hero-7,
#hero.section.hero-7 .section-width,
#hero.section.hero-7 .section-content,
#hero.section.hero-7 .foreground.color{
	
}

#hero.section.hero-7 .section-content {
    padding-top: 15.3vw;
    justify-content: flex-start;
}

#hero.section.hero-7 .title h1{
	text-shadow: none;
	color: #313131;
}

#hero.section.hero-7 .foreground:before{
	background-color: transparent;
}

/* Menu o szkole tworzenia */



body.hero-6 .additional-menu {
    display: grid;
	grid-template-columns: repeat(5,1fr);
    position: absolute;
    width: 100%;
	height: 70px;
    bottom: -70px;
    border-top: 1px solid #F7F3EB;
	z-index: 1;
	background-color: #7D866C;
	border-radius: 0 0 16px 16px;
}

body.hero-6 .additional-menu a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;
	color: #F7F3EB;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
	border-right: 1px solid #F7F3EB;
	transition: .5s;
}

body.hero-6 .additional-menu.sticky-clone{
	border-bottom: 1px solid #dedfcf;
}

body.hero-6 .additional-menu.sticky-clone a{
	color: #686868;
	border-right: 1px solid #FFFCFB;
	background-color: #EBE3D4;
}

body.hero-6 .additional-menu a:first-child{
	border-radius: 0px 0px 0 16px;
}

body.hero-6 .additional-menu a:last-child{
	border: none;
	border-radius: 0px 0px 16px 0;
}

body.hero-6 .additional-menu a.current-page-item{
	color: #313131;
	background: #F7F3EB;
	box-shadow: 0px 8px 21.7px 0px rgba(38, 38, 38, 0.02), 0px 5px 10px 0px rgba(38, 38, 38, 0.05);
	transition: .5s;
}

body.hero-6 .additional-menu.sticky-clone a.current-page-item{
	background-color: #FFFCFB;
}


/* Karuzele */

.section.carousel .swiper-slide {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	transition: .5s;
}

/* Strzałki */

.navigation {
    margin-top: 2.22vw;
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    gap: 12px;
    height: 56px;
    position: relative;
}

.swiper-button-next:after, 
.swiper-button-prev:after {
    display: none;
}

.navigation .swiper-button-next,
.navigation .swiper-button-prev {
    position: static;
    margin: 0;
    width: 56px;
    height: 56px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	transition: .5s;
	opacity: 1 !important;
}

/* Aktywne przyciski */

.navigation .swiper-button-next {
    background-image: url("/wp-content/themes/turulo/images/arrow-right.png");
}

.navigation .swiper-button-prev {
    background-image: url("/wp-content/themes/turulo/images/arrow-left.png");
}

/* Nieaktywne przyciski */

.navigation .swiper-button-next.swiper-button-disabled {
    background-image: url("/wp-content/themes/turulo/images/arrow-right-no-active.png");
}

.navigation .swiper-button-prev.swiper-button-disabled {
    background-image: url("/wp-content/themes/turulo/images/arrow-left-no-active.png");
}


/* Karuzela 1 */

.section.carousel.t1 .content {
    padding-left: 7.99vw;
	padding-right: 0;
}

.section.carousel.t1 .content .title-wrapper {
    margin-bottom: 4.2vw;
}

.section.carousel.t1 .swiper-slide { 
    width: 38.54vw;
	box-shadow: 0px 19px 19px 0px rgba(38, 38, 38, 0.00), 0px 5px 10px 0px rgba(38, 38, 38, 0.00);
	transition: .5s !important;
}

.section.carousel.t1 .swiper-slide:hover{
	box-shadow: 0px 19px 19px 0px rgba(38, 38, 38, 0.05), 0px 5px 10px 0px rgba(38, 38, 38, 0.06);
}

.section.carousel.t1 .swiper-slide h3 {
    color: #313131;
    font-size: 34px;
    font-weight: 350;
    line-height: 120%;
    letter-spacing: -0.34px;
    padding: 2vw 0;
}

.section.carousel.t1 .text-editor {
    margin: 0 0 1.74vw;
	opacity: 0;
	transition: .5s;
}

.section.carousel.t1 .bottom.active .text-editor{
	opacity: 1;
}

.section.carousel.t1 .post-thumbnail,
.section.carousel.t1 .post-thumbnail img{
	width: 38.54vw;
	height: 38.54vw;
	object-fit: cover;
    border-radius: 16px 16px 20px 20px;
	transition: .5s;
}

.section.carousel.t1 .swiper-slide:hover .post-thumbnail img{
	transform: scale(1.02);
}

.section.carousel.t1 .swiper-slide .bottom {
    position: absolute;
    bottom: 0;
    background-color: #EBE3D4;
	padding: 0 2.22vw 2.78vw;
    border-radius: 16px;
	transition: bottom .5s;
	width: 100%;
}


/* Karuzela 2 and v2 */

.section.carousel.t2 .section-width{
	max-width: 100%;
}

.section.carousel.t2 .swiper-slide {
    width: 30.56vw !important;
	padding: 2.78vw 1.94vw;
	background-color: #F7F3EB;
}

.section.carousel.t2.v2 .swiper-slide{
	background: #FFFCFB;
}

.section.carousel.t2 .text-editor img{
	border-radius: 0;
	width: 20px;
	height: 15px;
	object-fit: contain;
	margin-bottom: 18px;
}

.section.carousel.t2 .text-editor p{
	font-size: 19px;
}

.section.carousel.t2 .title-wrapper{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 5.90vw;
}

.section.carousel.t2 .navigation{
	display: none;
}



/* Karuzela 3 */

.section.carousel.t3.sb .content {
    display: grid;
    grid-template-columns: auto 30.56vw;
    justify-content: space-between;
	background-color: #EBE3D4;
	border-radius: 16px;
	overflow: hidden;
}

.section.carousel.t3.sb .col-left{
	padding: 5vw 4.44vw;
	overflow: hidden;	
}

.section.carousel.t3.sb .col-left h3 {
    font-family: 'RecifeDisplay';
    font-size: 29px;
    line-height: 120%;
    color: #313131;
    margin: 1.8vw 0 0 0;
}



.section.carousel.t3.sb .col-left .swiper-container{
	overflow: hidden;
}

.section.carousel.t3.sb .col-left .swiper-slide{
	border-radius: 0;
}

.section.carousel.t3.sb .number{
	width: 42px;
	height: 42px;
	background-color: #F7F3EB;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #313131;
	font-family: 'RecifeDisplay';
	font-size: 25px;
	font-weight: 350;
	line-height: 120%; /* 30px */
	border-radius: 300px;
	margin-bottom: 24px;
}

.section.carousel.t3.sb .col-right{
	background-size: cover;
}



/* Karuzela 5 */

.section.carousel.t4 .section-width {
    padding: 8.33vw 10.76vw 0;
}

.section.carousel.t4 .title-wrapper{
	display: grid;
	grid-template-columns: 38.61vw 30.49vw;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin-bottom: 7.8vw;
}

.section.carousel.t4 .title-wrapper .text-editor p{
	font-size: 19px;
	font-weight: 400;
	line-height: 145%; /* 27.55px */
}

.section.carousel.t4 .content {
	padding-left: 5.2vw;
    display: grid;
    grid-template-columns: 35vw 30.56vw;
    justify-content: space-between;
	align-items: center;
	overflow: hidden;
}

.section.carousel.t4 .content .col-left{
	overflow: hidden;
	position: relative;
	padding: 7.5vw 0 6.5vw;
}

.section.carousel.t4 .content .col-left .time-line img {
    position: absolute;
    top: 0;
    left: 1.28vw;
	width: 3px;
}

.section.carousel.t4 .content .col-left:before{
	content: '';
	width: 12.15vw;
	height: 5.00vw;
	background-image: url("/wp-content/themes/turulo/images/top-shape.png");
	background-size: cover;
	background-position: top;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.section.carousel.t4 .content .col-left:after{
	content: '';
	width: 36.11vw;
	height: 15.97vw;
	background-image: url("/wp-content/themes/turulo/images/bottom-shape.png");
	background-size: cover;
	background-position: top;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}



.section.carousel.t4 .swiper-container {
	overflow: hidden;
	scroll-snap-type: y mandatory;
	max-height: 40.76vw;
}

.section.carousel.t4 .swiper-wrapper{

	align-items: flex-start !important;

	/* DODATKOWO: scroll-snap */
	scroll-snap-type: y mandatory;
}

  
.section.carousel.t4 .swiper-slide {
	height: auto;
	flex-shrink: 0;
	scroll-snap-align: start;
	margin-bottom: 43px; /* to samo co spaceBetween w JS */
}

.section.carousel.t4 .navigation{
	position: absolute;
	top: 0;
	left: 18.47vw;
    flex-direction: column-reverse;
    justify-content: space-between;
    height: 100%;
    margin: 0;
}

.section.carousel.t4 .navigation .swiper-button-next, 
.section.carousel.t4 .navigation .swiper-button-prev {
    width: 40px;
    height: 40px;
	transform: rotate(90deg);
}

.section.carousel.t4 .item {
    display: grid;
    grid-template-columns: 2.78vw auto;
    gap: 4.72vw;
}

.section.carousel.t4 .item .number{
	width: 2.78vw;
	height: 2.78vw;
	border-radius: 300px;
	background-color: #FFFCFB;
	border: 1px solid transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #313131;
	font-family: "RecifeDisplay";
	font-size: 25px;
	font-weight: 350;
	line-height: 120%; /* 30px */
	transition: .5s;
}

.section.carousel.t4 .swiper-slide-active .item .number{
	border: 1px solid #7D866C;
	background: #DEDFCF;
}

.section.carousel.t4 .item h2{
	font-size: 29px;
	font-weight: 350;
	line-height: 120%; /* 34.8px */
	margin-bottom: 10px;
}



/* styl dla ostatniego slajdu */
.section.carousel.t4 .swiper-slide:last-child,
.section.carousel.t4 .swiper-slide:nth-last-child(2) {
	visibility: hidden;
}

.section.carousel.t4 .swiper-slide:first-child,
.section.carousel.t4 .swiper-slide:nth-child(2) {
	visibility: visible;
}









/* Nieaktywne przyciski */

.section.carousel.t3.sb .navigation{
	margin-top: 5vw;
	justify-content: center;
}

.section.carousel.t3.sb .navigation .swiper-button-next.swiper-button-disabled {
    background-image: url("/wp-content/themes/turulo/images/arrow-right-no-active2.png");
}

.section.carousel.t3.sb .navigation .swiper-button-prev.swiper-button-disabled {
    background-image: url("/wp-content/themes/turulo/images/arrow-left-no-active2.png");
}





/* CTA */

.section.cta .section-width{
	padding: 0 18vw 8.33vw;
}

.section.cta .content{
    display: grid;
    grid-template-columns: 100%;
    justify-content: center;
	gap: 3vw;
}

.section.cta .image-wrapper,
.section.cta .image-wrapper img{
	width: 7.78vw;
	height: 6.81vw;
	object-fit: contain;
	margin: auto;
}

.section.cta .text-editor p{
	font-family: 'RecifeDisplay';
	font-size: 45px;
	font-weight: 350;
	line-height: 110%; /* 49.5px */
	text-align: center;
}

.section.cta .button-section{
    position: relative;
    margin: auto;
    left: 10px;
}


/* CTA 2 */

.section.cta.t2 .section-width{
	padding: 0 2.78vw 4.44vw;
}

.section.cta.t2 .section-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25.56vw;
    border-radius: 16px;
	background-size: cover;
    background-position: top;
	position: relative;
}

.section.cta.t2 .section-content:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 16px;
	background-color: rgba(0, 0, 0, 0.3);
}

.section.cta.t2 .section-content .content{
	z-index: 1;
}

.section.cta.t2 .section-content p{
	color: #FFFCFB;
	font-size: 52px;
	font-weight: 350;
	line-height: 110%; /* 57.2px */
	margin-bottom: 2.15vw;
}



 


/* Moduły treści */

.section.mt .content {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: space-between;
}

.section.mt .section-width{
	padding: 8.33vw 10.76vw;
}

.section.mt .content .button-section{
	margin-top: 2.43vw;
}

.section.mt .content .video{
	margin-top: 3.47vw;
}

.section .content .video,
.section .content .video video{
	height: 22.92vw;
	object-fit: cover;
}

/* Moduł treści 1 */

.section.mt.t1 .content {
    grid-template-columns: 30.56vw 30.56vw;
    padding-left: 7.99vw;
	gap: 9.38vw;
}

.section.mt.t1 .sygnet{
	position: absolute;
    transform: translate(0, -48%);
	right: 10.14vw;
}

/* Moduł treści 1 v2 */

.section.mt.t1.v2 .title-wrapper{
	margin-bottom: 4.3vw;
}

.section.mt.t1.v2 .content {
    align-items: center;
}

/* Moduł treści 2 */

.section.mt.t2 .content {
	align-items: center;
    grid-template-columns: 30.56vw auto;
	gap: 9.38vw;
}

.section.mt.t2 .title-wrapper {
    margin-bottom: 2.7vw;
}

.section.mt.t2 .content .image-wrapper,
.section.mt.t2 .content .image-wrapper img{
	width: 38.54vw; 
	height: 51.46vw;
	object-fit: cover;
}

/* Moduł treści 3 */

.section.mt.t3 .section-width{
	padding: 100px 18.75vw 7.78vw;
}

.section.mt.t3 .title-wrapper{
	text-align: center;
}

.section.mt.t3 .content {
    margin-top: 3.8vw;
    grid-template-columns: 30.63vw 22.50vw;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.section.mt.t3 .content h4{
	color: #313131;
	font-family: 'Outfit', 'sans-serif';
	font-size: 19px;
	font-weight: 400;
	line-height: 150%; /* 28.5px */
	text-decoration: underline;
	margin-bottom: 15px;
}

.section.mt.t3 .content ul{
	margin: 0;
	display: grid;
	gap: 22px;
}

.section.mt.t3 .button-section {
    display: flex;
    margin: 2.78vw auto 0;
}


/* Moduł treści 4/5 */


.section.mt.similiar .section-width {
	margin: 8.33vw 0;
	padding: 0 10.76vw 0;
}

.section.mt.t5.similiar .section-width{
	margin-bottom: 1.67vw;
}

.section.mt.similiar .title-wrapper{
    margin-bottom: 2.3vw;
}

.section.mt.similiar .title-wrapper h2{
	font-size: 45px;
}

.section.mt.similiar .content{
	align-items: center;
	gap: 20px;
}

.section.mt.t4 .content {
    grid-template-columns: 38.68vw 30.56vw;
}

.section.mt.t5 .content {
    grid-template-columns: 30.56vw 38.68vw;
}

.section.mt.t5 .content h4{
	color: #313131;
    font-family: "Outfit", sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 145%;
	margin-top: 28px;
    margin-bottom: 14px;
	text-decoration: underline;
}

.section.mt.similiar .content ol{
	display: grid;
	gap: 11px;
	padding-left: 23px;
	margin: 0;
}

.section.mt.similiar .button-section {
    display: flex;
    margin: 5.00vw auto 0;
}

.section.mt.t4 .button-section.left{
	display: none;
}



/* Filozofia i metoda/ O podejściu Gestalt */


.page-id-10371 .section.mt.similiar2 {
    padding-top: 0px;
}

.page-id-10371 .section.mt.similiar .section-width {
    margin: 8.33vw 0 2.8vw;
}

.page-id-10371 .section.mt.t4 .text-editor,
.page-id-10361 .section.mt.t4 .text-editor{
	display: flex;
	flex-direction: column;
	gap: 38px;
	height: 100%;
}

.page-id-10371 .section.mt.t4 .button-section.center,
.page-id-10361 .section.mt.t4 .button-section.center{
	display: none;
}

.page-id-10371 .section.mt.t4 .button-section.left,
.page-id-10361 .section.mt.t4 .button-section.left{
	display: flex;
	margin: 0;
}







/* Moduł treści 6 */

.section.mt.t6 .section-width {
	padding: 0 18.75vw 8.33vw;
}

.section.mt.t6 .title-wrapper {
    margin-bottom: 6.1vw;
	text-align: center;
}

.section.mt.t6 .title-wrapper h2{
	font-size: 45px;
}

.section.mt.t6 .content {
    grid-template-columns: 30.56vw 22.50vw;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.section.mt.t6 .content ul {
    display: grid;
    gap: 22px;
    margin: 0;
}

.section.mt.t6 .bottom-text{
	margin: 3vw 0;
}

.section.mt.t6 .bottom-text h4{
	color: #313131;
	font-family: 'Outfit', 'sans-serif';
	font-size: 19px;
	font-weight: 400;
	line-height: 145%;
	margin-bottom: .8vw;
}

.section.mt.t6 .button-section{
	margin: 0 auto;
}

/* postid-10376 - warsztat z jogą dobrze w sobie */

.postid-10376 .section.mt.t6 .content h4{
	color: #313131;
	font-family: "Outfit", sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 145%; /* 27.55px */
	margin-bottom: 14px;
}

.postid-10376 .section.mt.t6 .content ul{
	gap: 0;
	margin-bottom: 28px;
}

.postid-10376 .section.mt.t6 .button-section{
	margin-top: 4.8vw;
}

/* Modul tresci 7 */

.section.mt.t7 .section-width {
    padding: 8.33vw 18.75vw;
}

.section.mt.t7 .title-wrapper {
    margin-bottom: 5.8vw;
}

.section.mt.t7 .title-wrapper h2 {
	color: #313131;
	text-align: center;	
	font-size: 61px;
	font-weight: 350;
	line-height: 107%;
	letter-spacing: -1.22px;
}

.section.mt.t7 .content {
    grid-template-columns: 30.56vw 22.57vw;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.section.mt.t7 .content h4 {
    color: #313131;
    font-family: 'Outfit', 'sans-serif';
    font-size: 19px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: underline;
    margin-bottom: 15px;
}


/* Modul tresci 8 ( Informacje dodatkowe )*/

.section.mt.t8 .section-width {
    padding: 8.33vw 18.75vw;
}

.section.mt.t8 .title-wrapper {
    margin-bottom: 3.9vw; /* W porjkecie dla pojedynczego warsztatu 5.8vw */
}

.section.mt.t8 .title-wrapper h2 {
	color: #313131;
	text-align: center;
	font-size: 45px;
	font-weight: 350;
	line-height: 110%;
	
}

.section.mt.t8 h4 {
    color: #313131;
    font-family: 'Outfit', 'sans-serif';
    font-size: 19px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: underline;
    margin-bottom: 15px;
	margin-top: 30px;
}

.section.mt.t8 .button-section{
	margin-top: 3vw;
}


/* Modul tresci 9 */

.section.mt.t9 .section-width {
    padding: 1.33vw 18.75vw 8.33vw;
}

.section.mt.t9 .title-wrapper {
    margin-bottom: 6.5vw;
}

.section.mt.t9 .title-wrapper h2 {
	color: #313131;
	text-align: center;
	font-size: 45px;
	font-weight: 350;
	line-height: 110%;
	margin-bottom: 3vw;	
}

.section.mt.t9 .title-wrapper h3 {
    font-family: 'RecifeDisplay';
    font-size: 29px;
    font-weight: 350;
    line-height: 120%;
    text-align: center;
    color: #313131;
}

.section.mt.t9 .content {
    grid-template-columns: 22.50vw auto;
    gap: 9.44vw;
    align-items: center;
}

.section.mt.t9 h4 {
    color: #313131;
    font-family: 'Outfit', 'sans-serif';
    font-size: 19px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: underline;
    margin-bottom: 15px;
}

.section.mt.t9 .bottom-text{
	margin-top: 4.24vw;
}

.section.mt.t9 .button-section{
	margin-top: 3vw;
}


/* Modul tresci 10/11 */

.section.mt.similiar2{
	padding-top: 70px;
}

.section.mt.similiar2 .section-width{

}

.section.mt.similiar2 .content {
    grid-template-columns: 30.56vw 30.56vw;
    padding-left: 7.99vw;
	gap: 9.38vw;
	align-items: center;
}

.section.mt.similiar2 .title-wrapper{
	width: calc(100% - 7.33vw);
    margin-bottom: 4.4vw;
}

.section.mt.similiar2 .title-wrapper h2{
	font-size: 61px;
	line-height: 107%; /* 65.27px */
}

.section.mt.similiar2 .title-wrapper h3{
	font-family: 'RecifeDisplay';
	font-size: 29px;
	line-height: 120%; /* 34.8px */
	color: #313131;
	margin: 2.78vw 0 0 0;
}

.section.mt.similiar2 .title-wrapper h3 p{
	margin: 0;
}

.section.mt.similiar2 .content ul{
    display: grid;
    gap: 22px;
    margin: 0;
}

.section.mt.similiar2 .content .video{
	margin-top: 0;
}

.section.mt.similiar2 .content .video, 
.section.mt.similiar2 .content .video video {
	width: 30.69vw;
	height: 23.06vw;
	object-fit: cover;
}



/* Modul tresci 12 */


.section.mt.t12 .section-width {
    padding: 5vw 14.72vw 0;
}

.section.mt.t12 .title-wrapper{
	margin-bottom: 4vw;
}

.section.mt.t12 .title-wrapper .number{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 58px;
	height: 58px;
	border-radius: 300px;
	background: #FFFCFB;
	font-family: "RecifeDisplay";
	font-size: 29px;
	font-weight: 350;
	line-height: 120%; /* 34.8px */
	margin: auto;
}

.section.mt.t12 .title-wrapper h2{
	text-align: center;
	font-size: 61px;
	line-height: 107%; /* 65.27px */
	margin-top: 48px;
    margin-bottom: 35px;
}

.section.mt.t12 .title-wrapper .text-editor p{
	text-align: center;
	font-family: "RecifeDisplay";
	font-size: 29px;
	font-weight: 350;
	line-height: 120%; /* 34.8px */
}

.section.mt.t12 .content{
	align-items: center;
	padding-left: 4.03vw;
	grid-template-columns: 30.56vw 30.56vw;
	justify-content: space-between;
}

.section.mt.t12 .content h4 {
    color: #313131;
    font-family: 'Outfit', 'sans-serif';
    font-size: 19px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: underline;
    margin-bottom: 15px;
}

.section.mt.t12 .content ul {
    margin: 0;
    display: grid;
    gap: 22px;
}


/* Modul tresci 13 */


.section.mt.t13 .section-width {
    padding: 0 18.77vw 8.33vw;
}


/* Modul tresci - Etapy  */

.section.mt.stage .section-width {
    padding: 0 18.75vw 6vw;
}

.section.mt.t17.stage .section-width {
    padding: 0 10.76vw 6vw;
}

.section.mt.t17.stage .section-content{
	border-radius: 16px;
}

.section.mt.t15.stage .content{
	grid-template-columns: 22.50vw 30.56vw;
	align-items: center;
}

.section.mt.t16.stage .content{
	grid-template-columns: 30.56vw 22.50vw;
	align-items: center;
}

.section.mt.stage .title-wrapper{
	margin-bottom: 1.74vw;
}

.section.mt.t17.stage .title-wrapper{
	border-bottom: 1px solid #848484;
	margin: 0;
}

.section.mt.t17.stage .title-wrapper{
	padding: 30px 115px;
}

.section.mt.t17.stage .text-editor{
	padding: 30px 115px 38px;
}

.section.mt.stage .title-wrapper .number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    border-radius: 300px;
    background: #EBE3D4;
    font-family: "RecifeDisplay";
    font-size: 29px;
    font-weight: 350;
    line-height: 120%;
	margin-bottom: 1.67vw;
}

.section.mt.stage .title-wrapper h2{
	font-size: 34px;
	line-height: 120%; /* 40.8px */
}




/* Modul tresci 18  */

.section.mt.t18 .sygnet {
    position: absolute;
    top: -41.5px;
    left: -52px;
    z-index: 1;
}

.section.mt.t18 .section-width {
    padding: 7.9vw 10.75vw 9.9vw;
}

.section.mt.t18 .section-width .content{
	position: relative;
	grid-template-columns: 30.56vw 38.54vw;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.section.mt.t18 .section-width .title-wrapper{
	margin-bottom: 13px;
}

.section.mt.t18 .section-width h2{
	font-size: 29px;
	line-height: 120%; /* 34.8px */
}



/* Modul tresci 19  */


.section.mt.doc .section-width {
    padding: 0 10.75vw 6.5vw;
}

.section.mt.doc .section-width .content{
	position: relative;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.section.mt.t19.doc .section-width .content{
	grid-template-columns: 38.54vw 30.56vw;
}

.section.mt.t20.doc .section-width .content{
	grid-template-columns: 30.56vw 38.54vw;
}

.section.mt.doc .title-wrapper{
	padding-bottom: 26px;
    margin-bottom: 24px;
	border-bottom: 1px solid #848484;
}

.section.mt.doc .title-wrapper h2{
	font-size: 34px;
	margin-bottom: 14px;
}

.section.mt.doc .title-wrapper h3{
	font-size: 14px;
	margin: 0;
}

/* Sekcja nagłówek  */

.section.title-text  .section-width {
    padding: 9.2vw 18.75vw 8.33vw;
}

.page-id-10350 .section.title-text .section-width {
    padding: 7.7vw 18.75vw 7.5vw;
}

.section.title-text .title-wrapper{
	margin: 0;
}

.section.title-text .title-wrapper h2{
	font-size: 61px;
	line-height: 107%; /* 65.27px */
	text-align: center;
}




/* Obrazek na pelna szerokosc */

.section.full-img .section-width{
	max-width: 100%;
	padding: 0;
}

.section.full-img .section-width .image-wrapper,
.section.full-img .section-width img{
	width: 100%;
	height: 39.03vw;
	object-fit: cover;
	border-radius: 0;
}





/* Cytat */

.section.quote .section-width{
	padding: 8.33vw 18.75vw 0;
}

.page-id-10369 .section.quote .section-width{
	padding: 8.33vw 18.75vw;
}



.section.quote .content{
	background-color: #EBE3D4;
	border-radius: 16px;
}

.section.quote .content .title-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 36px;
	border-bottom: 1px solid #848484;
	margin: 0;
}

.section.quote .content .title-wrapper h2{
	color: #313131;
	font-size: 34px;
	font-weight: 350;
	line-height: 120%; /* 40.8px */
}

.section.quote .content .title-wrapper .image-wrapper,
.section.quote .content .title-wrapper img{
	width: 50px;
    height: 50px;
    object-fit: contain;
}

.section.quote .content .text-editor{
	padding: 36px;
}













/* Price section */

.section.pr .section-width{
	padding: 24px 10.76vw 0;
}

.section.pr .title-wrapper {
    margin-bottom: 4.3vw;
}

.section.pr .title-wrapper h2 {
	color: #313131;
	text-align: center;
	font-size: 45px;
	font-weight: 350;
	line-height: 110%;
	
}

.section.pr .price-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.section.pr .price-item{
	border-radius: 16px;
}

.section.pr .top-list{
	text-align: center;
	background-color: #7D866C;
	padding: 28px 40px;
	border-radius: 16px 16px 0 0;
}

.section.pr .top-list h3{
	color: #FFFCFB;
	text-align: center;
	font-size: 29px;
	font-weight: 350;
	line-height: 120%;
}

.section.pr .top-list p{
	color: #FFFCFB;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	margin: 0;
}

.section.pr .bottom-content{
	padding: 28px 40px;
	display: grid;
	text-align: center;
	gap: 28px;
	background-color: #FFFCFB;
	border-radius: 0 0 16px 16px;
}

.section.pr .name {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.section.pr .name img{
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.section.pr .name p{
	color: #686868;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%;
	margin: 0;
}

.section.pr .depozit span{
	color: #686868;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%;
}

.section.pr .depozit p{
	font-family: 'RecifeDisplay';
	color: #313131;
	font-size: 45px;
	font-weight: 350;
	line-height: 110%;
	
	margin: 0;
}

.section.pr .button-section{
	margin: 0 auto;
}



/* Wsparcie ( Usługi )*/

.section.services {
    margin-top: -192px;
    z-index: 2;
}

.section.services .section-width{
	padding: 66px 2.78vw 0;
}


.services-menu{
	position: absolute;
	top: 0;
}

.services-menu .item{
	display: flex;
	align-items: center;
	gap: 12px;
	background-color: transparent;
	transition: .5s;
}

.services-menu .item.active{
	display: inline-flex;
	padding: 21px 28px;
	border-radius: 12px 12px 0px 0px;
	background: #DCDFE4;
	cursor: pointer;
}

.services-menu .item a{
	padding: 22px 28px;
}

.services-menu .item:first-child{
	border-radius: 12px 12px 0 0;
}

.services-menu .item:last-child{
	border-radius: 0 0 12px 12px;
}

.services-menu .item p{
	color: #313131;
	font-family: "Outfit", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
	text-transform: uppercase;
	margin: 0;
}

.services-menu .item.active p{
	font-size: 16px;
	margin: 0;
}

.services-menu .item a{
	display: flex;
	align-items: center;
	gap: 12px;
}

.services-menu .item .icon,
.services-menu .item .icon img{
	width: 22px;
	height: 22px;
	object-fit: contain;
	border-radius: 0;
}

.services-menu .item .dropdown-toggle{
	display: flex;
	align-items: center;
	height: 22px;
}

.services-menu .item .dropdown-toggle img{
	width: 16px;
	height: 10px;
	transition: .3s;
}

.services-menu .dropdown-menu.open .item .dropdown-toggle img{
	transform: rotate(180deg);
}

.services-menu .item a p{
	font-size: 14px;
}

.services-menu .dropdown-list{
	position: relative;
	z-index: 1;
	margin-top: 4px;
	width: 302px;
	border-radius: 8px;
	border: 1px solid #848484;
	background-color: #FFFCFB;
	box-shadow: 0px 8px 21.7px 0px rgba(38, 38, 38, 0.02), 0px 5px 10px 0px rgba(38, 38, 38, 0.05);
	opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.services-menu .dropdown-list.open {
    opacity: 1;
    visibility: visible;
}

.services-menu .dropdown-list .item:hover {
	background-color: #F7F3EB;
}


.servies-wrapper{
	display: grid;
	gap: 12px;
}

.servies-wrapper .item .content{
	display: grid;
	border-radius: 16px;
	grid-template-columns: auto 38.54vw;	
	border: 1px solid #EBE3D4;	
}

.servies-wrapper .item:first-child .content{
	border-radius: 0 16px 16px 16px;
}

.servies-wrapper .item .col-left{
	border-radius: 16px 0 0 16px;
}

.servies-wrapper .item .col-right{
	border-radius: 0 16px 16px 0;
}

.servies-wrapper .item:first-child .col-left{
	border-radius: 0 0 0 16px;
}

.servies-wrapper .item .col-left{
	padding: 3.89vw;
	background: #FFFCFB;
}

.servies-wrapper .item .col-right{
	padding: 0 2.88vw;
	background-color: #DCDFE4;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.servies-wrapper h2{
	font-size: 45px;
}

.servies-wrapper h3{
	font-family: 'RecifeDisplay';
	font-size: 29px;
	color: #313131;
	margin: 0;
}

.servies-wrapper h4{
	font-family: "Outfit", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%; /* 24px */
	text-transform: uppercase;
	text-align: center;
	color: #848484;
	margin-bottom: 2.15vw;
}


/* Rodzaj i miejsce usługi */

.form h5{
	font-family: "Outfit", sans-serif;
	color: #686868;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 8px;
}

.servies-wrapper .type{
	display: grid;
	grid-template-columns: 20.42vw 20.42vw;
	gap: 3.89vw;
	margin-bottom: 2.3vw;
}

.tdropdown {
    position: relative;
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: center;
}

.tdropdown-selected {
	font-size: 14px;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #848484;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.tdropdown-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
	background-color: #FFFCFB;
}

.tdropdown.open .tdropdown-list {
    opacity: 1;
	display: block
}

.tdropdown.open .tdropdown-item {
	font-size: 14px;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #848484;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    opacity: 1;
	margin-bottom: 4px;
}

.tdropdown-selected .dropdown-toggle{
	display: flex;
	align-items: center;
	height: 22px;
}

.tdropdown-selected .dropdown-toggle img{
	width: 14px;
	height: 9px;
	transition: .3s;
}

.tdropdown.open .tdropdown-selected .dropdown-toggle img{
	transform: rotate(180deg);
}

.remainder-text{
	margin-top: 20px;
}

.toggle-text {
	display: inline-block;
    cursor: pointer;
	border-bottom: 1px solid #313131;
}


/* Specjalisci */

.specialist-wrapper {
    display: flex;
	justify-content: center;
    gap: 3.33vw;
}

.specialist-wrapper .item{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.specialist-wrapper .post-thumbnail,
.specialist-wrapper .post-thumbnail img{
	width: 8.54vw;
	height: 8.47vw;
	object-fit: contain;
	margin: auto;
}

.servies-wrapper .specialist-wrapper h4{
	font-size: 19px;
	color: #313131;
	text-align: center;
	text-transform: unset;
	margin: 14px 0 24px;
}

.servies-wrapper .specialist-wrapper .button-section{
	margin-left: 20px;
}


/* Icons */

.icons .section-width {
	padding: 1px 0 8.33vw;
}

.icons .title-wrapper{
	margin-bottom: 5.90vw;
}

.icons .title-wrapper h2{
	font-size: 45px;
	text-align: center;
}

.icons .icons-wrapper{
	position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 1.67vw 0;
    border-top: 1px solid #7D866C;
    border-bottom: 1px solid #7D866C;
}

.icons .icons-wrapper .item {
	padding: 2.78vw 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	border-right: 1px solid #7D866C;
	gap: 2.1vw;
}

.icons .icons-wrapper .item:last-child,
.page-id-10356 .icons .icons-wrapper .item:nth-child(3){
	border: none;
}

.icons .icons-wrapper .item .icon,
.icons .icons-wrapper .item .icon img{
	width: 7.78vw;
	height: 6.67vw;
	object-fit: contain;
}

.icons .icons-wrapper .item h4{
	color: #313131;
	font-size: 29px;
	font-weight: 350;
	line-height: 120%;
}

.page-id-10356 .icons .icons-wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 0;
}

.page-id-10356 .icons .icons-wrapper:before{
	content: '';
	width: 100%;
	height: 1px;
	background-color: #7D866C;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}



/* Icons typ 1 ( O nas )*/

.page-id-10350 .icons.t1 .section-width{
	max-width: 1800px;
	padding-bottom: 0;
}

.page-id-10350 .icons.t1 .title-wrapper{
	padding: 6vw 10.76vw;
	margin: 0;
}

.page-id-10350 .icons.t1 .title-wrapper h3{
	text-align: center;
	margin-bottom: 17px;
}

.page-id-10350 .icons.t1 .icons-wrapper {
    grid-template-columns: repeat(3, 1fr);
}


/* Icons typ drugi ( Szkoła tworzenia )*/

.icons.t2 .section-width{
	max-width: 100%;
	padding-bottom: 0;
}

.icons.t2 .section-content{
	border-top: 1px solid #7D866C;
    border-bottom: 1px solid #7D866C;
}

.icons.t2 .icons-wrapper {
    grid-template-columns: 23.22vw 23.22vw;
    gap: 20vw;
    padding: 3.3vw 0;
    border: none;
    max-width: 1800px;
    margin: 0 auto;
    justify-content: center;
}

.icons.t2 .icons-wrapper:before {
    content: '';
    width: 1px;
    height: calc(100% - 6.6vw);
    background-color: #7D866C;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icons.t2 .icons-wrapper .item{
	display: grid;
	padding: 0;
	text-align: center;
	gap: 0;
	border: none;
}

.icons.t2 .icons-wrapper .item .icon{
	margin: auto;
}

.icons.t2 .icons-wrapper .item h4{
	font-size: 34px;
	line-height: 120%; /* 40.8px */
	margin-top: 8px;
}

.icons.t2 .text-editor{
	margin-top: 17px;
	text-align: center;
	max-width: 23.22vw;
}



/* Icons typ drugi v3 - kontakt */

.icons.t2.v3 .section-width{
	
}

.icons.t2.v3 .icons-wrapper {
    grid-template-columns: 31.25vw 31.25vw;
	gap: 18.75vw;
}

.icons.t2.v3 .icons-wrapper .item {
    display: block;
}

.icons.t2.v3 .icons-wrapper .item h4 {
    font-size: 29px;
	margin: 15px 0 19px;
}

.icons.t2.v3 .icons-wrapper .item .icon {
    margin: 0 auto;
}

.icons.t2.v3 .icons-wrapper .item .icon, 
.icons.t2.v3 .icons-wrapper .item .icon img{
	width: 3.40vw;
	height: 3.75vw;
}

.icons.t2.v3 .icons-wrapper .item .info-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.icons.t2.v3 .icons-wrapper .item .info-list img{
	width: 15px;
	height: 15px;
}

.icons.t2.v3 .icons-wrapper .item .info-list p{
	margin: 0;
}

.icons.t2.v3 .icons-wrapper .item .info-list a{
	color: #686868;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%; /* 18px */
	text-decoration: underline;
}


/* section posts-loop */

.section.posts-loop .section-width{
	padding: 7.8vw 2.78vw;
}

.section.posts-loop .section-width .title-wrapper h2{
	text-align: center;
}

.section.posts-loop .post-loop{
	display: grid;
	gap: 12px;
}

.section.posts-loop .post-loop .item {
    display: grid;
    border-radius: 16px;
    grid-template-columns: auto 38.54vw;
    border: 1px solid #EBE3D4;
}

.section.posts-loop .post-loop .item .col-left {
	border-radius: 16px 0 0 16px;
    padding: 3.89vw 0;
    background: #FFFCFB;
}

.section.posts-loop .post-loop .item .col-left .top-part{
	padding: 0 3.89vw;
}

.section.posts-loop .post-loop .item .col-left .bottom-part{
	padding-top: 33px;
	border-top: 1px solid #D0D0D0;
}

.section.posts-loop .post-loop .excerpt{
	padding: 0 3.89vw;
}

.section.posts-loop .post-loop .excerpt h4{
	font-family: "Outfit", sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 145%;
}

.section.posts-loop .post-loop .excerpt p{
	margin: 10px 0 35px;
}

.section.posts-loop .post-loop .item .col-right {
	position: relative;
    border-radius: 0 16px 16px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section.posts-loop .post-title h2{
	font-size: 45px;
	line-height: 110%;
	margin-bottom: 15px;
}

.section.posts-loop .hero-information {
    display: flex;
    gap: 12px;
	margin-bottom: 39px;
}

.section.posts-loop .text{
	display: flex;
	align-items: center;
	gap: 12px;
}

.section.posts-loop .text.mobile{
	display: none;
}

.section.posts-loop .text img{
	width: 26px;
	height: 26px;
	object-fit: contain;
	filter: brightness(0) saturate(100%) invert(37%) sepia(12%) saturate(4443%) hue-rotate(330deg) brightness(95%) contrast(86%);
	border-radius: 0;
}

.section.posts-loop .text p{
	font-family: 'RecifeDisplay';
	font-size: 29px;
	line-height: 120%;
	margin: 0;
}

.section.posts-loop .text p.line{
	margin: 0 8px;
}

.section.posts-loop  .price{
	position: absolute;
	top: 2.78vw;
	right: 2.78vw;
}

.section.posts-loop .price p {
    color: #FFFCFB;
    font-family: 'RecifeDisplay';
    font-size: 29px;
    font-weight: 350;
    line-height: 120%;
    border-radius: 300px;
    border: 1px solid #FFFCFB;
    background: rgba(49, 49, 49, 0.40);
    backdrop-filter: blur(7.300000190734863px);
    margin: 0;
    padding: 8px 22px;
}

/*FAQ*/

#questions-answers.section .section-width{
	padding: 0 18.75vw 8.33vw;
}

#questions-answers.section .title-wrapper{
	text-align: center;
	margin-bottom: 4vw;
}

#questions-answers.section .title-wrapper h2{
	font-size: 45px;
	text-align: center;
}

.faq .item {
    padding: 28px 0;
    cursor: pointer;
    transition: .5s;
    border-bottom: 1px solid #848484;
}

.faq .item .question {
    display: flex;
    justify-content: space-between;
    align-items: center;
	gap: 20px;
}

.faq .item .question p{
	color: #313131;
	font-size: 19px;
	font-weight: 400;
	line-height: 145%; /* 27.55px */
	margin: 0;
}

.faq .item .question .icon, 
.faq .item .question .icon img {
    width: 32px;
	min-width: 32px;
    height: 32px;
    object-fit: contain;
}

.faq .item .question .icon img {
    transition: .5s;
}

.faq .item .answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.faq .item .answer p {
    padding-top: 24px;
	color: #686868;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%; /* 24px */
	margin: 0;
}


/* Listy */

.section.list.t1 .section-width{
	padding: 8.33vw 18.75vw;
}

.section.list.t1 .title-wrapper{
	text-align: center;
	margin-bottom: 4.2vw;
}

.section.list.t1 .title-wrapper h2 {
    color: #313131;
    font-size: 45px;
}

.section.list.t1 .list-wrapper .text {
    display: flex;
	align-items: center;
	gap: 1.94vw;
    padding: 2.22vw;
    border-bottom: 1px solid #848484;
}

.section.list.t1 .list-wrapper .text .number h5{
	display: flex;
	width: 42px;
	height: 42px;
	padding: 12.5px 0px;
	justify-content: center;
	align-items: center;
	color: #313131;
	text-align: center;
	font-size: 25px;
	font-weight: 350;
	line-height: 120%;
	border-radius: 300px;
	background: #FFFCFB;
}

.section.list.t1 .list-wrapper .text h3{
	color: #313131;
	font-size: 29px;
	font-weight: 350;
	line-height: 120%;
}

/* Lista 2 */

.section.list.t1.v3 .section-width {
    padding: 8.33vw 10.75vw;
}

.section.list.t1.v3 .title-wrapper {
    display: grid;
    grid-template-columns: 38.61vw 30.49vw;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
	margin-bottom: 4vw;
	text-align: left;
}

.section.list.t1.v3 .title-wrapper .text-editor p {
    font-size: 19px;
    font-weight: 400;
    line-height: 145%;
}

.section.list.t1.v3 .list-wrapper{
	padding: 0 7.99vw;
}



/* Lista 3 */

.section.list.t1.v2 .section-width{
	padding: 8.33vw 10.83vw;
}

.section.list.t1.v2 .title-wrapper h2 {
    font-size: 61px;
}

.section.list.t1.v2 .title-wrapper h3 {
	margin-top: 10px;
	color: #313131;
    font-family: 'RecifeDisplay';
	font-size: 34px;
	font-weight: 350;
	line-height: 120%; /* 40.8px */
}

.section.list.t1.v2 .text{
	display: grid;
	grid-template-columns: 36.11vw 30.56vw;
	justify-content: space-between;
	gap: 20px;
}

.section.list.t1.v2 .text .left{
	display: flex;
	align-items: center;
	gap: 28px;
}


/* Lista 4 */

.section.list.t1.v4 .section-width{
	padding: 8.33vw 10.76vw;
}

.section.list.t1.v4 .title-wrapper {
    display: grid;
    grid-template-columns: 35.61vw 30.49vw;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
	margin-bottom: 4vw;
	text-align: left;
}

.section.list.t1.v4 .text {
    display: grid;
    grid-template-columns: 36.11vw 30.56vw;
    justify-content: space-between;
    gap: 20px;
}

.section.list.t1.v4 .title-wrapper .text-editor p {
    font-size: 19px;
    font-weight: 400;
    line-height: 145%;
}


.section.list.t1.v4 .text .left {
    display: flex;
    align-items: center;
    gap: 28px;
}



/* Podwójna lista */

.section.double-list .section-width{	
	padding: 8.33vw 2.78vw 10vw;
}

.section.double-list .title-wrapper {
    margin-bottom: 6.1vw;
}

.section.double-list .title-wrapper h2{
	text-align: center;
	font-size: 45px;
}

.section.double-list .list-wrapper{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
}

.section.double-list .list-wrapper h3{
	color: #313131;
	font-size: 34px;
	font-weight: 350;
	line-height: 120%;
	letter-spacing: -0.34px;
}

.section.double-list .list-item{
	border-radius: 16px;
	background: #EBE3D4;
}

.section.double-list .top-list{
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 31.81vw auto;
	padding: 40px;
	border-bottom: 1px solid #848484;
}

.section.double-list .top-list .icon,
.section.double-list .top-list img{
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.section.double-list .list{
	padding: 40px 40px 4px;
}

.section.double-list .list .text{
	display: flex;
	align-items: center;
	gap: 32px;
	padding-bottom: 36px;
}

.section.double-list .list .text img{
	width: 22px;
	min-width: 22px;
	height: 22px;
	object-fit: contain;
}

.section.double-list .list .text p{
	color: #313131;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	margin: 0;
}



/* Podwójna lista  v2*/

.section.double-list.t2 .section-width{	
	padding: 8.33vw 2.78vw;
}

.section.double-list.t2 .list-item:nth-child(2) .text .image-wrapper{
	width: 22px;
	min-width: 22px;
    height: 22px;
	background-image: url("/wp-content/themes/turulo/images/x.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.section.double-list.t2 .list-item:nth-child(2) .text img{
	display: none;
}




.page-id-10371 .section.double-list.t2 .list-item:nth-child(2) .text .image-wrapper{
	background-image: url("/wp-content/themes/turulo/images/blue-check.png");
}


.page-id-10363 .section.double-list.t2 .list-item:nth-child(2) .text .image-wrapper{
	background-image: none;
}

.page-id-10363 .section.double-list.t2 .list-item:nth-child(2) .text img{
	display: block;
}











/* Video */

.section.full-video .section-width{
	padding: 0 40px 120px;
}

.video-wrapper {
	position: relative;
	cursor: pointer;
}

.video-placeholder {
	position: relative;
}

.video-thumbnail {
	background-size: cover;
	background-position: center;
}

.play-wrapper {
    position: relative;
    display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 30px;
    width: 100%;
}

img.play-button {
	width: 6.39vw;
	height: 6.39vw;
	object-fit: cover;
	filter: drop-shadow(0px 4.381px 51.476px rgba(38, 38, 38, 0.30));
}

.video-text {
	color: #F7F3EB;
	text-align: center; 
	font-family: 'RecifeDisplay';
	font-size: 34px;
	font-weight: 350;
	line-height: 120%;
	letter-spacing: -0.34px;
}

.video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
	background: rgba(0,0,0,0.4); /* lekki cień – opcjonalnie */
	border-radius: 16px;
}

.section.full-video .video-wrapper,
.section.full-video .video-thumbnail,
.section.full-video video,
.section.full-video iframe{
	width: 100%;
	height: 43.13vw;
	object-fit: cover;
	border-radius: 16px;
	background-size: cover;
}


/* Newsletter */

.section.newsletter {
	background-color: #FFFCFB;
}

.section.newsletter .section-width{
	padding: 4.44vw 2.78vw;
}

.section.newsletter .content {
    display: grid;
    grid-template-columns: auto 30.56vw;
	gap: 5.83vw;
    justify-content: space-between;
    border-radius: 16px;
    border: 1px solid #7D866C;
}

.section.newsletter .content .col-left {
    display: flex;
    align-items: center;
	padding-left: 2.78vw;
}

.section.newsletter .content .image-wrapper,
.section.newsletter .content .image-wrapper img{
	width: 100%;
	height: 24.86vw;
	object-fit: cover;
	border-radius: 0 16px 16px 0;
}

.section.newsletter .content h2 {
    margin-bottom: 1vw;
}

.section.newsletter .content .text-editor{
	margin-bottom: 2.3vw;
}

.section.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
    padding: 0;
}

.section.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input{
	font-family: "Outfit", sans-serif !important;
    padding: 12px 23px !important;
	background-color: #FFFCFB;

}

.section.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
    display: grid;
    grid-template-columns: auto 8.33vw;
    align-items: center;
	gap: 4px;
}

.section.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
    font-family: "Outfit", sans-serif !important;
    border: none;
    border-radius: 100px;
    color: #F7F3EB !important;
    font-size: 16px !important;
    line-height: 150%;
    margin: 0 !important;
    padding: 12px 0 !important;
}

.section.newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal,
.section.newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal{
	width: auto !important;
}

.section.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
    margin: 0;
}

.section.newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields {
    padding-right: 8px !important;
}

::-webkit-input-placeholder {
	color: #848484 !important;
	font-family: "Outfit", sans-serif !important;
	font-weight: 400 !important;
	line-height: 150% !important;
}

.section.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsContent.privacy-policy p {
	color: #313131;
	font-family: "Outfit", sans-serif !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

.section.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
    margin: 0;
    padding: 0 0 7px 0;
}

.section.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
	font-family: "Outfit", sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 150%; /* 18px */
    margin: 0 10px 0 0 !important;
}

.section.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p a{
	color: #ff0000 !important;
}

.section.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description{
	max-width: 70%;
}

.section.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description p a{
	color: #686868 !important;
}

#mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, 
#mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4{
	font-family: 'RecifeDisplay' !important;
}

#mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p, 
#mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p{
	font-family: "Outfit", sans-serif !important;
}

#mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper {
    background-color: #FFFCFB !important;
}









/* Pojedyncze warsztaty */







/* Single Elastic fileds */

.post-template-default  #elastic-wrapper{
	padding-top: 122px;
	background-color: #F7F3EB;
}



/* Polityka prywatności Elastic fileds */

.page-id-10401  #elastic-wrapper{
	padding-top: 0;
	padding-bottom: 8.8vw;
}

.page-id-10401 .section.title-text .section-width{
	padding: 0 18.75vw 2.3vw;
}

.page-id-10401 .section.title-text .title-wrapper h2 {
    font-size: 34px;
	line-height: 120%; /* 40.8px */
    text-align: left;
}

.page-id-10401 .section.mt.t13 .section-width {
    padding: 0 18.75vw 5vw;
}


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

footer {
	position: relative;
    background-color: #7D866C;
    overflow: hidden;
}

footer .section-width{
	padding: 2.78vw 2.78vw 2.22vw;
}

footer .content {
    display: grid;
    grid-template-columns: 7.22vw 45.56vw 5.28vw;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 3.40vw;
}

footer .menu-col{
	display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
	justify-content: space-between;
}

footer .menu-col .support-wrapper{
	display: grid	;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

footer .menu-col a{
	color: #F7F3EB;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

footer .menu-col h4{
	color: #DEDFCF;
	font-family: "Outfit", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 1.5vw;
}

footer .menu-col ul{
	margin: 0;
	padding-left: 0;
}

footer .menu-col ul li{
	position: relative;
	padding-left: 18px;
	list-style: none;
	display: flex;
	align-items: center;
	margin-bottom: 9px;
}

footer .menu-col ul li a {	
	position: relative;
}

footer .menu-col ul li a:after{
	content: '';
	width: 0;
	height: 1px;
	background-color: #F7F3EB;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .5s;
}

footer .menu-col ul li:hover a:after {
    width: 100%;
}

footer .menu-col ul li:before {
    content: '';
    width: 10px;
    height: 9px;
    background-image: url(/wp-content/themes/turulo/images/foot-list-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-left: -18px;
}


footer .social-media {
    display: grid;
    grid-template-columns: 28px 28px;
    justify-content: flex-end;
    gap: 20px;
}

footer .social-media a,
footer .social-media img {
    width: 1.94vw;
    height: 1.94vw;
    max-width: 28px;
    max-height: 28px;
    border-radius: 0;
	transition: .5s;
	position: relative;
	background-color: #DEDFCF;
	border-radius: 5.83px;
}

footer .social-media a:hover,
footer .social-media img:hover{
	background-color: #F7F3EB;
}

footer .copyright{
	display: flex;
	justify-content: space-between;
}

footer .copyright,
footer .copyright p,
footer .copyright a{
	color:#DEDFCF;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%;
	margin: 0;
}

footer .copyright .col-left a{
	text-decoration: underline;
}

footer .column{
	display: flex;
	gap: 5px;
}

footer .created-by{
	display: flex;
	align-items: center;
	gap: 5px;
}

footer .created-by p{
	margin: 0;
}



/* CONTACT FORM */



.contact-form input, .contact-form textarea {
    font-family: Outfit;
    width: 100%;
    padding: 17px 26px;
    border: 1px solid #D0D0D0;
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    border-radius: 10px;
    margin-bottom: 8px;
}

.full-width p,
.half-width p{
	margin-bottom: 12px;
}

.field-name{
	font-size: calc(12px + (34 - 12) * ((100vw - 1366px) / (3840 - 1366)));
}

.field-group{
	display: grid;
	grid-template-columns: auto auto;
	gap: 18px;
}

.contact-form textarea{
	border-radius: 10px;
	height: 155px;
}

.contact-form textarea {
    margin-bottom: 18px;
}

.agreement p{
	margin-bottom: 0;
}

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

.wpcf7-list-item input {
	padding: 0 !important;
	height: 15px !important;
	width: 15px !important;
	border: none;
	margin: 0;
}





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


span.wpcf7-list-item-label,
span.wpcf7-list-item-label a{
	color: #686868;
	font-family: Outfit;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%; /* 18px */
}

.wpcf7-list-item label {
    display: grid;
    align-items: center;
    grid-template-columns: 15px auto;
    gap: 10px;
}

span.wpcf7-list-item-label a{
	text-decoration: none;
}

.button-submit input{
	width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
	height: 47px;
	margin: 17px 0 0;
	font-family: "Outfit", sans-serif;
	font-size: 16px;
	color: #F7F3EB !important;
	padding: 0 !important;
	background-color: #BC4F37 !important;
	border: 1px solid transparent;
	border-radius: 100px;
	font-weight: 400;
	transition: .5s !important;
	cursor: pointer;
	overflow: hidden;
}

.button-submit p{
	margin: 0;
}

.button-submit input:hover{
	color: #1A1A1A;
	background-color: #ED7024;
}

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

.download-button{
	display: flex;
	align-items: center;
	gap: 23px;
}

.download-button p{
	font-size: calc(16px + (18 - 16)*((100vw - 1440px) /(1920 - 1024)));
}

.download-button input{
	font-size: calc(16px + (18 - 16)*((100vw - 1440px) /(1920 - 1024)));
	padding: 0;
	height: auto;
	border-radius: 0;
	display: flex;
}







   





/*-----------------------------------------------------------
	Przystań
-------------------------------------------------------------*/





/* Header */

.page-template-przystan-jogi .menu-desktop ul.menu li ul{
	top: 62px;
	left: -226px;
	width: 282px;
}

.page-template-przystan-jogi .header-wrapper.sticky .menu-desktop ul.menu li ul {
    top: 89px;
    left: -27px;
}

.page-template-przystan-jogi .menu-desktop ul.menu li#menu-item-11820{
	padding: 12px;
	border-radius: 16px;
	background: rgba(255, 252, 251, 0.40);
}





.page-template-przystan-jogi li.menu-item-11807 a:after{
	background-color: transparent;
	opacity: 0;
}

.page-template-przystan-jogi li.menu-item-11807:hover ul li a:after{
	background-color: #313131 !important;
	opacity: 1 !important;
}

.page-template-przystan-jogi .menu-desktop #menu-przystan li ul {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  padding-top: 0;
}

.page-template-przystan-jogi .menu-desktop #menu-przystan li:hover > ul {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  padding-top: 0;
}

.page-template-przystan-jogi .menu-desktop #menu-przystan li.is-open > ul {
  max-height: 500px;
  opacity: 1;
  visibility: visible;
  padding-top: 20px;
}

.page-template-przystan-jogi .header-wrapper.sticky .header{
	display: none;
}

/* KONTEKST: tylko w tym szablonie i tylko ten hamburger */
.page-template-przystan-jogi #menu-przystan > li.menu-item-has-children > a {
  position: relative;
  display: inline-block;
  width: 32px;   /* dopasuj do swoich potrzeb */
  height: 32px;
}

/* schowaj obecny obrazek, nie zmieniając struktury */
.page-template-przystan-jogi #menu-przystan > li.menu-item-has-children > a > img.ham {
  display: none !important;
}

/* parametry ikonki */
.page-template-przystan-jogi #menu-przystan > li.menu-item-has-children > a {
  --bar-color: #FFFCFB;
  --bar-w: 34px;
  --bar-h: 2px;
  --gap: 8px;      /* odległość górnej/dolnej kreski od środka */
}

/* rysujemy kreski pseudo-elementami */
.page-template-przystan-jogi #menu-przystan > li.menu-item-has-children > a::before,
.page-template-przystan-jogi #menu-przystan > li.menu-item-has-children > a::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--bar-w);
  height: var(--bar-h);
  background: var(--bar-color);
  border-radius: 2px;
  transform: translate(-50%, -50%);
  transition: transform .25s ease, box-shadow .2s ease, opacity .2s ease;
}

/* HAMBURGER (stan domyślny): 3 kreski = środkowa + cienie w górę/dół */
.page-template-przystan-jogi #menu-przystan > li.menu-item-has-children > a::before{
  box-shadow:
    0 calc(var(--gap) * -1) 0 0 var(--bar-color),
    0 var(--gap)           0 0 var(--bar-color);
}

/* druga belka (na X) ukryta w hamburgerze */
.page-template-przystan-jogi #menu-przystan > li.menu-item-has-children > a::after{
  opacity: 0;
}

/* X (gdy <li> ma .is-open – już to robisz w JS) */
.page-template-przystan-jogi #menu-przystan > li.menu-item-has-children.is-open > a::before{
  transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: none; /* znika góra/dół */
}

.page-template-przystan-jogi #menu-przystan > li.menu-item-has-children.is-open > a::after{
  opacity: 1;
  transform: translate(-50%, -50%) rotate(-45deg);
}


/* Hero */

.page-id-11479 #hero.section, 
.page-id-11479 #hero.section .section-width, 
.page-id-11479 #hero.section .section-content, 
.page-id-11479 #hero.section .foreground video {
    min-height: 784px;
	border-radius: 0;
}

.page-id-11479  #hero.section .section-content{
	gap: 2vw;
}

.page-id-11479 #hero.section .foreground img{
	width: auto;
	height: auto;
	min-height: auto;
	border-radius: 0;
}

.page-id-11479 #hero.section .foreground:before{
	display: none;
}

.page-id-11479 #hero.section .foreground video {
    object-fit: none;
    object-position: bottom;
    border-radius: 0;
}

.page-id-11479 .shape-container{
	position: relative;
}

.page-id-11479 .shape-container .ellipse img{
	position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.page-id-11479 #hero.section .foreground .shape-container .circle{
	position: absolute;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}

.page-id-11479 #hero.section .foreground .shape-container .circle img{
	width: 7.78vw;
	height: 7.78vw;
}


.page-id-11479 #hero.section .sub-title {
    margin-bottom: 15vw;
}

.page-id-11479 #hero.section .title h1,
.page-id-11479 #hero.section .sub-title h2 {
    color: #FFFCFB;
}

.page-id-11479 #hero.section .sub-title h2{
	font-family: 'RecifeDisplay';
	font-size: 45px;
	font-style: normal;
	font-weight: 350;
	line-height: 110%; /* 49.5px */
	letter-spacing: -0.45px;
}


/* Menu warsztatów */

.page-id-11479 .additional-menu {
    display: flex;
    position: absolute;
	z-index: 1;
    top: 487px;
	border-radius: 300px;
    background: rgba(255, 252, 251, 0.85);
    backdrop-filter: blur(2px);
    padding: 20px 24px;
	gap: 12px;
}

.page-id-11479 .header-wrapper.sticky .sticky-clone{
	top: 0;	
}

.page-id-11479 .header-wrapper.sticky .sticky-clone.visible{
	transition: top .5s .5s;
	top: 72px;
}

.page-id-11479 .header-wrapper.sticky .sticky-clone.visible .menu-desktop ul.menu li#menu-item-11820{
	padding-left: 0;
	background-color: transparent;
}

.page-template-przystan-jogi .header-wrapper.sticky .sticky-clone.visible #menu-przystan > li.menu-item-has-children > a {
    --bar-color: #848484;
}

.page-id-11479 .additional-menu a.add-link{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #686868;
	font-size: 19px;
	font-weight: 400;
	line-height: 150%;
	padding: 18px 26px;
	border-radius: 100px;
	gap: 8px;
}

.page-id-11479 .header-wrapper.sticky .additional-menu{
	justify-content: center;
}

.page-id-11479 .header-wrapper.sticky .additional-menu a.add-link{
	font-size: 16px;
}


.page-id-11479 .additional-menu a.add-link img{
	border-radius: 0;
}

.page-id-11479 .additional-menu a.links-1 {
	color: #7579E2;
	border-radius: 100px;
	position: relative;

	/* kolory */
	--inner: rgba(255, 252, 251, 0.85); /* półprzezroczysty środek */
	--c1: #7579E2; /* ciemniejszy (lewa) */
	--c2: #DCDFE4; /* jaśniejszy (prawa) */

	border: 2px solid transparent;

	/* gradient border + glass center */
	background:
		linear-gradient(var(--inner), var(--inner)) padding-box,
		linear-gradient(90deg, var(--c1), var(--c2)) border-box;

	/* efekt szkła */
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px); /* Safari */
}

.page-id-11479 .additional-menu a.links-1 img{
	width: 22px;
	height: 16px;
}

.page-id-11479 .additional-menu a.links-2{
	color: #FFFCFB;
	background: linear-gradient(88deg, #7579E2 24.73%, #DCDFE4 221.49%);
}

.page-id-11479 .additional-menu a.links-2 img{
	width: 16px;
	height: 20px;
}

.page-id-11479 .additional-menu.mobile,
.page-id-11479 .additional-menu.mobile{
	display: none;
}


/* Elastic fields */


#number-1.icons.t1 .section-width{
	padding-top: 6.67vw;
}

#number-1.icons.t1 .title-wrapper h2 {
    font-size: 52px;
    text-align: center;
	line-height: 110%; /* 57.2px */
	letter-spacing: -1.04px;
}

#number-1.icons.t1 .title-wrapper h3 {
	color: #313131;
	font-family: 'RecifeDisplay';
	margin-top: 17px;
    font-size: 29px;
    text-align: center;
	line-height: 120%; /* 57.2px */
}

#number-1.icons.t1 .icons-wrapper {
    border-top: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
}

#number-1.icons.t1 .icons-wrapper .item{
	justify-content: flex-start;
    align-items: center;
	gap: 10px;
	padding: 0;
}

#number-1.icons.t1 .icons-wrapper .item{
	border-right: 1px solid #D0D0D0;
}

#number-1.icons.t1 .icons-wrapper .item:last-child{
	border: none;
}

#number-1.icons.t1 .icons-wrapper .item h4 {
	font-family: "Outfit", sans-serif;
    color: #313131;
    font-size: 19px;
    font-weight: 400;
    line-height: 145%;
	margin-top: 10px;
}

#number-1.icons.t1 .icons-wrapper .item p{
	font-size: 14px;
	font-weight: 400;
	line-height: 150%; /* 21px */
	text-align: center;
	max-width: 260px;
}



#number-2.mt.t3 .section-width{
	padding-top: 0;
	padding-left: 5.28vw;
	padding-right: 5.28vw;
	padding-bottom: 15.69vw;
}

#number-2.mt.t3 .title-wrapper{
	padding: 0 13.47vw;
	margin-bottom: 6vw;
}

#number-2.mt.t3 .title-wrapper h2 {
    color: #000;
    font-size: 34px;
    font-weight: 350;
    line-height: 120%;
	letter-spacing: -0.34px;
}

#number-2.mt.t3 .content{
	grid-template-columns: 40.00vw 38.54vw;
	padding-left: 4.10vw;
}

#number-2.mt.t3 .content h4{
	color: #000;
	font-family: "RecifeDisplay";
	font-size: 29px;
	font-style: normal;
	font-weight: 350;
	line-height: 120%; /* 34.8px */
	text-decoration: none;
}

#number-2.mt.t3 .content ul{
	padding-left: 0;
	list-style: none;
}

#number-2.mt.t3 .content ul li{
	position: relative;
	padding-left: 60px;
	font-size: 19px;
	padding: 26px;
	padding-left: 92px;
	border-bottom: 1px solid #848484;
}

#number-2.mt.t3 .content ul li:before{
	content: '';
	width: 32px;
	height: 32px;
	background-image: url("/wp-content/themes/turulo/images/list-icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
    left: 32px;
    transform: translate(0, -50%);
}

#number-2.mt.t3 .content .image-wrapper{
	position: relative;
}

#number-2.mt.t3 .square {
    border-radius: 16px;
    background: #FFFCFB;
    padding: 26px 32px;
    width: 25.76vw;
    position: absolute;
    bottom: -7.36vw;
    right: -2.43vw;
}

#number-2.mt.t3 .square p{
	font-size: 14px;
}



#number-3.list.t1{
	background: linear-gradient(180deg, rgba(100, 111, 195, 0.20) -34.79%, rgba(100, 111, 195, 0.00) 109.58%), #F7F3EB;
}

#number-3.list.t1 .section-width{
	padding-left: 15.63vw;
	padding-right: 15.63vw;
}

#number-3.list.t1 .title-wrapper h2{
	font-size: 52px;
	letter-spacing: -1.04px;
}

#number-3.list.t1 .list-wrapper{
	padding: 0 32px;
}

#number-3.list.t1 .list-wrapper .text{
	align-items: baseline;
}



#number-5.list.t1 .section-width{
	padding: 0 2.78vw;
}

#number-5.list.t1 .section-content {
    border-radius: 16px;
    background: #FFFCFB;
    top: -8vw;
    position: relative;
    padding: 6.2vw 5vw;
}

#number-5.list.t1 .title-wrapper {
    margin-bottom: 6.5vw;
}

#number-5.list.t1 .list-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    gap: 8.89vw 6.81vw;
	position: relative;
}

#number-5.list.t1 .list-wrapper:before{
	content: '';
	width: 100%;
	height: 1px;
	background-color: #D0D0D0;
	position: absolute;
	top: 56%;
	left: 0;
	transform: translate( 0, -50% );
}

#number-5.list.t1 .list-wrapper .text {
    display: block;
    border: none;
	padding: 0;
}

#number-5.list.t1 .list-wrapper .text h3{
	font-family: "Outfit", sans-serif;
    font-size: 19px;
	font-weight: 400;
    line-height: 145%;
}

#number-5.list.t1 .list-wrapper .text .number h5{
	display: flex;
	justify-content: center;
    align-items: center;
	border-radius: 300px;
	background: #EBE3D4;
	font-family: "RecifeDisplay";
	font-size: 25px;
	font-weight: 350;
	line-height: 120%; /* 30px */
	margin-bottom: 22px;
}



#number-6.mt.t5 .section-width{
	margin: 0;
	padding: 4.4vw 18.75vw 8.33vw;
}

#number-6.mt.t5 .content {
    grid-template-columns: auto;
	gap: 4.2vw;
}

#number-6.mt.t5 .content .img-container{
	display: grid;
	grid-template-columns: 16.53vw 22.50vw 16.53vw;
	align-items: center;
	justify-content: space-between;
}

#number-6.mt.t5 .content .text-editor p{
	font-family: "RecifeDisplay";
	font-size: 29px;
	font-style: normal;
	font-weight: 350;
	line-height: 120%; /* 34.8px */
	text-align: center;
}

#number-6.mt.t5 .content .text-editor .title-wrapper h2{
	font-size: 34px;
	font-style: normal;
	font-weight: 350;
	line-height: 120%; /* 40.8px */
	letter-spacing: -0.34px;
	text-align: center;
}





#number-7.list.t1.v3 {
    background: linear-gradient(180deg, rgba(100, 111, 195, 0.20) -39.68%, rgba(100, 111, 195, 0.00) 109.58%), #F7F3EB;
}

#number-7.list.t1.v3 .section-width{
	padding: 8.33vw 15.63vw;
}

#number-7.list.t1.v3 .title-wrapper{
	grid-template-columns: auto;
	justify-content: center;
	gap: 27px;
}

#number-7.list.t1.v3 .title-wrapper h2{
	font-size: 52px;
	line-height: 110%; /* 57.2px */
	letter-spacing: -1.04px;
	text-align: center;
}

#number-7.list.t1.v3 .title-wrapper .text-editor{
	font-family: "RecifeDisplay";
	font-size: 29px;
	font-weight: 350;
	line-height: 120%; /* 34.8px */
	text-align: center;
}

#number-7.list.t1.v3 .list-wrapper {
    padding: 0 32px;
}










#number-9.carousel.t3.sb .section-width{
	padding: 8.33vw 10.76vw 3.89vw;
}

#number-9.carousel.t3.sb .content{
	grid-template-columns: auto;
	background-color: transparent;
}

#number-9.carousel.t3.sb .content .title-wrapper{
	padding: 0 8.06vw;
	margin-bottom: 8vw;
}

#number-9.carousel.t3.sb .content .title-wrapper h2{
	font-size: 52px;
	line-height: 110%; /* 57.2px */
	letter-spacing: -1.04px;
	text-align: center;
}

#number-9.carousel.t3.sb .swiper-container{
	position: relative;
}


#number-9.carousel.t3.sb .swiper-container:before{
	content: '';
	width: 1px;
	height: var(--h-slide-height);
	background-color: #D0D0D0;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate( -50%, 0 );
	display: none;
}

#number-9.carousel.t3.sb .content .title-wrapper h3{
	text-align: center;
}

#number-9.carousel.t3.sb .col-left {
    padding: 0;
}

#number-9.carousel.t3.sb .swiper-container .title-wrapper{
	padding: 0 !important;
	margin-bottom: 2.5vw;
}

#number-9.carousel.t3.sb .swiper-container .title-wrapper h2{
	margin-top: 3vw;
}

#number-9.carousel.t3.sb .swiper-container .text-editor{
	font-size: 19px;
	font-weight: 400;
	line-height: 145%; /* 27.55px */
	color: #686868;
	text-align: center;
}







#number-10.double-list{
	background: linear-gradient(180deg, rgba(100, 111, 195, 0.00) 24.19%, rgba(100, 111, 195, 0.20) 152.08%), #F7F3EB;
}

#number-10.double-list .title-wrapper {
    margin-bottom: 4.4vw;
}

#number-10.double-list .list-wrapper {
    gap: 64px;
}

#number-10.double-list .list-item {
    border-radius: 0;
    background: transparent;
}

#number-10.double-list .list {
    padding: 0;
}

#number-10.double-list .list .text {
    gap: 28px;
    padding: 32px;
    border-bottom: 1px solid var(--Greys-Grey-02, #848484);
}

#number-10.double-list .list .text img {
    width: 32px;
    min-width: 32px;
    height: 32px;
    object-fit: contain;
}

#number-10.double-list .list .text p {
    font-size: 19px;
}










#number-11.mt.t2 .section-width {
    padding: 8.33vw 9.38vw;
	padding-left: 10.76vw;
}

#number-11.mt.t2 .content {
    grid-template-columns: 38.54vw 31.94vw;
    gap: 20px;
    justify-content: space-between;
}

#number-11.mt.t2 .move {
	position: absolute;
    z-index: 1;
    top: -50px;
    left: -50px;
}

.page-template-przystan-jogi .move {
	background-image: url(/wp-content/themes/turulo/images/static-sygnet-p.png);
}

.page-template-przystan-jogi .move,
.page-template-przystan-jogi .move img {
    width: 7.50vw;
    max-width: 108px;
    height: 7.50vw;
    max-height: 108px;
}

#number-11.mt.t2 .content .image-wrapper{
	position: relative;
}

#number-11.mt.t2 .content .image-wrapper,
#number-11.mt.t2 .content .image-wrapper img {
    width: 31.94vw;
    height: 42.64vw;
    object-fit: cover;
}

#number-11.mt.t2 .square {
    border-radius: 16px;
    background: #FFFCFB;
    padding: 15px 30px;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: -25px;
    left: 50%;
	transform: translateX(-50%) !important;
    width: max-content;
}

#number-11.mt.t2 .square p{
	font-size: 14px;
    margin: 0;
}

#number-11.mt.t2 .title-wrapper{
	margin-bottom: 52px;
}

#number-11.mt.t2 .title-wrapper h2 {
    font-size: 45px;
	margin-bottom: 25px;
}

#number-11.mt.t2 .title-wrapper h3 {
    color: #313131;
	font-family: "RecifeDisplay";
	font-size: 29px;
	font-weight: 350;
	line-height: 120%; /* 34.8px */
    margin-bottom: 0;
}

#number-11.mt.t2 .text-editor p a{
	text-decoration: underline;
}



.gradient{
	background: linear-gradient(180deg, rgba(100, 111, 195, 0.35) -38.1%, rgba(100, 111, 195, 0.00) 158.79%), #F7F3EB;
}

#number-12,
#number-13,
#number-14,
#pay,
#number-16{
	background-color: transparent !important;
}




#number-12.list.t1.v4 {
    background: linear-gradient(180deg, rgba(100, 111, 195, 0.20) -39.68%, rgba(100, 111, 195, 0.00) 109.58%), #F7F3EB;
}

#number-12.list.t1.v4 .section-width{
	padding: 8.33vw 10.83vw;
}

#number-12.list.t1.v4 .title-wrapper{
	grid-template-columns: auto;
	justify-content: center;
	gap: 27px;
	margin-bottom: 6vw;
}

#number-12.list.t1.v4 .title-wrapper h2{
	font-size: 52px;
	line-height: 110%; /* 57.2px */
	letter-spacing: -1.04px;
	text-align: center;
}

#number-12.list.t1.v4 .title-wrapper .text-editor p{
	font-family: "RecifeDisplay";
	font-size: 29px;
	font-weight: 350;
	line-height: 120%; /* 34.8px */
	text-align: center;
}

#number-12.list.t1.v4 .list{
	display: grid;
	grid-template-columns: repeat( 2,1fr );
	gap: 20px;
}

#number-12.list.t1.v4 .list .text {
    grid-template-columns: auto;
    padding: 0;
    border-radius: 16px;
    background: rgba(255, 252, 251, 0.40);
    border: none;
	gap: 40px;
}

#number-12.list.t1.v4 .list .image-wrapper{
	border-radius: 16px 16px 0 0;
}

#number-12.list.t1.v4 .list .image-wrapper img {
    border-radius: 16px 16px 0 0;
}

#number-12.list.t1.v4 .list .content-section .number{
    display: block;
    margin: auto;
    width: 42px;
}

#number-12.list.t1.v4 .list .content-section h3{
	text-align: center;
	border-bottom: 1px solid #FFFCFB;
	margin-top: 20px;
	padding-bottom: 2.78vw;
}

#number-12.list.t1.v4 .list .content-section .text-editor{
	text-align: center;
	padding: 2.78vw 2.78vw 3.47vw;
}




#number-13.mt.similiar .section-width{
	margin: 0;
}

#number-13.mt.similiar .title-wrapper h2 {
    font-size: 34px;
}

#number-13.mt.similiar .content ul {
	margin-top: 2.78vw;
    padding-left: 0;
    list-style: none;
	margin: 0;
    display: grid;
    gap: 12px;
}

#number-13.mt.similiar .content ul li {
    position: relative;
    height: 32px;
    font-size: 16px;
    padding: 0;
    padding-left: 60px;
    text-decoration: underline;
    display: flex;
    align-items: center;
}

#number-13.mt.similiar .content ul li:before {
    content: '';
    width: 32px;
    height: 32px;
    background-image: url(/wp-content/themes/turulo/images/list-icon-w.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}





#number-14.list.t1.v2 .section-width {
    padding: 8.33vw 10.83vw 10.00vw;
}

#number-14.list.t1.v2 .title-wrapper h2 {
    font-size: 45px;
	letter-spacing: -0.45px;
}

#number-14.list.t1.v2 .list-wrapper .text h3 {
    font-family: "Outfit", sans-serif;
    color: #313131;
    font-size: 19px;
    font-weight: 500;
    line-height: 145%;
}

#number-14.list.t1.v2 .list-wrapper .text-editor p{
	color: #686868;
}






.page-template-przystan-jogi .section.pr .section-width {
    padding: 0 2.78vw 0;
}

.page-template-przystan-jogi .section.pr .title-wrapper {
    margin-bottom: 6.3vw;
}

.page-template-przystan-jogi .section.pr .title-wrapper h2 {
    font-size: 52px;
	margin-bottom: 1.8vw;
}

.page-template-przystan-jogi .section.pr .title-wrapper h3 {
    font-family: 'RecifeDisplay';
    color: #000;
    font-size: 29px;
    font-weight: 350;
    line-height: 120%;
    text-align: center;
}

.page-template-przystan-jogi .section.pr .price-item .top-list{
    padding: 24px 40px;
	z-index: 1;
}

.page-template-przystan-jogi .section.pr .price-item:first-child .top-list {
    background: linear-gradient(88deg, rgba(117, 121, 226, 0.75) 24.73%, rgba(220, 223, 228, 0.75) 221.49%);
}

.page-template-przystan-jogi .section.pr .price-item:last-child .top-list {
    background: linear-gradient(88deg, #7579E2 24.73%, #DCDFE4 221.49%);
}

.page-template-przystan-jogi .section.pr .top-list{
	position: relative;
}

.page-template-przystan-jogi .section.pr .top-list h3 {
    font-size: 34px;
    letter-spacing: -0.34px;
}

.page-template-przystan-jogi .discount{
	border-radius: 400px;
	background: #EBE3D4;
	width: 86px;
    height: 86px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 45px;
	right: 45px;
}

.page-template-przystan-jogi .section.pr .top-list .discount p{
	color: #313131 !important;
	font-size: 19px;
	font-weight: 400;
	line-height: 1; /* 27.55px */
}

.page-template-przystan-jogi .section.pr .top-list .discount span{
	font-size: 14px;
	font-weight: 400;
	line-height: 150%; /* 21px */
}

.page-template-przystan-jogi .section.pr .depozit p {
    font-size: 96px;
	line-height: 105%; /* 100.8px */
	letter-spacing: -1.92px;
	margin-bottom: 5px;
	display: flex;
    justify-content: center;
}

.page-template-przystan-jogi .section.pr .bottom-content {
    padding: 3.82vw 40px 5.00vw;
	gap: 22px;
}

.page-template-przystan-jogi .section.pr .name p {
    font-size: 16px;
    color: #000;
}

.page-template-przystan-jogi .section.pr .depozit span{
	font-size: 16px;
}

.page-template-przystan-jogi .section.pr .depozit p span{
	color: #313131;
	font-family: "Recife Display";
	font-size: 61px;
	font-style: normal;
	font-weight: 350;
	line-height: 107%; /* 65.27px */
	letter-spacing: -1.22px;
	display: inline-block;
}

.page-template-przystan-jogi .section.pr .button-section {
	display: block;
    margin: 20px auto 0;
}

.page-template-przystan-jogi .section.pr .button-section a{
	border: none;
}

.page-template-przystan-jogi .section.pr .price-item:first-child .button-section a{
    color: #7579E2;
    position: relative;
    --inner: rgba(255, 252, 251, 0.85);
    --c1: #7579E2;
    --c2: #DCDFE4;
    border: 2px solid transparent;
    background: linear-gradient(var(--inner), var(--inner)) padding-box, linear-gradient(90deg, var(--c1), var(--c2)) border-box;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.page-template-przystan-jogi .section.pr .price-item:last-child .button-section a{
	background: linear-gradient(88deg, #7579E2 24.73%, #DCDFE4 221.49%);
}








#number-16.list.t1 .section-width {
    padding: 8.33vw 26.74vw 28.61vw;
}

#number-16.list.t1 .title-wrapper{
	margin-bottom: 2vw;
}

#number-16.list.t1 .title-wrapper h2 {
    color: #000;
    font-size: 34px;
	line-height: 120%; /* 40.8px */
	letter-spacing: -0.34px;
}

#number-16.list.t1 .list-wrapper .text h3 {
    font-family: "Outfit", sans-serif;
    color: #313131;
    font-size: 19px;
    font-weight: 400;
    line-height: 145%;
}

#number-16.list.t1 .list-wrapper .text img{
	width: 32px;
	height: 32px;
	min-height: 32px;
	min-width: 32px;
	object-fit: contain;
}


#number-17.newsletter {
    background-color: transparent;
}

#number-17.newsletter .section-width {
    padding: 0 2.78vw;
}

#number-17.newsletter .content {
    display: grid;
    grid-template-columns: 39.65vw 40.49vw;
    gap: 20px;
    justify-content: space-between;
    border-radius: 16px;
    border: none;
    background-color: #FFFCFB;
    padding: 5.76vw 4.44vw;
	margin-top: -21%;
}

#number-17.newsletter .content h2 {
    margin-bottom: 1vw;
    font-size: 34px;
    line-height: 120%;
    letter-spacing: -0.34px;
}

#number-17.newsletter .content .text-editor {
    margin-bottom: 1.7vw;
}

#number-17.newsletter .content .col-left {
    padding-left: 0;
}

#number-17.newsletter .content .image-wrapper, 
#number-17.newsletter .content .image-wrapper img {
    border-radius: 16px;
	height: auto;
}



#number-17.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow{
	grid-template-columns: auto;
}

#number-17.newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
    width: 100%;
    float: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#number-17.newsletter .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields {
    padding-right: 0 !important;
    width: 100% !important;
}

#number-17.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsContent.privacy-policy p{
	display: none;
}

#number-17.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
    margin: 20px 0 16px;
}

#number-17.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
    max-width: 100%;
}

#number-17.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
    margin: 0 !important;
    color: #686868 !important;
}

#number-17.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {    
    background: linear-gradient(88deg, #7579E2 24.73%, #DCDFE4 221.49%);
    width: auto;
    float: left;
    padding: 15px 26px !important;
	padding-left: 56px !important;
	position: relative;
}

#number-17.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:before{
	content: '';
	width: 22px;
	height: 16px;
	background-image: url("/wp-content/themes/turulo/images/white-eye.png");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 26px;
	transform: translateY(-50%);
}




#number-17.newsletter #mlb2-24118287.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::before{
    border-color: #007aff !important;
    background-color: #007aff !important;

}













#number-18.carousel.t2 .section-width {
    max-width: 100%;
    padding: 9.7vw 2.78vw 8.33vw;
}

#number-18.carousel.t2 .swiper-slide{
	background-color: white;
}

#number-18.carousel.t2 .text-editor img{
	filter: brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(370%) hue-rotate(344deg) brightness(92%) contrast(92%);
}






#number-20.mt.t18 .section-width {
    padding: 3.6vw 10.75vw 9.9vw;
}

#number-20.mt.t18 .button-submit input{
	background: linear-gradient(89deg, #7579E2 24.68%, #DCDFE4 118.28%);
}

#number-20.mt.t18 .section-width h2 {
    font-size: 45px;
    line-height: 110%;
    letter-spacing: -0.45px;
    margin-bottom: 15px;
}

#number-20.mt.t18 .title-wrapper h3 {
    color: #313131;
    margin-bottom: 35px;
}







#number-21.mt.t8  .section-width {
    padding: 0 18.75vw 10vw;
}

#number-21.mt.t8 .title-wrapper h2 {
    font-size: 29px;
    line-height: 120%;
}

#number-21.mt.t8 .title-wrapper {
    margin-bottom: 2vw;
}

#number-21.mt.t8 ul{
    display: grid;
    gap: 25px;
    margin: 0;
}



/* Płynny klon (tylko gdy dodamy mu is-visible) */
.page-id-11479 .sticky-clone {
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
}
.page-id-11479 .sticky-clone.is-visible {
  opacity: 1;
  transform: none;
}

/* Ukrycie oryginału bez wpływu na layout */
.page-id-11479 .additional-menu.is-swapped,
.page-id-11479 .additional-menu.is-swapped .add-link{
  visibility: hidden;
  opacity: 0;
}

/* Tylko na stronie specjalnej */
.page-id-11479 .sticky-clone {
  transition: transform .5s ease !important;       /* płynny ruch */
  transform: translateY(0);             /* start przy samej krawędzi */
}

/* gdy mamy być odsunięci o 72px */
.page-id-11479 .sticky-clone.at-offset {
  transform: translateY(72px);
}

.page-id-11479 .is-visible{
	width: 639px !important;
}