@import url("style.slider.css");
@import url("style.mobile.nav.css");

:root {
	--main-primary-color: #0155db; /* alternatywa 005bbc */
	/*--main-primary-color: #0043b6;*/
	--main-secondary-color: #0155db;
	--main-tertiary-color: #202020;
	--main-subprimary-color: #eaf4fe;
	--main-subprimary-2-color: #cbdef0;
	--main-subprimary-3-color: #0043b6;
	--main-subprimary-4-color: #F5F7FC;
	--section-socialmedia-height: 25px;
	--main-width: 1350px;
}
body {
	/*height: 6000px;*/
	background: #fff;
	padding: 0;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	color: var(--main-secondary-color);
	overflow-x: hidden;
}
*:not(#panorama *) {
	transition: all .3s;
}
a, a:link {
	color: var(--main-secondary-color);
}

.container {
	min-width: var(--main-width);
	width: var(--main-width); 
	padding-left: 0;
	padding-right: 0; 
	position: relative;
}/*
.container:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #000;
	z-index: 99;
}
.container:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #000;
	z-index: 99;
}*/ 
.container.r {
	position: relative;
}
.content-title, h2 {
	font-size: 38px !important;
    line-height: 37px;
    font-weight: 600;
    margin-top: 8px;
	margin-bottom: 45px;
    letter-spacing: 0.1px;
    padding: 0;
    color: var(--main-tertiary-color);
	position: relative;
	text-align: center;
}
h5 {
	font-size: 20px !important;
    line-height: 35px;
    font-weight: 600;
    margin-top: 8px;
	margin-bottom: 25px;
    letter-spacing: 0.1px;
    padding: 0;
    color: var(--main-tertiary-color);
	position: relative;
	text-align: center;
}
.wp-block-domuly-inner-section h2 {
	text-align: left;
}
.jobcontent h5 {
	text-align: left;
	font-size: 24px !important;
}
section[name='functions'] .content-title:after, 
section[name='case-study'] .content-title:after, 
section[name='gallery'] .content-title:after, 
section[name='news'] .content-title:after, 
h2:after {
/*	content: '';
    position: absolute;
    width: 70px;
    height: 5px;
    background: #ffcc00;
    filter: drop-shadow(0px 0px 15px rgba(222, 151, 18, 0.79));
    left: 0;
    bottom: -12px;*/
}

.description h2:after,
section[name='journey'] h2:after,
section[name='alter-footer'] h2:after {
	display: none;
}
.subpage .content-title {
	color:#fff;
}
.content-title {
	
    width: auto;
    display: table;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 8px;
	margin-bottom: 25px;
	
	text-align: center;
	position: relative;
}
section[name="product-category"] .row:first-child .col-md-12 {
	text-align: center;
}
section[name="product-category"] .row:first-child h2 {
	position: relative;
	display: inline-table; 
	left: 0; 
	right: 0; 
}
 
.content-description {
	width: 100%;
	margin: auto;
	font-size: 20px !important;
    line-height: 33px;
    font-weight: 300;
    letter-spacing: 0.1px;
    padding: 0;
    color: var(--main-tertiary-color);
	text-align: center;
}
.content-description.align-left,
.content-title.align-left {
	text-align: left;
	margin-left: 0;
}
.content-title b, .content-title strong {
    color: var(--main-primary-color);
}
.content-link-more {
	text-align: center;
	margin-top: 40px;
}
.content-link-more a {
	font-size: 16px;
	color: var(--main-primary-color);
	transition: filter .3s;
}
.content-link-more a:link,
.content-link-more a:focus {
	text-decoration: none;
	color: var(--main-primary-color);
}
.content-link-more a:hover {
	color: var(--main-primary-color);
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 1));
	text-decoration: none;
}
.wp-block-domuly-bloki-block a:hover {
	color: var(--main-primary-color);
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 1));
	text-decoration: none;
}

.wp-block-domuly-bloki-block .content-link-more a:link, 
.wp-block-domuly-bloki-block .content-link-more a:focus, 
.wp-block-domuly-company-logos-block .content-link-more a:link, 
.wp-block-domuly-company-logos-block .content-link-more a:focus {
	text-decoration: none;
}
.wp-block-domuly-bloki-block .content-link-more a,
.wp-block-domuly-company-logos-block .content-link-more a {
	padding: 0;
    width: 100%;
    height: 40px;
	margin-top: auto;
    background: var(--main-primary-color);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
	transition: filter .3s;
}
.wp-block-domuly-bloki-block .content-link-more a,
.wp-block-domuly-company-logos-block .content-link-more a {
	display: inline-flex;
	width: auto;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 50px;
	margin-top: 0;
}
.wp-block-domuly-bloki-block .content-link-more a:hover,
.wp-block-domuly-company-logos-block .content-link-more a:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}


.content-link-back {
	margin-bottom: 24px;
	display: table;
}
.content-link-back {
	font-size: 16px;
	color: var(--main-secondary-color);
	transition: filter .3s;
}
.content-link-back:link,
.content-link-back:focus {
	text-decoration: none;
	color: var(--main-secondary-color);
}
.content-link-back:hover {
	color: var(--main-secondary-color);
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 1));
	text-decoration: none;
}
.btn-global {
	background: var(--main-primary-color);
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	transition: filter .3s;
}
.btn-global:link,
.btn-global:focus {
	text-decoration: none;
	color: #fff;
}
.btn-global:hover {
	color: #fff !important;
	filter: drop-shadow(0px 0px 18px rgba(0, 0, 0, 0.4));
}
.wp-block-domuly-title-description-block {
	width: 100%;
}
.wp-block-domuly-title-description-block .col-md-12 {
	padding: 0;
}
.s-t-0 {
    margin-top: 0 !important;
}
.s-t-1 {
    margin-top: 100px;
}
.s-t-2 {
    margin-top: 102px;
}
.s-t-3 {
    margin-top: 198px !important;
}
.s-t-4 {
    margin-top: 50px !important;
}
.s-t-5 {
    margin-top: 30px;
}
.s-tb-0 {
    margin-bottom: 0 !important;
}
.s-tb-1 {
    margin-bottom: 100px;
}
.s-tb-2 {
    margin-bottom: 50px !important;
}
.s-tb-3 {
    margin-bottom: 30px;
}
.s-tb-4 {
    margin-bottom: 200px;
}
.p-t-0 {
    padding-top: 0 !important;
}
.p-l-1 {
    padding-left: 20px !important;
}
.p-l-2 {
    padding-left: 30px !important;
}
.p-l-3 {
    padding-left: 50px !important;
}
.p-r-1 {
    padding-right: 20px !important;
}
.p-r-2 {
    padding-right: 30px !important;
}
.p-r-3 {
    padding-right: 50px !important;
}
.p-t-1 {
    padding-top: 50px !important;
}
.p-t-2 {
    padding-top: 100px !important;
}
.p-t-3 {
    padding-top: 37px !important;
}
.p-t-4 {
    padding-top: 14px !important;
}
.p-d-0 {
    padding-bottom: 0 !important;
}
.p-d-1 {
    padding-bottom: 50px;
}
.p-d-2 {
    padding-bottom: 100px !important;
}
.p-d-3 {
    padding-bottom: 30px;
}

.col-md-12.text-align-center {
	text-align: center;
}

ul:not(.navbar-menu) {
	margin: 0;
	padding: 0;
}
ul:not(.navbar-menu) li {
    font-size: 20px;
	font-weight: 300;
    text-align: left;
    padding-left: 40px;
    margin-top: 3px;
    list-style-type: none;
	color: var(--main-tertiary-color);
    /* margin-bottom: 1rem; */
    background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2338b600' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'></path></svg>") no-repeat left 3px;
    background-size: 25px 25px;
    /* padding: 0px 0 3px 24px;*/
}

ul.better li {
  background-position: left 4px;
}

ul.content-submenu {
}
ul.content-submenu li.select {
	background: var(--main-primary-color);
	color: #fff;
}
ul.content-submenu li {
    background: #fff;
    padding: 10px 15px 10px 15px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: var(--main-tertiary-color);
    font-size: 18px;
    font-weight: 300;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #c5cfd8;
}
ul.content-submenu li span {
	float: right;
    font-size: 12px;
    margin-top: -1px;
    border: 1px solid var(--main-subprimary-2-color);
    border-radius: 7px;
    padding: 5px 8px 5px 8px;
    color: var(--main-tertiary-color) !important;
    width: 30px;
    text-align: center;
    background: #fff;
}
ul.content-submenu.functions,
ul.content-submenu.portfolio {
	margin-bottom: 30px;
}

ul.content-submenu.functions li,
ul.content-submenu.portfolio li {
	display: inline-block;
	margin-right: 15px;
}

ul.content-submenu.functions li span,
ul.content-submenu.portfolio li span {
	margin-left: 15px;
}

/* Resetowanie stylów dla list w .faq */
.faq ul {
    margin: 0;
    padding: 0 0 0 40px; /* Standardowe wcięcie dla list */
    list-style-type: disc; /* Standardowe kropki */
}

.faq li {
    font-size: 16px; /* Możesz dostosować */
    font-weight: 300;
    text-align: left;
    padding-left: 0;
    margin-top: 5px;
    list-style-type: disc;
    color: var(--main-text-color); /* Możesz dostosować */
    background: none !important; /* Usunięcie ikon i tła */
}


.col-text-right {
	padding-left: 105px;
}
.col-text-left {
	padding-right: 105px;
}
.col-text-top {
	padding-top: 18px;
}
.col-text h2 {
	color: var(--main-primary-color);
	font-size: 25px;
	font-weight: 500;
}
.col-text h3 {
	margin-top: 20px;
	font-size: 54px;
	line-height: 64px;
	font-weight: 800;
}
.col-text h3 b {
	color: var(--main-primary-color);
	font-weight: 800;
}
h5 {
	color: var(--main-tertiary-color);
	font-size: 30px;
	line-height: 30px;
	font-weight: 600;
}
.col-text p { 
	font-size: 18px !important;
	line-height: 30px;
	font-weight: 300;
	margin-top: 35px;
	margin-bottom: 35px;
	letter-spacing: 0.2px;
	padding: 0;
	color: #606060;
}
.col-text p b { 
	color: var(--main-primary-color);
	font-weight: 600;
}
.col-text .btn-global { 
	color: #fff;
	font-size: 25px;
	font-weight: 300;
	display: table;
	padding: 15px 35px 15px 35px;
	transition: all .3s; 
}
.btn-global.big {
	font-size: 16px;
	font-weight: 400;
	/*display: table;*/
	padding: 15px 25px 15px 25px;
}
.btn-global.white {
	background: #fff;
	color: var(--main-tertiary-color);
}
.btn-global.white:hover {
	color: var(--main-tertiary-color) !important;
	background: #fff;
	filter: drop-shadow(0px 0px 18px rgba(0, 0, 0, 0.4));
}
.col-md-6.flex {
	display: flex;
}
.col-md-6.align-right {
	justify-content: flex-end; 
}
.col-md-6.align-vertical {
    align-items: center;
}

.col-expand {
	position: absolute;
	width: calc(50% + (var(--main-width) / 2)); 
	left: 50%;
	margin-right: -(var(--main-width) / 2);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding-bottom: 30px;
}
.col-expand > * {
	flex: 1;
}

header {
	position: relative;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 12;
}
header.sub {
	margin-bottom: 40px;
}

/* Social media - begin */
section[name="socialmedia"] {
	margin-top: 23px;
}
section[name="socialmedia"] .d-flex {
	height: var(--section-socialmedia-height);
}
section[name="socialmedia"] .p-2 {
	padding: 0 !important;
}
section[name="socialmedia"] .info-message {
	color: #a9a9a9;
	font-size: 15px;
	margin-right: 5px;
}
section[name="socialmedia"] .kids-logo {
	width: 40px;
	height: 26px;
	display: block;
	background: url('/img/kids-logo.png') no-repeat;
	background-size: 40px 26px;
	transition: filter .3s;
}
section[name="socialmedia"] .kids-logo:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}
section[name="socialmedia"] .btn-global {
	font-size: 11px;
	margin-left: 18px;
}

section[name="socialmedia"] .social-line {
	width: 33px;
	height: 26px;
	background: url('/img/social-line.png') no-repeat;
	background-size: 33px var(--section-socialmedia-height);
	display: block;
}
section[name="socialmedia"] .btn-social:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}
section[name="socialmedia"] .btn-social {
	width: 25px;
	height: 26px;
	display: block;
	margin-left: 7px;
	transition: filter .3s;
}
section[name="socialmedia"] .btn-social.facebook {
	background: url('/img/social-facebook.png') no-repeat;
	background-size: 25px 26px;
}
section[name="socialmedia"] .btn-social.instagram {
	background: url('/img/social-instagram.png') no-repeat;
	background-size: 25px 26px;
}
section[name="socialmedia"] .btn-social.tiktok {
	background: url('/img/social-tiktok.png') no-repeat;
	background-size: 25px 26px;
}
/* Social media - end */

/* Navigation - begin */


.navbar {
    /*padding-top: 50px;*/
}


/* Stylizacja menu */
.navbar-wrapper {
	width: 100%;
}
.navbar-menu {
    list-style: none;
    display: flex;
    gap: 20px;
    padding: 0;
    margin: 0;
}

.navbar-menu li {
    list-style: none !important;
}

.navbar-menu a {
    text-decoration: none;
    color: #fff;
	font-size: 17px;
	font-weight: 500; 
	padding: 10px 10px 10px 10px;
	display: inline-flex;
    align-items: center;
    height: auto;
    line-height: 1;
    white-space: nowrap; 
}
.navbar-menu li.active a {
	background: var(--main-primary-color);
	color: #fff;
}

/* Logo na środku */
.navbar-logo {
    flex: 1;
    display: flex;
    justify-content: start;
}

.logo {
	width: 300px;
}

/* Pozycjonowanie menu */
.right-menu {
    flex: 1;
    justify-content: flex-end;
    display: flex;
}

.center-menu {
    flex: 1;
    display: flex;
    justify-content: center;
}
 
.navbar-info {
	position: absolute;
	/*height: 120px;*/
	padding-top: 50px;
	width: 100%;
}
a.badgetop,
a.formbtn {
	display: inline-flex;
    align-items: center;
    height: auto;
    line-height: 1;
    white-space: nowrap; 
}
.navbar-info a.badgetop {
	color: var(--main-primary-color);
	font-size: 17px;
	font-weight: 600;
	padding: 10px 25px 10px 25px;
}
a.formbtn {
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	background: var(--main-secondary-color);
	padding: 10px 35px 10px 35px;
	border-radius: 20px;
	margin-left: 30px; 
	
  
  box-shadow: 0px 0px 7.2px 2.8px rgba(0, 0, 0, 0.09),inset 0px 0px 21px 0px rgba(0, 0, 0, 0.15);
   
 

}
.navbar-info .info {
    display: flex;
    flex: 1;
    justify-content: flex-end;
	align-items: center;
}
.navbar-info .container {
	display: flex;
	position: relative;
}

.orange {
	position: absolute;
    left: -80px;
    top: 290px;
    width: 259px;
    height: 279px;
    background: url(/img/orange.png) no-repeat;
    background-size: 175px;
	z-index: -1;
}
.apple {
	position: absolute;
	right: -120px;
    top: 507px;
    width: 257px;
    height: 264px;
    background: url(/img/apple.png) no-repeat;
    background-size: 205px;
	z-index: -1;
}

@keyframes dotShine {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

 
.dot {
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
    top: 260px;
    width: 1000px;
    height: 1000px;
    background: url(/img/dot.png) no-repeat;
    background-size: 1000px;
	z-index: -1;
	
	animation: dotShine 1s ease-in-out;
	will-change: transform, filter;
}

.leaf1 {
	position: absolute;
	left: 200px;
	top: -20px;
	width: 131px;
	height: 152px;
	background: url('/img/leaf1.png') no-repeat;
	background-size: 95px;
	z-index: -1;

	animation: floatLeafBlur 4s ease-in-out infinite;
	will-change: opacity, filter;
}

@keyframes floatLeafBlur {
  0% {
    transform: translateY(0px);
    filter: blur(0px);
  }
  25% {
    transform: translateY(-5px);
    filter: blur(1.5px);
  }
  50% {
    transform: translateY(0px);
    filter: blur(0px);
  }
  75% {
    transform: translateY(5px);
    filter: blur(1.5px);
  }
  100% {
    transform: translateY(0px);
    filter: blur(0px);
  }
}
@keyframes floatLeaf {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-3px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0px);
  }
}

.leaf2 {
	position: absolute;
	left: 350px;
	right: 0;
	margin: auto;
	top: -170px;
	width: 162px;
	height: 203px;
	background: url('/img/leaf2.png') no-repeat;
	background-size: 110px;
	z-index: -1;

	animation: floatLeaf 6s ease-in-out infinite;
	will-change: transform, filter;
}

.leaf3 {
    position: absolute;
    right: 150px;
    margin: auto;
    top: 130px;
    width: 179px;
    height: 201px;
    background: url(/img/leaf3.png) no-repeat;
    background-size: 110px;
	z-index: -1;

	animation: floatLeaf 6s ease-in-out infinite;
	will-change: transform, filter;
}

.leaf4 {
    position: absolute;
    right: 40px;
    margin: auto;
    top: 380px;
    width: 127px;
    height: 129px;
    background: url(/img/leaf4.png) no-repeat;
    background-size: 80px;
	z-index: -1;

	animation: floatLeaf 4s ease-in-out infinite;
	will-change: transform, filter;
}

.leaf5 {
    position: absolute;
    right: 330px;
    margin: auto;
    top: 760px;
    width: 141px;
    height: 119px;
    background: url(/img/leaf5.png) no-repeat;
    background-size: 110px;
	z-index: -1;

	animation: floatLeaf 5s ease-in-out infinite;
	will-change: transform, filter;
}

.leaf6 {
    position: absolute;
    left: 70px;
    margin: auto;
    top: 230px;
    width: 180px;
    height: 126px;
    background: url(/img/leaf6.png) no-repeat;
    background-size: 110px;
	z-index: -1;

	animation: floatLeaf 5s ease-in-out infinite;
	will-change: transform, filter;
}
.leaf7 {
    position: absolute;
    left: 10px;
    margin: auto;
    top: 580px;
    width: 100px;
    height: 106px;
    background: url(/img/leaf7.png) no-repeat;
    background-size: 90px;
	z-index: -1;

	animation: floatLeaf 5s ease-in-out infinite;
	will-change: transform, filter;
}
.leaf8 {
	position: absolute;
    left: 390px;
    margin: auto;
    top: 730px;
    width: 82px;
    height: 125px;
    background: url(/img/leaf8.png) no-repeat;
    background-size: 50px;
	z-index: -1;

	animation: floatLeaf 5s ease-in-out infinite;
	will-change: transform, filter;
}


/* Kategorie produktow - begin */
.product-category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.product-category-grid .param-images {
	
}
.product-category-grid .param-images img {
	height: 450px;
}
.product-category-grid .param-images img:first-child {
	bottom: 50px;
}
.product-category-grid .param-images img:last-child {
	margin-left: 50px;
}

.product-category-grid .param-images.self img {
	margin-left: 0px;
	bottom: 30px;
}

.product-category-grid .wraper {
	display: flex;
	justify-content: flex-end;
	margin-top: 5px;
}
.product-category-grid .wraper .toggle-categories {
	border-radius: 25px;
    background: #fff;
    padding: 5px;
    margin-bottom: 20px;
	display: inline-flex;
	gap: 5px;
}
.product-category-grid .wraper .toggle-categories .option {
	position: relative;
    z-index: 2;
    flex: 1;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: nowrap; 
    user-select: none;
    font-weight: 400;
	font-size: 12px;
    color: #fff;
    background: none;
    border: none;
    min-width: 50px;
    outline: none;
	background: var(--main-secondary-color);
    border-radius: 25px;
}

.product-category-box img {
	position: absolute; 
	left: 10px;
	bottom: 30px;
}

.product-category-grid-thumb {
    margin-top: 200px;
}
.product-category-grid-thumb a {
	display: flex;
	justify-content: end;
	opacity: 0.3;
}
.product-category-grid-thumb a.active {
	opacity: 1;
}

.product-category-box {
    position: relative;
    padding: 40px 20px;
    color: white;
    background-size: cover;
    background-position: center; 
    height: 325px;
    display: flex;
  /*  align-items: center;
    justify-content: center;*/
	position: relative;
}

 

.product-category-grid-thumb .product-category-box {
	width: 220px;
	height: 146px;
	margin-bottom: 40px;
}
.product-category-grid-thumb .product-category-box img {
	height: 190px;
	left: auto;
	right: 20px;
	bottom: 20px;
}

.product-category-grid-thumb .vertical-title {
	font-size: 45px;  
	line-height: 45px;
	left: -17px;
}

.product-category-grid-thumb .vertical-title.mix {
	left: -14px;
	font-size: 25px;  
	line-height: 25px;  
}
	 

.product-category-box .info {
	position: absolute; 
    right: 40px;
    bottom: 60px;
	z-index: 2;
}

.product-category-box .info h2 {
    font-size: 21px !important;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: left !important;
}
.product-category-box .info h3 {
    font-size: 45px;
    font-weight: 700;
	color: #fff;
	margin: 0;
	padding: 0;
    text-transform: uppercase;
	text-align: right;
}
.product-category-box .info.mix h3 {
    font-size: 28px; 
	
}
.product-category-box .info a {
	margin-top: 80px;
    font-size: 15px;
	color: #fff;
	display: block;
	z-index: 2;
	text-align: right;
}

.vertical-title {
	position: absolute;
	left: -30px;
	top: 0;
	bottom: 0;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	font-size: clamp(1rem, 10vw, 7.5rem);  
	line-height: clamp(1rem, 10vw, 7.5rem);
	color: rgba(255, 255, 255, 0.3); 
	font-weight: bold;
	line-height: 1;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	text-transform: uppercase;
}
.vertical-title.mix {
	left: -20px;
	font-size: clamp(1rem, 10vw, 4rem);  
	line-height: clamp(1rem, 10vw, 4rem);
}
/* Opcjonalnie półprzezroczyste przyciemnienie */
.product-category-box::before {
    content: "";
    position: absolute;
    inset: 0; 
    z-index: 1;
}
section[name="product-category"] h2 {
	margin-bottom: 150px;
}

/* Kategorie produktow - end */




/* Kategoria - begin */

section[name="category"] .row {
	margin: 0;
	margin-bottom: 100px;
}
section[name="category"] .category {
	padding-right: 0;
}
section[name="category"] .title {
	position: absolute; 
	top: 99px;
	left: 0;
	font-size: 120px;  
	letter-spacing: 10px;
	line-height: 60px;  
	font-weight: 800;
	line-height: 120px; 
	text-transform: uppercase;
}
section[name="category"].flip .title {
	left: auto;
	right: 0;
}

section[name="category"].flip .category-btn {
	float: right;
}
section[name="category"].flip .category-btn.clear {
    float: right;
    margin-top: 0px;
    margin-bottom: 50px;
}
section[name="category"] .param-images {
	position: absolute;
	z-index: 2;
	height: 700px;
	bottom: 50px;
    margin-left: -180px;
}
section[name="category"].flip .param-images img:first-child {
	left: -110px;
	bottom: 100px;
}

section[name="category"] .param-images.self img {
	left: 0px !important;
	bottom: auto !important;
}
section[name="category"] .param-images img {
	position: absolute;
	display: block !important;
	height: 730px;
	top: 50px;
}
section[name="category"] .param-images img:first-child {
	left: 110px;
	bottom: 70px;
	filter: drop-shadow(15px 15px 20px rgba(0, 0, 0, 0.2));
}
section[name="category"] .param-images img:last-child {
	top: 90px;
	filter: drop-shadow(15px 15px 20px rgba(0, 0, 0, 0.2));
}
section[name="category"] .wrapper {
	position: relative;
	margin-top: 250px;
	padding-right: 150px;
	margin-bottom: 80px;
	margin-left: -10px;
}
section[name="category"] .wrapper h3 {
	text-align: left;
	margin-bottom: 20px;
}
section[name="category"] .wrapper strong {
	color: #fff;
}
section[name="category"] .wrapper h3 strong {
	color: #fff;
	font-size: 23px;
	font-weight: 500;
}
section[name="category"].flip .wrapper {
	position: relative;
	margin-top: 250px;
	padding-right: 0;
	padding-left: 150px;
	margin-left: auto;
}
section[name="category"] p {
	color: #fff;
	font-size: 19px;
	line-height: 30px;
	letter-spacing: 0.5px;
	font-weight: 300;
}

section[name="product-category"] {
	margin-top: 50px;
	margin-bottom: 100px;
}

section[name="category"] .toggle-switch-frame-title,
section[name="product-category"] .toggle-switch-frame-title {
	display: table; 
	border-radius: 25px; 
	padding: 5px;
}
section[name="category"] .toggle-switch-title,
section[name="product-category"] .toggle-switch-title {
  position: relative; 
  
  border-radius: 25px;
  overflow: hidden;       /* Ukrywamy suwak, który wychodzi poza obszar */
  display: flex;          /* Dwa przyciski obok siebie */
  justify-content: space-between; 
}
section[name="category"] .toggle-option-title,
section[name="product-category"] .toggle-option-title {
  position: relative;
  z-index: 2;             /* Przyciski wyżej niż suwak */
  flex: 1;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  user-select: none;      /* Blokada zaznaczania tekstu */
  font-weight: 600;
  color: var(--main-primary-color);
  background: none;
  border: none;

  /* Usunięcie focus/outline na klik/mousedown/tab */
  outline: none;
}



section[name="category"] .toggle-switch-frame {
	display: table;
}
section[name="category"] .toggle-switch-frame,
section[name="product-category"] .toggle-switch-frame { 
	border-radius: 25px; 
	padding: 5px;
}
section[name="product-category"] .toggle-switch-frame {
	display: none;
}
section[name="product-category"] .toggle-switch-frame.active {
	display: table;
}

section[name="category"] .toggle-switch-frame.head {
	margin-top: 30px;
}
section[name="category"] .toggle-switch-frame.head,
section[name="product-category"] .toggle-switch-frame.head {
	border-radius: 25px;
	background: #fff;
	padding: 5px; 
	margin-bottom: 20px;
}
section[name="product-category"] .toggle-switch-frame.head {
	border: 1px solid #d9d9d9;
}
section[name="category"] .toggle-switch,
section[name="product-category"] .toggle-switch {
  position: relative;

  
  border-radius: 25px;
  overflow: hidden;       /* Ukrywamy suwak, który wychodzi poza obszar */
  display: flex;          /* Dwa przyciski obok siebie */
  justify-content: space-between; 
}

section[name="category"] .toggle-switch-frame.head .toggle-switch,
section[name="product-category"] .toggle-switch-frame.head .toggle-switch {
 
	border-radius: 0;
	width: 100%;
}



/* Każdy przycisk zajmuje połowę szerokości kontenera */
section[name="category"] .toggle-option,
section[name="product-category"] .toggle-option {
  position: relative;
  z-index: 2;             /* Przyciski wyżej niż suwak */
  flex: 1;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;      /* Blokada zaznaczania tekstu */
  font-weight: 600; 
  color: #333;
  background: none;
  border: none;
  width: 100px;
  /* Usunięcie focus/outline na klik/mousedown/tab */
  outline: none;
}

section[name="product-category"] .toggle-option {
	width: 140px;
}
 
section[name="category"] .toggle-switch-frame.head .toggle-option,
section[name="product-category"] .toggle-switch-frame.head .toggle-option { 
    border-radius: 25px;
}
section[name="category"] .toggle-switch-frame.head .toggle-option {
	font-size: 20px;
}
section[name="product-category"] .toggle-switch-frame.head .toggle-option {
	font-size: 17px;
}
section[name="category"] .toggle-option:focus,
section[name="category"] .toggle-option:active,
section[name="product-category"] .toggle-option:focus,
section[name="product-category"] .toggle-option:active {
  outline: none;
  box-shadow: none;
}

/* Hover tylko dla nieaktywnego przycisku */
section[name="category"] .toggle-option:not(.active):hover,
section[name="product-category"] .toggle-option:not(.active):hover {
  background: #f2f2f2; /* Delikatne tło */
    border-radius: 25px;
 
}
section[name="category"] .toggle-switch-frame.head .toggle-option:not(.active):hover,
section[name="product-category"] .toggle-switch-frame.head .toggle-option:not(.active):hover {
  
    border-radius: 25px;
 
}

section[name="category"] .toggle-option.active,
section[name="product-category"] .toggle-option.active {
  color: #fff;            /* Kolor tekstu aktywnego przycisku */
}

section[name="category"] .toggle-switch-frame.head .toggle-option.active,
section[name="product-category"] .toggle-switch-frame.head .toggle-option.active {
  color: #fff;            /* Kolor tekstu aktywnego przycisku */
}

/* Suwak (slider) */
section[name="category"] .slider,
section[name="product-category"] .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;             /* Slider na pół, bo mamy 2 opcje */
  height: 100%; 
  transition: left 0.1s;
}
section[name="category"] .toggle-switch-frame.head .slider,
section[name="product-category"] .toggle-switch-frame.head .slider {
	background: var(--main-secondary-color);
	
    border-radius: 25px;
}

section[name="category"] .product img {
	display: none;
}
section[name="category"] .product img.active {
	display: block;
}
section[name="category"] .category-btn {
	display: table !important;
    margin-top: -70px;
    float: right;
    padding: 12px 30px 11px 30px;
	color: var(--main-tertiary-color);
}
section[name="category"] .category-btn:hover {
	text-decoration: none;
	
	transform: scale(1.05);
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.2))
}
section[name="category"] .wrapper {
	text-align: right;
}
section[name="category"] .wrapper p {
	text-align: left;
}

/* Kategoria - end */


/* Lista produktow - begin */

.product-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    padding: 20px 0;
}

.product-item {
    background: #fff; 
    border-radius: 20px;
    padding: 16px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
	position: relative;
	border: 1px solid #d9d9d9;
}

.product-info {
	position: absolute;
	top: 0;
	right: 15px;
	display: flex;
	gap: 10px;
}
.product-info .new {
	background: var(--main-primary-color);
	padding: 15px 5px 15px 5px;
	color: #fff;
	writing-mode: vertical-rl;
    transform: rotate(180deg);
}
.product-info .season {
	background: var(--main-secondary-color);
	padding: 15px 5px 15px 5px;
	color: #fff;
	writing-mode: vertical-rl;
    transform: rotate(180deg);
}
.product-wrapper {
	position: relative; 
}

.product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
	text-decoration: none;
}

.product-image-bg img {
    width: 50%;
    object-fit: contain;
    display: block;
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	display: none;
}
.product-image img {
    height: 350px;
    width: 100%;
    object-fit: contain;
    margin: 0 auto 12px;
    display: block;
    position: relative;
    z-index: 2;
}
.product-item:hover .product-image img {
}

.product-title {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--main-tertiary-color);
	text-decoration: none;
}

.product-category,
.product-types {
    font-size: 0.9rem;
    color: #555;
    margin: 2px 0;
}

/* Lista produktow - end */

/* Produkt - begin */
section[name="product"] .header {
	margin-top: 100px;
	height: 650px; 
	position: relative;
	text-align: center;
}
section[name="product"] .header .title {
	color: #ff9900;
	font-weight: 800;
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 25px;
	position: absolute;
    width: 100%;
    z-index: -1;
    top: 57px;
	text-transform: uppercase;
}
section[name="product"] .header svg {
	height: 100%;
	margin: auto;
}

.flex-table.product-table {
	width: 100%;
	margin: auto;
}
.flex-table.product-table .flex-row:nth-child(odd) .flex-cell {
	background: #6fc665;
}
.flex-table.product-table .flex-cell {
	padding: 20px;
}

.wp-block-domuly-title-description-block strong:first-child {
	font-size: 28px;
	line-height: 33px;
}
.wp-block-domuly-title-description-block .content-description {
	width: 80%;
}

.product-order-table {
    display: flex;
    justify-content: space-between;
    align-items: center; 
    padding: 20px;  
	background: var(--main-primary-color);
    margin: 50px auto;
    gap: 20px;
    flex-wrap: wrap;
}

.product-order-table .col {
    flex: 1 1 30%;
    text-align: center;
}

.product-order-table .type {
    font-weight: 600;
    font-size: 25px;
    color: #fff;
	text-transform: uppercase;
	position: relative;
}
.product-order-table .type span {
	position: relative;
}
.product-order-table .type span:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 3px;
	width: 100%;
	background: #fff;
}

.product-order-table .btn {
    display: inline-block;
    padding: 12px 20px;
    border-radius: 5px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s ease;
    white-space: nowrap;
	border: 0;
	color: var(--main-tertiary-color);
}

.btn-primary {
    background-color: #fff;
    color: var(--main-primary-color);
}

.btn-primary:hover {
    background-color: var(--main-secondary-color);
}

.btn-secondary {
    background-color: #fff;
    color: var(--main-primary-color);
}

.btn-secondary:hover {
    background-color: var(--main-secondary-color);
}

.category-btn {
    border-radius: 25px;
    background: #fff;
    padding: 5px;
    margin-bottom: 20px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
	font-size: 18px;
    font-weight: 600;
    color: #333;
	display: table !important;
	opacity: 1 !important;
}

/* Produkt - end */

/* Oddzialy - begin */
.oddzialy-grid { 
  display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 40px;
}

.wp-block-columns .wp-block-column.listaoddzialow {
	padding: 0;
}
.subpage .wp-block-columns .wp-block-column a {
	color: #fff;
}

.oddzial-box {
  border: 1px solid #e0e0e0;
  padding: 20px;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.oddzial-box:hover {
  background-color: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
}

.oddzial-box h3 {
  margin-top: 0;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--main-tertiary-color);
}

section[name="block"] .oddzial-box p {
  margin: 0px 0;
  font-size: 14px !important;
  line-height: 20px;
}
section[name="block"] li {
	color: #fff;
}
section[name="block"] b,
section[name="block"] strong {
	color: #fff;
}
section[name="block"] a {
	color: #fff;
	font-weight: 600;
}

.custom-amount-field {
  margin-top: 10px;
  text-align: left;
  color: var(--main-tertiary-color);
  margin-bottom: 40px;
}
.custom-amount-field input {
  padding: 8px;
  width: 100%;
  max-width: 300px;
  font-size: 16px;
}
.fullloanform .custom-amount-field input {
  margin-left: 20px;
}
.custom-amount-toggle {
	text-align: left;
}

.highlight-map {
  fill: #ff9900 !important;
  transition: fill 0.3s ease;
}

.highlight-box,
.oddzial-box:hover {
  background: #ff9900;
  transition: background 0.3s ease;
}
.oddzial-box.highlight-box strong,
.oddzial-box.highlight-box p strong,
.oddzial-box.highlight-box a,
.oddzial-box.highlight-box p,
.oddzial-box.highlight-box h3,
.oddzial-box:hover strong,
.oddzial-box:hover p strong,
.oddzial-box:hover a,
.oddzial-box:hover p,
.oddzial-box:hover h3 {
  color: #fff !important;
}


/* Oddzialy - end */

/* Kontakt - begin */
.kontakt-cols .wp-block-column:first-child {
	padding-left: 0;
}
.kontakt-list .col-md-12 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}
.kontakt-list .toggle {
    width: 100%;
	display: flex;
    align-items: flex-start;
}
.kontakt-list .toggle .item h3 {
    font-size: 25px;
}
.kontakt-list .toggle .item span {
    top: 15px;
    right: 15px;
    position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    background: url(/img/icons/toggle.svg) top right no-repeat;
    background-size: 31px 31px;
    transition: all .3s;
}
/* Kontakt - end */

.wp-block-columns {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: flex-start;
	margin-bottom: 40px;
}

.wp-block-columns .wp-block-column {
	padding: 20px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.wp-block-columns.mapa .wp-block-column {
		flex-basis: 100% !important;
	}
}

/* o firmie - begin */

.owoce-grid .wp-block-column {
	padding: 0;
}

.owoce-grid > .wp-block-column:first-child,
.owoce-grid > .wp-block-column:last-child {
    padding-top: 50px;
}
.owoce-grid .wp-block-column:first-child .wp-block-column,
.owoce-grid .wp-block-column:last-child .wp-block-column {
    flex-basis: 100% !important;
}
.owoce-grid .wp-block-column:first-child .wp-block-column p strong,
.owoce-grid .wp-block-column:last-child .wp-block-column p strong {
    font-size: 22px !important;
    line-height: 22px;
	margin-bottom: 20px;
}
.owoce-grid .wp-block-column:first-child .wp-block-column p,
.owoce-grid .wp-block-column:last-child .wp-block-column p {
    font-size: 16px !important;
    line-height: 25px;
}

/* Ukryj wszystkie opisy na start */
.icon1-desc,
.icon2-desc,
.icon3-desc,
.icon4-desc,
.icon5-desc {
  display: none;
  margin-top: 20px;
  animation: fadeIn 0.3s ease-in-out;
}

/* Styl aktywnego opisu */
.desc-active {
  display: block !important;
}

/* Proste fade-in */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.icons img {
	width: 150px;
	text-align: center;
}
.icons figure {
	width: auto;
	display: table;
	margin: auto;
	padding: 15px;
	margin-bottom: 5px;
	cursor: pointer;
}
.icons figure.active {
  outline: 3px solid #76b947;
  border-radius: 8px;
}
.icons .wp-block-column {
	flex-basis: 33.333%;
}
.icons .wp-block-column p {
    font-size: 16px !important;
    font-weight: 400;
}


/* o firmie - end */

/* header simple - begin */

.wp-block-domuly-header-simple-block h1 {
	width: 100%;
    font-size: 41px !important;
    line-height: 45px;
    font-weight: 800;
    margin: 0;
    padding: 0;
    color: #fff;
	letter-spacing: 10px;
	text-transform: uppercase;
}

/* header simple - end */
/*
nav {
	margin-top: 79px;
}
nav.navbar {
	padding: 0 !important;
	z-index: 2;
}
nav .logo {
	width: 224px;
	height: 68px;
	transition: filter .3s;
}
nav .logo:hover { 
	filter: drop-shadow(0px 0px 48px rgba(0, 126, 239, 0.4));
}
nav .container {
	
}
nav .navbar-collapse {
	margin-left: 106px;
}
.navbar-info .container {
	position: relative;
}
.navbar-info .info,
.navbar-info.main .infobefore {
	position: absolute; 
	top: -40px;
	right: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
}
.navbar-info.main .info,
.navbar-info.main .infobefore {
	top: 40px;
    position: absolute;
    z-index: 9;
    color: #fff;
} 
header.sub .navbar-info .info {
	color: var(--main-tertiary-color);
}
.navbar-info .info span,
.navbar-info .infobefore span {
	font-weight: 600;
	color: var(--main-secondary-color);
}
header .navbar-info .info a,
header .navbar-info .infobefore a {
	font-weight: 600;
	color: var(--main-primary-color);
}

.navbar-info .info .phone-ico,
.navbar-info .infobefore .phone-ico {
	margin-left: 10px;
	background: url('/img/icons/phone.svg') center left no-repeat;
	padding-left: 25px;
	color: var(--main-secondary-color);
	font-weight: 600;
	margin-right: 5px;
}
header.sub .navbar-info .info .phone-ico,
header.sub .navbar-info .infobefore .phone-ico {
	background: url('/img/icons/phone-black.svg') center left no-repeat;
	color: var(--main-primary-color);
	font-weight: 600;
	margin-right: 5px;
}
.navbar-info .info .phone-ico:hover,
.navbar-info .infobefore .phone-ico:hover {
	color: #fff;
}
.navbar-info .info .email-ico,
.navbar-info .infobefore .email-ico {
	margin-left: 5px;
	background: url('/img/icons/email.svg') center left no-repeat;
	padding-left: 25px;
	color: var(--main-secondary-color);
	font-weight: 600;
}
header.sub .navbar-info .info .email-ico,
header.sub .navbar-info .infobefore .email-ico {
	background: url('/img/icons/email-black.svg') center left no-repeat;
	color: var(--main-primary-color);
	font-weight: 600;
}
.navbar-info .info .email-ico:hover,
.navbar-info .infobefore .email-ico:hover {
	color: #fff;
}
.navbar-buttons a:link, 
.navbar-buttons a:focus {
	text-decoration: none;
}
.navbar-buttons a {
	mix-blend-mode: normal;
	padding: 0;
    background: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    justify-content: center;
    align-items: center;
    color: var(--main-primary-color);
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    padding: 5px 10px 5px 10px;
	margin-left: 10px;
    transition: filter .3s;
}
.navbar-buttons a:hover {
	filter: drop-shadow(0px 0px 10px rgba(0, 126, 239, 0.5));
}

.vertical-center {
	align-items: center;
}
nav .justify-content-start {
    -webkit-box-pack: end;
    -ms-flex-pack: start !important;
    justify-content: flex-end !important;
}

nav .nav-item:not(:first-child) {
	margin-left: 38px;
	display: flex;
    justify-content: center;
    align-items: center;
}
nav .nav-link:not(.btn-global) {
	font-size: 22px;
	font-weight: 400;
	margin-top: 15px;
	color: var(--main-secondary-color);
	padding: 0 !important;
	transition: text-shadow .3s;
}
nav .nav-link.promo {
	color: var(--main-primary-color) !important;
	font-weight: 700;
}
nav .nav-link i.home {
	width: 23px;
	height: 23px;
	background: url('/img/ico-home.png') no-repeat;
	background-size: 23px 23px;
	display: block;
}
 
nav .nav-link:hover .arrow-shadow {
	display: block;
}
nav .nav-link:hover:not(.btn-global) {
	color: var(--main-primary-color) !important;

}
nav .subitems:hover .nav-link {
	color: var(--main-primary-color) !important;
	
}
nav #navbar {
	margin-top: 8px;
}
nav .btn-global {
	font-size: 18px;
	padding: 6px 9px 6px 9px!important;
	color: #fff !important;
	margin-left: 26px;
}
.no-hover nav .nav-item.subitems:hover .items {
    display: none !important;
}

	nav .nav-item.subitems:hover .items,
	nav .nav-item.subitems:hover .arrow {
		display: block !important;
	}
	.navbar-light .navbar-nav .nav-link {
		color: #fff;
		position: relative;
	}
	header.sub .navbar-light .navbar-nav .nav-link {
		color: var(--main-tertiary-color);
	}
	header.sub .navbar-light .navbar-nav .nav-link.active {
		color: var(--main-primary-color);
	}
	
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover:before {

	}
	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover:after {

	} 
	.navbar-light .navbar-nav .nav-link:hover:after {

	}

	.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
		color: var(--main-secondary-color) !important;
	}
	header.sub .navbar-light .navbar-nav .nav-link:focus, header.sub .navbar-light .navbar-nav .nav-link:hover {
		color: var(--main-primary-color) !important;
	}
	
	nav .subitems:hover .nav-link:before {
	 
		color: #fc0 !important;  
	}
	nav .subitems:hover .nav-link {
		color: var(--main-secondary-color) !important;
	}
	header.sub nav .subitems:hover .nav-link {
		color: var(--main-primary-color) !important;
		position: relative;
	}
	header.sub nav .subitems:hover .nav-link:after {
		content: '';
		position: absolute;
		bottom: -20px;
		height: 20px;
		right: 0;
		left :0;
		background: transparent;
	}
	
	 
	nav .arrow {		
		display: none;
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 18px 18px 18px;
		border-color: transparent transparent #fff transparent;
		z-index: 42;
		padding-top: 5px;
		left: 0;
		right: 0;
		margin: auto;
	}
	 
	nav .arrow-shadow {
		display: none;
		height: 23px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
	}
	nav .items {
		display: none;
		position: absolute;
		width: 100%; 
		margin: auto; 
		left: 0;  
		top: 87px;
		background: #fff;
		filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
		z-index: 12;
	}
	nav .items .col-md-12 .col-md-12 a {
		width: 33.333%;
		display: inline-block;
	}
	nav .items .container {
		padding-top: 13px;
		padding-bottom: 13px;
	}
	nav .subitems .items a img {
		width: 100%;
		height: auto;
		object-fit: cover;
		margin-bottom: 10px;
	} 
	
	nav .subitems .items .col-md-4 a img {
		width: 100%;
		height: auto;
		object-fit: cover;
		margin-bottom: 10px;
		border-radius: 15px;
	} 
	nav .subitems .items a img.icon {
		width: 35px;
		height: 35px;
		top: 10px;
		left: 10px;
		position: absolute;
	}
	nav .subitems .items .col-md-4 a img.icon {
		width: 65px;
		height: 65px;
	}
	nav .subitems .items a {
		width: 100%;
		display: block;
		padding: 5px 10px 5px 50px;
		position: relative;
	}
	nav .subitems .items .col-md-4 a {
		padding: 5px 10px 5px 80px;
	}
	nav .subitems .items a.image {
		padding: 0;
		margin-bottom: 30px;
	}
	nav .subitems .items a.image:not(:last-child) {
		margin-bottom: 30px;
	}
	nav .subitems .items a:hover {
		text-decoration: none;
		background-color: #eee;
		border-radius: 15px;
	}
	nav .subitems .items .col-md-4 a:hover {
		background-color: #fff
	}
	nav .subitems .items a.menu-button-more {
		width: 100%;
		display: block; 
		
		background: var(--main-primary-color);
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		 
		color: #fff;
		text-decoration: none;
		text-align: center;
		font-size: 16px;
		line-height: 16px;
		font-weight: 300;
		padding: 15px;
		margin-top: 52px;
		transition: filter .3s;
	}
	nav .subitems .items a.menu-button-more:hover {
		filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
	}
	nav .subitems .items a.new div:nth-child(2):after {		
		content: 'Nowość';
		background-color: #f00;
		position: absolute;
		right: -47px;
		top: 4px;
		display: inline-block;
		padding: 0 .5em;
		line-height: 16px;
		border-radius: .5em;
		font-size: 10px;
		font-weight: 700;
		text-transform: none;
		letter-spacing: normal;
		color: #fff;
	}
	nav .subitems .items a {
		margin-bottom: 7px;
	}
	nav .subitems .items a.image div,
	nav .subitems .items a div:nth-child(2) {
		display: table;
		position: relative;
		font-size: 17px;
		font-weight: 600;
		color: var(--main-tertiary-color);
		padding: 0 10px 0 10px;
	}
	nav .subitems .items .col-md-4 a.image div,
	nav .subitems .items .col-md-4 a div:nth-child(2) {
		font-size: 20px;
	}
	nav .subitems .items a:not(.image) div:last-child {
		display: table;
		font-size: 13px;
		color: var(--main-tertiary-color);
		padding: 0 10px 0 10px;
	}
	nav .subitems .items h2 {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 35px;
		margin-left: -5px;
		margin-top: 0;
		color: var(--main-primary-color);
	}
	nav .items .col-md-4 {
		padding: 20px;
		border-radius: 30px;
		background: #eee;
	}
	nav .items .col-md-8 {
		padding: 20px;
		border-radius: 30px;
	}*/
	/* Navigation:submenu - end */
	
/* Navigation - end */


.img-intro {
	width: 100%;
	margin-top: 50px;
}

.newscontainer .container {
	width: auto !important;
	min-width: auto !important;
}
section[name="block"].newsother .col-md-6:last-child h4 {
    font-size: 20px !important;
}
section[name="block"].newsother .col-md-6:last-child p {
    font-size: 15px !important;
    line-height: 26px !important;
	margin-bottom: 50px;
 }
/* Welcome - begin */
section[name="welcome"] {
    width: 100%;
    /* height: 100vh; */
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
   /* background: url(/img/splash.png) no-repeat;*/
    background-size: 2180px;
    background-position-y: -70px;
    background-position-x: -160px;
    height: calc(100vh);
}
section[name="welcome"]:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: #0062CA;
	background: linear-gradient(180deg, rgba(0, 98, 202, 1) 0%, rgba(11, 128, 245, 1) 50%, rgba(9, 136, 255, 1) 100%);
}
body.subpage {
	background: #0062CA;
	background: linear-gradient(180deg, rgba(0, 98, 202, 1) 0%, rgba(11, 128, 245, 1) 50%, rgba(9, 136, 255, 1) 100%);
}
section[name="welcome"].subpage {
	height: auto;
}
section[name="welcome"].subpage:after {
	display: none;
}
section[name="welcome"].subpage .navbar-info {
	position: relative;
}
section[name="welcome"] .container .blob {
	position: absolute;
	top: -170px;
	right: -670px;
	height: 1150px;
}

section[name="welcome"] .splash:after {
    content: '';
    top: -230px;
    left: -310px;
    bottom: 0;
    right: 0;
    width: 1860px;
    z-index: -1;
    background: url('/img/ghost.png') no-repeat;
    background-size: 1860px;
    position: absolute;
}
section[name="welcome"] .splash {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 170px;
  /*height: calc(100vh - 170px);*/
  height: 100vh;
  width: 100%;
  
}

section[name="welcome"] .splash .row {
  padding: 12px; 
  flex-shrink: 0;
}

section[name="welcome"] .splash .cols {
  display: flex;
  flex: 1;
   
  gap: 0;
  padding: 0;
  box-sizing: border-box;
}

section[name="welcome"] .splash .col-left,
section[name="welcome"] .splash .col-right {
  
}

section[name="welcome"] .splash .col-left {
  flex: 2; 
}

section[name="welcome"] .splash .col-right {
  flex: 3; 
  position: relative;
}
section[name="welcome"] .splash .col-right img {
    position: absolute;
    top: -330px;
    left: 50px;
	width: 105%;
}
section[name="welcome"] .splash h2 {
	text-align: left;
	font-size: 44px !important;
	line-height: 57px;
	font-weight: 700;
	color: #fff;
	width: 60%;
    margin-top: 40px;
    margin-bottom: 70px;
}
section[name="welcome"] .splash h2 b {
	/*color: var(--main-secondary-color);*/
	color: #fff;
}

 
.fullloanform .grid-4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.fullloanform .grid-4 div {
	text-align: left;
} 
.fullloanform .slider-block {
  margin-top: 25px;
}

.fullloanform .slider-block label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  color: var(--main-tertiary-color);
  text-align: left;
}

.loan-form.full {
	background: transparent;
	filter: none;
	border: 0;
	border-radius: 0;
}
 
.custom-amount-field input[type="number"],
.fullloanform form input[type="text"],
.fullloanform form input[type="tel"],
.fullloanform form input[type="email"] {
    width: 100%;
    height: 50px;
    padding: 10px 20px 10px 20px;
    font-size: 18px;
    font-weight: 400;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
    transition: border-color 0.3s, box-shadow 0.3s;
    background-color: #fff;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 25px;
    margin-bottom: 20px;
}

.custom-amount-field input[type="number"]:focus,
.fullloanform form input[type="text"]:focus,
.fullloanform form input[type="tel"]:focus,
.fullloanform form input[type="email"]:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0,123,255,0.5);
}


 

.fullloanform .slider-value {
  text-align: right;
  font-weight: bold;
  color: #1f1f1f;
  margin-top: 5px;
  font-size: 15px;
}

.fullloanform .submit-btn {
 border: none;
  padding: 15px;
  width: 100%; 
  border-radius: 30px;
  cursor: pointer; 
  
  	color: #fff;
	font-size: 20px;
	font-weight: 600;
	background: var(--main-secondary-color); 
	   
    box-shadow: 0px 0px 7.2px 2.8px rgba(0, 0, 0, 0.09), inset 0px 0px 21px 0px rgba(0, 0, 0, 0.15);

}

.fullloanform .submit-btn:hover {
  	transform: scale(1.05);
}


.loan-form {
  background: white;
  border: 1px solid #cfdaf2;
  border-radius: 16px; 
  filter: drop-shadow(0px 0px 48px rgba(0, 126, 239, 0.4));
  padding: 30px;
  width: 100%;
  text-align: center;
}

.subpage .loan-form {
	
}

.amount label,
.period label,
.fullloanform .grid-4 div label {
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
  color: #555;
  text-align: left;
}

.value {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: right;
  color: #222;
}
input[type="range"] {
  width: 100%;
  margin: 10px 0 20px;
  -webkit-appearance: none;
  background: linear-gradient(to right, #0155db 0%, #0155db var(--value, 50%), #b2ddfc var(--value, 50%), #b2ddfc 100%);
  height: 12px;
  border-radius: 6px;
  outline: none;
  position: relative;
}

/* Dostosuj wygląd kropki */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: white;
  border: 9px solid #0155db;
  cursor: pointer;
  margin-top: -9px; /* Pozycjonowanie kropki */
  position: relative;
  z-index: 2;
  
  /* Dodajemy biały cień wokół */
  box-shadow: 0 0 0 4px white;
}


/* Firefox */
input[type="range"]::-moz-range-thumb {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: white;
  border: 6px solid #0155db;
  cursor: pointer;
}

/* Track w Firefox */
input[type="range"]::-moz-range-track {
  background: linear-gradient(to right, #0155db 0%, #0155db var(--value, 50%), #b2ddfc var(--value, 50%), #b2ddfc 100%);
  height: 12px;
  border-radius: 6px;
}

/* Track w Webkit */
input[type="range"]::-webkit-slider-runnable-track {
  height: 12px;
  border-radius: 6px;
}

/* AKTUALIZACJA wartości --value w JS */


.months {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
  background: #f0f2f5;
  border-radius: 33px;
  padding: 6px;
}
.subpage .months {
	width: 600px;
}	
	
.month-btn {
  background: none;
  border: none;
  padding: 9px;
  width: 45px;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  color: #333;
  transition: background 0.3s;
  
}

.month-btn.active {
  background: #0155db;
  color: white;
  box-shadow: 0 0 0 4px white;
}

.installment {
  text-align: right;
  margin-top: 10px;
  color: #333;
}

.submit-btn {
  margin-top: 25px;
   
  border: none;
  padding: 15px;
  width: 100%; 
  border-radius: 30px;
  cursor: pointer; 
  
  	color: #fff;
	font-size: 20px;
	font-weight: 600;
	background: var(--main-secondary-color); 
	   
    box-shadow: 0px 0px 7.2px 2.8px rgba(0, 0, 0, 0.09), inset 0px 0px 21px 0px rgba(0, 0, 0, 0.15);

}

.submit-btn:hover {
  background: #e63939;
}



.loan-success h4 {
	color: #fff !important;
	font-size: 40px !important;
	font-weight: 700 !important;
	margin-top: 100px;
}






section[name="welcome"] .container .tablet-frame {
	position: absolute;
	top: 60px;
    right: -400px;
    z-index: 0;
    width: 1000px;
}
section[name="welcome"] .container .tablet-frame svg {
	width: 100%;
} 
section[name="welcome"] .container .blob-frame svg,
section[name="welcome"] .blob-frame-top svg {
	filter: drop-shadow(0px 0px 48px rgba(0, 126, 239, 0.4));
}
section[name="welcome"] .container .blob-frame {
	position: absolute;
	top: -540px;
    right: -460px;
    width: 100%;
	z-index: 0;
}
section[name="welcome"] .blob-frame-top {
	position: absolute;     
	top: -230px;
    left: -271px;
} 
section[name="welcome"] .blob-frame-top svg {
	width: 540px;
}
section[name="welcome"] .description {
	position: absolute;
	top: 200px;
	width: 660px;
}
section[name="welcome"] .description h2 {
	width: 100%;
	font-size: 41px !important;
    line-height: 45px;
    font-weight: 800;
	margin: 0;
	padding: 0;
	color: var(--main-primary-color);
}
section[name="welcome"] .description h2 b {
	width: 100%;
	font-size: 41px !important;
    line-height: 45px;
    font-weight: 800;
	margin: 0;
	padding: 0;
	color: var(--main-secondary-color);
}
section[name="welcome"] .description h3 {
	width: 100%;
    font-size: 31px !important;
    line-height: 39px;
    font-weight: 700;
    margin-top: 8px;
    letter-spacing: 0.1px;
	padding: 0;
	color: var(--main-primary-color);
}
section[name="welcome"] .description p {
	width: 80%;
	font-size: 20px !important;
    line-height: 33px;
    font-weight: 300;
    margin-top: 19px;
    letter-spacing: 0.2px;
	color: var(--main-tertiary-color);
	opacity: 1;
}
section[name="slider"] .description ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
	width: 65%;
}
section[name="slider"] .description li {
	margin-right: 38px;
	margin-bottom: 28px;
	float: left;
}
section[name="welcome"] .description a:not(.opinions):link, 
section[name="welcome"] .description a:not(.opinions):focus {
	text-decoration: none;
}
section[name="welcome"] .description a:not(.opinions) {
	padding: 0;
    width: 291px;
    height: 54px;
    margin-top: 41px;
    background: var(--main-primary-color);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 22px;
    line-height: 20px;
    font-weight: 600;
	transition: filter .3s;
}
section[name="welcome"] .description a:not(.opinions):hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}
section[name="welcome"] .description a.opinions:link, 
section[name="welcome"] .description a.opinions:focus {
	text-decoration: none;
}
section[name="welcome"] .description a.opinions {
	padding: 0;
	width: 291px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: var(--main-primary-color);
    text-decoration: none;
    text-align: center;
    font-size: 22px;
    text-decoration: none;
    text-align: left;
    font-size: 16px;
    line-height: 15px;
    font-weight: 300;
	transition: filter .3s;
}
section[name="welcome"] .description a.opinions:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 1));
}
/* Welcome - end */

/* Subpage - begin */
section[name="subpage"] {
	width: 100%;
	/*height: auto;*/
	position: relative;
	/*overflow-x: hidden;*/
	/*overflow-y: hidden;*/
	/*background: url('/img/slider-bg.png') no-repeat;
	background-size: cover;*/
}
section[name="subpage"]:not(.exports) .col-md-6:nth-child(1) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
section[name="subpage"]:not(.exports) .col-md-6:nth-child(2) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
section[name="subpage"].exports {
	
}
section[name="subpage"].free {
	height: auto;
}
section[name="subpage"].notover {
	overflow: visible;
}
section[name="subpage"] .container .blob-frame {
	position: absolute;
	top: -310px;
    left: -490px;
    width: 100%;
	z-index: 0;
}
section[name="subpage"] .container .tablet-frame {
	/*position: absolute;
	top: 0;
    right: -132px;
    z-index: 0;
    width: 905px;*/
	position: absolute;
	z-index: 0;
}
section[name="subpage"] .container .tablet-frame.ex {
	top: 50px;
	width: 100%;
    display: flex;
    justify-content: flex-end;
}
section[name="subpage"] .container .casestudy-frame,
section[name="subpage"] .container .page-frame {
	position: relative;
	margin-top: 70px;
    right: 0;
    z-index: 0;
    width: auto;
}
section[name="subpage"] .container .tablet-frame img {
	width: 100%;
}
section[name="subpage"] .container .tablet-frame img.frame {
	width: calc(100% - 151px);
    position: absolute;
    left: 124px;
    right: 0;
    top: 24px;
	bottom: 0;
	z-index: -10;
}
section[name="subpage"] .description {
	position: relative; 
	width: 100%;
	padding-top: 100px;
}
section[name="subpage"] .description strong {
	color: #fff;
}
section[name="subpage"] .description.text-center {
	text-align: center;
}
section[name="subpage"] .description.center {
	position: relative;
    top: 0;
    padding-top: 50px;
    padding-bottom: 40px;
    width: 100%;
}
section[name="subpage"].head .description {
	padding-top: 50px;
	padding-bottom: 400px;
}
section[name="subpage"].head .container.img {
	margin-top: -450px;
}
section[name="subpage"] .description.center h2,
section[name="subpage"] .description.center h3,
section[name="subpage"] .description.center p {
	text-align: center;
}
section[name="subpage"] .description.center p {
	width: 60%;
	margin: auto;
}
section[name="subpage"] .description h1 {
	width: 100%;
	font-size: 41px !important;
    line-height: 45px;
    font-weight: 800;
	margin: 0;
	padding: 0;
	color: #fff;
}
section[name="subpage"] .description h3 {
	width: 100%;
    font-size: 41px !important;
    line-height: 53px;
    font-weight: 700;
    margin-top: 8px;
    letter-spacing: 0.1px;
	padding: 0;
	color: #fff;
}

section[name="subpage"] .description h2.primary,
section[name="subpage"] .description h3.primary {
    color: var(--main-primary-color);
}

section[name="content"] .text h2 {
	font-size: 41px !important;
    line-height: 45px;
    font-weight: 800;
	margin: 0;
	padding: 0;
	margin-bottom: 65px;
	color: #fff;
}
section[name="content"] .text p {
	font-size: 1.11em;
    line-height: 1.7; 
    font-weight: 300;
    margin-top: 19px;
    letter-spacing: 0.2px;
	color: var(--main-tertiary-color);
}

section[name="subpage"] .shadow {
	width: 100%; 
	/*height: 600px; 
	top: -157px; */
	background: var(--main-primary-color); 
	/*position: absolute;*/
	/*filter: drop-shadow(0px 0px 28px rgba(0, 126, 239, 0.4));*/
}
section[name="subpage"] .shadow-category {
	width: 100%; 
	/*height: 800px; */
	/*height: 700px; */
	/*margin-top: -367px;*/ 
	/*margin-top: -190px; */
	background: var(--main-primary-color); 
	/*position: absolute;*/
	/*filter: drop-shadow(0px 0px 28px rgba(0, 126, 239, 0.4));*/
}
section[name="subpage"] .shadow-category.small {
	/*height: 360px; */
}
 section[name="subpage"] .page-frame .media {
	position: absolute;
	right: 0px;
	top: -50px;
	/*
	width: 640px;
	height: 450px;*/

	width: 100%;
	height: auto;
	/*border-radius: 50px;*/
	z-index: 2; 
}
section[name="subpage"] .page-frame .media:before {
	/*content: '';
	position: absolute;
		
	width: auto;
	height: auto;
	right: -5px;
	left: -5px;
	top: 0;
	bottom: 0;
	border: 10px solid #fff;
	border-radius: 50px;
	z-index: 1;*/
}
.wp-block-domuly-subpage-header-block {
	margin-bottom: 200px;
}
.wp-block-domuly-subpage-header-block.jobheader {
	margin-bottom: 50px;
}
section[name="subpage"] .page-frame .media img {
	mask: url('/img/mask.svg') no-repeat center;
	
	object-fit: cover;
	/*border-radius: 50px;*/
	width: 100%;
	height: 100%;
}
section[name="subpage"] .page-frame .media video {
	mask: url('/img/mask.svg') no-repeat center;
	object-fit: cover; 
	width: 100%;
	height: 100%;
}
section[name="subpage"] .description p {
	width: 100%;
    margin-top: 19px;
	color: #fff; 
}
section[name="subpage"] .description p,
section[name="subpage"] .row:last-child p {
	font-size: 20px !important;
    font-weight: 300;
    line-height: 33px; 
    letter-spacing: 0.2px;
}
section[name="subpage"] .container-fluid .row:first-child {
	/*height: 443px;*/
	padding-top: 50px;
	padding-bottom: 40px;
} 
section[name="subpage"] .container-fluid .row p {
	color: #fff !important;
}
section[name="subpage"] .container .row p {
	color: var(--main-tertiary-color);
}

section[name="subpage"] .description p span,
section[name="block"] p strong,
section[name="block"] p b {
	color: #fff;
}
section[name="block"].blue p strong,
section[name="block"].blue p b {
	color: #fff;
}
.subpage section[name="block"].blue p strong,
.subpage section[name="block"].blue p b {
	color: var(--main-secondary-color);
}
section[name="block"].blue p {
	color: #fff;
}
section[name="block"].blue a:not(.content-btn) {
	color: var(--main-secondary-color);
}
section[name="block"].blue h2 {
	color: #fff;
}
section[name="subpage"] .description p.head {
    margin-top: 19px;
	margin-bottom: 100px;
	color: #fff;
}
section[name="subpage"] .description p.head-small {
    margin-top: 19px;
	margin-bottom: 40px;
	color: #fff;
}
section[name="subpage"] .description.news p.head-small {
	margin-bottom: 0px;
}
section[name="subpage"] .description p.head-small strong {
	color: #fff;
}
 
section[name="subpage"] .description a:not(.opinions):link, 
section[name="subpage"] .description a:not(.opinions):focus {
	text-decoration: none;
}
section[name="subpage"] .description a:not(.opinions) {
	padding: 0;
    width: 291px;
    height: 54px;
    margin-top: 41px;
    background: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: var(--main-primary-color);
    text-decoration: none;
    text-align: center;
    font-size: 22px;
    line-height: 20px;
    font-weight: 600;
	transition: filter .3s;
}
section[name="subpage"] .description.center a:not(.opinions) {
	left: 0;
	right: 0;
	margin: auto;
	margin-bottom: 50px;
}
section[name="subpage"] .description a:not(.opinions):hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}
section[name="subpage"] .description a.opinions:link, 
section[name="subpage"] .description a.opinions:focus {
	text-decoration: none;
}
section[name="subpage"] .description a.opinions {
	padding: 0;
	width: 291px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: var(--main-primary-color);
    text-decoration: none;
    text-align: center;
    font-size: 22px;
    text-decoration: none;
    text-align: left;
    font-size: 16px;
    line-height: 15px;
    font-weight: 300;
	transition: filter .3s;
}
section[name="subpage"] .description a.opinions:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 1));
}
/* Subpage - end */

/* Logos - begin */
section[name="logos"] .items,
section.companies .items {
	margin: auto;
	margin-top: 60px;
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 45px;
    grid-row-gap: 35px;
	width: 100%;
}
section[name="logos"] .items.logos-2,
section.companies .items.logos-2 {
    grid-template-columns: repeat(2, 1fr);
}	
section[name="logos"] .items.logos-3,
section.companies .items.logos-3 {
    grid-template-columns: repeat(3, 1fr);
}	
section[name="logos"] .items.logos-4,
section.companies .items.logos-4 {
    grid-template-columns: repeat(4, 1fr);
}	
section[name="logos"] .items.logos-5,
section.companies .items.logos-5 {
    grid-template-columns: repeat(5, 1fr);
}	
section[name="logos"] .items.logos-6,
section.companies .items.logos-6 {
    grid-template-columns: repeat(6, 1fr);
}	
section[name="logos"] .items.logos-7,
section.companies .items.logos-7 {
    grid-template-columns: repeat(7, 1fr);
}	

section[name="logos"].companies .items,
section.companies .items {
	margin-top: 10px; 
}
section[name="logos"] .items img,
section.companies .items img {
	grid-area: span 1 / span 1 / span 1 / span 1;
	align-self: center;
	justify-self: center;
	width: 100%;
	height: auto;
}
section[name="logos"] .items img.small,
section.companies .items img.small {
	width: 175px;
}
section.companies .content-description {
	margin-bottom: 20px;
}
/* Logos - end */

.portal-description {
	margin-bottom: 50px;
}


.col-md-6-wrapper {
	display: flex;
	width: 100%;
}
.col-md-6-wrapper .col-md-6 {
    padding: 10px;
    box-sizing: border-box;
    flex: 0 0 50%;
    max-width: 50%;
	padding: 0;
}



.image-frame {
	position: relative;
	height: 810px;
	margin-top: 100px;
	margin-bottom: 100px;
}
 
.image-frame:has(.frame.imageSize) {
    margin-top: 0;
}
.image-frame .frame.imageImgShadow img {
	filter: drop-shadow(0px 0px 28px rgba(0, 0, 0, 0.3));
}
 
.image-frame .frame.imageShadow {
	-webkit-box-shadow:0px 0px 105px 35px rgb(12 73 177 / 42%);
	-moz-box-shadow: 0px 0px 105px 35px rgb(12 73 177 / 42%);
	box-shadow: 0px 0px 105px 35px rgb(12 73 177 / 42%);
}
.image-frame .frame {
	position: absolute;
	width: 1350px;
	height: 810px;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 50px;
	z-index: 2;
}
.image-frame .frame.imageBorder:before {
	content: '';
	position: absolute;
		
	width: auto;
	height: auto;
	right: -5px;
	left: -5px;
	top: 0;
	bottom: 0;
	border: 10px solid #fff;
	border-radius: 50px;
	z-index: 1;
}
 
.image-frame figure {
	width: 100%;
	height: 100%;
	border-radius: 50px;
	overflow: hidden;
} 
.image-frame.noradius figure {
	border-radius: 0 !important;
} 
.image-frame figure video {
	object-fit: fill;
	width: 100%;
	height: 100%;
} 
figure video {
	cursor: pointer;
}
.image-frame figure img {
    width: 100%;
    height: 100%;
    object-fit: fill;
} 
.image-frame figure svg {
    width: 100%;
    height: 100%;
} 

figure img {
	width: 100%;
	height: auto;
}
figure.is-style-rounded img {
	border-radius: 15px;
    filter: drop-shadow(0px 0px 28px rgba(0, 0, 0, 0.3))
}
figure video {
	width: 100%;
    height: auto;
	filter: drop-shadow(15px 15px 0px var(--main-secondary-color));

}
figure img.cover {
	border-radius: .56em; 
	border: 1px solid var(--main-subprimary-2-color);
}

/* Functions - begin */
section[name="functions"],
section[name="portfolio"] {
	padding-top: 50px;
	padding-bottom: 50px;
}
section[name="functions"].blue-background,
section[name="portfolio"].blue-background {
	background-color: var(--main-subprimary-color);
	padding-top: 20px;
	padding-bottom: 50px;
}
section[name="functions"].websitemockup,
section[name="portfolio"].websitemockup {
	padding: 0 !important;
}
section[name="functions"].websitemockup img,
section[name="portfolio"].websitemockup img {
	width: 100%;
}
section[name="casestudies"] {
	background-color: var(--main-subprimary-color);
	padding-top: 50px;
	padding-bottom: 50px;
}
section[name="news"] {
	padding-top: 100px;
	padding-bottom: 100px;
}
section[name="news"] .content-link-more,
section[name="functions"] .content-link-more,
section[name="portfolio"] .content-link-more,
section[name="casestudies"] .content-link-more {
	position: absolute;
	right: 20px;
	top: 0;
	margin-top: 0;
}
section[name="news"] .content-title,
section[name="functions"] .content-title,
section[name="functionsfunctions"] .content-title,
section[name="casestudies"] .content-title {
	margin: 0;
	margin-bottom: 40px;
	width: 60%;
	text-align: left;
}
section[name="news"] .content-title.latest {
	margin-top: 60px;
	margin-bottom: 0;
}
section[name="news"] .items,
section[name="functions"] .items,
section[name="portfolio"] .items,
section[name="casestudies"] .items,
section[name="content"] .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 2.08em;
    grid-row-gap: 2.08em;
	 align-items: stretch; 
    /*grid-template-rows: auto;*/
}
section[name="functions"] .items.social-media .item h4,
section[name="functions"] .items.social-media .item p,
section[name="functions"] .items.logotypy .item h4,
section[name="functions"] .items.logotypy .item p 
section[name="portfolio"] .items.social-media .item h4,
section[name="portfolio"] .items.social-media .item p,
section[name="portfolio"] .items.wizualizacje-3d .item h4,
section[name="portfolio"] .items.wizualizacje-3d .item p,
section[name="portfolio"] .items.logotypy .item h4,
section[name="portfolio"] .items.logotypy .item p {
	display: none;
}

section[name="functions"] .items.social-media .item,
section[name="portfolio"] .items.social-media .item,
section[name="portfolio"] .items.wizualizacje-3d .item,
section[name="portfolio"] .items.strony-www .item {
	padding: 0;
}
section[name="portfolio"] .items.wizualizacje-3d .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
section[name="functions"] .items.logotypy,
section[name="portfolio"] .items.logotypy {
  display: grid;
  /* Jeśli chcesz sztywno 4 kolumny na desktopie, możesz użyć: */
  grid-template-columns: 1fr 1fr 1fr 1fr;
  
  /* albo bardziej elastycznie (responsywnie) np.: */
  /* grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); */
  
  gap: 20px; /* odstępy */
  align-items: stretch; /* karty będą się rozciągać w pionie w każdym wierszu */
}
section[name="portfolio"] .items.wizualizacje-3d {
  display: grid;
  /* Jeśli chcesz sztywno 4 kolumny na desktopie, możesz użyć: */
  grid-template-columns: 1fr 1fr 1fr;
  
  /* albo bardziej elastycznie (responsywnie) np.: */
  /* grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); */
  
  gap: 20px; /* odstępy */
  align-items: stretch; /* karty będą się rozciągać w pionie w każdym wierszu */
}
section[name="portfolio"] .items.strony-www {
  display: grid;
  /* Jeśli chcesz sztywno 4 kolumny na desktopie, możesz użyć: */
  grid-template-columns: 1fr 1fr 1fr 1fr;
  
  /* albo bardziej elastycznie (responsywnie) np.: */
  /* grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); */
  
  gap: 20px; /* odstępy */
  align-items: stretch; /* karty będą się rozciągać w pionie w każdym wierszu */
}
section[name="portfolio"] .items.social-media {
  display: grid;
  /* Jeśli chcesz sztywno 4 kolumny na desktopie, możesz użyć: */
  grid-template-columns: 1fr 1fr 1fr;
  
  /* albo bardziej elastycznie (responsywnie) np.: */
  /* grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); */
  
  gap: 20px; /* odstępy */
  align-items: stretch; /* karty będą się rozciągać w pionie w każdym wierszu */
}
section[name="functions"] .items.logotypy .item,
section[name="portfolio"] .items.logotypy .item {
  /* aspect-ratio 1/1 – wymusza kwadrat */
  aspect-ratio: 1 / 1;

  /* Flexbox do wycentrowania zawartości w pionie i poziomie */
  display: flex;
  flex-direction: column;
  align-items: center;    /* wyśrodkowanie poziome */
  justify-content: center; /* wyśrodkowanie pionowe */

  /* Obecnie masz sporo stylów (border, shadow itd.) – można je zachować: */
  background-color: #fff;
  border: 1px solid #c5cfd8;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 3px 3px 0 rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
  overflow: hidden;

  /* Uwaga: duże paddingi mogą sprawić, że zawartość się „nie zmieści”.
     Najlepiej zmniejszyć padding lub go usunąć, aby kształt pozostał kwadratowy. */
  padding: 0 !important;
  text-align: center; /* żeby nagłówek i opis były wycentrowane w poziomie */
}
section[name="functions"] .items.logotypy .item img,
section[name="portfolio"] .items.logotypy .item img {
  /* Żeby obrazek nie rozjeżdżał kwadratu */
  max-width: 70%;
  max-height: 70%;
  border-radius: 0 !important;
  object-fit: contain; /* Zapewnia dopasowanie bez rozciągania */
  
  /* usuwamy ewentualne marginesy i wymuszamy wyświetlanie blokowe: */
  display: block;
  margin: 0 auto;
}


section[name="content"] .items.self {
	grid-template-columns: auto !important;
}
section[name="news"] .items.margin,
section[name="functions"] .items.margin,
section[name="portfolio"] .items.margin,
section[name="casestudies"] .items.margin {
	margin-top: 2.08em;
}
section[name="functions"] .items .item.bg,
section[name="portfolio"] .items .item.bg {
	background: var(--main-secondary-color);
	border: 4px solid var(--main-secondary-color);
}
section[name="functions"] .items .item.bg h4 {
	color: #fff !important;
}
section[name="functions"] .items .item:before,
section[name="portfolio"] .items .item:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 4px solid #fff;
    border-radius: 15px;
	z-index: -1;
}
section[name="functions"] .items .item.bg:before,
section[name="portfolio"] .items .item.bg:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 4px solid var(--main-secondary-color);
    border-radius: 15px;
	z-index: -1;
}
section[name="portfolio"] .items .item:hover .btn-details {
	opacity: 1;
}
section[name="portfolio"] .items .item:hover:after {
	opacity: 0.2;
}
section[name="portfolio"] .items .item:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: var(--main-primary-color);
	opacity: 0;
	z-index: 2;
	transition: all .8s;
}
section[name="portfolio"] .items .item.strony-www h4,
section[name="portfolio"] .items .item.strony-www p {
	display: none;
}
section[name="portfolio"] .items .item .btn-details {
    opacity: 0;
	z-index: 3;
	padding: 0 30px 0 30px;
	width: 220px;
    height: 50px;
    background: var(--main-primary-color);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	color: #fff !important;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
	transition: all .8s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

section[name="portfolio"] .items .item .btn-details:hover {
    filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}
section[name="functions"] .items .item.new:after,
section[name="portfolio"] .items .item.new:after {
	content: 'Nowość';
    background-color: #f00;
    position: absolute;
    right: 35px;
    top: 30px;
    display: inline-block;
    padding: 2px 10px;
    line-height: 16px;
    border-radius: .5em;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    color: #fff;
	transition: all 0.3s ease;
}
section[name="functions"] .items .item:hover,
section[name="portfolio"] .items .item:hover {
	transform: scale(1.05);
	z-index: 99;
	border: 4px solid #fff;
	background: #fff;
  filter: drop-shadow(0px 0px 48px rgba(0, 126, 239, 0.4));
}
section[name="functions"] .items .item.bg:hover,
section[name="portfolio"] .items .item.bg:hover {
	transform: scale(1.05);
	z-index: 99;
	border: 4px solid var(--main-secondary-color) !important;
	background: var(--main-secondary-color);
  filter: drop-shadow(0px 0px 48px rgba(0, 126, 239, 0.4));
}
section[name="functions"] .items .item:hover h4,
section[name="portfolio"] .items .item:hover h4 {
	color: var(--main-secondary-color);
}
section[name="functions"] .items .item:hover p,
section[name="portfolio"] .items .item:hover p {
	color: var(--main-secondary-color);
}

section[name="functions"] .items .item,
section[name="portfolio"] .items .item {
	position: relative;
    display: flex;
    flex-direction: column; 
    justify-content: flex-start; 
    height: 100%; 
    padding: 35px;
    background-color: #fff;
    border-radius: 15px;
    border: 4px solid #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 3px 3px 0 rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
	gap: 30px;
	overflow: hidden;
}
/*section[name="functions"] .items .item {
	position: relative;
	padding-left: 2em;
    padding-right: 2em;
	background-color: #fff;
    border-radius: 15px;
    padding: 35px;


    border: 1px solid #c5cfd8;
    background: #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 3px 3px 0 rgba(0, 0, 0, 0.04);
}*/
section[name="news"] .items .item {
	position: relative;
	background-color: transparent;
    padding: 0;

    background: #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
section[name="news"] .col-md-6 {
	position: relative;
}
section[name="news"] .col-md-6 a,
section[name="news"] .items .item a {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 15px !important;
	margin: 0 !important;
	height: 100% !important;
}
section[name="news"] .col-md-6 a {
	top: -80px;
    height: calc(100% + 80px) !important;
}
section[name="casestudies"] .items .item {
	padding-left: 2em;
    padding-right: 2em;
	background-color: #fff;
    border-radius: .56em;
    padding: 35px;
    box-shadow: 0px 5px 10px rgba(74, 85, 104, .1);
	height: 250px;
	position: relative;
	border: 3px solid #fff;
	transition: all .3s;
	transform: scale(1);
}
section[name="casestudies"] .items .item h4 {
	position: absolute;
	
	left: 15px;
	right: 15px;
	bottom: 10px;
	padding: 10px 20px 10px 20px;
	font-size: 14px;
	background: #fff;
	border-radius: .56em;
	color: var(--main-tertiary-color);
	text-decoration: none;
}
section[name="casestudies"] .items .item:hover {
	text-decoration: none;
	filter: drop-shadow(0px 0px 18px rgba(255, 255, 255, 0.5));
	transform: scale(1.01);
}
section[name="content"] .items .item {
	padding-left: 2em;
    padding-right: 2em;
	background-color: transparent;
    border-radius: .56em;
    padding: 35px;
	border: 1px solid #c5cfd8;
	position: relative;
}
section[name="content"] .items.reviews .item {
	height: 250px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
section[name="content"] .items .item .cost {
	position: absolute;
	top: 10px;
	right: 10px; 
	border-radius: 3px;
    font-size: 10px;
    padding: 5px 13px 5px 13px;
	z-index: -1;
}
section[name="content"] .items .item .cost.status-1 {
	background: var(--main-subprimary-color);
	color: #4b76a0;
}
section[name="content"] .items .item .cost.status-2 {
	background: #ebfeea;
	color: #64a660;
}
section[name="content"] .items .item:hover {
	padding-left: 2em;
    padding-right: 2em;
	background-color: transparent;
    border-radius: .56em;
    padding: 35px;
	border: 1px solid var(--main-primary-color);
}


.anim-icon {
  animation: animIcon 1.5s ease-in-out forwards;
}

@keyframes animIcon {
  from {
    transform: rotate(180deg);
    opacity: 0;
  }
  to {
    transform: rotate(0deg);
    opacity: 1;
  }
}

section[name="functions"] .items .item img {
	width: 70px;
    margin-bottom: 0;
	vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}
section[name="functions"]:not(.portfolio) .items .item img {
    transform: rotate(180deg);
    opacity: 0;
}
section[name="functions"].portfolio .items .item img {
	width: 100%;
	border-radius: 10px;
}
section[name="news"] .col-md-6 figure,
section[name="news"] .items .item figure {
	width: 100%;
    height: 310px;	
    margin-bottom: 15px;
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
	border-radius: 15px;
    border: 1px solid #c5cfd8; 
    -webkit-transition: 0.2s;
    transition: 0.2s;
	overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 3px 3px 0 rgba(0, 0, 0, 0.04);
}	
section[name="news"] .items .item figure img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
section[name="news"] .col-md-6 figure {
	width: 100%;
    height: 450px;
}
section[name="news"] .col-md-6 figure img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
section[name="content"] .items .item img {
	width: 80%;
	vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}
 
section[name="news"] .item {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
 
section[name="news"] .item a:hover + figure img {
    transform: scale(1.1);  
    transition: transform 0.3s ease; 
}
 
section[name="news"] .item figure img {
    transition: transform 0.3s ease; 
    display: block;
    width: 100%;
    height: auto;
}

/* Stylizowanie kontenera, aby obrazek był skalowany w granicach */
.row.first .col-md-6:first-child figure {
    overflow: hidden;
}

/* Domyślny styl obrazka z płynną animacją */
.row.first .col-md-6:first-child figure img {
    transition: transform 0.3s ease; /* Dodaj płynne przejście */
}

/* Powiększenie obrazka po dodaniu klasy zoomed */
.row.first .col-md-6:first-child figure img.zoomed {
    transform: scale(1.1); /* Powiększenie obrazka */
}

.postPhoto {
	width: 100%;
	height: 650px;
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 50px;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
.postPhoto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section[name="news"] .items .item span,
section[name="news"] .col-md-6 span,
span.date {
	font-size: 14px;
	font-weight: 300;
	color: var(--main-tertiary-color);
	background: url('/img/icons/calendar.svg') left center no-repeat;
	padding-left: 25px;
	background-size: auto 100%;
}
span.date {
	display: block;
	margin-bottom: 30px;
}

section[name="subpage"] .description.news {
	padding-top: 40px;
	padding-bottom: 50px;
}
section[name="subpage"] .description.news span {
	font-weight: 300;
	color: var(--main-tertiary-color);
	background: url('/img/icons/calendar-white.svg') left center no-repeat;
	background-size: auto 100%;
	color: #fff;
	left: 0;
	right: 0;
	margin: auto;
	display: table;
	position: relative;
}
section[name="news"] .col-md-6 span,
section[name="subpage"] .description.news span {
	font-size: 16px;
	padding-left: 29px;
}
section[name="content"] .items .item .img {
	width: 100%; 
	height: 70px; 
	background: var(--logo-name) center center no-repeat; 
	background-size: 70% auto;
}

section[name="functions"] .items .item h4,
section[name="content"] .items .item h4 {
	margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
	color: var(--main-tertiary-color);
}
section[name="news"] .items .item h4,
section[name="news"] .col-md-6 h4 {
	margin-top: 10px;
    margin-bottom: 15px;
    
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
	color: var(--main-tertiary-color);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
section[name="news"] .col-md-6 h4 {
	font-size: 35px;
	line-height: 44px;
	-webkit-line-clamp: 1;
}
section[name="content"] .items.reviews .item h4 {
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
}
section[name="functions"] .items .item p,
section[name="content"] .items .item p {
	margin-bottom: 0;
	margin-top: -15px;
    font-size: 1.11em;
    line-height: 1.7;
	color: var(--main-tertiary-color);
	font-weight: 300;
}
section[name="news"] .items .item p,
section[name="news"] .col-md-6 p {
	margin-bottom: 0;
    
    font-size: 1.11em;
    line-height: 1.7;
	color: var(--main-tertiary-color);
	font-weight: 300;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
section[name="news"] .col-md-6 p {
	font-size: 20px;
	line-height: 33px;
	-webkit-line-clamp: 8;
	position: relative;
	overflow: visible;
}
section[name="content"] .items.reviews .item p {
	font-size: 12px;
	line-height: 18px;
	text-style: italic;
}
section[name="block"] a.more:link, 
section[name="block"] a.more:focus,
section[name="functions"] .items .item a:link, 
section[name="functions"] .items .item a:focus,
section[name="content"] .items .item a:link, 
section[name="content"] .items .item a:focus ,
section[name="alter-footer"] a:link, 
section[name="alter-footer"] a:focus {
	text-decoration: none;
}
section[name="block"] a.more,
section[name="functions"] .items .item a,
section[name="content"] .items .item a,
section[name="alter-footer"] a {
	padding: 0;
    width: 100%;
    height: 50px;
   margin-top: auto;
    background: var(--main-primary-color);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
	transition: filter .3s;
}
section[name="alter-footer"] a {
	display: inline-flex;
	width: auto;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 50px;
	margin-top: 0;
}
section[name="block"] a.more {
	width: auto !important;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-grid;
	margin-top: 20px;
}
section[name="block"] a.more:hover,
section[name="functions"] .items .item a:hover,
section[name="content"] .items .item a:hover,
section[name="alter-footer"] a:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}


section[name="functions"] .items .item h3, section[name="content"] .items .item h3 {
	font-size: 16px;
	text-align: right;
}
/* Functions - end */

 
/* journey - begin */


section[name="journey"] .container {
    border-radius: 30px;
	background: var(--main-primary-color);
    filter: drop-shadow(0px 0px 58px rgba(0, 126, 239, 0.5));
}
section[name="journey"] .content-link-more {
	position: absolute;
	right: 20px;
	top: 20px;
	margin-top: 0;
}
section[name="journey"] h2 {
	width: 80%;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 50px;
	font-weight: 600;
	color: #fff;
}
section[name="journey"] .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 2.08em;
    grid-row-gap: 2.08em;
    grid-template-rows: auto;
}
section[name="journey"] .items.margin {
	margin-top: 2.08em;
	margin-bottom: 30px;
}
section[name="journey"] .items .item {
	padding-left: 2em;
    padding-right: 2em;
    border-radius: .56em;
    padding: 35px; 
}

section[name="journey"] .items .item h3 {
	margin-top: 0;
	margin-bottom: 20px;
    font-size: 55px;
    line-height: 55px;
    font-weight: 300;
	color: #fff;
}
section[name="journey"] .items .item h3 span {
	margin-top: 0;
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
	color: #ffcc00;
	position: relative;
	display: inline-block;
}
section[name="journey"] .items .item h3 span:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
	width: 100%;
    height: 5px;
    background: #ffcc00;
}
section[name="journey"] .items .item p {
	margin-bottom: 0;
    font-size: 1.11em;
    line-height: 1.7;
	color: #fff;
	font-weight: 300;
}
/* journey - end */

/* block-img - begin */
section[name="block-img"] {
	background-color: var(--main-subprimary-color);
	padding-top: 50px;
	padding-bottom: 50px;
}
section[name="block-img"] .content-link-more {
	position: absolute;
	right: 20px;
	top: 20px;
	margin-top: 0;
}
section[name="block-img"] .content-title {
	margin-bottom: 40px;
	width: 60%;
	text-align: left;
}
section[name="block-img"] .content-title span {
	color: var(--main-primary-color);
}
section[name="block-img"] p {
	width: 75%;
    font-size: 20px !important;
    line-height: 33px;
    font-weight: 300;
    letter-spacing: 0.1px;
    padding: 0;
    color: var(--main-tertiary-color);
    text-align: left;
	margin-bottom: 30px;
}

section[name="block-img"] img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	border-radius: 30px;
	
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
/* block-img - end */

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    font-family: Arial, sans-serif;
}

.pagination a, .pagination span {
    color: #333;
    padding: 8px 12px;
    margin: 0 5px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

.pagination a:hover {
    background-color: #f0f0f0;
    color: var(--main-primary-color);
}

.pagination .current {
    background-color: var(--main-primary-color);
    color: #fff;
    border-color: var(--main-primary-color);
    font-weight: bold;
}

.pagination .dots {
    background-color: transparent;
    border: none;
    color: #666;
    cursor: default;
}

.pagination a.prev, .pagination a.next {
    font-weight: bold;
    color: var(--main-primary-color);
    border-color: var(--main-primary-color);
}

.pagination a.prev:hover, .pagination a.next:hover {
    background-color: var(--main-primary-color);
    color: #fff;
}


/* gallery - begin */
section[name="gallery"] {
	padding-top: 50px;
	padding-bottom: 50px;
}
section[name="gallery"].blue-background {
	background-color: var(--main-subprimary-color);
}
section[name="gallery"] .content-link-more {
	position: absolute;
	right: 20px;
	top: 20px;
	margin-top: 0;
}
section[name="gallery"] .content-title {
	margin-bottom: 40px;
	width: 100%;
	text-align: left;
	position: relative;
}
section[name="gallery"] .content-title span {
	color: var(--main-primary-color);
}
section[name="gallery"] p {
	width: 100%;
    font-size: 20px !important;
    line-height: 33px;
    font-weight: 300;
    letter-spacing: 0.1px;
    padding: 0;
    color: var(--main-tertiary-color);
    text-align: left;
	margin-bottom: 30px;
}

section[name="gallery"] img {
	width: 100%;
	height: auto;
	border-radius: 30px;
}
section[name="gallery"].height-680 img {
	height: 680px;
}
section[name="gallery"].height-750 img {
	height: 750px;
}
section[name="gallery"].img-cover img {
	object-fit: cover;
}
section[name="gallery"].img-contain img {
	object-fit: contain;
}
section[name="gallery"].img-fill img {
	object-fit: fill;
}

/* Styl dla galerii */
.gallery-wrapper {
    position: relative;
    overflow: hidden; /* Ukrywa pasek przewijania */
    width: 100%; /* Kontener galerii na pełną szerokość */
	padding: 0;
    max-width: calc(100% - 30px);
    margin-left: 15px;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
	
	border-radius: 30px;
}

.gallery {
    display: flex;
    transition: transform 0.5s ease; /* Płynne przesuwanie */
    width: 100%;
}

.gallery img {
    flex-shrink: 0;
    width: 100%; /* Każdy obrazek zajmuje 100% szerokości w kontenerze */
    height: 300px; /* Wysokość obrazka, możesz zmienić w razie potrzeby */
    object-fit: cover;
    border-radius: 0px; /* Brak zaokrąglonych rogów, jak prosiłeś */
}

.gallery-frame {
	position: relative;
}

/* Styl strzałek */
.gallery-arrow {
    position: absolute;
	width: 50px;
	height: 50px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    padding: 10px 20px;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.gallery-arrow:hover {
    width: 70px;
    height: 70px;
}
.gallery-arrow:hover.left-arrow {
	left: -75px;
}
.gallery-arrow:hover.right-arrow {
	right: -75px;
}

/* Strzałka w lewo */
.left-arrow {
    left: -65px;
    background: url('/img/arrow-left.svg') no-repeat;
}

/* Strzałka w prawo */
.right-arrow {
    right: -65px;
    background: url('/img/arrow-right.svg') no-repeat;
}

/* block-img - end */


/* Style for the popup */
.popup {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

.popup-content video {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.close {
    position: absolute;
    top: 10px;
    right: 20px;
    color: white;
    font-size: 24px;
    cursor: pointer;
    z-index: 1001;
}


/* block-img - begin */
section[name="block-img"] {
	background-color: var(--main-subprimary-color);
	padding-top: 50px;
	padding-bottom: 50px;
}
section[name="block-imgs"] .content-link-more {
	position: absolute;
	right: 20px;
	top: 20px;
	margin-top: 0;
}
section[name="block-imgs"] .content-title {
	margin-bottom: 40px;
	width: 60%;
	text-align: left;
}
section[name="block-imgs"] .content-title span {
	color: var(--main-primary-color);
}
section[name="block-imgs"] p {
	width: 75%;
    font-size: 20px !important;
    line-height: 33px;
    font-weight: 300;
    letter-spacing: 0.1px;
    padding: 0;
    color: var(--main-tertiary-color);
    text-align: left;
	margin-bottom: 30px;
}

section[name="block-imgs"] .carousel .item img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	border-radius: 30px;
	
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}

section[name="block-imgs"] .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 2.08em;
    grid-row-gap: 2.08em;
    grid-template-rows: auto;
}

section[name="block-imgs"] .items.margin {
	margin-top: 2.08em;
}
section[name="block-imgs"] .items .item {
	padding-left: 2em;
    padding-right: 2em;
	background-color: #fff;
    border-radius: .56em;
    padding: 35px;
    box-shadow: 00px 5px 10px rgba(74, 85, 104, .1);
}
section[name="block-imgs"] .items .item h4 {
	margin-top: 0;
    margin-bottom: .25em;
    font-size: 1.39em;
    font-weight: 700;
    line-height: 1.5;
	color: var(--main-tertiary-color);
}
section[name="block-imgs"] .items .item img {
	width: 50px;
    margin-bottom: 24px;
	vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}
section[name="block-imgs"] .items .item {
	margin-top: 0;
    margin-bottom: .25em;
    font-size: 1.39em;
    font-weight: 700;
    line-height: 1.5;
	color: var(--main-tertiary-color);
}

section[name="block-imgs"] .items .item p {
	margin-bottom: 0;
    font-size: 1.11em;
    line-height: 1.7;
	color: var(--main-tertiary-color);
}

section[name="block-imgs"] .items .item a:link, 
section[name="block-imgs"] .items .item a:focus {
	text-decoration: none;
}

section[name="block-imgs"] .items .item a {
	padding: 0;
    width: 100%;
    height: 50px;
    margin-top: 41px;
    background: var(--main-primary-color);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
	transition: filter .3s;
}
section[name="block-imgs"] .items .item a:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}
/* Functions - end */
/* block-imgs - end */

/* alter-footer - begin */
section[name="alter-footer"] {
	background-color: var(--main-subprimary-color);
	padding-top: 50px;
	padding-bottom: 0;
}
section[name="alter-footer"] .content-link-more {
	position: absolute;
	right: 20px;
	top: 20px;
	margin-top: 0;
}
section[name="alter-footer"] h2 {
	margin: auto;
	margin-bottom: 40px;
	width: 60%;
	text-align: center;
}
section[name="alter-footer"] h2 span:first-child {
	color: var(--main-primary-color);
}
section[name="alter-footer"] p {
	width: 75%;
    font-size: 20px !important;
    line-height: 33px;
    font-weight: 300;
    letter-spacing: 0.1px;
    padding: 0;
    color: var(--main-tertiary-color);
    text-align: center;
	margin: auto;
	margin-bottom: 30px;
}
section[name="alter-footer"] p {
}

section[name="alter-footer"] img {
	width: 100%;
	/*height: 613px;*/
	height: auto;
	object-fit: contain;
}
/* alter-footer - end */


.rating-box {
  
	filter: drop-shadow(0px 0px 5px rgba(255, 204, 0, 0.7));
  margin-top: 0px;
 /* height: 3rem;*/
  height: 25px;
}

.rating-star{
  position: relative;
  font-size: 25px;
  width: 25px;
  height: 25px;
  padding: 0;
  display: inline-block;
}

.full-star:before {
  color: #f2b01e;
  content: "\2605";
  position: absolute;
  left: 0;
  top: 0;
  line-height: 25px;
  overflow: hidden;
}
 

/* Content - begin */

section[name="content"].bg {
	background-color: var(--main-subprimary-color);
}
section[name="content"] .search {
	width: calc(100% - 2px);
	border-width: 1px;
    border: 1px solid #c5cfd8;
    background: url('/img/icons/search.svg') left 10px center no-repeat;
	background-size: 30px 30px;
	border-radius: .5rem;
    padding: 1rem 1.25rem;
    line-height: 1.25rem;
    padding-left: 3rem;
}

.details .title {
	font-size: 12px;
	font-weight: 500;
	color: var(--main-tertiary-color);
	margin-top: 20px; 
	margin-left: 10px;
	margin-bottom: 5px;
}
.details .value {
	background: var(--main-subprimary-color);
	padding: 7px 10px 7px 10px;
	color: var(--main-tertiary-color);
	font-size: 15px;
	font-weight: 300;
	border-radius: 10px;
	display: table;
}

/* Content - end */

/* Tabs - begin */
section[name="tabs"],
.wp-block-domuly-section-cols {
	background-color: var(--main-primary-color);
	padding-top: 50px;
	padding-bottom: 50px;
}
section[name="tabs"] .content-title,
.wp-block-domuly-section-cols .content-title,
section[name="tabs"] .content-description,
.wp-block-domuly-section-cols .content-description {
	color: #fff;
	text-align: left;
	margin-left: 0;
	width: 100%;
}
section[name="tabs"] .content-box .content-title,
.wp-block-domuly-section-cols .content-box .content-title {
	color: var(--main-primary-color);
	text-align: left;
	margin-left: 0;
	font-size: 30px !important;
}
section[name="tabs"] .content-box .content-description,
.wp-block-domuly-section-cols .content-box p {
	color: var(--main-tertiary-color);
	text-align: left;
	margin-left: 0;
	width: 100%;
	font-size: 20px !important;
	line-height: 33px;
	font-weight: 300 !important;
}
section[name="tabs"] .content-box .col-md-12 img,
.wp-block-domuly-section-cols .content-box .col-md-12 img {
	width: 100%;
}
section[name="tabs"] .content-box li,
.wp-block-domuly-section-cols .content-box li {
	color: var(--main-primary-color);
	font-weight: 300;
}
section[name="tabs"] .box,
.wp-block-domuly-section-cols .box {
	margin-top: 30px;
}

section[name="tabs"] .content-box a:link, 
section[name="tabs"] .content-box a:focus {
	text-decoration: none;
}
section[name="tabs"] .content-box a {
	padding: 0;
    width: 100%;
    height: 50px;
    margin-top: 41px;
    background: var(--main-primary-color);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
	transition: filter .3s;
}
section[name="tabs"] .content-box a:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}
/* Tabs - end */

.flex-container {
    display: flex;
    width: 100%; /* Ustawia pełną szerokość rodzica */
}
.flex-container.left a.content-btn {
    justify-self: flex-start; /* Wyrównanie do lewej */
}
.flex-container.center a.content-btn {
    margin-left: auto;
    margin-right: auto; /* Centrowanie */
}
.flex-container.right {
	justify-content: flex-end;
}
.flex-container.right a.content-btn {
    justify-self: flex-end; /* Wyrównanie do prawej */
}


a.content-btn:link, 
a.content-btn:focus {
	text-decoration: none;
}
a.content-btn {
	padding: 0 30px 0 30px;
	width: auto;
    height: 50px;
    background: var(--main-primary-color);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
	transition: filter .3s;
}
a.content-btn:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 0, 0, 0.1));
}

section[name="block"].blue a.content-btn {
	background: #fff;
    color: var(--main-secondary-color);
	font-weight: 600;
    text-transform: uppercase;
	box-shadow: 0px 0px 7.2px 2.8px rgba(0, 100, 0, 0.09), inset 0px 0px 21px 0px rgba(0, 100, 0, 0.15)
}
section[name="block"].blue a.content-btn:hover {
	filter: drop-shadow(0px 0px 18px rgba(255, 255, 255, 0.3));
}

.content-box.add-padding {
    background-color: var(--white);
    margin-top: 60px;
    margin-bottom: 60px;
}
.content-box {
    background-color: #ecf5ff;
    border-radius: 16px;
    padding: 20px 30px;
    text-align: center;
    width: 100%;
}
 


/* Slider - begin */
section[name="slider"] {
	width: 100%;
	height: 100vh;
	position: relative;
	background: url('/img/slider-bg.png') no-repeat;
	background-size: cover;
}
section[name="slider"] .container {
	height: 100vh;
	position: relative;
}

section[name="slider"] .description li.miyosmart a:hover {
	filter: drop-shadow(0px 0px 18px rgba(253, 222, 168, 1));
}
section[name="slider"] .description li.miyosmart a {
	background: #fddea8;
}
section[name="slider"] .description li.miyosmart img {
	height: 50px;
}
section[name="slider"] .ratings {
	position: absolute;
	bottom: 25px;
}
section[name="slider"] .ratings .p-2 {
	padding: 0 !important;
}
section[name="slider"] .ratings .p-2.info {
	margin-left: 24px;
	margin-top: 5px;
}
section[name="slider"] .ratings .p-2.info .p-2 {
	display: flex;
    justify-content: center;
    align-items: center;
}
section[name="slider"] .avatars {
	position: relative;
}
section[name="slider"] .avatars img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 7px solid #fff;
	width: 72px;
	height: 72px;
	float: left;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.3));
}
section[name="slider"] .avatars img:not(:first-child) {
	margin-left: -20px;
}
section[name="slider"] .ratings h3 {
	font-size: 22px;
	line-height: 22px;
	font-weight: 300;
}
section[name="slider"] .ratings h2 {
	font-size: 22px;
	line-height: 22px;
	font-weight: 300;
}
section[name="slider"] .ratings h2 img {
	width: 32px;
	height: 32px;
	margin-right: 5px;
}
section[name="slider"] .ratings .p-2.info .p-2.shadow {
	color: #a9a9a9;
	margin-left: 5px;
}
section[name="slider"] .girl {
	position: absolute;
	width: 790px;
	height: 790px;
	background: url('/img/slider-girl.png') no-repeat;
	background-size: 790px 790px;
	bottom: 0;
	right: -154px;
}
section[name="slider"] .logo-kids {
	position: absolute;
	width: 96px;
	height: 60px;
	background: url('/img/kids-logo.png') no-repeat;
	background-size: 96px 60px;
	top: 433px;
    right: 301px;
	transform: rotate(22deg);
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));

}
section[name="slider"] .logo-miyosmart {
	position: absolute;
	width: 154px;
	height: 80px;
	background: url('/img/img-hoya.png') no-repeat;
	background-size: 154px 80px;
	top: 310px;
    right: 460px;
	transform: rotate(-17deg);
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
/* Slider - end */

/* Block - begin */
/*section[name="block"] {
	text-align: center;
}*/
section[name="block"] .stats .row {
	padding-top: 30px;
}
section[name="block"] .stats span {
	font-size: 70px;
	font-weight: 600;
	color: var(--main-primary-color);
}
section[name="block"] .stats div {
	font-size: 20px !important;
    line-height: 33px;
    font-weight: 300;
    letter-spacing: 0.1px;
    padding: 0;
    color: var(--main-tertiary-color);
}
 
section[name="block"] h2 {
	font-size: 50px;
	font-weight: 600;
	color: var(--main-tertiary-color);
    /*text-transform: uppercase;*/
  position: relative;
 /* display: inline-block;*/
  /*  padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;*/
}
.subpage section[name="block"] h2,
.subpage section[name="block"] p {
	color: #fff;
}
.subpage section[name="block"].blue h2,
.subpage section[name="block"].blue p {
    color: var(--main-tertiary-color);
}
/*
section[name="block"] h2::after {
  content: "";
  position: absolute;
    bottom: -25px;
    left: -0.5rem;
    right: -0.5rem;
    height: 30px; 
    z-index: -1;
 
    background-image: url('/img/underline.svg');
    background-repeat: repeat-x;
  pointer-events: none;
}*/
.subpage .wp-block-domuly-container-block.blue {
	background: #fff;
}
 
.wp-block-domuly-container-block.blue {
	background: #0988ff;
}
.wp-block-domuly-container-block .image-left, 
.wp-block-domuly-container-block .image-right {
    position: absolute;
    z-index: 1;
}

.wp-block-domuly-container-block .image-left {
    left: -50px;
}
.wp-block-domuly-container-block .image-right {
    right: -50px;
}

.wp-block-domuly-container-block .image-top {
    top: -80;
}
.wp-block-domuly-container-block .image-center {
    top: 50%;
    transform: translateY(-50%);
}
.wp-block-domuly-container-block .image-bottom {
    bottom: 50px;
}

.wp-block-domuly-container-block .row:first-child .col-md-12 {
	 
}
.wp-block-domuly-container-block .row:first-child .col-md-12 h2 {
	display: table; 
}
.wp-block-domuly-container-block .jobs .row:first-child .col-md-12 h2 {
	margin-left: 0;
}
 

section[name="block"] h2.medium {
	font-size: 40px !important;
    line-height: 45px;
}
section[name="block"] h2.big {
	font-size: 50px !important;
    line-height: 55px;
}
section[name="block"] h4 {
	font-size: 28px;
	font-weight: 600;
	color: var(--main-tertiary-color);
}
.wp-block-domuly-table-block .flex-cell,
.timeline-content,
section[name="block"] p,
section.wp-block-domuly-tabs p {
    font-size: 20px !important;
    line-height: 33px;
    font-weight: 300;
    letter-spacing: 0.1px;
    padding: 0;
	margin-bottom: 0;
    color: var(--main-tertiary-color);
}
section[name="block"] .item p {
    font-size: 	17px !important;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: 0.1px;
    padding: 0;
	margin-bottom: 0;
    color: var(--main-tertiary-color);	
}
section[name="block"] .text-l {
	padding-right: 50px;
}
section[name="block"] .text-r,
section.domuly-tabs .text-r {
	padding-left: 50px;
}


section.wp-block-domuly-tabs {
	position: relative;
}
/*
section.glow-left-1:after {
    content: '';
    width: 1021px;
    height: 1500px;
    background: url(/img/bg-glow-left-1.png) left center no-repeat;
    background-size: 1021px 1500px;
    position: absolute;
    display: block;
    left: 0;
    top: -800px;
    z-index: -1;
}
section.glow-left-2:after {
    content: '';
    width: 1021px;
    height: 1500px;
    background: url(/img/bg-glow-left-2.png) left center no-repeat;
    background-size: 1021px 1500px;
    position: absolute;
    display: block;
    left: 0;
    top: -800px;
    z-index: -1;
}
section.glow-left-3:after {
    content: '';
    width: 1021px;
    height: 1500px;
    background: url(/img/bg-glow-left-3.png) left center no-repeat;
    background-size: 1021px 1500px;
    position: absolute;
    display: block;
    left: 0;
    top: -800px;
    z-index: -1;
}
section.glow-right-1:before {
    content: '';
    width: 1037px;
    height: 1500px;
    background: url(/img/bg-glow-right-1.png) right center no-repeat;
    background-size: 1037px 1500px;
    position: absolute;
    display: block;
    right: 0;
    top: -520px;
    z-index: -1;
}
section.glow-right-2:before {
    content: '';
    width: 1037px;
    height: 1500px;
    background: url(/img/bg-glow-right-2.png) right center no-repeat;
    background-size: 1037px 1500px;
    position: absolute;
    display: block;
    right: 0;
    top: -520px;
    z-index: -1;
}
section.glow-right-3:before {
    content: '';
    width: 1037px;
    height: 1500px;
    background: url(/img/bg-glow-right-3.png) right center no-repeat;
    background-size: 1037px 1500px;
    position: absolute;
    display: block;
    right: 0;
    top: -520px;
    z-index: -1;
}
*/
section {
	position: relative;
}

/* Block - end */


/* Brands - begin */
section[name="brands"] {
	margin-top: 56px;
}
section[name="brands"] h2 {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	color: #9a9a9a;
}
section[name="brands"] .brands-logos {
	margin-top: 45px;
}
 
section[name="brands"] figure {
	display: table; 
	width: 238px;
	height: 80px;
	position: relative;
	background: var(--src) center center no-repeat;
	background-size: contain;
	
} 
section[name="brands"] figure img {
	margin: auto;  
    top: 0;
	bottom: 0;
	position: absolute;
}
/* import additional css from style.slider.css */
/* Brands - end */

/* Locations - begin */
section[name="locations"] .imgs {
	width: 100%;
	height: 100%;
}
section[name="locations"] .imgs .full .img {
	width: calc(100% - 15px);
	height: 100%;
	display: block;
	background: var(--src) center center no-repeat;
	background-size: cover;
	margin-right: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
section[name="locations"] .imgs .half .img:first-child {
	width: calc(100% - 15px);
	height: calc(50% - 15px);
	margin-bottom: 30px;
	margin-left: 15px;
	display: block;
	
	background: var(--src) center center no-repeat;
	background-size: cover;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
section[name="locations"] .imgs .half .img:last-child {
	width: calc(100% - 15px);
	height: calc(50% - 15px);
	margin-top: 15px;
	margin-left: 15px;
	display: block;
	background: var(--src) center center no-repeat;
	background-size: cover;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
/* Locations - end */

/* Offer - begin */
section[name="offer"] .cards {
	margin-top: 35px;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
section[name="offer"] .cards .ms {
	margin-bottom: 40px !important;
}
section[name="offer"] .cards .card.flip-front,
section[name="offer"] .cards .card.flip-back {
	position: absolute;
	cursor: pointer;
	backface-visibility: hidden;
}
section[name="offer"] .cards .card.flip-back {
	transform: rotateY(180deg);	
}
section[name="offer"] .cards .flip-card {
	width: 100%;
	height: 253px;
	perspective: 700px;
}
section[name="offer"] .flip-card:focus {
	outline: 0;
}
section[name="offer"] .flip-card:hover .flip-card-inner,
section[name="offer"] .flip-card:focus .flip-card-inner{
	transform: rotateY(180deg);
} 
section[name="offer"] .cards .flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	-ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
	transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
	-webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
	transform-style: preserve-3d;
	cursor: pointer; 
}
section[name="offer"] .cards .card {
	width: 100%;
	height: 253px;
	padding: 29px 20px 29px 20px;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
section[name="offer"] .cards .card.flip-front {
	z-index: 2;
	background: #fff;
}
section[name="offer"] .cards .card.flip-back {
	z-index: 1;
	background: var(--main-primary-color) url('/img/texture.png') center center;
	background-size: 100px;	
}
section[name="offer"] .cards .card figure div {
	width: 100px;
	height: 100px;
	background: rgb(65,158,243);
	background: linear-gradient(49deg, rgba(65,158,243,1) 0%, rgba(81,168,245,1) 47%, rgba(97,176,247,1) 100%);
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
section[name="offer"] .cards .card figure div img {
	width: 100%;
}
section[name="offer"] .cards .card figure figcaption {
	margin-top: 35px;
	font-size: 22px;
	line-height: 22px;
	font-weight: 600;
	text-align: left;
}
section[name="offer"] .cards .card .list {
    list-style: none;
    padding-left: 0;
}
section[name="offer"] .cards .card .list li {
    position: relative;
    padding-left: 40px;
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #fff;
}
section[name="offer"] .cards .card .list li:first-child {
	margin-top: 0;
}
section[name="offer"] .cards .card .list li:last-child {
	margin-bottom: 0;
}
section[name="offer"] .cards .card .list li:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    background-image: url('/img/ul.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
section[name="offer"] .cards .card .link {
	display: block;
	margin-top: 10px;
	font-size: 15px;
	line-height: 14px;
	font-weight: 300;
	padding-right: 35px;
	width: fit-content;
	background: url('/img/arrow.png') right center no-repeat;
	background-size: contain;
} 
/* Offer - end */

/* Reservation - begin */
section[name="reservation"] .row:first-child {
	margin-bottom: 68px;
}
section[name="reservation"] .col-md-6.force-height {
	min-height: 700px;
}
.r-frame {
	position: relative;
	margin-bottom: 38px;
}
.r-title {
	font-size: 18px;
	font-weight: 300;
	color: #606060;
	margin-bottom: 12px;
}
.r-frame a,
.r-frame button {
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	border: 2px solid #e0e0e0;
	padding: 5px 23px 5px 23px;
	font-weight: 300;
	color: #38393b;
	margin-right: 20px;
	margin-bottom: 20px;
	transition: filter .3s;
	outline: none;
	text-decoration: none;
	cursor: pointer !important;
}
.r-frame a:hover,
.r-frame button:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
.r-frame button.select {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
	color: #fff;
	background: var(--main-primary-color);
	border: 2px solid var(--main-primary-color);
}
.r-frame button img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	margin-left: -10px;
	margin-right: 10px;
}
.r-submit-reservation {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid var(--main-primary-color);
	padding: 8px 33px 8px 33px;
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	margin-right: 20px;
	margin-bottom: 20px;
	transition: filter .3s;
	outline: none;
	padding-right: 65px;
	width: fit-content;
	background: var(--main-primary-color) url('/img/arrow-white.png') right 20px center no-repeat;
	background-size: 30px;
	cursor: pointer;
	float: right;
}
.r-submit-reservation:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}
.r-calendar {
	margin-left: 35px;
}
.r-calendar .r-controls {
	margin-top: 32px;
}
	
.r-calendar .r-controls .prev {
	-webkit-border-top-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-moz-border-radius-topleft: 18px;
	-moz-border-radius-bottomleft: 18px;
	border-top-left-radius: 18px;
	border-bottom-left-radius: 18px;
	border: 2px solid #d0d0d0;
	padding: 16px 22px 16px 22px;
	background: #f7f7f7 url('/img/btn-prev.png') center center no-repeat;
	background-size: 10px;
	transition: filter .3s;
	cursor: pointer;
	line-height: 0;
	outline: none;
}
.r-calendar .r-controls .next {
	-webkit-border-top-right-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
	-moz-border-radius-topright: 18px;
	-moz-border-radius-bottomright: 18px;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	border: 2px solid #d0d0d0;
	padding: 16px 22px 16px 22px;
	background: #f7f7f7 url('/img/btn-next.png') center center no-repeat;
	background-size: 10px;
	transition: filter .3s;
	cursor: pointer;
	margin-left: -6px;
	line-height: 0;
	outline: none;
}
.r-calendar .r-controls .prev:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
	background: var(--main-primary-color) url('/img/btn-prev-white.png') center center no-repeat;
	background-size: 10px;
	border: 2px solid var(--main-primary-color);
}
.r-calendar .r-controls .next:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
	background: var(--main-primary-color) url('/img/btn-next-white.png') center center no-repeat;
	background-size: 10px;
	border: 2px solid var(--main-primary-color);
}
.r-calendar .r-controls span {
	margin-left: 22px;
	font-size: 29px;
	line-height: 29px;
	font-weight: 300;
	color: var(--main-secondary-color);
}
.r-calendar .r-days {
	margin-top: 12px;
	margin-left: -65px;
}
.r-calendar .r-days .days {
	width: 3000px;
	overflow: hidden;
	padding: 35px;
}
.r-calendar .r-days .day {
	float: left;
	width: 170px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: filter .3s;
	transition: background .3s;
}
.r-calendar .r-days .day:hover {
	background: #f4f4f4;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
.r-calendar .r-days .day.select {
	background: #f4f4f4;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
.r-calendar .r-days .day .name {
	font-size: 21px;
	line-height: 21px;
	font-weight: 300;
	text-align: center;
}
.r-calendar .r-days .day .number {
	font-size: 35px;
	line-height: 35px;
	font-weight: 700;
	text-align: center;
	margin-top: 17px;
}
.r-calendar .r-days .day .list {
	margin-top: 23px;
	padding-left: 10px;
	padding-right: 10px;
}
.r-calendar .r-days .day .list .time {
	display: block;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	border: 2px solid #e0e0e0;
	padding: 5px 23px 5px 23px;
	font-weight: 300;
	color: #38393b;
	margin-bottom: 23px;
	transition: filter .3s;
	outline: none;
	cursor: pointer !important;
}
.r-calendar .r-days .day .list .time:last-child {
	margin-bottom: 0;
}
.r-calendar .r-days .day .list .time:hover {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
.r-calendar .r-days .day .list .time.select {
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
	color: #fff;
	background: var(--main-primary-color);
	border: 2px solid var(--main-primary-color);
}
/* Reservation - end */

/* Newsletter - begin */
section[name="newsletter"] .container {
 
	margin-top: 200px; 
	margin-bottom: 100px;
	position: relative;
 
}
section[name="newsletter"] .container .row {
	padding: 35px 65px 35px 65px;
	position: relative;
	background: rgb(243 243 243 / 64%);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5.6px);
	-webkit-backdrop-filter: blur(5.6px);
}

section[name="newsletter"] .pinapple {
	position: absolute;
	left: -110px;
	top: -100px;
	width: 345px;
	height: 351px;
	background: url('/img/pinapple.png') no-repeat;
	background-size: 245px;
	z-index: -1;
	
}
section[name="newsletter"] .tomato {
	position: absolute;
	right: -150px;
	bottom: -130px;
	width: 302px;
	height: 308px;
	background: url('/img/tomato.png') no-repeat;
	background-size: 245px;
	z-index: -1;
}
section[name="newsletter"] h2 {
	font-size: 35px;
	font-weight: 600;
	color: var(--main-tertiary-color);
	text-align: left;
	margin-top: 0;
	margin-bottom: 30px;
}
section[name="newsletter"] h2 span {
	display: block;
}
section[name="newsletter"] p {
	margin-top: 18px;
	font-size: 23px;
	line-height: 30px;
	font-weight: 300;
	color: var(--main-tertiary-color);
}

section[name="newsletter"] a {
	color: #fff;
    font-size: 17px;
    font-weight: 600;
    background: var(--main-secondary-color);
    padding: 10px 25px 10px 25px;
    border-radius: 20px;
	margin-top: 30px;
	display: inline-flex;
}
section[name="newsletter"] .col-md-6 {
	position: relative;
}
section[name="newsletter"] .col-md-6 img {
	width: calc(100% + 50px);
	margin-left: -50px;
	margin-top: -130px;
}
/* Newsletter - end */

/* News - begin */ 
/*section[name="news"] .col-md-6 {
	min-height: 660px;
}
section[name="news"] .news {
	width: 3000px;
	overflow: hidden;
	padding: 55px 35px 55px 35px; 
	margin-top: 15px; 
}
section[name="news"] .news .item:link,
section[name="news"] .news .item:focus,
section[name="news"] .news .item {
	float: left;
	background: #fff;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 375px;
	transition: filter .3s;
	text-decoration: none;
	color: var(--main-secondary-color);
	margin-right: 35px;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.2));
}
section[name="news"] .news .item:hover {
	text-decoration: none;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}
section[name="news"] .news .item figure {
	width: 375px;
	height: 260px;	
	background: var(--src) center center no-repeat;
	background-size: cover;
	margin: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	padding: 20px;
}
section[name="news"] .news .item figure .time {
	display: block;
	clear: both;
	float: right;
	padding: 5px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: var(--main-secondary-color);
	text-decoration: none;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 300;
}
section[name="news"] .news .item figure .promo {
	display: block;
	clear: both;
	float: right;
	padding: 5px;
	background: var(--main-primary-color);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 500;
}
section[name="news"] .news .item .content {
	padding: 20px 20px 20px 20px;
}
section[name="news"] .news .item .title {
	font-size: 17px;
	font-weight: 600;
	padding-left: 18px;
	background: url('/img/btn-next.png') left center no-repeat;
	background-size: 7px;
	margin-bottom: 25px;
	text-decoration: none;
	
	display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}
section[name="news"] .news .item .header {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	height: 120px;
	display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
	text-decoration: none;
}
section[name="news"] .news .item .link {
	font-size: 15px;
	line-height: 14px;
	font-weight: 300;
	padding-right: 35px;
	width: fit-content;
	margin-top: 25px;
	background: url('/img/arrow.png') right center no-repeat;
	background-size: contain;
	text-decoration: none;
}*/
/* News - end */

.content-tabs {
}
.content-tabs ul {
	margin: 0;
	padding: 0;
}
.content-tabs li {
	list-style-type: none;
    border-radius: 15px;
    padding: 15px;
    font-size: 16px;
	line-height: 24px;
	font-weight: 300;
    color: var(--main-tertiary-color);
    border: 1px solid #dee3e8; 
    display: table;
    width: 100%;
    margin-bottom: 15px;
	background: #fff;
	position: relative;
    cursor: pointer;
    overflow: hidden;
} 
strong {
	color: var(--main-primary-color);
	font-weight: 600;
}
.wp-block-domuly-journey-block strong {
	color: #fff;
}
/*
.content-tabs li strong {
	color: var(--main-primary-color);
	font-weight: 600;
}*/
.content-tabs li.active {
	border: 1px solid #007bff;
	background: #eaf4fe;
	
    filter: drop-shadow(0px 0px 12px rgba(0, 126, 239, 0.5))
}
.content-tabs li.active div {
	font-weight: 400;
	color: #007bff;
}

  .progressbar {
    position: absolute;
    bottom: 0;
    left: 0;
	height: 5px;
    width: 0;
	z-index: 0;
    background-color: #ffcc00;
  }

  .tab-content {
    display: none;
  }

  .tab-content.active {
    display: block;
  }
 
 

/* Footer - begin */
footer {
	
	/*margin-top: 75px;*/
	padding-bottom: 0px;
}
	/* Footer:menu - begin */
	
	footer section[name="bottom"] {
		padding-top: 30px;
		padding-bottom: 30px;
		background: #fff;
	}
	footer section[name="bottom"] p {
		color: var(--main-tertiary-color);
		padding: 0;
		margin-bottom: 5px;
		font-size: 15px;
	}
	footer section[name="bottom"] b {
		color: var(--main-primary-color);
	}
	footer section[name="bottom"] a {
		color: var(--main-tertiary-color);
		margin-right: 15px;
		font-size: 13px;
	}		
	
	footer section[name="menu"] { 
		background: #0155db;
		background-size: contain;
		padding-top: 75px;
		padding-bottom: 25px; 
		z-index: 0;
	} 
  
	footer section[name="menu"] .content {
		margin-top: 16px;
	}
	footer section[name="menu"] .company .logo {
		width: 70%;
		text-align: right;
		margin-bottom: 30px;
	}
	footer section[name="bottom"] .col-md-6:last-child {
		text-align: right;
		padding: 0;
	}
	footer section[name="bottom"] .col-md-6:last-child img {
		height: 30px;
		margin-left: 15px;
		margin-top: -9px;
	}
	footer section[name="menu"] .company p,
	footer section[name="menu"] .company div {
		font-size: 16px;
		line-height: 29px;
		color: #fff;
		font-weight: 300;
		letter-spacing: 0.3px;
	}
	footer section[name="menu"] .company b {
		font-weight: 500;
	}
	footer section[name="menu"] .company p a {
		color: #fff;
		font-weight: 600;
	}
	footer section[name="menu"] .company .icons a {
		margin-right: 10px;
		width: 30px;
		height: 30px;
	}
	footer section[name="menu"] .company .facebook {
		background: url('/img/icons/facebook.svg') no-repeat;
		background-size: 30px 30px;
	}
	footer section[name="menu"] .company .instagram {
		background: url('/img/icons/instagram.svg') no-repeat;
		background-size: 30px 30px;
	}
	footer section[name="menu"] .company .linkedin {
		background: url('/img/icons/linkedin.svg') no-repeat;
		background-size: 30px 30px;
	}
	footer section[name="menu"] .company .youtube {
		background: url('/img/icons/youtube.svg') no-repeat;
		background-size: 30px 30px;
	}
	footer section[name="menu"] .company .twitter {
		background: url('/img/icons/twitter.svg') no-repeat;
		background-size: 30px 30px;
	}
	footer section[name="menu"] .company .tiktok {
		background: url('/img/icons/tiktok.svg') no-repeat;
		background-size: 30px 30px;
	}

	footer section[name="menu"] .col-md-8 .col-md-3,
	footer section[name="menu"] .col-md-8 .col-md-6 {
		margin-top: 15px;
	}
	footer section[name="menu"] .col-md-8 .col-md-3:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
	}
	footer section[name="menu"] .col-md-4 .items {
		display: inline-grid;
	}
	footer section[name="menu"] .col-md-8 .col-md-6 .items {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0;
	}
	footer section[name="menu"] .col-md-8 .col-md-2 h2,
	footer section[name="menu"] .col-md-8 .col-md-6 h2 {
		color: #fff;
		font-size: 20px !important;
		margin-bottom: 28px;
		text-align: left;
	}
	footer section[name="menu"] .col-md-8 .col-md-2 a,
	footer section[name="menu"] .col-md-8 .col-md-6 a {
		position: relative;
		justify-self: start;
		font-size: 16px;
		line-height: 36px;
		color: #fff;
		display: block; 
		font-weight: 300;
		letter-spacing: 0.3px;
	}
	footer section[name="menu"] .items-wrapper {
		display: flex;
		gap: 30px;
	}
	footer section[name="menu"] .items {
		
	}
	
	footer section[name="menu"] .col-md-8 .col-md-2 a.new:after,
	footer section[name="menu"] .col-md-8 .col-md-6 a.new:after {		
		content: 'Nowość';
		background-color: #f00;
		position: absolute;
		right: -55px;
		top: 7px;
		display: inline-block;
		padding: 0 .5em;
		line-height: 16px;
		border-radius: .5em;
		font-size: 10px;
		font-weight: 700;
		text-transform: none;
		letter-spacing: normal;
		color: #fff;
	}
	
	footer section[name="copyrights"] {
		background: #fff;
	}
	footer section[name="copyrights"] .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	footer section[name="copyrights"] .col-md-7 {
		font-size: 14px;
		line-height: 30px;
		color: var(--main-tertiary-color);
		font-weight: 300;
		letter-spacing: 0.3px;
	}
	footer section[name="copyrights"] .col-md-7 .policy {
		display: inline-block;
	}
	footer section[name="copyrights"] .col-md-7 .policy a {
		color: var(--main-tertiary-color);
	}
	footer section[name="copyrights"] .icons img {
		height: 40px;
		margin-left: 15px;
	}
	
	footer section[name="copyrights"] .col-md-5.icons {
		font-weight: 300;
		font-size: 14px;
		color: var(--main-tertiary-color);
	}
	footer section[name="copyrights"] .col-md-5 a:not(:last-child) {
		margin-right: 25px; 
	}
/* Footer - end */

.toggle {
	width: 80%;
	margin: auto;
}

.toggle .item {
	width: 100%;
	margin-bottom: 15px;
	padding: 15px;
	cursor: pointer;
	position: relative;
	transition: 0.3s ease;
	border: 2px dashed #e0ecde;
	background: #fff;
}

.toggle .item.active {
	background: var(--main-primary-color); 
}

.toggle .item span {
	top: 15px;
	right: 15px;
	position: absolute;
	display: block;
	width: 43px;
	height: 43px;
	background: url('/img/icons/toggle.svg') top right no-repeat;
	background-size: 43px 43px;
	transition: all .3s;
}
.toggle .item span.active {
	background-image: url('/img/icons/toggle-white.svg');
	transform: rotate(45deg);
}
.toggle .item h3 {
	font-size: 35px;
	font-weight: 600;
	color: var(--main-primary-color);
	margin-bottom: 0;
	padding-right: 50px;
}
.toggle .item.active h3 {
	color: #fff;
}
.toggle .item .desc * {
	color: #fff !important;
}
.toggle .item .desc {
	display: none;
	font-size: 16px;
	font-weight: 300;
	margin-top: 15px;
}
.toggle .item .desc.active {
	display: block;
}
.toggle .item .desc .flex-table.product-table {
    width: calc(100% + 30px);
    margin: auto;
    margin-left: -15px;
    margin-bottom: -15px;
}


.faq { 
	width: 100%; 
	margin-top: 20px 
}  
.faq .item {
	width: 100%;
	margin-bottom: 15px;
	padding: 15px;
	border-radius: 10px;
	cursor: pointer;
	position: relative;

    border: 1px solid var(--main-secondary-color);
    background: var(--main-secondary-color);
    -webkit-transition: 0.2s;
    transition: 0.2s; 
}
.faq .item span {
	top: 15px;
	right: 15px;
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	background: url('/img/icons/plus.svg') top right no-repeat;
	background-size: 25px 25px;
	transition: all .3s;
}
.faq .item span.active {
	transform: rotate(45deg);
}
.faq .item h3 {
	font-size: 23px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 0;
	padding-right: 50px;
}
.faq .item .desc {
	display: none;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	margin-top: 15px;
}
.faq .item .desc.active {
	display: block;
}



.wp-block-domuly-kolumna-50.blue > .container {
    border-radius: 30px;
	background: var(--main-primary-color);
    filter: drop-shadow(0px 0px 58px rgba(0, 126, 239, 0.5));
    padding: 50px 60px 50px 60px;
}
.wp-block-domuly-kolumna-50 .container,
.wp-block-domuly-tabs .container {
	padding-left: 15px;
	padding-right: 15px;
}

.wp-block-domuly-kolumna-50.quote .wp-block-domuly-inner-section.text-area.col-md-6:first-child {
    flex: 0 0 30%;
    max-width: 30%;
}
.wp-block-domuly-kolumna-50.quote .wp-block-domuly-inner-section:not(.text-area).col-md-6:last-child {
	flex: 0 0 70%;
    max-width: 70%;
}

.subpage .wp-block-domuly-inner-section.text-area.col-md-6:first-child {
	padding: 0;
}
.wp-block-domuly-inner-section .wp-block-domuly-domuly-icons-block {
	padding: 0;
}
.wp-block-domuly-inner-section .wp-block-domuly-domuly-icons-block .container {
    padding: 0;
    margin-left: -15px;
}

.wp-block-domuly-inner-section .wp-block-domuly-domuly-icons-block .container .col-md-12 {
	width: 50%;
	padding-right: 16px;
}
.wp-block-domuly-inner-section section[name="functions"] .items.margin {
	margin: 0;
}
.wp-block-domuly-inner-section section[name="functions"] .items {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
}

.wp-block-domuly-inner-section.text-area.col-md-6:first-child,
.wp-block-domuly-tabs.text-area.col-md-6:first-child {
    flex: 0 0 50%;
    max-width: 50%;
}
.wp-block-domuly-inner-section:not(.text-area).col-md-6:last-child {
    flex: 0 0 50%;
    max-width: 50%;
}
.wp-block-domuly-inner-section:not(.text-area).col-md-6:first-child {
    flex: 0 0 50%;
    max-width: 50%;
}
.wp-block-domuly-inner-section.text-area.col-md-6:last-child {
    flex: 0 0 50%;
    max-width: 50%;
}

.wp-block-domuly-domuly-icons-block .items {
	padding: 0;
}
.wp-block-domuly-domuly-icons-block.items-2-col .items {
    grid-template-columns: 1fr 1fr;
}
.wp-block-domuly-domuly-icons-block.items-3-col .items {
    grid-template-columns: 1fr 1fr 1fr;
}
.wp-block-domuly-domuly-icons-block.items-4-col .items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.wp-block-domuly-domuly-icons-block.items-5-col .items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.has-text-align-center {
	text-align: center;
}

.fade-in {
  opacity: 0;
}

.fade-in.anim {
  animation: fadeIn 1s ease-in-out forwards; /* Zatrzymanie w stanie końcowym */
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.slide-in-left {
  opacity: 0;
  transform: translateX(-100%);
}

.slide-in-left.anim {
  animation: slideInLeft 1s ease-in-out forwards; /* Zatrzymanie w stanie końcowym */
}

@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.slide-in-right {
  opacity: 0;
  transform: translateX(100%);
}

.slide-in-right.anim {
  animation: slideInRight 1s ease-in-out forwards;
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.slide-in-top {
  opacity: 0;
  transform: translateY(-100%);
}

.slide-in-top.anim {
  animation: slideInTop 1s ease-in-out forwards;
}

@keyframes slideInTop {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.slide-in-bottom {
  opacity: 0;
  transform: translateY(100%);
}

.slide-in-bottom.anim {
  animation: slideInBottom 1s ease-in-out forwards;
}

@keyframes slideInBottom {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.fade-in-delay {
  opacity: 0;
}

.fade-in-delay.anim {
  animation: fadeInDelayed 1s ease-in-out 0.5s forwards;
  animation-fill-mode: both;
}

@keyframes fadeInDelayed {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.bounce-in {
  opacity: 0;
  transform: scale(0.5);
}

.bounce-in.anim {
  animation: bounceIn 1s ease forwards; /* Dodanie forwards */
}

@keyframes bounceIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1; /* Upewnij się, że opacity jest na 1 w stanie końcowym */
  }
}


.zoom-in {
  opacity: 0;
  transform: scale(0.5);
}

.zoom-in.anim {
  animation: zoomIn 1s ease-in-out forwards;
}

@keyframes zoomIn {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.rotate-in {
  opacity: 0;
  transform: rotate(-200deg);
}

.rotate-in.anim {
  animation: rotateIn 1s ease-in-out forwards;
}

@keyframes rotateIn {
  from {
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    transform: rotate(0deg);
    opacity: 1;
  }
}

.stretch-in {
  opacity: 0;
  transform: scaleX(0.5);
}

.stretch-in.anim {
  animation: stretchIn 1s ease-in-out forwards;
}

@keyframes stretchIn {
  from {
    transform: scaleX(0.5);
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    opacity: 1;
  }
}

.soft-slide-in {
  opacity: 0;
  transform: translateX(50%);
}

.soft-slide-in.anim {
  animation: softSlideIn 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
}

@keyframes softSlideIn {
  from {
    transform: translateX(50%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.flip-in-x {
  opacity: 0;
  transform: perspective(400px) rotateX(90deg);
}

.flip-in-x.anim {
  animation: flipInX 1s ease forwards;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.spin-in {
  opacity: 0;
  transform: rotate(0deg);
}

.spin-in.anim {
  animation: spinIn 1s ease-in-out forwards;
}

@keyframes spinIn {
  from {
    opacity: 0;
    transform: rotate(-360deg);
  }
  to {
    opacity: 1;
    transform: rotate(0deg);
  }
}

.zoom-rotate-in {
  opacity: 0;
  transform: scale(0.5) rotate(-45deg);
}

.zoom-rotate-in.anim {
  animation: zoomRotateIn 1s ease-in-out forwards;
}

@keyframes zoomRotateIn {
  from {
    opacity: 0;
    transform: scale(0.5) rotate(-45deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
}

.flip-in-y {
  opacity: 0;
  transform: perspective(400px) rotateY(90deg);
}

.flip-in-y.anim {
  animation: flipInY 1s ease forwards;
}

@keyframes flipInY {
  from {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
  }
}

.slide-in-scale {
  opacity: 0;
  transform: translateX(-100%) scale(0.5);
}

.slide-in-scale.anim {
  animation: slideInScale 1s ease-in-out forwards;
}

@keyframes slideInScale {
  from {
    opacity: 0;
    transform: translateX(-100%) scale(0.5);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

.pulse-in {
  opacity: 0;
  transform: scale(0.5);
}

.pulse-in.anim {
  animation: pulseIn 1s ease forwards;
}

@keyframes pulseIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.wobble-in {
  opacity: 0;
  transform: translateX(-100%) rotate(-5deg);
}

.wobble-in.anim {
  animation: wobbleIn 1s ease forwards;
}

@keyframes wobbleIn {
  0% {
    transform: translateX(-100%) rotate(-5deg);
    opacity: 0;
  }
  50% {
    transform: translateX(-50%) rotate(5deg);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0) rotate(0);
    opacity: 1;
  }
}

.skew-in {
  opacity: 0;
  transform: skewX(-30deg);
}

.skew-in.anim {
  animation: skewIn 1s ease-in-out forwards;
}

@keyframes skewIn {
  from {
    opacity: 0;
    transform: skewX(-30deg);
  }
  to {
    opacity: 1;
    transform: skewX(0);
  }
}

.shrink-in {
  opacity: 0;
  transform: scale(2);
}

.shrink-in.anim {
  animation: shrinkIn 1s ease forwards;
}

@keyframes shrinkIn {
  from {
    opacity: 0;
    transform: scale(2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.fly-in-bottom-right {
  opacity: 0;
  transform: translate(100%, 100%);
}

.fly-in-bottom-right.anim {
  animation: flyInBottomRight 1s ease-in-out forwards;
}

@keyframes flyInBottomRight {
  from {
    opacity: 0;
    transform: translate(100%, 100%);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.fade-rotate {
  opacity: 0;
  transform: rotate(-360deg);
}

.fade-rotate.anim {
  animation: fadeRotate 1s ease-in-out forwards;
}

@keyframes fadeRotate {
  from {
    opacity: 0;
    transform: rotate(-360deg);
  }
  to {
    opacity: 1;
    transform: rotate(0deg);
  }
}

.flash-in {
  opacity: 0;
}

.flash-in.anim {
  animation: flashIn 1s ease-in-out forwards;
}

@keyframes flashIn {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.roll-in {
  opacity: 0;
  transform: translateX(-100%) rotate(-120deg);
}

.roll-in.anim {
  animation: rollIn 1s ease-in-out forwards;
}

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotate(0);
  }
}

.zoom-out {
  opacity: 0;
  transform: scale(2);
}

.zoom-out.anim {
  animation: zoomOut 1s ease-in-out forwards;
}

@keyframes zoomOut {
  from {
    transform: scale(2);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.swing-in {
  opacity: 0;
  transform-origin: top;
  transform: rotate(-90deg);
}

.swing-in.anim {
  animation: swingIn 1s ease-in-out forwards;
}

@keyframes swingIn {
  from {
    opacity: 0;
    transform: rotate(-90deg);
  }
  to {
    opacity: 1;
    transform: rotate(0deg);
  }
}

.fade-slide-left {
  opacity: 0;
  transform: translateX(100%);
}

.fade-slide-left.anim {
  animation: fadeSlideLeft 1s ease-in-out forwards;
}

@keyframes fadeSlideLeft {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.fade-scale-in {
  opacity: 0;
  transform: scale(0.5);
}

.fade-scale-in.anim {
  animation: fadeScaleIn 1s ease-in-out forwards;
}

@keyframes fadeScaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.bounce-bottom {
  opacity: 0;
  transform: translateY(100%);
}

.bounce-bottom.anim {
  animation: bounceBottom 1s ease-in-out forwards;
}

@keyframes bounceBottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  50% {
    opacity: 1;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.slide-fade-in {
  opacity: 0;
  transform: translateY(100%);
}

.slide-fade-in.anim {
  animation: slideFadeIn 1s ease-in-out forwards;
}

@keyframes slideFadeIn {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.shake-in {
  opacity: 0;
  transform: translateX(-100%);
}

.shake-in.anim {
  animation: shakeIn 1s ease-in-out forwards;
}

@keyframes shakeIn {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  50% {
    transform: translateX(-20%);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.expand-in {
  opacity: 0;
  transform: scaleX(0);
}

.expand-in.anim {
  animation: expandIn 1s ease-in-out forwards;
}

@keyframes expandIn {
  from {
    opacity: 0;
    transform: scaleX(0);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

.swing-rotate-in {
  opacity: 0;
  transform: rotate(-120deg);
}

.swing-rotate-in.anim {
  animation: swingRotateIn 1s ease forwards;
}

@keyframes swingRotateIn {
  from {
    opacity: 0;
    transform: rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: rotate(0deg);
  }
}

.fade-rotate-out {
  opacity: 1;
  transform: rotate(0deg);
}

.fade-rotate-out.anim {
  animation: fadeRotateOut 1s ease-in-out forwards;
}

@keyframes fadeRotateOut {
  from {
    opacity: 1;
    transform: rotate(0deg);
  }
  to {
    opacity: 0;
    transform: rotate(180deg);
  }
}

.glide-in {
  opacity: 0;
  transform: translateY(100%);
}

.glide-in.anim {
  animation: glideIn 1s ease-in-out forwards;
}

@keyframes glideIn {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.expand-slide-right {
  opacity: 0;
  transform: translateX(-100%) scaleX(0.5);
}

.expand-slide-right.anim {
  animation: expandSlideRight 1s ease-in-out forwards;
}

@keyframes expandSlideRight {
  from {
    opacity: 0;
    transform: translateX(-100%) scaleX(0.5);
  }
  to {
    opacity: 1;
    transform: translateX(0) scaleX(1);
  }
}

.bounce-zoom-in {
  opacity: 0;
  transform: scale(0.5);
}

.bounce-zoom-in.anim {
  animation: bounceZoomIn 1s ease forwards;
}

@keyframes bounceZoomIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.flip-in-z {
  opacity: 0;
  transform: perspective(400px) rotateZ(90deg);
}

.flip-in-z.anim {
  animation: flipInZ 1s ease forwards;
}

@keyframes flipInZ {
  from {
    opacity: 0;
    transform: perspective(400px) rotateZ(90deg);
  }
  to {
    opacity: 1;
    transform: perspective(400px) rotateZ(0deg);
  }
}

.wave-in {
  opacity: 0;
  transform: translateX(100%) skewX(10deg);
}

.wave-in.anim {
  animation: waveIn 1s ease-in-out forwards;
}

@keyframes waveIn {
  from {
    opacity: 0;
    transform: translateX(100%) skewX(10deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) skewX(0);
  }
}

.fade-zoom-out {
  opacity: 1;
  transform: scale(1);
}

.fade-zoom-out.anim {
  animation: fadeZoomOut 1s ease forwards;
}

@keyframes fadeZoomOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}

.slide-up-fade {
  opacity: 0;
  transform: translateY(100%);
}

.slide-up-fade.anim {
  animation: slideUpFade 1s ease-in-out forwards;
}

@keyframes slideUpFade {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.zoom-spin-in {
  opacity: 0;
  transform: scale(0.5) rotate(180deg);
}

.zoom-spin-in.anim {
  animation: zoomSpinIn 1s ease forwards;
}

@keyframes zoomSpinIn {
  from {
    opacity: 0;
    transform: scale(0.5) rotate(180deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

.spin-fade-in {
  opacity: 0;
  transform: rotate(360deg);
}

.spin-fade-in.anim {
  animation: spinFadeIn 1s ease forwards;
}

@keyframes spinFadeIn {
  from {
    opacity: 0;
    transform: rotate(360deg);
  }
  to {
    opacity: 1;
    transform: rotate(0deg);
  }
}

.bounce-sideways {
  opacity: 0;
  transform: translateX(-100%);
}

.bounce-sideways.anim {
  animation: bounceSideways 1s ease forwards;
}

@keyframes bounceSideways {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  50% {
    transform: translateX(20%);
    opacity: 1;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.tilt-in {
  opacity: 0;
  transform: rotate(-10deg);
}

.tilt-in.anim {
  animation: tiltIn 1s ease forwards;
}

@keyframes tiltIn {
  from {
    opacity: 0;
    transform: rotate(-10deg);
  }
  to {
    opacity: 1;
    transform: rotate(0);
  }
}

.rotate-out {
  opacity: 1;
  transform: rotate(0);
}

.rotate-out.anim {
  animation: rotateOut 1s ease forwards;
}

@keyframes rotateOut {
  from {
    opacity: 1;
    transform: rotate(0);
  }
  to {
    opacity: 0;
    transform: rotate(180deg);
  }
}

.zoom-fade-out {
  opacity: 1;
  transform: scale(1);
}

.zoom-fade-out.anim {
  animation: zoomFadeOut 1s ease forwards;
}

@keyframes zoomFadeOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}

.slide-fade-left {
  opacity: 0;
  transform: translateX(-100%);
}

.slide-fade-left.anim {
  animation: slideFadeLeft 1s ease-in-out forwards;
}

@keyframes slideFadeLeft {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.pop-in {
  opacity: 0;
  transform: scale(0.8);
}

.pop-in.anim {
  animation: popIn 1s ease forwards;
}

@keyframes popIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.drop-in {
  opacity: 0;
  transform: translateY(-100%);
}

.drop-in.anim {
  animation: dropIn 1s ease-in-out forwards;
}

@keyframes dropIn {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.twist-in {
  opacity: 0;
  transform: rotate(0deg);
}

.twist-in.anim {
  animation: twistIn 1s ease-in-out forwards;
}

@keyframes twistIn {
  from {
    opacity: 0;
    transform: rotate(-180deg);
  }
  to {
    opacity: 1;
    transform: rotate(0deg);
  }
}

.stretch-fade-in {
  opacity: 0;
  transform: scaleX(0.5) scaleY(0.5);
}

.stretch-fade-in.anim {
  animation: stretchFadeIn 1s ease forwards;
}

@keyframes stretchFadeIn {
  from {
    opacity: 0;
    transform: scaleX(0.5) scaleY(0.5);
  }
  to {
    opacity: 1;
    transform: scaleX(1) scaleY(1);
  }
}


.media-badge {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: transparent;
    border-radius: 10px;
    flex-direction: row;
    padding: 10px;
    display: flex;
    position: absolute;
    box-shadow: 1px 1px 5px #0003;
    backdrop-filter: blur(4px);
    z-index: 10;
}
.media-badge:after {
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	opacity: 0.8;
	z-index: -1;
	position: absolute;
    border-radius: 10px;
}
.media-badge.topleft {
	top: 60px;
	left: -50px;
}
.media-badge.topright {
	top: 60px;
	right: -50px;
}
.media-badge.topleft.p20,
.media-badge.topright.p20 {
	top: 80px;
}
.media-badge.topleft.p40,
.media-badge.topright.p40 {
	top: 100px;
}
.media-badge.topleft.p60,
.media-badge.topright.p60 {
	top: 120px;
}
.media-badge.topleft.p80,
.media-badge.topright.p80 {
	top: 140px;
}
.media-badge.bottomright {
	bottom: 70px;
	right: -50px;
}
.media-badge.bottomleft {
	bottom: 70px;
	left: -50px;
}
.media-badge.bottomleft.p20,
.media-badge.bottomright.p20 {
	bottom: 90px;
}
.media-badge.bottomleft.p40,
.media-badge.bottomright.p40 {
	bottom: 110px;
}
.media-badge.bottomleft.p60,
.media-badge.bottomright.p60 {
	bottom: 130px;
}
.media-badge.bottomleft.p80,
.media-badge.bottomright.p80 {
	bottom: 150px;
}
.media-badge img {
	vertical-align: middle;
    width: auto !important;
    height: 50px !important;
    display: inline-block;
    object-fit: contain !important;
    border-radius: 0 !important;
}
.media-badge .block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    display: flex;
}
.media-badge .block .text {
	color: var(--main-tertiary-color);
	width: max-content; 
    max-width: 100%;
    white-space: nowrap; 
}
.media-badge .block .text:first-child {
    font-size: 16px;
	line-height: 16px;
    font-weight: 700;
	margin-bottom: 3px;
}
.media-badge .block .text:last-child {
    text-transform: uppercase;
    font-size: 13px;
	line-height: 17px;
    font-weight: 300;
}
.wp-block-domuly-video,
.wp-block-domuly-image {
	position: relative;
}
.wp-block-domuly-image img.shadow { 
   /* filter: drop-shadow(15px 15px 0px var(--main-secondary-color))*/
   
	mask: url('/img/mask2.svg') no-repeat center;
	
} 

/* eksporty - begin */

/* eksporty - end */

.tags {
}
.tags span {
	display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 1px 15px;
    font-size: 12px;
	line-height: 28px;
	margin-right: 10px;
}
.tags .type1 {
    color: #061421 !important;
    background: #ffcc00 !important;
}
.tags .type2 {
    color: #061421  !important;
    background: #00e9ff  !important;
}


.job-details {
    display: flex;
    flex-direction: column;
    gap: 10px; 
	background: var(--main-subprimary-color);
	padding: 20px;
	border-radius: 20px;
	position: sticky;
	top: 60px;
}
.job-details:not(:first-child) {
    gap: 20px; 
}
.job-details h3 {
	font-size: 20px;
	font-weight: 600;
	color: var(--main-tertiary-color);
}

.job-details .line {
    display: flex;
    align-items: flex-start;
    gap: 10px; 
}

.job-details .icon {
    width: 40px;
    flex-shrink: 0; /* Zapobiega zmniejszaniu */
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.job-details .icon img {
    max-width: 80%; /* Dopasowanie do szerokości */
    height: auto;
}

.job-details .text {
    flex-grow: 1; /* Zajmuje całą pozostałą przestrzeń */
    display: flex;
    flex-direction: column;
}

.job-details .title {
	font-size: 15px;
	font-weight: 600;
	color: var(--main-tertiary-color);
}

.job-details .value {
	font-size: 15px;
	font-weight: 400;
	color: var(--main-tertiary-color);
	opacity: 0.5;
}
.job-additional span {
	margin-top: 30px;
	font-size: 13px !important;
	line-height: 24px !important;
	display: block;
}
.job-offer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    padding: 25px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #c5cfd8;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 3px 3px 0 rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
    gap: 30px;
    overflow: hidden;
}
.job-offer:hover {
	transform: scale(1.05);
	z-index: 99;
	border: 1px solid #007bff;
	background: #eaf4fe;
    filter: drop-shadow(0px 0px 15px rgba(0, 126, 239, 0.5))
}
.job-offer .d-table-cell {
	vertical-align: middle;
}
.job-offer .d-table-cell:first-child {
	width: auto;
}
.job-offer .d-table-cell:last-child {
	width: 200px;
	text-align: right;
}
.job-offer .d-table-cell {
	vertical-align: middle;
}
.job-offer .d-table-cell:first-child {
	width: auto;
}
.job-offer h2 {
	margin-bottom: 10px;
	margin-top: 0;
	line-height: 25px;
	font-size: 25px !important;
}
.job-offer h2:after {
    content: '';
	display: none;
}
.jobs .col-md-12:not(:last-child) {
	margin-bottom: 20px;
}

/* Kontener dla listy funkcjonalności */
.list-func {
  margin: 0;
  padding: 0;
}

/* Ogólne style dla pozycji listy */
.list-func li {
  position: relative;
  list-style-type: none;
  padding-left: 30px;       /* Miejsce na ikonkę */
  margin-top: 5px;
  font-size: 14px;
  font-weight: 300;
  color: var(--main-tertiary-color);
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 15px 15px;
}
.list-func li.has-func {
	color: var(--main-tertiary-color);
}
.list-func li.no-func {
	color: #c1c1c1;
}

/* 1. Zielona ikonka (dla dostępnej funkcji) */
.list-func li.has-func {
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.9 30.8'><path fill='%23007bff' d='M33.7,0L12.3,23.8L4,15.5l-4,4l10.4,10.4c0.5,0.5,1.3,0.8,2,0.8c0,0,0.1,0,0.1,0c0.8,0,1.5-0.4,2-0.9l23.4-26L33.7,0z'/></svg>");
}

/* 2. Czerwona ikona (X) dla funkcji niedostępnej */
.list-func li.no-func {
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.9 30.8'><polygon fill='%23c1c1c1' points='34,4.4 29.9,0.4 19,11.4 8,0.4 4,4.4 14.9,15.4 4,26.3 8,30.4 19,19.4 29.9,30.4 34,26.3 23,15.4'/></svg>");
}

/* Cennik - begin */
.cennik-container {
	margin: 20px 0;
}
.cennik-controls {
	margin-bottom: 15px;
}
.cennik-btn {
	margin-right: 10px;
	padding: 6px 12px;
	cursor: pointer;
}
.cennik-row {
    display: flex;
    gap: 20px; /* Odstęp między kolumnami */
    align-items: flex-start;
}

.cennik-col {
    flex: 1; /* Każda kolumna zajmie tyle samo miejsca */
    min-width: 200px; /* Minimalna szerokość kolumny */
}

.cennik-columns {
	display: flex;
	gap: 15px;
}
.cennik-column {
	flex: 1; 
	padding: 20px;
	text-align: center; 
	border-radius: 15px;
	margin-top: 120px;
	background-color: #fff;
    border-radius: 15px;
    border: 1px solid #c5cfd8;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 3px 3px 0 rgba(0, 0, 0, 0.04);
	position: relative;
	z-index: 1; 
}
.cennik-column.promote:before {
    content: '';
    padding-top: 30px;
    background: #fff;
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    z-index: -1;
    border-radius: 15px;
}
.cennik-column.promote .promote-title {
	position: absolute;
    color: var(--main-tertiary-color);
    top: -45px;
    font-size: 18px;
    font-weight: 600;
    left: 0;
    right: 0;
}
.cennik-column.promote:after {
    content: '';
    padding-top: 30px;
    background: var(--main-secondary-color);
    position: absolute;
    top: -60px;
    left: -8px;
    bottom: -8px;
    right: -8px;
    z-index: -2;
    border-radius: 20px;
}
.cennik-header {
	color: var(--main-tertiary-color);
	text-align: left;
	font-size: 23px;
	line-height: 23px;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.cennik-header p {
	font-weight: 300;
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
.cennik-price {
    font-size: 24px;
    line-height: 19px;
    font-weight: 600;
    color: var(--main-tertiary-color);
    margin-bottom: 0;
}
.cennik-price span { 
	color: #919191;
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
}
.cennik-functionalities {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
	margin-top: 10px;
	border-top: 1px solid #ddd;
	padding-top: 20px !important;
	margin-top: 20px !important;
}
.cennik-functionalities li {
	margin-bottom: 5px;
}
.cennik-price-row {
  display: flex;
  align-items: center;          /* Wyśrodkowanie w pionie */
  justify-content: space-between;
  margin: 10px 0;

	padding-bottom: 0px;
	margin-bottom: 0px;
}
.cennik-price-easy-row {
  display: block;
    margin: 10px 0;

	padding-bottom: 0px;
	margin-bottom: 0px;
}
.cennik-price-row-tax {
	font-size: 12px;
	font-weight: 300;
	color: #919191;
	text-align: left;
	margin-top: 5px;
}
.cennik-adnotations {
	font-size: 12px;
	font-weight: 300;
	color: #919191;
	text-align: center;
	margin-top: 20px;
}

.cennik-price-col-left {
  display: flex;
  flex-direction: column;
  justify-content: center;      /* Dodatkowe wyrównanie w pionie, jeśli potrzebne */
}
.cennik-price {
	text-align: left;
	margin-top: 30px;
	margin-bottom: 10px;
}
.cennik-price-btn {
	margin-top: 15px;
}
.cennik-price-btn,
.cennik-price-btn div {
	width: 100%;
	cursor: pointer;
}

.cennik-price-col-right {
  text-align: center;           /* Przyciski wyrównane do prawej */
}

.cennik-choose-btn {
    display: inline-block;
    padding: 8px 16px;
    background: var(--main-primary-color);
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
	transition: filter .3s;
}
.cennik-choose-btn:hover {
    text-decoration: none;
	color: #fff;
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}
.cennik-total-button .cennik-choose-btn {
    display: inline-block;
    padding: 12px 20px;
    background: var(--main-primary-color);
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
	transition: filter .3s;
}


.cennik-container .toggle-switch-frame-title {
	display: table;
	margin: auto;
	border-radius: 25px; 
	padding: 5px;
}
.cennik-container .toggle-switch-title {
  position: relative;
  width: 500px;
  
  border-radius: 25px;
  overflow: hidden;       /* Ukrywamy suwak, który wychodzi poza obszar */
  display: flex;          /* Dwa przyciski obok siebie */
  justify-content: space-between; 
}
.cennik-container .toggle-option-title {
  position: relative;
  z-index: 2;             /* Przyciski wyżej niż suwak */
  flex: 1;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  user-select: none;      /* Blokada zaznaczania tekstu */
  font-weight: 600;
  color: var(--main-primary-color);
  background: none;
  border: none;

  /* Usunięcie focus/outline na klik/mousedown/tab */
  outline: none;
}



.cennik-container .toggle-switch-frame {
	display: table;
	margin: auto;
	border-radius: 25px;
	background: #fff;
	padding: 5px;
}
.toggle-switch-frame.category .toggle-switch {
	gap: 5px;
}
.toggle-switch-frame.category .toggle-option,
.toggle-switch-frame.category .toggle-option:hover {
	color: #fff;
	background: var(--main-secondary-color) !important;
	cursor: default;
}	

.cennik-container .toggle-switch-frame.head {
	background: #fff;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	padding: 0;
}
.cennik-container .toggle-switch {
  position: relative;
  width: 500px;
  
  border-radius: 25px;
  overflow: hidden;       /* Ukrywamy suwak, który wychodzi poza obszar */
  display: flex;          /* Dwa przyciski obok siebie */
  justify-content: space-between;
  background: #fff;
}

.cennik-container .toggle-switch-frame.head .toggle-switch {
	background: #fff;
	border-radius: 0;
	width: 650px;
}
.cennik-toggle-details {
	font-size: 14px;
	font-weight: 300;
	color: var(--main-tertiary-color);
	text-decoration: underline;
	margin-top: 20px;
	cursor: pointer;
}

/* Każdy przycisk zajmuje połowę szerokości kontenera */
.cennik-container .toggle-option {
  position: relative;
  z-index: 2;             /* Przyciski wyżej niż suwak */
  flex: 1;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  user-select: none;      /* Blokada zaznaczania tekstu */
  font-weight: 600;
  color: #333;
  background: none;
  border: none;

  /* Usunięcie focus/outline na klik/mousedown/tab */
  outline: none;
}
.cennik-container .toggle-switch-frame.head .toggle-option {
	font-size: 20px;
    padding: 15px 0;
}
.cennik-container .toggle-option:focus,
.cennik-container .toggle-option:active {
  outline: none;
  box-shadow: none;
}

/* Hover tylko dla nieaktywnego przycisku */
.cennik-container .toggle-option:not(.active):hover {
  background: #f2f2f2; /* Delikatne tło */
  border-radius: 25px;
}
.cennik-container .toggle-switch-frame.head .toggle-option:not(.active):hover {
  background: #fff; /* Delikatne tło */
  border-radius: 25px;
}

.cennik-container .toggle-option.active {
  color: #fff;            /* Kolor tekstu aktywnego przycisku */
}

.cennik-container .toggle-switch-frame.head .toggle-option.active {
  color: var(--main-tertiary-color);            /* Kolor tekstu aktywnego przycisku */
}

/* Suwak (slider) */
.cennik-container .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;             /* Slider na pół, bo mamy 2 opcje */
  height: 100%;
  background: #007bff;    /* Kolor suwaka */
  transition: left 0.1s;  /* Płynne przesuwanie */
  border-radius: 25px;
}
.cennik-container .toggle-switch-frame.head .slider {
	background: var(--main-subprimary-color);
	
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.usersCount,
.investitionsCount {
	display: block;
	font-size: 27px;
	font-weight: 600;
	color: var(--main-primary-color);
}
.rangeUsers,
.rangeInvestitions {
	margin-top: 15px;
}
.pricing-box {
	flex: 1;
    font-weight: 300;
    font-size: 14px;
	color: var(--main-tertiary-color);
    padding: 20px;
    border-radius: 15px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #c5cfd8;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 3px 3px 0 rgba(0, 0, 0, 0.04);
    position: relative;
    z-index: 1;
}
.kalkulator-users .title {
	color: var(--main-tertiary-color);
	font-weight: 600;
	font-size: 24px;
}
.kalkulatorResult,
.kalkulatorRow {
	margin-top: 30px;
	font-size: 18px;
	color: var(--main-tertiary-color);
	font-weight: 300;
}
.kalkulatorRow {
	margin-top: 10px;
	margin-bottom: 35px;
}
.kalkulatorResult .currentPackageName,
.kalkulatorRow .currentPackageName {
	font-weight: 600;
}
.kalkulatorResult .currentPrice,
.kalkulatorResult .currentSummary,
.kalkulatorRow .currentSummary,
.kalkulatorRow .currentPrice,
.kalkulatorRow .currentPriceUser {
	font-weight: 600;
}
.cennik-total-button {
	margin-top: 20px;
}
/* Cennik - end */



#frameSlider,
.pslider {
    -webkit-appearance: none;  /* Wyłącza domyślny wygląd przeglądarek */
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: linear-gradient(to right, #00c6ff, #007bff); /* Gradient od niebieskiego do błękitnego */
    outline: none;
    opacity: 0.9;
    transition: opacity 0.2s;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

#frameSlider:hover,
.pslider:hover {
    opacity: 1;
}

#frameSlider::-webkit-slider-thumb,
.pslider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    background: #ffffff;
    border: 3px solid #007bff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

#frameSlider::-moz-range-thumb,
.pslider::-moz-range-thumb {
    width: 24px;
    height: 24px;
    background: #ffffff;
    border: 3px solid #007bff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

#frameSlider::-ms-thumb,
.pslider::-ms-thumb {
    width: 24px;
    height: 24px;
    background: #ffffff;
    border: 3px solid #007bff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Stylizacja ścieżki dla Firefox */
#frameSlider::-moz-range-track,
.pslider::-moz-range-track {
    background: linear-gradient(to right, #007bff, #00c6ff);
    height: 8px;
    border-radius: 5px;
}

/* Stylizacja ścieżki dla IE */
#frameSlider::-ms-track,
.pslider::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 8px 0;
    color: transparent;
}

#frameSlider:focus,
.pslider:focus {
    outline: none;
}


.timeline-container {
	position: relative;
}
.timeline {
	position: relative;
	margin: 20px 0;
}
.timeline::before {
	content: "";
	position: absolute;
	top: 0;
	left: ;
	width: 4px;
	height: 100%;
	background: #007BFF;
}
.timeline-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 50px;
	position: relative;
	padding-left: 40px;
}
.timeline-item:last-child {
	margin-bottom: 0;
}
.timeline-marker {
    width: 30px;
    height: 30px;
    background: #007BFF;
    border-radius: 50%;
    position: absolute;
    left: -13px;
    top: 8px;
}
.timeline-date {
	font-weight: bold;
	color: #007BFF;
	text-align: left;
	margin-top: 9px;
	margin-bottom: 10px;
	font-size: 18px;
}
.timeline-content {
	width: 100%;
}
.timeline-content p {
	margin: 0;
	line-height: 1.6;
}


.flex-table {
	display: table;
}

.flex-row {
	display: table-row;
}

.flex-cell {
	display: table-cell;
}

.flex-cell.v-top {
  vertical-align: top;
}

/* Środek (pionowo), ale poziom zostaje w lewo */
.flex-cell.v-middle {
   vertical-align: middle;
}

/* Dół (pionowo), poziom zostaje w lewo */
.flex-cell.v-bottom {
  vertical-align: bottom;
}

 
.wp-block-domuly-table-block figure {
	margin: 0;
}
.wp-block-domuly-table-block strong,
.wp-block-domuly-table-block b {
	color: var(--main-tertiary-color);
}

.wp-block-file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f9fa;
    border: 1px solid #ddd;
    padding: 12px 16px;
    border-radius: 35px;
    margin-bottom: 20px;
    transition: background 0.3s ease-in-out;
}

.wp-block-file:hover {
    background: #eef1f4;
}

.wp-block-file a {
    text-decoration: none;
    font-weight: 600;
    color: #333;
    transition: color 0.3s ease-in-out;
}

.wp-block-file a:hover {
    color: #0073e6;
} 


.wp-block-file__button {
    padding: 0 30px 0 30px;
	width: auto;
    height: 50px;
    background: var(--main-primary-color);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	color: #fff !important;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
	transition: filter .3s;
}

.wp-block-file__button:hover {
    filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}

.wp-block-file__button:active {
    filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 0.5));
}
.mainanchor {
	position: absolute;
}

/* portfolio item - begin */
section[name="portfolio-header"]  {
 
}
.portfolio-cover {
	position: absolute;
}
section[name="portfolio-header"] > .container > .row > .logo > img {
	left: 0;
	right: 0;
	display: table;
	width: 200px;
	margin: auto;
	margin-top: 155px;
	margin-bottom: 70px;
}

section[name="portfolio-header"] > .container > .row > .title > div:nth-child(1) {
	width: auto;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	letter-spacing: 10px;
	color: #fff;
}
section[name="portfolio-header"] > .container > .row > .title > div:nth-child(2) {
	width: auto;
	text-align: center;
	font-style: normal;
	font-weight: 700;
	font-size: 65px;
	color: var(--main-secondary-color);
	margin-top: 40px;
}
section[name="portfolio-header"] > .container > .row > .title > div:nth-child(3) {
	width: auto;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	font-size: 37px;
	color: #fff;
	margin-bottom: 80px;
}

section[name="portfolio-header"] .preview .notebook-preview > div {
	position: relative;
}
section[name="portfolio-header"] .preview .notebook-preview > div > img {
	width: 100%;
	left: 0;
	right: 0;
	display: table;
	margin: auto;
}
section[name="portfolio-header"] .preview .notebook-preview > div > img:nth-child(2) {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
 
section[name="portfolio-header"] > .container > .row > .desc > div:nth-child(1) {
	position: relative;
	width: auto;
	text-align: center;
	font-style: normal;
	font-weight: 700;
	font-size: 120px;
	line-height: 120px;
	letter-spacing: 10px;
	color: #f8f8f8;
	margin-top: 80px;
	margin-bottom: 90px;
} 
section[name="portfolio-header"] > .container > .row > .desc > div:nth-child(1) > div {
	position: absolute;
	top: 0;
	bottom: 0;
	display: table;
	width: 100%;
	margin: auto;
	font-style: normal;
	font-weight: 700;
	font-size: 44px;
	line-height: 44px;
	text-align: center;
	letter-spacing: 26px;
	color: #000;
}
section[name="portfolio-header"] > .container > .row > .desc > div:nth-child(2) {
	position: relative;
	width: 65%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	color: #3d3d3d;
	margin-bottom: 90px;
}
section[name="portfolio-header"] > .container > .row > .desc > div:nth-child(2) a {
	font-weight: 600;
}


section[name="portfolio-content"] > .container > .row > .m-top-1 {
	padding-top: 400px
}
section[name="portfolio-content"] > .container > .row > .m-top-2 {
	padding-top: 200px
}
section[name="portfolio-content"] > .container > .row > .desc.dark > div:nth-child(1) {
	color: #000;
}
section[name="portfolio-content"] > .container > .row > .desc > div:nth-child(1) {
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	margin-bottom: 50px;
}
section[name="portfolio-content"] > .container > .row > .desc.dark > div:nth-child(2) {
	color: #3d3d3d;
}
section[name="portfolio-content"] > .container > .row > .desc > div:nth-child(2) {
	position: relative;
	width: 65%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	color: #fff;
	margin-bottom: 130px;
}
section[name="portfolio-content"] > .container > .row > .imgs,
section[name="portfolio-content"] > .container > .row > .prevs,
section[name="portfolio-content"] > .row > .imgs3 {
	position: relative;
}
section[name="portfolio-content"] > .container > .row > .imgs > img:nth-child(1) {
	position: absolute;
    left: -600px;
    top: -299px;
    width: 100%;
}
section[name="portfolio-content"] > .container > .row > .imgs > img:nth-child(2) {
	position: absolute;
	right: -885px;
    top: -439px;
    width: 90%;
}
section[name="portfolio-content"] > .container > .row > .prevs > img:nth-child(1) {
	position: absolute;
    right: -527px;
    top: -1141px;
}
section[name="portfolio-content"] > .container > .row > .thumbs {
	position: relative;
	z-index: -1;
}
section[name="portfolio-content"] > .container > .row > .thumbs > img {
	-webkit-box-shadow: 0px 0px 100px -2px rgba(60,104,142,0.7);
	-moz-box-shadow: 0px 0px 100px -2px rgba(60,104,142,0.7);
	box-shadow: 0px 0px 100px -2px rgba(60,104,142,0.7);
}
section[name="portfolio-content"] > .container > .row > .thumbs > img:nth-child(1) {
	width: 45%;
	float: right;
	margin-top: 490px;
}
section[name="portfolio-content"] > .container > .row > .thumbs > img:nth-child(2) {
	width: 45%;
	margin-top: 800px;
}


section[name="portfolio-content"] > .row > .imgs3 > img {
	-webkit-box-shadow: 0px 0px 100px -2px rgba(60,104,142,0.7);
	-moz-box-shadow: 0px 0px 100px -2px rgba(60,104,142,0.7);
	box-shadow: 0px 0px 100px -2px rgba(60,104,142,0.7);
}
section[name="portfolio-content"] > .row > .imgs3 > img:nth-child(1) {
	position: absolute;
	width: 75%; 
	left: -20%;
	margin-top: -100px;
	z-index: 10;
}
section[name="portfolio-content"] > .row > .imgs3 > img:nth-child(2) {
	position: absolute;
	width: 75%; 
	right: -5%;
	z-index: 9;
}

section[name="portfolio-content"] > .row > .imgs3 > img:nth-child(3) {
	position: relative;
	width: 75%;
	opacity: 0;
}

section[name="portfolio-content"] > .container > .responsive > .col-md-3 {
	position: relative;
}
section[name="portfolio-content"] > .container > .responsive > .col-md-3 > img {
	left: 0;
	right: 0;
	margin: auto;
	display: table;
}
section[name="portfolio-content"] > .container > .responsive > .col-md-3 > img.phone {
	position: absolute;
}
section[name="portfolio-content"] > .container > .responsive > .col-md-3 > img:not(.phone) {
	margin-top: 73px;
}
section[name="portfolio-content"] > .container > .responsive > .col-md-3:not(:first-child) > img {
	-webkit-box-shadow: 0px 0px 100px -2px rgba(60,104,142,0.7);
	-moz-box-shadow: 0px 0px 100px -2px rgba(60,104,142,0.7);
	box-shadow: 0px 0px 100px -2px rgba(60,104,142,0.7);
}




section[name="portfolio-footer"] {
    margin-top: -303px;
    height: 211px;
}
  
section[name="portfolio-footer"] > .container > .row > .title > div:nth-child(1) {
    width: auto;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 10px;
    color: #fff;
}
section[name="portfolio-footer"] > .container > .row > .title > div:nth-child(2) {
	width: auto;
	text-align: center;
	font-style: normal;
	font-weight: 700;
	font-size: 45px;
	color: var(--main-secondary-color);
	margin-top: 40px;
}
section[name="portfolio-footer"] > .container > .row > .title > div:nth-child(2) a {
	color: var(--main-secondary-color);
	transition: filter .3s;
	text-decoration: none;
}
section[name="portfolio-footer"] > .container > .row > .title > div:nth-child(2) a:hover {
	color: var(--main-secondary-color);
	filter: drop-shadow(0px 0px 18px rgba(0, 126, 239, 1));
	text-decoration: none;
}


 

section[name="portfolio-container-space"] {
	width: 100%; 
	
	background: rgb(0,123,255);  
	background: -moz-linear-gradient(left, rgba(0,123,255,1) 0%, rgba(0,123,255,0.5) 100%);  
	background: -webkit-linear-gradient(left, rgba(0,123,255,1) 0%,rgba(0,123,255,0.5) 100%); 
	background: linear-gradient(to right, rgba(0,123,255,1) 0%,rgba(0,123,255,0.5) 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bff', endColorstr='#007bff',GradientType=1 ); 

	margin-top: -287px;
	padding-bottom: 100px;
	z-index: -2;
}
.portfolio-footer {
	margin-top: 100px;
}

.img-portfolio-frame {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    display: table;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
    opacity: 1;
    -webkit-box-shadow: 0px 0px 130px -6px rgba(60, 104, 142, 1);
    -moz-box-shadow: 0px 0px 130px -6px rgba(60, 104, 142, 1);
    box-shadow: 0px 0px 130px -6px rgba(60, 104, 142, 1);
    -webkit-transition: all 0.3sease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3sease-in-out;
}
.img-portfolio-frame img {
	width: 100%;
}
/* portfolio item - end */
.mobile-btn {
	display: none;
}

@media (max-width: 1400px) {
	:root {
		--main-width: 1200px !important;
	}
	.product-category-grid .param-images img {
		height: 380px;
	}
	.product-category-box .info h3 {
		font-size: 37px;
	}
	section[name="category"] .param-images img {
		position: absolute;
		display: block !important;
		height: 640px;
	}
	section[name="category"] .param-images {
		bottom: 0px;
		margin-left: -152px;
	}
	section[name="category"].flip .param-images {
		bottom: 0px;
		margin-left: -202px;
	}
	footer section[name="menu"] .col-md-8 .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
	}
	.wp-block-domuly-container-block .image-left {
		left: -90px;
	}
	.wp-block-domuly-container-block .image-right {
		right: -120px;
	}
	.oddzialy-grid {
		grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	}
}
@media (max-width: 1260px) {
	:root {
		--main-width: 1000px !important;
	}
	section[name="welcome"] .splash h2 {
		font-size: 36px !important;
		line-height: 48px;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	section[name="welcome"] .splash .col-right img {
		position: absolute;
		top: -200px;
	}
	.submit-btn {
		padding: 10px;
		font-size: 17px;
	}
	footer section[name="menu"] .company p, footer section[name="menu"] .company div {
		font-size: 14px;
		line-height: 25px;
	}
	.product-category-grid .wraper .toggle-categories {
		border-radius: 25px;
		background: #fff;
		padding: 5px;
		display: grid;
		gap: 5px;
	}
	.product-category-box .info h3 {
        font-size: 32px;
    }
	.product-category-box .info.mix h3 {
		font-size: 23px;
	}
	section[name="newsletter"] .col-md-6 img {
		width: calc(100% + 90px);
		margin-left: -50px;
		margin-top: 0px;
	}
	.product-image img {
		height: 270px;
	}
	.product-info .new,
	.product-info .season {
		font-size: 12px;
	}
	.product-title {
		text-transform: uppercase;
		font-size: 15px;
	}
	section[name="product"] .header .title {
		color: #ff9900;
		font-size: 50px;
		letter-spacing: 15px;
	}
	.wp-block-domuly-title-description-block .content-description {
		width: 100%;
	}
	.toggle {
		width: 100%;
	}
	.toggle .item h3 {
		font-size: 25px;
	}
	.toggle .item span {
		background-size: 29px 29px;
	}
	.wp-block-domuly-subpage-header-block {
		margin-bottom: 50px;
	}
	.leaf1 {
		position: absolute;
		left: 150px;
		top: -80px;
	}
	section[name="category"] .title {
		font-size: 80px;
		line-height: 146px;
	}
	section[name="category"] p {
		color: #fff;
		font-size: 17px;
		line-height: 27px;
	}
	.wp-block-domuly-table-block .flex-cell, section[name="block"] p, .timeline-content, section.wp-block-domuly-tabs p {
		font-size: 17px !important;
		line-height: 27px;
	}
	.icons img {
		width: 110px;
	}
	section[name="category"].flip .param-images {
        bottom: 0px;
        margin-left: -272px;
    }
	.slider-title {
		font-size: 50px;
	}
 
}


@media screen and (max-width: 1034px) {	
	:root {
		--main-width: 100% !important;
	}
	.faq .item h3 {
		font-size: 15px;
	}
	.wp-block-domuly-inner-section .wp-block-domuly-domuly-icons-block .container .col-md-12 {
		width: 100%;
	}
	.wp-block-domuly-domuly-icons-block.items-4-col .items {
		grid-template-columns: 1fr 1fr;
	}

	.product-category-grid .param-images img {
        height: 280px;
    }
	.wp-block-domuly-inner-section.text-area.col-md-6:last-child,
	.wp-block-domuly-inner-section:not(.text-area).col-md-6:first-child {
		flex: 0 0 100%;
		max-width: 100%;
	}
	footer section[name="menu"] .col-md-8 .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	footer section[name="menu"] .col-md-8 .col-md-3:last-child {
		-webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
	}
	footer section[name="menu"] .col-md-8 .col-md-3:last-child .items {
		width: 50%;
	}
	footer section[name="menu"] .company .col-md-6 {
		padding-bottom: 30px;
	}
	section[name="block"] .text-l {
		padding-right: 0;
	}
	
	section[name="category"] .param-images,
	section[name="category"].flip .param-images {
		display: none;
	}
	section[name="category"] .wrapper {
		left: 0 !important;
		margin-bottom: 0;
	}
	section[name="category"].flip .wrapper {
		position: relative;
		padding-right: 15px;
		padding-left: 15px;
		margin-left: auto;
	}
	section[name="category"].flip .title {
		left: 30px;
		right: 0;
	}
	section[name="category"] .category-btn {
		display: table !important;
		margin-top: 50px;
		float: none;
	}

	section[name="category"].flip .category-btn {
		float: none;
	}
	section[name="subpage"]:not(.exports) .col-md-6:nth-child(1),
	section[name="subpage"]:not(.exports) .col-md-6:nth-child(2) {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}	
	section[name="subpage"] .description {
		position: relative;
		width: 100%;
		padding-top: 0;
		padding: 15px;
	}
	.wp-block-domuly-subpage-header-block {
        margin-bottom: 170px;
    }
	.wp-block-domuly-domuly-icons-block.items-5-col .items {
		grid-template-columns: 1fr 1fr;
	}
	section[name="functions"], section[name="portfolio"] {
		padding: 0;
	}
	.wp-block-domuly-domuly-icons-block.items-3-col .items {
		grid-template-columns: 1fr 1fr;
	}
	section[name="functions"] .items .item h4, section[name="content"] .items .item h4 {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 16px;
	}
	section[name="functions"] .items.margin {
		margin: 0;
	}
	section[name="functions"] .items .item p, section[name="content"] .items .item p {
		margin-bottom: 0;
		margin-top: -15px;
		font-size: 13px;
		line-height: 21px;
	}

	.slider-button {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 56px !important;
		font-size: 13px !important;
		letter-spacing: 5px;
		border: 2px solid var(--main-primary-color) !important;
		padding: 9px 25px !important;
	}
	
	section[name="welcome"] .container {
		padding-left: 30px;
		padding-right: 30px;
	}
	section[name="welcome"] .splash h2 {
        font-size: 31px !important;
        line-height: 41px;
        margin-top: 0px;
	}
	
	.logo {
		width: 230px;
	}
	.left-menu,
	.info {
		display: none !important;
	}
	.navbar-logo {
		justify-content: flex-start;
		margin-left: 0px;
	}
	.subpage .months {
		width: 380px;
	}
	.month-btn {
		background: none;
		border: none;
		padding: 9px;
		width: 33px;
		border-radius: 50%;
		font-size: 10px;
	}
	a.formbtn {
		color: var(--main-primary-color);
		font-size: 17px;
		font-weight: 600;
		background: #ffffff;
		padding: 10px 25px 10px 25px !important;
		border-radius: 20px;
		margin-left: -15px;
		margin-top: 30px;
		box-shadow: none;
	}
	
	.navbar-menu a {
		padding: 0;
		margin-bottom: 20px;
	}
	section[name="welcome"] .splash .col-right img {
        position: absolute;
        top: -100px;
        left: 30px;
    }
	.slider-title {
		top: -34px !important;
		font-size: 24px !important;
		letter-spacing: 5px !important;
	}
	.slider-item {
		width: 65vw !important;
	}
	.slider-wrapper {		
		height: calc(100vh - 210px) !important;
	}
	.slider {
		height: 100% !important;
	}
	.dot {
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		top: 200px;
		width: 80%;
		height: 80%;
		z-index: -6;
		background-size: 100%;
		z-index: -2;
	}
	.content-title, h2 {
		font-size: 29px !important;
		margin-bottom: 20px;
		margin-top: 50px;
	}
	section[name="block"] p {
		margin-bottom: 30px;
	}
	.product-category-grid {
		display: grid;
		grid-template-columns: 1fr;
		/*padding: 30px;*/
	}
	.wp-block-domuly-inner-section .wp-block-domuly-domuly-icons-block .container .col-md-12 {
		padding: 0;
	}
	.wp-block-domuly-kolumna-50 .container {
		 padding-right: 0 !important;
	}
	main {
		overflow-x: hidden;
	}
	.product-category-box img {
		width: auto;
		height: 280px;
		bottom: 30px;
	}
	.product-category-box {
		height: 224px;
	}
	.product-category-box:not(:last-child) {
		margin-bottom: 70px;
	}
	.vertical-title {
		position: absolute;
		left: -15px;
	}
	.product-category-box .info a {
		margin-top: 30px;
	}
	.product-category-box .info {
		display: block !important;
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
	.s-t-3 {
		margin-top: 50px !important;
	}
	.wp-block-domuly-inner-section.text-area.col-md-6:first-child, .wp-block-domuly-tabs.text-area.col-md-6:first-child,
	.wp-block-domuly-inner-section:not(.text-area).col-md-6:last-child {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.wp-block-domuly-inner-section.text-area.col-md-6:first-child {
		/*order: 2;*/
	}
	.wp-block-domuly-inner-section:not(.text-area).col-md-6:last-child {
		/*order: 1;*/
		padding-left: 0;
		margin-top: 30px;
		
	}
	.wp-block-domuly-inner-section.fix {
		margin-left: -15px;
	}
	.wp-block-domuly-inner-section.text-area.col-md-6:last-child {
		/*order: 1;*
	}
	.wp-block-domuly-inner-section:not(.text-area).col-md-6:first-child {
		/*order: 2;*/
	}
	.wp-block-domuly-kolumna-50 .container,
	.wp-block-domuly-container-block > .container,
	footer .container,
	section[name="product-category"] .container,
	section[name="content"] .container, 
	.related-products {
		padding-left: 30px;
		padding-right: 30px;
	}
	.wp-block-domuly-container-block.faq > .container {
		padding-left: 0;
		padding-right: 0;
	}
	.wp-block-domuly-inner-section {
		padding: 0px !important;
	}
	section[name="newsletter"] {
		display: none;
	}
	.wp-block-domuly-domuly-icons-block {
		/*margin-top: 50px;*/
	}
	
	.kontakt-cols {
		display: block;
	}
	.kontakt-cols .wp-block-column {
		display: block;
		flex-basis: 100% !important;
	}
	.kontakt-cols .wp-block-column:last-child {
		margin-top: 100px;
	}
	.s-t-1 {
		margin-top: 30px;
	}
	.kontakt-list .col-md-12 {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.contact_form label {
		display: block;
		font-weight: 500;
		font-size: 15px;
	}
	.wp-block-domuly-table-block .flex-cell, section[name="block"] p, .timeline-content, section.wp-block-domuly-tabs p {
		font-size: 16px;
		line-height: 28px;
	}
	.oddzialy-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: -40px;
	}
	.s-tb-1 {
		margin-bottom: 30px;
	}
	.wp-block-columns.mapa {
		margin-top: -50px;
	}
	.wp-block-columns.mapa .wp-block-column {
		margin-bottom: 0;
	}
	/*
	.wp-block-columns.mapa .wp-block-column:first-child,
	.wp-block-columns.mapa .wp-block-column:last-child {
		display: none;
	}*/
	.wp-block-columns.mapa .wp-block-column.listaoddzialow  {
		margin-bottom: 30px;
		
	}
	.wp-block-columns.mapa {
		display: block;
		margin-top: 30px;
	}
	section[name="category"] .title {
		position: absolute;
		top: 156px;
        left: 30px;
        font-size: 54px;
		letter-spacing: 10px;
		line-height: 50px !important;
	}
	section[name="category"] .wrapper p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 9;
		-webkit-box-orient: vertical;
	}
	section[name="category"] {
		margin-top: -160px;
	}
	section[name="category"] .wrapper {
		padding: 30px;
		right: 90px;
	}
	.category-btn {
		position: relative;
		z-index: 10;
	}
	.col-md-2.product {
		position: absolute !important;
	}
	.col-md-2.category {
		display: none;
	}
	.product-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
		padding: 20px 0;
	}
	.product-title {
		text-transform: uppercase;
		font-size: 13px;
		font-weight: 500;
	}
	.product-order-table .col {
		flex: 1 1 50%;
	}
	.toggle .item h3 {
		font-size: 25px;
	}
	.toggle .item span {
		top: 15px;
		right: 15px;
		position: absolute;
		display: block;
		width: 30px;
		height: 30px;
		background: url(/img/icons/toggle.svg) top right no-repeat;
		background-size: 30px 30px;
	}
	section[name="product"] {
		margin-top: -100px;
		height: 600px;
	}
	section[name="product"] .header {
		height: auto;
	}
	section[name="product"] .header .title {
		top: -4px !important;
		font-size: 24px !important;
		letter-spacing: 5px !important;
	}
	section[name="product"] .header svg {
		width: 80%;
	}
 	section[name="product-category"] .toggle-option {
		width: 87px;
	}
	section[name="product-category"] .toggle-switch-frame.head .toggle-option {
		font-size: 12px;
		font-weight: 500;
	}
	.col-md-2.product img {
		left: auto !important;
		right: -100px !important;
		bottom: -20px !important;
		height: 550px !important;
	}
	.col-md-8.content div.cat-wrapper {
		height: calc(100% - 200px);
		width: 100% !important;
		position: absolute;
		left: 0 !important;
		right: 0 !important;
	}
	
	
	footer .col-md-9 .col-md-3 {
		width: 33.333%;
	}
	footer .company {
		margin-top: 50px;
	}
	footer section[name="menu"] .col-md-9 .col-md-3 h2, footer section[name="menu"] .col-md-9 .col-md-6 h2 {
		font-size: 16px !important;
		margin-bottom: 16px;
	}
	footer section[name="menu"] .col-md-4,
	footer section[name="menu"] .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
	footer section[name="menu"] {
		padding-top: 15px;
		padding-bottom: 0px;
		z-index: 0;
	}
	footer section[name="menu"] .company .logo {
		width: 200px;
	}
	.mobile-btn { 
		display: block;  
        right: 0;
        top: 64px;
		position: absolute;
		z-index: 3;
	}
	.mobile-btn.active {
		z-index: 40;
	}
	.copynav .copybtn { display: none }
	nav {
		margin-top: 0;
	}
	
	nav .navbar-brand {
		position: relative;
		margin-left: 0px;
	}
	nav .logo {
		width: 200px; 
	}
	section[name="socialmedia"] .info-message {
		display: none;
	}
	 
	.navbar {
		height: 90px;
	}
	@-webkit-keyframes headerstatic {
	  from {
		top: -300px;
	  }
	  to {
		  top: -65px;
	  }
	}
	.navbar-bg {
	/* 
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		opacity: 1;
		transition: all .3s;  */
	} 
	.navbar-wrapper {
		opacity: 0;
		position: fixed;
		background: var(--main-primary-color);
		transition: all .3s;  
		top: 0;
		left: 100%;
		right: -100%;
		bottom: 0;
		overflow-y: auto;
		height: 100vh;
		margin-top: 0;
		z-index: 0;
	}
	.navbar-wrapper.active {
		opacity: 1;
		left: 0;
		right: 0;
		z-index: 12;
	}
	.navbar-nav {
		margin-top: 100px;
		padding-bottom: 100px;
	}
	.navbar-menu {
		display: block;
        margin: 30px;
        margin-top: 200px;
	}
	navbar-menu a {
		text-decoration: none;
		color: var(--main-tertiary-color);
		font-weight: 500;
		font-size: 29px;
		/* margin-bottom: 95px; */
		display: table;
		margin-bottom: 30px;
	}
	.navbar-wrapper .nav-item:not(:last-child),
	.navbar-wrapper .nav-item {
		margin-left: 25px !important;
		display: block;
		width: calc(100% - 40px);
	}
	.navbar-wrapper .btn-global {
		font-size: 26px;
		margin-top: 20px !important;
		padding: 6px 9px 6px 9px!important;
		color: #fff !important;
		margin-left: 0;
		text-align: center;
		display: table;
	}
	.navbar-wrapper .nav-link:not(.btn-global) {
		font-size: 26px;
		font-weight: 400;
		display: table;
		position: relative;
	}
	.navbar-wrapper .nav-link.active:not(.btn-global):before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 1px;
		width: 100%;
		height: 4px;
		background: var(--main-primary-color);
	}
	.copybtn {
		position: absolute;
		right: 16px;
		top: 9px;
	}
	.navbar-wrapper .arrow {
		display: none !important;
	}
	.navbar-wrapper .items {
		position: relative;
		background: transparent;
		filter: none;
		top: 0;
		display: none;
		margin-bottom: 30px;
	} 
	.navbar-wrapper .items .container {
		padding-top: 10px;
	}
	
	nav .navbar-brand .kids-logo {
		margin-left: 10px;
		bottom: 0;
		width: 60px;
	}
	 
	header.static {
		margin-top: 0;
	}
	
	.navbar-nav > .subitems > .items > .container > .row > .col-md-6 {
		padding-right: 50px;
		margin-left: 30px;
		margin-bottom: 30px;
	}
	.navbar-nav > .subitems > .items > .container > .row > .col-md-6 .col-md-6:first-child {
		margin-bottom: 30px;
	}
	.navbar-wrapper .subitems .items h2 {
		font-size: 18px !important;
		line-height: 18px !important;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.navbar-wrapper .subitems .items a:not(.btn-img) {
		display: table;
		font-size: 17px;
		/* margin-top: 20px; */
		margin-bottom: 15px;
		padding-left: 60px;
		background: url('/img/btn-next.png') left center no-repeat;
		background-size: 7px;
	}
	.arrow,
	.arrow-shadow {
		display: none !important;
	}
	
	.navbar-nav .subitems .items a {
		width: 100%;
		display: block;
		padding: 5px 10px 5px 50px;
		position: relative;
	}
	.navbar-nav .subitems .items a img.icon {
		width: 35px;
		height: 35px;
		top: 10px;
		left: 10px;
		position: absolute;
	}
	.navbar-nav .subitems .items a.image div, nav .subitems .items a div:nth-child(2) {
		display: table;
		position: relative;
		font-size: 17px;
		font-weight: 600;
		color: var(--main-tertiary-color);
		padding: 0;
	}
	.navbar-nav .subitems .items a:not(.image) div:last-child {
		display: table;
		font-size: 13px;
		color: var(--main-tertiary-color);
		padding: 0;
	}
	.navbar-nav .subitems .items .col-md-8 {
		order: 2;
	}
	.navbar-nav .subitems .items .col-md-4 {
		order: 1;
	}
	.navbar-nav .subitems .items .col-md-4 h2,
	.navbar-nav .subitems .items .col-md-12 h2 {
		display: none;
	}
	.navbar-menu a {
		font-size: 35px;
	}
	/*
	
	nav .items .col-md-4,
	nav .items .col-md-8 {	
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	nav .items .col-md-4 {
		order: 1;
	}
	nav .items .col-md-8 {
		order: 2;
	}
	*/
	 
}

@media screen and (max-width: 500px) {	
	    section[name="welcome"] .splash h2 {
        font-size: 26px !important;
        line-height: 36px;
        margin-top: 0px;
        width: 100%;
    }
	
	section[name="welcome"] .splash .col-right img {
        position: absolute;
        top: -60px;
        left: 0px;
        width: 310%;
    }
	
	.amount label, .period label {
		display: block;
		font-weight: 500;
		margin-bottom: 5px;
		color: #555;
		text-align: left;
		font-size: 10px;
	}
	.submit-btn {
        padding: 10px;
        font-size: 13px;
    }
	.wp-block-domuly-domuly-icons-block.items-4-col .items {
        grid-template-columns: 1fr;
    }
    .subpage .months {
        width: 100%;
    }
	.mobile-btn { 
		display: block;  
        right: 0;
        top: 32px;
		position: absolute;
		z-index: 3;
	}
}