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

:root {
	--main-primary-color: #cc1d1d; /* alternatywa 005bbc */
	/*--main-primary-color: #0043b6;*/
	--main-secondary-color: #2268c5;
	--main-tertiary-color: #12213a;
	--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;*/
	padding: 0;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	color: var(--main-tertiary-color);
	overflow-x: hidden;
	background: #f5f5f5;
	font-size: 20px;
	line-height: 30px;
    font-weight: 300;
    letter-spacing: 0.1px;
}
*:not(#panorama *, nav *) {
	transition: all .3s;
}

.container {
	min-width: var(--main-width);
	width: var(--main-width); 
	padding-left: 0;
	padding-right: 0; 
}
.container.r {
	position: relative;
}
.content-title, h2 {
	font-size: 39px !important;
    line-height: 39px;
    font-weight: 700;
    margin-top: 8px;
	margin-bottom: 45px;
    letter-spacing: 0.2px;
    padding: 0;
    color: var(--main-tertiary-color);
	position: relative;
}
h3 {
	font-size: 24px !important;
    line-height: 24px;
    font-weight: 700;
    margin-top: 8px;
	margin-bottom: 45px;
    letter-spacing: 0.2px;
    padding: 0;
    color: var(--main-tertiary-color);
	position: relative;
	text-transform: uppercase;
}
h4 {
	font-size: 26px !important;
    line-height: 20px;
    font-weight: 600;
    margin-top: 8px;
	margin-bottom: 15px;
    letter-spacing: 0.2px;
    padding: 0;
    color: var(--main-tertiary-color);
	position: relative;
}
 

.description h2:after,
section[name='journey'] h2:after,
section[name='alter-footer'] h2:after {
	display: none;
}
.content-title {
	
    width: auto;
    display: table;
    
    margin-top: 8px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
.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, 126, 239, 0.5));
}
.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: 30px;
}
.s-t-3 {
    margin-top: 198px;
}
.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;
}
.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-nav) {
	margin: 0;
	padding: 0;
}
li:not(.menu-level) {
    font-size: 20px;
	font-weight: 300;
    text-align: left;
    padding-left: 40px;
    margin-top: 3px;
    list-style-type: none;
	color: var(--main-tertiary-color);
    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; 
}*/

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 .lines {
	width: 100%;
	position: relative;
}
header .lines span {
	display: block;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 20px;
	background: var(--main-secondary-color); 
	position: relative;
	
	
} 



header.sub {
	margin-bottom: 40px;
}

 

/* Navigation - begin */
nav {
	
}
nav.navbar {
	padding: 0 !important;
	z-index: 2;
	background: #fff; filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.3));
}
.navbar-brand {
	width: 110px;
	position: relative;
}
nav .logo {
	width: auto;
	transition: filter .3s;
	position: absolute;
	top: -60px;
}
nav .logo:hover { 
	filter: drop-shadow(0px 0px 38px rgba(0, 0, 0, 0.3));
}
nav .container {
	/*position: relative;*/
}
nav .navbar-collapse {
	margin-left: 50px;
}
.navbar-info .container {
	position: relative;
}
 

/* Główne menu poziom 0 – w jednej linii */
/* MENU GŁÓWNE - poziom 0 */
.main-nav {
	justify-content: end;
}
.main-nav > ul.menu-level {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

/* POZYCJE GŁÓWNE */
.main-nav .menu-level > li {
    position: relative;
	list-style-type: none;
}

.main-nav .menu-level > li > a {
    display: block;
    padding: 12px 18px;
    text-decoration: none;
    color: var(--main-tertiary-color);
	font-size: 19px;
    font-weight: 600; 
    white-space: nowrap;
	text-transform: uppercase;
}

/* HOVER */
.main-nav .menu-level > li > a:hover {
    background-color: var(--main-tertiary-color);
}

/* PODMENU (każdy poziom, np. menu-level-1, 2, 3 itd.) */
.main-nav .menu-level li {
	list-style-type: none
}
.main-nav .menu-level li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%; /* rozwijane w bok */
    min-width: 220px;
    background: var(--main-primary-color);  
    z-index: 1000; 
	list-style-type: none !important;
	padding: 0;
}

/* SPECJALNIE DLA menu-level-1, by rozwijało się w dół spod głównego menu */
.main-nav .menu-level > li > ul.menu-level-1 {
    top: 100%;
    left: 0;
}

/* POKAŻ submenu */
.main-nav .menu-level li:hover > ul {
    display: block;
}

/* LINKI w submenu */
.main-nav .menu-level li ul li a {
    padding: 10px 15px;
    display: block;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}
 /*
header .lines span,
.main-nav .menu-level li ul,
.main-nav .menu-level.menu-level-0 > li:hover > a,
.page-header .space {
 

    background-image: url(/img/header.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center -70px;
	background-size: contain;
}*/

 
/* 🔥 AKTYWNY element */


/* AKTYWNE LINKI — działa na wszystkich poziomach */
.main-nav .menu-level li > a.active,
.main-nav .menu-level li.current-menu-item > a,
.main-nav .menu-level li.current-menu-parent > a,
.main-nav .menu-level li.current-page-ancestor > a {
    background-color: var(--main-secondary-color);
    color: #fff;
}

/* HOVER DLA menu głównego (menu-level-0) */
.main-nav .menu-level.menu-level-0 > li:hover > a {
    background-color: var(--main-primary-color);
    color: #fff;
}

/* HOVER DLA submenu (menu-level-1 i głębiej) */
.main-nav .menu-level:not(.menu-level-0) > li:hover > a {
    background-color: var(--main-secondary-color);
    color: #fff;
}

/* STRZAŁKA przy elementach z podmenu */
/*.main-nav .menu-level-0 > li.has-children > a::after {
    content: " ▼";
    font-size: 0.7em;
    margin-left: 5px;
}*/

/* ▶ dla niższych poziomów */
/*.main-nav .menu-level-1 > li.has-children > a::after,
.main-nav .menu-level-2 > li.has-children > a::after,
.main-nav .menu-level-3 > li.has-children > a::after {
    content: " ▶";
    font-size: 0.7em;
    margin-left: 5px;
}*/





.wp-block-domuly-domuly-icons-slider {
    position: relative;
    width: 100%;
    height: calc(100vh - 260px);
    overflow: hidden;
}

.slider-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.slider-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    z-index: 0;
}


.slider-slide:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url('/img/shadow.png') repeat-x;
	z-index: 1;
}
.slider-slide.active {
    opacity: 1;
    z-index: 1;
}

.slider-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 2;
}

.slider-dots span {
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s;
}

.slider-dots span.active {
    background: white;
}

 
.slider-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	position: relative;
}


.slider-slide .slider-content {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    padding: 40px 0;
    color: white;
	z-index: 2;
}

.slider-slide .slider-content .container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.slider-slide .slider-content .container span {
    font-size: 20px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
}
.slider-slide .slider-content .container h4 {
    font-size: 56px !important;
	line-height: 60px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
}






/* Score - begin */
section[name="score"] {
    margin-top: 50px;
}

section[name="score"] .container {
    border-radius: 20px;
    background: var(--main-secondary-color);
    padding: 20px;
}

section[name="score"] .row {
    display: flex;
    justify-content: center;
    gap: 30px; /* Odstęp między kolumnami */
    margin: 0;
}

section[name="score"] .col-md-3,
section[name="score"] .col-md-6 {
    padding: 5px;
}
section[name="score"] .row:last-child .col-md-3,
section[name="score"] .row:last-child .col-md-6 {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 25px;
}

section[name="score"] .col-md-3 {
    flex: 1;
    max-width: 30%;
}

section[name="score"] .col-md-6 {
    flex: 2;
    max-width: 40%;
}

/* Stylizacja meczu */
section[name="score"] .match-card h2 {
	font-size: 15px !important;
}
section[name="score"] .match-card {
    background: #fff;
    padding: 20px;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    min-width: 280px; 
}

/* Zespoły ustawione w równych kolumnach */
section[name="score"] .match-info {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 20px;
    text-align: center;
}

/* Każda drużyna ma równą szerokość */
section[name="score"] .team {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
}

/* Kwadratowy kontener na logo */
section[name="score"] .team-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    overflow: hidden;
}

/* LOGO: domyślnie 60px, większe w .col-md-6 */
section[name="score"] .col-md-3 .team-logo {
    width: 80px;
    height: 80px;
    object-fit: contain;
}
section[name="score"] .col-md-3 .team-logo img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

section[name="score"] .col-md-6 .team-logo {
    width: 120px;
    height: 120px;
}
section[name="score"] .col-md-6 .team-logo img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

/* Nazwa drużyny */
section[name="score"] .team-name {
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    word-break: break-word;
    line-height: 1.2;
    text-align: center;
}

/* Stylizacja wyniku */
section[name="score"] .match-score {
    display: flex;
    align-items: center;
    justify-content: center;
    background: green;
    color: white;
    font-size: 24px;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 10px;
    min-width: 80px;
    height: auto; /* domyślnie, nie rozciąga się */
    align-self: center; /* ✅ to ustawia go na środku pionowo względem logotypów */
}


/* Dodatkowe informacje o meczu */
section[name="score"] .match-details .friendly {
	font-size: 16px;
}
section[name="score"] .match-details {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

.gks-schedule-form {
    margin-bottom: 1rem;
}
.gks-schedule-form label {
    margin-right: 0.5rem;
}

section[name="score"] .toggle-switch-frame-title {
	display: table;
	margin: auto;
	border-radius: 25px; 
	padding: 5px;
}
section[name="score"] .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="score"] .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="score"] .toggle-switch-frame {
	display: table;
	margin: auto;
	border-radius: 25px; 
	padding: 5px;
}

section[name="score"] .toggle-switch-frame.head {
	border-radius: 25px;
	background: #fff;
	padding: 5px;
	width: 100%;
	margin-bottom: 20px;
}
section[name="score"] .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="score"] .toggle-switch-frame.head .toggle-switch {
 
	border-radius: 0;
	width: 100%;
}
.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 */
section[name="score"] .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;
}
section[name="score"] .toggle-switch-frame.head .toggle-option {
	font-size: 17px;
    padding: 5px 0;
    border-radius: 25px;
}
section[name="score"] .toggle-option:focus,
section[name="score"] .toggle-option:active {
  outline: none;
  box-shadow: none;
}

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

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

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

/* Suwak (slider) */
section[name="score"] .slider {
  position: absolute;
  top: 0;
  left: 0;
  /*width: 50%;            */
  width: 100%;            
  height: 100%; 
  transition: left 0.1s;
}
section[name="score"] .toggle-switch-frame.head .slider {
	background: var(--main-secondary-color);
	
    border-radius: 25px;
}


/* Score - end */



.shop {
	border-radius: 25px;
	padding: 45px;
	display: block;
	height: 250px;
	position: relative;
}
.shop:hover,
.partners:hover {
	text-decoration: none;
	transform: scale(1.05);
}
.shop:hover {	
	z-index: 99; 
    filter: drop-shadow(0px 0px 15px rgba(34, 104, 197, 0.5))
}
.partners:hover {
	text-decoration: none;
    filter: drop-shadow(0px 0px 15px rgba(184, 14, 45, 0.5))
}
.shop:before {
	content: '';
	position: absolute;
	border-radius: 25px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	filter: grayscale(1);
	background: url('/img/sklep.jpg') center center no-repeat;
	background-size: cover;
	z-index: -2;
}
.shop:after {
	content: '';
	position: absolute;
	border-radius: 25px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--main-secondary-color);
	opacity: 0.85;
	z-index: -1;
}
.partners {
	border-radius: 25px; 
	padding: 45px;
	display: block;
	height: 250px;
	position: relative;
}
.partners:before {
	content: '';
	position: absolute;
	border-radius: 25px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	filter: grayscale(1);
	background: url('/img/ofertasponsorska.jpg') center bottom no-repeat;
	background-size: cover;
	z-index: -2;
}
.partners:after {
	content: '';
	position: absolute;
	border-radius: 25px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--main-primary-color);
	opacity: 0.85;
	z-index: -1;
}
.shop h4,
.partners h4 {
	font-size: 40px !important;
	color: #fff;
	font-weight: 500;
}
.shop p,
.partners p {
	font-size: 22px;
	color: #fff;
	font-weight: 300;
}



.gks-schedule {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 20px 0; 
}

.gks-schedule-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px; 
    flex-wrap: wrap;
}
.gks-schedule-row:nth-child(odd) {
	background: #f0f0f0;
}
.gks-schedule-row .friendly {
	font-size: 11px;
}
/*
.gks-schedule-row:nth-child(1) {
	background: transparent !important;
}*/
.gks-schedule-header {
    font-weight: 400;
    background: transparent;
	text-transform: uppercase;
}

.gks-schedule-row > div {
    flex: 1 1 100px;
    min-width: 100px;
    text-align: center;
	font-size: 22px;
	font-weight: 300;
	color: var(--main-tertiary-color);
}
.gks-schedule-row > div.select {
	font-weight: 600;
}
.gks-schedule-row div:nth-child(1) {
	flex: 0 0 140px;
    width: 140px;
}
.gks-schedule-row div:nth-child(2) {
	flex: 0 0 60px;
    width: 60px;
}
.gks-schedule-row div:nth-child(4),
.gks-schedule-row div:nth-child(6) {
	flex: 0 0 100px;
    width: 100px;
}
.gks-schedule-row div:nth-child(5) {
	flex: 0 0 40px;
    width: 40px;
}
.gks-schedule-row div:nth-child(3) {
	text-align: right;
}
.gks-schedule-row div:nth-child(7) {
	text-align: left;
}
	
.gks-schedule-row img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.gks-sponsors-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 30px;
	justify-items: center;
	align-items: center;
	margin: 40px 0;
}
.gks-sponsors-grid.big {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.gks-sponsor-item {
	width: 100%;
	aspect-ratio: 4 / 3;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	border-radius: 15px;
}
.gks-sponsor-item img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.gks-table {
    display: flex;
    flex-direction: column;
    width: 100%;   
    overflow: hidden;
    margin-top: 20px;
}

.gks-table-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 5px;
}
.gks-table-row:nth-child(odd) {
    display: flex;
    flex-direction: row;
    align-items: center;
	background: #f0f0f0;
    padding: 10px 5px;
}

.gks-table-row:nth-child(1) {
	background: transparent !important;
}
.gks-table-row:last-child {
    border-bottom: none;
}

.gks-table-header div {
    background: transparent;
    font-weight: 500 !important;
	font-size: 16px;
	text-transform: uppercase;
}

.gks-table-row > div {
    flex: 1;
    text-align: center;
    font-size: 22px;
	padding: 10px;
	font-weight: 300;
	color: var(--main-tertiary-color);
}
.gks-table-row.select {
	background: var(--main-primary-color);
}
.gks-table-row.select div {
	color: #fff;
}

.gks-table-row > div:first-child {
    flex: 0.5;
}
.gks-table-row > div:nth-child(3) {
    text-align: left;
}

.gks-table-row > div:nth-child(3),
.gks-table-row > div:nth-child(4) {
    font-weight: 500;
}
.gks-table-row > div:nth-child(2) {
    flex: 0 0 80px;
    width: 80px;
}
.gks-table-row > div:nth-child(2) .crest {
    display: flex;
    align-items: center;
    justify-content: center;
	width: 60px;
    height: 60px;
    object-fit: contain;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    overflow: hidden;
}

.gks-table-row > div:nth-child(2) .crest img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.gks-table-row > div:nth-child(1),
.gks-table-row > div:nth-child(4),
.gks-table-row > div:nth-child(5),
.gks-table-row > div:nth-child(6),
.gks-table-row > div:nth-child(7),
.gks-table-row > div:nth-child(8) {
    flex: 0 0 80px;
    width: 80px;
}

.gks-table-row > div:nth-child(9) {
    flex: 0 0 120px;
    width: 120px;
}

@media (max-width: 768px) {
    .gks-table-row {
        font-size: 12px;
        padding: 6px 4px;
    }
}

.page-header .container {
	position: relative;
}
.page-header {
	position: relative;
	margin-bottom: 150px;
}
.page-header img {
	width: 100%;
	height: 450px;
	object-fit: cover;
	object-position: center center;
}
.page-header .space {
	background: var(--main-secondary-color);
	height: 200px;
}
.page-header-title {
	position: absolute;
	bottom: -41px;
	left: -30px;
	right: -30px;
	padding-left: 30px;
	padding-right: 30px;
	background: #f5f5f5;
	padding-top: 30px;
}
.page-header-title .breadcrumbs {
	font-size: 14px !important;
    line-height: 14px;
    font-weight: 400; 
    padding: 0;
    color: #aaa;
    position: relative;
	margin-top: 20px;
	text-transform: uppercase;
}
.page-header-title .breadcrumbs a {
    color: #aaa;
}
.page-header-title h1 {
	font-size: 50px !important;
    line-height: 50px;
    font-weight: 700; 
    letter-spacing: 0.2px;
    padding: 0;
    color: var(--main-tertiary-color);
    position: relative;
	text-transform: uppercase;
}
h5 {
	font-size: 50px !important;
    line-height: 50px;
    font-weight: 700; 
    letter-spacing: 0.2px;
    padding: 0;
    color: var(--main-tertiary-color);
    position: relative;
	text-transform: uppercase;
}

.gks-player-grid {
	display: grid;    
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 30px;
	margin-bottom: 80px;
}
.gks-player-card {
	background: #fff;
	color: #fff;
	text-align: center;
	padding: 0;
	position: relative;
	border-radius: 15px;
	
	filter: drop-shadow(0px 0px 18px rgba(0, 0, 0, 0.15));
}
.gks-player-photo {
	position: relative;
}
.gks-player-photo img {
	width: 100%;
	height: 450px;
	display: block;
    object-fit: cover;
    object-position: top;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.gks-player-placeholder {
	width: 100%;
	height: 450px; 
	background: #aaa url('/img/placeholder.png') bottom center no-repeat;
	background-size: cover;
}
.gks-player-number {
	position: absolute;
	top: 8px;
	left: 8px;
	background: #fff;
	color: #a00;
	font-weight: bold;
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 16px;
}
.gks-player-name {
	margin-top: 15px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 20px;
	color: var(--main-tertiary-color);
}
.gks-player-position-name {
	margin-top: 5px;
	margin-bottom: 15px;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 14px;
	color: #aaa;
}

.icons {
	justify-content: start;
}
header .icons {
	justify-content: end;
}
.icons a {
	margin-right: 10px;
	width: 25px;
	height: 25px;
}
header .icons a {
	margin-left: 10px;
}
.icons .facebook {
	background: url('/img/icons/facebook.svg') no-repeat;
	background-size: 25px 25px;
}
.icons .instagram {
	background: url('/img/icons/instagram.svg') no-repeat;
	background-size: 25px 25px;
}
.icons .linkedin {
	background: url('/img/icons/linkedin.svg') no-repeat;
	background-size: 25px 25px;
}
.icons .youtube {
	background: url('/img/icons/youtube.svg') no-repeat;
	background-size: 25px 25px;
}
.icons .twitter {
	background: url('/img/icons/twitter.svg') no-repeat;
	background-size: 25px 25px;
}
.icons .tiktok {
	background: url('/img/icons/tiktok.svg') no-repeat;
	background-size: 25px 25px;
}



.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/bg.png') no-repeat;
	background-size: cover;*/
}
section[name="welcome"] .container .blob {
	position: absolute;
	top: -170px;
	right: -670px;
	height: 1150px;
}

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 40%;
	flex: 0 0 40%;
	max-width: 40%;
}
section[name="subpage"]:not(.exports) .col-md-6:nth-child(2) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
	max-width: 60%;
}
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,
.portal-description .primary {
	font-size: 41px !important;
    line-height: 45px;
    font-weight: 800;
	margin: 0;
	padding: 0;
	margin-bottom: 65px;
}
.portal-description .primary { 
	color: var(--main-tertiary-color);
	margin-bottom: 50px !important;
}
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);
}
.portal-description .text p {
	font-size: 20px !important;
    line-height: 33px;
    font-weight: 300;
    letter-spacing: 0.1px;
}	

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-secondary-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;
	filter: drop-shadow(0px 0px 28px rgba(0, 0, 0, 0.3));
}
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;*/
}
section[name="subpage"] .page-frame .media img {
	object-fit: cover;
	/*border-radius: 50px;*/
	width: 100%;
	height: 100%;
}
section[name="subpage"] .page-frame .media video {
	object-fit: cover;
	border-radius: 50px;
	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: var(--main-primary-color);
}
section[name="block"].blue p strong,
section[name="block"].blue p b {
	color: #fff;
}
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;
}
.portal-description .primary {

}

.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;
    border-radius: 15px;
    filter: drop-shadow(0px 0px 28px rgba(0, 0, 0, 0.3))
}
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="sponsors"] { 
	background: #043861; 
	-webkit-box-shadow: inset 0px 0px 292px 21px rgb(3 32 54);
-moz-box-shadow: inset 0px 0px 292px 21px rgb(3 32 54);
box-shadow: inset 0px 0px 292px 21px rgb(3 32 54);
}
section[name="news"] { 
	padding-top: 50px;
	padding-bottom: 50px;
}
section[name="news"].white {
	padding: 0;
	background: transparent;
}	
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;
	width: 60%;
	text-align: left;
}
section[name="sponsors"] .content-title {
	color: #fff;
}
section[name="news"] .content-title {
	color: var(--main-tertiary-color);
}
section[name="news"] .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.margin {
	display: grid;
	gap: 20px;
}
section[name="functions"] .items .item.bg,
section[name="portfolio"] .items .item.bg {
	background: var(--main-subprimary-color);
}
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="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: 1px solid #007bff;
	background: #eaf4fe;
    filter: drop-shadow(0px 0px 15px rgba(0, 126, 239, 0.5))
}
section[name="functions"] .items .item:hover h4,
section[name="portfolio"] .items .item:hover h4 {
	color: #007bff;
}
section[name="functions"] .items .item:hover p,
section[name="portfolio"] .items .item:hover p {
	color: #007bff;
}

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: 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;
}
/*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;
 
    -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: 100;
	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.1);
}
section[name="content"] .items .item,
section[name="subpage"] .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,
section[name="subpage"] .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,
section[name="subpage"] .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,
section[name="subpage"] .items .item .cost.status-1 {
	background: var(--main-subprimary-color);
	color: #4b76a0;
}
section[name="content"] .items .item .cost.status-2,
section[name="subpage"] .items .item .cost.status-2 {
	background: #ebfeea;
	color: #64a660;
}
section[name="content"] .items .item:hover,
section[name="subpage"] .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: 250px;	
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
	border-radius: 15px; 
    -webkit-transition: 0.2s;
    transition: 0.2s;
	overflow: hidden; 
	position: relative;
	margin: 0;
}	
section[name="news"] .col-md-6 figure:before,
section[name="news"] .items .item figure:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url('/img/shadow.png') repeat-x;
	background-size: contain;
	opacity: 0.6;
	z-index: 1;
}
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:hover {
	transform: scale(1.05);
    filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0.2))
}
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: 16px;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
}

span.date {
	font-size: 16px;
	font-weight: 300;
	color: var(--main-tertiary-color);
	text-transform: uppercase;
}
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,
section[name="subpage"] .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: 22px;
    font-weight: 600;
    line-height: 1.5;
	color: var(--main-tertiary-color);
}
section[name="news"] .items .item .info,
section[name="news"] .col-md-6 .info {
	position: absolute;
	z-index: 99;
	bottom: 0;
	padding: 20px;
}
section[name="news"] .items .item h4,
section[name="news"] .col-md-6 h4 {
    
    font-size: 22px !important;
    font-weight: 600;
    line-height: 1.5;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-transform: uppercase;
}
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-secondary-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));
}
/* 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; 
}

.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, 126, 239, 0.5));
}

section[name="block"].blue a.content-btn {
	background: #fff;
    color: var(--main-secondary-color);
}
section[name="block"].blue a.content-btn:hover {
	filter: drop-shadow(0px 0px 18px rgba(255, 255, 255, 0.3));
}
section[name="block"].blue iframe {
	border-radius: 20px;
	width: 100%;
	height: 250px;
}
.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%;
}
 

 

/* Block - begin */

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);
}
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,
section[name="block"] p,
.timeline-content,
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"] .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 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: var(--main-primary-color) url('/img/texture.png');
	background-size: 110px;	
	padding: 65px 110px 60px 110px;
	position: relative;
}
section[name="newsletter"] h2 {
	font-size: 35px;
	font-weight: 600;
	color: #fff;
}
section[name="newsletter"] h2 span {
	display: block;
}
section[name="newsletter"] p {
	width: 49%;
	margin-top: 18px;
	font-size: 23px;
	line-heighT: 30px;
	font-weight: 300;
	color: #fff;
}
section[name="newsletter"] img {
	position: absolute;
	right: 140px;
	bottom: 0;
	height: 555px;
}
section[name="newsletter"] .email {
	background: #fff;
	padding: 5px;
	margin-top: 27px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: table;
}
section[name="newsletter"] .email input {
	padding: 15px;
	font-size: 18px;
	font-weight: 300;
	border: 0;
	outline: none;
	padding-left: 70px;
	background: url('/img/ico-envelope.png') left 20px center no-repeat;
	background-size: 35px;
}
section[name="newsletter"] .email input::placeholder {
	color: #d2d2d2;
}
section[name="newsletter"] .email .btn-global {
	font-size: 21px; 
	padding: 15px;
	outline: none;
	border: 0;
	cursor: pointer;
}
/* 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;*/
}
	/* Footer:menu - begin */
	footer section[name="menu"] {
		background: var(--main-secondary-color);
		padding-top: 75px;
		padding-bottom: 50px;
	} 
  
	footer section[name="menu"] .company .logo {
		width: 90px;
		margin-bottom: 30px;
	}
	footer section[name="menu"] .company p {
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		font-weight: 300;
		letter-spacing: 0.3px;
	}
	footer section[name="menu"] .company p a {
		color: #fff;
		font-weight: 600;
	}
	 

	footer section[name="menu"] .col-md-9 .col-md-3,
	footer section[name="menu"] .col-md-9 .col-md-6 {
		margin-top: 15px;
	}
	footer section[name="menu"] .col-md-3 .items {
		display: inline-grid;
	}
	footer section[name="menu"] .col-md-9 .col-md-6 {
		display: flex;
		flex-wrap: wrap;
	}
	footer section[name="menu"] .col-md-9 .col-md-6 .items {
		width: 50%;
		box-sizing: border-box;
	}
	footer section[name="menu"] .col-md-9 .col-md-3 h2,
	footer section[name="menu"] .col-md-9 .col-md-6 h2 {
		color: #fff;
		font-size: 20px !important;
		margin-bottom: 28px;
		width: 100%;
	}
	footer section[name="menu"] .col-md-9 .col-md-3 a,
	footer section[name="menu"] .col-md-9 .col-md-6 a {
		position: relative;
		justify-self: start;
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		display: block; 
		font-weight: 300;
		letter-spacing: 0.3px;
	}
	
	footer section[name="menu"] .col-md-9 .col-md-3 a.new:after,
	footer section[name="menu"] .col-md-9 .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 */

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

    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);
}
.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: 18px;
	font-weight: 600;
	color: var(--main-tertiary-color);
	margin-bottom: 0;
	padding-right: 50px;
}
.faq .item .desc {
	display: none;
	font-size: 16px;
	font-weight: 300;
	color: var(--main-tertiary-color);
	margin-top: 15px;
}
.faq .item .desc.active {
	display: block;
}



.wp-block-domuly-kolumna-50.blue > .container {
    border-radius: 30px;
	background: var(--main-secondary-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-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%;
}


section[name="block"].blue .wp-block-domuly-inner-section.text-area.col-md-6:first-child,
section[name="block"].blue .wp-block-domuly-tabs.text-area.col-md-6:first-child {
    flex: 0 0 30%;
    max-width: 30%;
}
section[name="block"].blue .wp-block-domuly-inner-section:not(.text-area).col-md-6:last-child {
    flex: 0 0 70%;
    max-width: 70%;
}
section[name="block"].blue .wp-block-domuly-inner-section:not(.text-area).col-md-6:first-child {
    flex: 0 0 70%;
    max-width: 70%;
}
section[name="block"].blue .wp-block-domuly-inner-section.text-area.col-md-6:last-child {
    flex: 0 0 30%;
    max-width: 30%;
}



.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 {
    border-radius: 15px;
    filter: drop-shadow(0px 0px 28px rgba(0, 0, 0, 0.3))
}

/* 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: 30px;
}
.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;
}

.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 screen and (max-width: 1430px) {	
	:root {
		--main-width: 1150px;
	}
}
@media screen and (max-width: 1399px) {	
	:root {
		--main-width: 100%;
	}
	section, nav .container, 
	.slider-content .container,
	.lines .container,
	.page-header .container {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.wp-block-domuly-domuly-icons-slider {
		padding: 0 !important;
	}

	section[name="portfolio-content"] > .container > .row > .imgs > img:nth-child(1) {
    	left: -470px;
	}
	section[name="portfolio-content"] > .container > .row > .imgs > img:nth-child(2) {
		right: -765px;
	}
	section[name="portfolio-content"] > .container > .row > .prevs > img:nth-child(1) {
		right: -397px;
	}

	/*.container .tablet-frame {
		position: absolute;
		top: 220px !important;
		right: -82px !important;
		width: 805px !important;
	}*/
	section[name="welcome"] .container .tablet-frame {	
		top: 40px;
		width: 840px;
		right: -210px;
	}
	section[name="welcome"] .description {
		top: 160px !important;
		width: 447px !important;
	}
	section[name="welcome"] .description h2 b {
		font-size: 33px !important;
		line-height: 35px !important;
	}
	 
	section[name="welcome"] .description a:not(.opinions) {
		width: 258px !important;
		height: 49px !important;
		font-size: 19px !important;
	}
	section[name="welcome"] .container .blob-frame {
		top: -430px !important;
		right: -320px !important;
	}
	.content-title, h2 {
		font-size: 27px !important;
		line-height: 33px !important;
		margin-bottom: 30px !important;
	}
	nav .subitems .items .col-md-4 a div:nth-child(2) {
		font-size: 17px !important;
		line-height: 22px !important;
	}
	nav .subitems .items a:not(.image) div:last-child {
		overflow: hidden !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 3 !important;
		line-clamp: 3 !important;
		-webkit-box-orient: vertical !important;
	}
	nav .subitems .items a.menu-button-more {
		font-size: 14px !important;
		margin-top: 12px !important;
	}
	nav .nav-link:not(.btn-global) {
		font-size: 20px !important;
	}
	section[name="functions"] .items .item h4, section[name="content"] .items .item h4 {
		font-size: 19px !important;
	}
	section[name="functions"] .items .item p, section[name="content"] .items .item p {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	.wp-block-domuly-table-block .flex-cell, 
	section[name="block"] p, 
	.timeline-content, 
	section.wp-block-domuly-tabs p,
	section[name="subpage"] .description p, section[name="subpage"] .row:last-child p,
	section[name="welcome"] .description p {
		font-size: 18px !important;
		line-height: 29px;
	}
	.content-tabs li {
		padding: 15px !important;
		font-size: 14px !important;
		line-height: 20px !important;
	}
	section[name="block"] a.more, section[name="functions"] .items .item a, section[name="content"] .items .item a, section[name="alter-footer"] a {
		height: 45px !important;
		font-size: 14px !important;
		line-height: 16px !important;
	}
	section[name="functions"] .items .item, section[name="portfolio"] .items .item {
		gap: 20px !important;
	}
	footer section[name="menu"] .col-md-9 .col-md-3 a, footer section[name="menu"] .col-md-9 .col-md-6 a {
		overflow: hidden !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 1 !important;
		line-clamp: 1 !important;
		-webkit-box-orient: vertical !important;
	}
	footer section[name="menu"] .col-md-9 .col-md-3 a, footer section[name="menu"] .col-md-9 .col-md-6 a,
	footer section[name="menu"] .company p {
		position: relative;
		justify-self: start;
		font-size: 12px;
		line-height: 28px;
	}
	section[name="block"] h2.big {
		font-size: 40px !important;
		line-height: 43px !important;
		line-height: 55px;
		margin-top: 0;
	}
		
	.page-header-title {
		position: relative;
		bottom: -41px;
		margin-top: -120px;
		left: 0px;
		right: 0px;
		padding-left: 30px;
		padding-right: 30px;
		background: #f5f5f5;
		padding-top: 30px;
	}
	.page-header {
		margin-bottom: 100px;
	}
	.wp-block-domuly-container-block,
	.wp-block-domuly-kolumna-50,
	.wp-block-domuly-portfolio-block,
	.gks-schedule,
	.gks-table,
	.container h3,
	.gks-players,
	.gks-sponsors-grid.big {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
	.wp-block-domuly-domuly-icons-block.items-2-col .items {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.gks-player-photo img,	
	.gks-player-placeholder {
		width: 100%;
		height: 320px;
	}
	.gks-player-placeholder {
		background-size: contain;
	}
	.left-arrow {
		left: -39px;
	}
	.right-arrow {
		right: -39px;
	}
	.s-t-1 {
		margin-top: 80px;
	}
	.s-tb-1 {
		margin-bottom: 80px;
	}
	.page-header-title h1 {
		font-size: 40px !important;
	}
	.gks-table-row > div,
	.gks-schedule-row > div {
		font-size: 16px;
	}
}
@media screen and (max-width: 1130px) {	
	
	.main-nav .menu-level > li > a {
		font-size: 15px !important;
	}
	.slider-slide .slider-content .container h4 {
		font-size: 42px;
		line-height: 43px;
	}
	.slider-slide .slider-content .container span {
		font-size: 16px;
	}
	section[name="score"] .team-name {
		font-size: 15px;
	}
	section[name="score"] .match-score {
		font-size: 19px;
		padding: 5px 8px;
		min-width: 66px;
	}
	section[name="score"] .match-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 30px);
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
	}
	section[name="score"] .match-card:nth-child(3) {
		display: none !important;
	}
	section[name="score"] .col-md-3 .team-logo,
	section[name="score"] .col-md-6 .team-logo,
	section[name="score"] .col-md-3 .team-logo img,
	section[name="score"] .col-md-6 .team-logo img {
		width: 120px;
		height: 120px;
	}
	.col-md-7,
	.col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	section[name="news"] .col-md-6 figure, section[name="news"] .items .item figure {
		width: 100%;
		height: 200px;
	}
	section[name="news"] .items .item span, section[name="news"] .col-md-6 span, span.date {
		font-size: 14px !important;
	}
	section[name="news"] .items .item h4, section[name="news"] .col-md-6 h4 {
		font-size: 16px !important;
	}		
	.gks-sponsors-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		margin: 0;
		padding: 15px;
	}
	footer section[name="menu"] .col-md-9 .col-md-3 h2, footer section[name="menu"] .col-md-9 .col-md-6 h2 {
		color: #fff;
		font-size: 15px !important;
	}
	footer section[name="copyrights"] .col-md-7 {
		font-size: 12px;
	}
	.shop p, .partners p {
		font-size: 19px;
	}	
	.shop h4,
	.partners h4 {
		font-size: 30px !important;
	}
	
}
@media screen and (max-width: 900px) {	
	
	.page-header .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	section[name="functions"].blue-background, section[name="portfolio"].blue-background, section.wp-block-domuly-tabs, .wp-block-domuly-domuly-icons-block, .wp-block-domuly-company-logos-block, .wp-block-domuly-kolumna-50, footer section[name="copyrights"], .wp-block-domuly-container-block, section[name="alter-footer"] h2, section[name="content"], section[name="portfolio"], section[name="alter-footer"] p, .wp-block-domuly-portfolio-block, .wp-block-domuly-title-description-block, .wp-block-domuly-timeline-block, .wp-block-domuly-journey-block,
.wp-block-domuly-container-block, .wp-block-domuly-kolumna-50, .wp-block-domuly-portfolio-block, .gks-schedule, .gks-table, .container h3, .gks-players, .gks-sponsors-grid.big	{
		padding-left: 30px !important;
		padding-right: 30px !important;
}
section[name="block"].blue .wp-block-domuly-inner-section.text-area.col-md-6:first-child, section[name="block"].blue .wp-block-domuly-tabs.text-area.col-md-6:first-child,
section[name="block"].blue .wp-block-domuly-inner-section:not(.text-area).col-md-6:last-child {
    flex: 0 0 100%;
    max-width: 100%;
}

.gks-schedule-row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
        padding: 10px 5px;
        text-align: center;
    }

    .gks-schedule-row > div {
        flex: 0 0 auto;
        width: auto !important;
        min-width: unset;
        font-size: 16px;
    }

    .gks-schedule-row div:nth-child(1) {
		text-align: right;
	}
    .gks-schedule-row div:nth-child(2) {
		text-align: left;
	}
    .gks-schedule-row div:nth-child(1),
    .gks-schedule-row div:nth-child(2) {
        flex-basis: calc(50% - 10px);
        font-weight: 600;
    }

    .gks-schedule-row div:nth-child(3),
    .gks-schedule-row div:nth-child(4),
    .gks-schedule-row div:nth-child(5),
    .gks-schedule-row div:nth-child(6),
    .gks-schedule-row div:nth-child(7) {
        flex: 0 0 auto;
        text-align: center;
    }
    .gks-schedule-row div:nth-child(3) {
		text-align: right;
	}
    .gks-schedule-row div:nth-child(7) {
		text-align: left;
	}
    .gks-schedule-row div:nth-child(3),
    .gks-schedule-row div:nth-child(7) {
		width: 30% !important;
	}

    .gks-schedule-row img {
        height: 40px;
        width: 40px;
        object-fit: contain;
    }
	
	.page-header-title h1 {
        font-size: 30px !important;
    }
	.gks-table-row > div:nth-child(5),
	.gks-table-row > div:nth-child(6),
	.gks-table-row > div:nth-child(7),
	.gks-table-row > div:nth-child(8) {
		display: none;
	}
	.gks-player-photo img, .gks-player-placeholder {
        width: 100%;
        height: 380px;
    }
	.gks-player-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
	}
	section[name="score"] .row:first-child .col-md-3 {
		display: none;
	}
	section[name="score"] .row:first-child .col-md-6 {
		flex: 2;
		max-width: calc(100% - 15px);
	}
	.col-md-7, .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
	.shop {
		margin-bottom: 30px;
	}
	.gks-sponsors-grid {
        grid-template-columns: 1fr 1fr 1fr;
	}
	section[name="portfolio-content"] > .container > .responsive > .col-md-3 img {
		width: auto
	}
	section[name="portfolio-content"] > .container > .responsive > .col-md-3 > img:not(.phone) {
		margin-top: 41px;
	}
	
	section[name="welcome"] .container .tablet-frame {
		position: relative !important;
        top: inherit !important;
	}
	 
	section[name="welcome"] .description {
		margin-top: 50px;
        top: 0px !important;
        left: 20px;
        width: calc(100% - 40px) !important;
        position: relative !important;
		margin-bottom: 50px;
    }
	section[name="welcome"] .description h2 {
        font-size: 25px !important;
        line-height: 30px !important;
        /* padding-bottom: 0; */
        margin-bottom: 0 !important;
		text-align: center;
    }
	section[name="welcome"] .description h3,
	section[name="welcome"] .description p {
		width: 100%;
		text-align: center;
	}
	section[name="welcome"] .description a:not(.opinions) {
		margin: auto !important;
	}
	section[name="welcome"] .container .tablet-frame {
        position: relative !important;
        top: inherit !important;
        width: 100% !important;
        margin: auto;
        right: inherit !important;
        left: inherit !important;
    }
	section[name="welcome"] {
		height: auto;
		margin-bottom: -50px;
	}
	
	.main-nav .menu-level li ul {
		display: block !important;
	}
	.main-nav > ul.menu-level {
		display: block;
	}
	.main-nav .menu-level li ul {
		position: relative;
		margin-bottom: 30px;
		margin-left: 40px;
	}
	.main-nav .menu-level.menu-level-0 > li > a {
		font-size: 18px !important;
	}
	.main-nav .menu-level > li > a,
	.main-nav .menu-level li ul li a {
		display: table;
	}
	
	.main-nav .menu-level.menu-level-0 > li:hover > a,
	.main-nav .menu-level:not(.menu-level-0) > li:hover > a {
		background: transparent;
		color: var(--main-tertiary-color);
	}
	
	.main-nav .menu-level li ul {
		background: transparent;
		left: 0;
	}
	.main-nav .menu-level:not(.menu-level-0) > li > a {
		color: var(--main-tertiary-color);
		background: transparent;
	}
	.main-nav .menu-level > li > a {
		color: var(--main-tertiary-color);
	}
	
	nav {
		top: 0px;
		padding: 30px;
	}
	nav .logo {
		margin-left: 20px;
	}
	.navbar-info {
		display: none;
	}
	section[name="welcome"] .container .blob-frame {
        bottom: 30px !important;
        right: -290px !important;
        top: inherit !important;
    }
	section[name="functions"].blue-background, section[name="portfolio"].blue-background,
	section.wp-block-domuly-tabs,
	.wp-block-domuly-domuly-icons-block,
	.wp-block-domuly-company-logos-block,
	.wp-block-domuly-kolumna-50,
	footer section[name="copyrights"],
	.wp-block-domuly-container-block,
	section[name="alter-footer"] h2,
	section[name="content"],
	section[name="portfolio"],
	section[name="alter-footer"] p,
	.wp-block-domuly-portfolio-block,
	.wp-block-domuly-title-description-block,
	.wp-block-domuly-timeline-block,
	.wp-block-domuly-journey-block {
		padding-left: 20px;
		padding-right: 20px;
	}
	.wp-block-domuly-domuly-icons-block.items-3-col .items {
		grid-template-columns: 1fr;
	}
	.shop p, .partners p {
        font-size: 15px;
        line-height: 23px;
    }
	.s-t-1 {
		margin-top: 50px;
	}
	.s-tb-1 {
		margin-bottom: 50px;
	}
	h5 { 
	font-size: 30px !important;
    line-height: 40px;
	}
	.postPhoto {
		height: 270px;
	}
	.newscontent {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.wp-block-domuly-subpage-header-block.exports .shadow .col-md-6:last-child {
		padding-bottom: 80px;
	}
	.wp-block-domuly-subpage-header-block.exports .animation-frame {
		margin-top: 0px !important;
		margin-bottom: -200px;
	}
	
	section[name="score"] .match-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 30px);
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }
	section[name="score"] .col-md-3 .team-logo, section[name="score"] .col-md-6 .team-logo, section[name="score"] .col-md-3 .team-logo img, section[name="score"] .col-md-6 .team-logo img {
		width: 100%;
		height: 100%;
	}
	
	.slider-slide .slider-content .container h4 {
		font-size: 40px !important;
		line-height: 40px;
	}
	.shop h4, .partners h4 {
        font-size: 25px !important;
        line-height: 36px;
    }
	.exportslist ul.content-submenu li {
		position: relative;
	}
	.exportslist ul.content-submenu li span {
		right: 5px;
		top: 3px;
	}
	.exportslist .items {
		margin-top: 30px;
        grid-template-columns: 1fr 1fr !important;
    }
	section[name="content"] .items .item .img {
		width: 100%;
		height: 70px;
		background-size: 100% auto;
	}
	
	section[name="alter-footer"] p {
		width: 100%;
	}
	section[name="news"] .items, section[name="functions"] .items, section[name="portfolio"] .items, section[name="casestudies"] .items, section[name="content"] .items {
		grid-template-columns: 1fr;
	}
	section[name="portfolio"] .items {
		grid-template-columns: 1fr 1fr;
	}
	.wp-block-domuly-domuly-icons-block.items-5-col .items {
		grid-template-columns: 1fr 1fr;
	}
	section[name="logos"] .items.logos-5, section.companies .items.logos-5 {
		grid-template-columns: repeat(2, 1fr);
	}
	section[name="functions"] .items .item, section[name="portfolio"] .items .item {
		padding: 20px;
	}
	.content-tabs {
		display: block !important;
	}
	section[name="functions"] .row:nth-child(1) .col-md-12 {
		display: inline-grid;
	}
	section[name="functions"] .content-link-more {
		position: relative;
		text-align: left;
		right: auto;
		top: auto;
		order: 2;
	}
	.faq .desc a {
		word-break: break-all;
	}
	.faq .desc li {
		padding-left: 5px;
		font-size: 16px !important;
		line-height: 19px;
	}
	section[name="functions"] .content-title {
		order: 1;
		width: 100%;
	}
	.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.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-bloki-block .content-link-more a, .wp-block-domuly-company-logos-block .content-link-more a,
	a.content-btn {
		font-size: 14px;
		line-height: 14px;
		height: auto;
        padding: 15px 30px 15px 30px;
	}
	section[name="news"] {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	footer section[name="menu"] {
		padding: 50px 20px 50px 20px;
	}
	footer section[name="menu"] .col-md-9 .col-md-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	footer section[name="menu"] .company {
		margin-bottom: 30px;
	}
	footer section[name="copyrights"] .col-md-7, footer section[name="copyrights"] .col-md-5.icons {
		text-align: center;
	}
	footer section[name="copyrights"] .d-flex {
		display: block !important;
		margin-top: 30px;
	}
	footer section[name="copyrights"] .col-md-7 span {
		display: none !important;
	}
 

	.wp-block-domuly-inner-section:not(.text-area).col-md-6:first-child,
	.wp-block-domuly-inner-section.text-area.col-md-6:last-child {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.wp-block-domuly-inner-section:not(.text-area).col-md-6:first-child,
	.contact_form {
		padding-right: 0 !important;
	}
	.wp-block-domuly-inner-section.text-area.col-md-6:last-child {
		margin-top: 30px;
	}
	.contact_form label {
		font-size: 15px !important;
		line-height: 15px !important;
	}
	.contact_form input, .contact_form textarea, .contact_form select {
		font-size: 15px !important;
	}
	.send-icon-box {
		margin: auto;
	}
	#contact-response p {
		text-align: center;
		margin-top: 20px;
	}
	#contact-response-close {
		margin: auto;
	}
	.wp-block-domuly-kolumna-50.blue > .container {
		padding: 20px 30px 20px 30px;
	}
	.wp-block-domuly-kolumna-50.blue .p-l-3 {
		padding-left: 0 !important;
	}
	section[name="block"].blue a.content-btn {
		margin: auto;
	}
	section[name="portfolio"] .items .item .btn-details {
		width: auto;
		left: 15px;
		right: 15px;
	}
	
	section[name="portfolio-header"] > .container > .row > .logo > img {
		left: 0;
		right: 0;
		display: table;
		width: 150px;
		margin: auto;
		margin-top: 90px;
		margin-bottom: 50px;
	}
	section[name="portfolio-header"] > .container > .row > .title > div:nth-child(2) {
		font-size: 35px;
	}
	section[name="portfolio-header"] > .container > .row > .title > div:nth-child(3) {
		font-size: 29px;
	}
	section[name="portfolio-header"] > .container > .row > .desc > div:nth-child(1) {
		font-size: 20px;
	}
	section[name="portfolio-header"] > .container > .row > .desc > div:nth-child(1) > div {
		display: none;
	}
	section[name="portfolio-header"] > .container > .row > .desc > div:nth-child(2),
	section[name="portfolio-content"] > .container > .row > .desc > div:nth-child(2) {
		font-size: 18px;
		line-height: 29px;
	}
	section[name="portfolio-content"] > .container > .row > .desc > div:nth-child(1) {
		font-size: 25px;
		line-height: 25px;
	}
	section[name="portfolio-container-space"] {
		padding-bottom: 0;
	}
	section[name="portfolio-content"] > .container > .row > .thumbs > img:nth-child(1) {
		width: 100%;
		float: none;
		margin-top: 50px;
	}
	section[name="portfolio-content"] > .container > .row > .thumbs > img:nth-child(2) {
		width: 100%;
		margin-top: 100px;
	}
	section[name="portfolio-content"] > .container > .row > .desc > div:nth-child(2) {
		margin-bottom: 50px;
	}
	section[name="portfolio-content"] > .container > .row > .prevs > img:nth-child(1) {
		position: relative;
		right: 10%;
		top: 0;
		width: 130%;
	}
	section[name="portfolio-content"] > .row > .imgs3 {
		position: relative;
		margin-top: 60px;
	}
	section[name="portfolio-content"] > .row > .imgs3 > img:nth-child(1) {
		position: relative;
		width: 100%;
		left: -80px;
		margin-top: 0px;
		z-index: 10;
	}
	section[name="portfolio-content"] > .row > .imgs3 > img:nth-child(2) {
		position: relative;
		width: 100%;
		right: -50px;
		top: -90px;
		z-index: 9;
	}
	section[name="portfolio-content"] > .row > .imgs3 > img:nth-child(3) {
		display: none;
	}
	section[name="portfolio-content"] > .container > .row > .m-top-2 {
		padding-top: 50px;
	}
	
	
	
	
	 section[name="portfolio-content"] > .container > .responsive {
        position: relative;
        overflow: hidden;
    }

    section[name="portfolio-content"] > .container > .responsive > .col-md-3:first-child {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    section[name="portfolio-content"] > .container > .responsive > .col-md-3:first-child img.phone {
        z-index: 2;
        position: relative;
        max-width: 100%;
    }
	
	section[name="portfolio-footer"] > .container > .row > .title > div:nth-child(2) {
		font-size: 20px;
	}
	section[name="portfolio-footer"] > .container > .row > .title > div:nth-child(1) {
		font-size: 20px;
		letter-spacing: 7px;
	}
	.portfolio-footer {
		margin-top: -100px;
	}
	
	.portfolio-header, .portfolio-space, .portfolio-thumbs, .portfolio-images, .portfolio-mobile, .portfolio-footer-frame {
		overflow-x: hidden;
	}
	.portfolio-footer-frame {
		overflow-y: hidden;
	}
	section[name="portfolio-header"] > .container > .row > .desc > div:nth-child(2) {
		padding-top: 50px;
	}

	section[name="subpage"] .description.center {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	section[name="subpage"] .description p.head-small {
		margin-bottom: 0;
	}
	.animation-frame {
		width: 90%;
		height: auto;
		margin-top: 100px !important;
	}
	.jobbtnadd {
		display: none !important;
	}
	.jobcontent .col-md-4 { order: 1; margin-bottom: 30px; }
	.jobcontent .col-md-8 { order: 2; }
	.job-offer h2 {
		line-height: 28px !important;
		font-size: 23px !important;
		margin-bottom: 10px !important;
	}
	.job-offer .d-table-cell {
		display: block !important;
	}
	.job-offer .d-table-cell:last-child{
		width: 100% !important;
	}
	.job-offer .d-table-cell:last-child a {
		display: block;
		text-align: center;
		width: 100%;
		margin-top: 30px;
	}

	.responsive {
        position: relative;
        overflow: hidden;
    }

    .responsive .col-md-3:first-child {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .responsive .col-md-3:first-child img.phone {
        z-index: 2;
        position: relative;
        max-width: 100%;
    }
	

    .screen-container {
        position: absolute;
        width: 100%;
		bottom: 607px;
        display: flex;
        justify-content: center;
    }

    .screen-container img {
        position: absolute;
        top: 73px;
        max-width: 80%;
        opacity: 0;
        transform: translateX(-100%);
        transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    }

    .screen-container img.active {
        opacity: 1;
        transform: translateX(0);
    }
	
	
	
	
	
	.right-arrow {
		right: 35px !important;
	}
	.left-arrow {
		left: 35px !important;
	}
	
	.cennik-columns {
		display: block;
	}
	.cennik-column {
		margin-top: 30px;
	}
	.cennik-column.promote {
		margin-top: 80px;
	}
	.cennik-tab-container section[name="content"].bg {
		padding: 20px;
	}
	.cennik-tab-container .p-t-1 {
		padding-top: 0px !important;
	}
	.cennik-container .toggle-switch-frame,
	.cennik-container .toggle-switch,
	.cennik-container .toggle-switch-frame-title,
	.cennik-container .toggle-switch-title {
		width: 100%;
	}
	.cennik-container .toggle-switch-frame.head .toggle-option {
		font-size: 15px;
		line-height: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.cennik-col {
		min-width: 100%;
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 30px;
	}
	.cennik-container .toggle-switch-frame.head .toggle-switch {
		width: 100%;
	}
	.kalkulator-users .title {
		font-size: 14px;
	}
	.faq .item h3 {
		font-size: 16px; 
	}
	
	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"]:not(.exports) .col-md-6:nth-child(2) {
		margin-bottom: -150px;
	}
	section[name="subpage"] > .container {
		margin-top: 100px;
		padding: 20px;
	}
	section[name="subpage"] .page-frame .media {
		position: relative;
	}
	section[name="subpage"] .description {
		position: relative;
		width: 100%;
		padding-top: 0;
	}
	section[name="subpage"] .container-fluid .row:first-child {
		 
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.wp-block-domuly-domuly-icons-block.items-4-col .items {
		grid-template-columns: 1fr 1fr;
	}
	section[name="alter-footer"] h2 {
		width: 100%;
	}
	.media-badge {
		display: none;
	}
	
	.wp-block-domuly-table-block .flex-cell, section[name="block"] p, .timeline-content, section.wp-block-domuly-tabs p, section[name="subpage"] .description p, section[name="subpage"] .row:last-child p, section[name="welcome"] .description p, section[name="functions"] .items .item p, section[name="content"] .items .item p, .content-description, li:not(.nav-item), section[name="alter-footer"] p {
        font-size: 18px !important;
        line-height: 29px;
    }

	section[name="functions"] .items.logotypy, section[name="portfolio"] .items.logotypy {
		grid-template-columns: 1fr 1fr;
	}
	
	section[name="logos"] .items.logos-7, section.companies .items.logos-7 {
		grid-template-columns: repeat(2, 1fr);
	}
	section.companies:not(.logosext) .items img:last-child { display: none; }
	section.companies.logosext .items.logos-4,
	section.companies .items.logos-6 {
		grid-template-columns: repeat(2, 1fr);
	}
	section.companies .items.logos-6 img:last-child { display: block; }
	section[name="portfolio"] .items {
		grid-template-columns: 1fr 1fr !important;
	}
	section[name="functions"] .items .item h4, section[name="content"] .items .item h4 {
        font-size: 14px !important;
    }
	section[name="journey"] .items {
		grid-template-columns: 1fr;
	}
	
	section[name="contentfull"] > .container > .items div {
		margin-right: 20px !important;
		font-size: 16px !important;
		line-height: 16px !important;
		padding: 7px 10px 7px 10px !important;
	}
	.items._floors {
		display: table;
		margin-left: 20px;
	}
	.floors {
	}
	.floors svg {
		width: 100%;
		height: auto;
		padding: 40px;
	}
	section[name="contentfull"] > .container > .legend {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	section[name="contentfull"] > .container > .legend > .title {
		font-size: 14px !important;
		line-height: 14p !importantx;
	}
	section[name="contentfull"] > .container > .legend > .box > .t .status-free, section[name="contentfull"] > .container > .legend > .box > .t .status-reserved, section[name="contentfull"] > .container > .legend > .box > .t .status-sold, section[name="contentfull"] > .container > .legend > .box > .t .status-wiz {
		width: 25px !important;
		height: 25px !important;
		border: 2px solid #313131;
	}
	section[name="contentfull"] > .container > .legend > .box > .t {
		float: left;
		margin-right: 20px !important;
		margin-bottom: 10px !important;
	}
	section[name="contentfull"] > .container > .legend > .box > .t .td {
		font-size: 14px !important;
		line-height: 14px !important;
	}
	#floorsarea {
		padding-bottom: 0 !important;
	}
	#panorama {
		width: 100%;
		height: 300px !important;
	}
	section[name="alter-footer"] {
		overflow-x: hidden;
	}
	section[name="subpage"] .description.center p {
		width: 100%;
	}
	.image-frame .frame {
		position: relative;
		width: 100%;
		height: auto;
	}
	.image-frame {
		position: relative;
		height: auto;
		margin-bottom: 0;
	}
	section[name="subpage"].head .description {
		padding-top: 30px;
		padding-bottom: 130px;
	}
	section[name="subpage"].head .container.img {
		margin-top: -210px;
	}
	ul.content-submenu.functions li, ul.content-submenu.portfolio li {
		width: 100%;
		margin-right: 0;
		line-height: 20px;
		padding: 15px;
		position: relative;
	}
	ul.content-submenu li span {
		padding: 6px 8px 6px 8px;
		float: none;
		position: absolute;
		right: 10px;
		font-size: 12px;
		margin-top: 0;
		top: 9px;
	}
	section[name="subpage"] .description h3 {
		width: 100%;
		font-size: 30px !important;
		line-height: 42px;
	}


	body.block {
		overflow-y: hidden;
	}
 
	nav.navbar {
		filter: none;
	}
	header {
		z-index: inherit;
	}
	footer section[name="copyrights"] .icons img {
        height: 23px;
		margin-left: 10px;
    }
	.mobile-btn { 
		display: block;  
        right: 20px;
        top: 80px;
		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: 110px; 
	}
	section[name="socialmedia"] .info-message {
		display: none;
	}
	 
	.navbar {
		height: 70px;
	}
	@-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-collapse {
		opacity: 0;
		position: fixed;
		background: #fff;
		transition: all .3s;  
		top: 0;
		left: 100%;
		right: -100%;
		bottom: 0;
		overflow-y: auto;
		height: 100vh;
		margin-top: 0;
		z-index: 0;
	}
	.navbar-collapse.active {
		opacity: 1;
		left: 0;
		right: 0;
		z-index: 12;
	}
	.navbar-nav {
		margin-top: 100px;
		padding-bottom: 100px;
	}
	.navbar-collapse .nav-item:not(:last-child),
	.navbar-collapse .nav-item {
		margin-left: 25px !important;
		display: block;
		width: calc(100% - 40px);
	}
	.navbar-collapse .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-collapse .nav-link:not(.btn-global) {
		font-size: 26px;
		font-weight: 400;
		display: table;
		position: relative;
	}
	.navbar-collapse .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-collapse .arrow {
		display: none !important;
	}
	.navbar-collapse .items {
		position: relative;
		background: transparent;
		filter: none;
		top: 0;
		display: none;
		margin-bottom: 30px;
	} 
	.navbar-collapse .items .container {
		padding-top: 10px;
	}
	
	nav .navbar-brand .kids-logo {
		margin-left: 10px;
		bottom: 0;
		width: 60px;
	}
	section[name="slider"].kids {
		background: url(/img/slider-bg-kids.png) center center no-repeat;
		background-size: cover;
	}
	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-collapse .subitems .items h2 {
		font-size: 18px !important;
		line-height: 18px !important;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.navbar-collapse .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;
	}
	/*
	
	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;
	}
	*/
	section[name="functions"] .items .item p {
		font-size: 14px !important;
	}
	section[name="subpage"].exports .container .tablet-frame {
		position: unset;
		display: block;
	}
	section[name="subpage"].exports .animation-frame {
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width: 550px) {	
.gks-table-row > div:nth-child(1), .gks-table-row > div:nth-child(4), .gks-table-row > div:nth-child(5), .gks-table-row > div:nth-child(6), .gks-table-row > div:nth-child(7), .gks-table-row > div:nth-child(8) {
    flex: 0 0 40px;
    width: 40px;
}
.gks-table-row > div:nth-child(2) .crest img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.gks-table-row > div:nth-child(2) .crest {
    display: flex;
    width: 40px;
    height: 40px;
}

.gks-sponsors-grid.big {
    grid-template-columns: 1fr 1fr;
}

	.gks-table-row > div:nth-child(9) {
		display: none;
	}
    .gks-player-photo img, .gks-player-placeholder {
        width: 100%;
        height: 250px;
    }
	.gks-player-name {
		font-size: 14px;
	}
	.gks-player-position-name {
		font-size: 11px;
	}
	footer section[name="copyrights"] .icons img {
        height: 25px !important;
    }
	footer section[name="copyrights"] .icons img {
		margin-left: 5px;
	}
}