:root {
/* Editable */
--flowtar-grid-margin: 16px; /* 16px */
--flowtar-grid-gutter: 16px; /* 16px */
--flowtar-grid-limit: 800px; /* 800px */
--flowtar-icon-s: 16px; /* 16px */
--flowtar-icon-m: 24px; /* 24px */
--flowtar-icon-l: 32px; /* 32px */
--flowtar-icon-touch: 48px; /* 48px */
--flowtar-space-s: 16px; /* 16px */
/* Hardcoded */
--flowtar-grid-device: s;
--flowtar-grid-columns: 4;
--flowtar-grid-gutters: calc(var(--flowtar-grid-columns) - 1);
--flowtar-grid-size: calc(100vw - 2 * var(--flowtar-grid-margin));
--flowtar-grid-width: min(var(--flowtar-grid-size), var(--flowtar-grid-limit));
--flowtar-grid-column: calc((var(--flowtar-grid-width) - (var(--flowtar-grid-gutters) * var(--flowtar-grid-gutter))) / var(--flowtar-grid-columns));
--flowtar-grid-c1: calc(1 * var(--flowtar-grid-column) + 0 * var(--flowtar-grid-gutter));
--flowtar-grid-c2: calc(2 * var(--flowtar-grid-column) + 1 * var(--flowtar-grid-gutter));
--flowtar-grid-c3: calc(3 * var(--flowtar-grid-column) + 2 * var(--flowtar-grid-gutter));
--flowtar-grid-c4: calc(4 * var(--flowtar-grid-column) + 3 * var(--flowtar-grid-gutter));
--flowtar-grid-c5: calc(5 * var(--flowtar-grid-column) + 4 * var(--flowtar-grid-gutter));
--flowtar-grid-c6: calc(6 * var(--flowtar-grid-column) + 5 * var(--flowtar-grid-gutter));
--flowtar-grid-c7: calc(7 * var(--flowtar-grid-column) + 6 * var(--flowtar-grid-gutter));
--flowtar-grid-c8: calc(8 * var(--flowtar-grid-column) + 7 * var(--flowtar-grid-gutter));
--flowtar-grid-c9: calc(9 * var(--flowtar-grid-column) + 8 * var(--flowtar-grid-gutter));
--flowtar-grid-c10: calc(10 * var(--flowtar-grid-column) + 9 * var(--flowtar-grid-gutter));
--flowtar-grid-c11: calc(11 * var(--flowtar-grid-column) + 10 * var(--flowtar-grid-gutter));
--flowtar-grid-c12: calc(12 * var(--flowtar-grid-column) + 11 * var(--flowtar-grid-gutter));
--flowtar-grid-cg1: calc(1 * var(--flowtar-grid-column) + 1 * var(--flowtar-grid-gutter));
--flowtar-grid-cg2: calc(2 * var(--flowtar-grid-column) + 2 * var(--flowtar-grid-gutter));
--flowtar-grid-cg3: calc(3 * var(--flowtar-grid-column) + 3 * var(--flowtar-grid-gutter));
--flowtar-grid-cg4: calc(4 * var(--flowtar-grid-column) + 4 * var(--flowtar-grid-gutter));
--flowtar-grid-cg5: calc(5 * var(--flowtar-grid-column) + 5 * var(--flowtar-grid-gutter));
--flowtar-grid-cg6: calc(6 * var(--flowtar-grid-column) + 6 * var(--flowtar-grid-gutter));
--flowtar-grid-g1: calc(1 * var(--flowtar-grid-gutter));
--flowtar-grid-g2: calc(2 * var(--flowtar-grid-gutter));
--flowtar-grid-g3: calc(3 * var(--flowtar-grid-gutter));
--flowtar-space-2xs: calc(var(--flowtar-space-s) * 0.25);	/* ie. 2xs	  4 */
--flowtar-space-xs: calc(var(--flowtar-space-s) * 0.5);		/* ie. xs	  8 */
/* ie. s		 16 */
--flowtar-space-sm: calc(var(--flowtar-space-s) * 1.5);		/* ie. sm	 24 */
--flowtar-space-m: calc(var(--flowtar-space-s) * 2.0);		/* ie. m		 32 */
--flowtar-space-ml: calc(var(--flowtar-space-s) * 2.5);		/* ie. ml	 40 */
--flowtar-space-l: calc(var(--flowtar-space-s) * 3.0);		/* ie. l		 48 */
--flowtar-space-xl: calc(var(--flowtar-space-s) * 4.0);		/* ie. xl	 64 */
--flowtar-space-2xl: calc(var(--flowtar-space-s) * 5.0);		/* ie. 2xl	 80 */
--flowtar-space-3xl: calc(var(--flowtar-space-s) * 6.0);		/* ie. 3xl	 96 */
--flowtar-space-4xl: calc(var(--flowtar-space-s) * 8.0);		/* ie. 4xl	128 */
--flowtar-space-5xl: calc(var(--flowtar-space-s) * 10.0);	/* ie. 5xl	160 */
--flowtar-space-6xl: calc(var(--flowtar-space-s) * 12.0);	/* ie. 5xl	192 */
--flowtar-space-7xl: calc(var(--flowtar-space-s) * 15.0);	/* ie. 5xl	240 */
}
html {box-sizing: border-box; scroll-behavior: smooth; overflow-x: hidden;}
*, *::before, *::after {box-sizing: inherit;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; background: transparent; border: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a {text-decoration: none; outline: 0 !important; color: inherit;}
abbr {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
del {text-decoration: line-through; font-size: 0.8em;}
hr {display: block; border: 0; margin: 0; padding: 0; background: none;}
ins {text-decoration: none; color: var(--flowtar-color-action-1);}
img {display: block; width: 100%; height: auto;}
ol, ul {list-style: none;}
small {font-size: 1.0em;}
sub {position: relative; verticalalign: baseline; font-size: 75%; line-height: 0; bottom: -0.25em;}
sup {position: relative; verticalalign: baseline; font-size: 75%; line-height: 0; top: -0.5em;}
svg {display: block;}
svg * {transform-box: fill-box;}
table {border-collapse: collapse; border-spacing: 0;}
body::before {content: ""; opacity: 0; display: block; position: fixed; top: 0; left: 0; right: 0; z-index: -1; pointer-events: none; transition: opacity 1s;}
body:target::before {bottom: 0; opacity: 0.2; width: var(--flowtar-grid-width); margin: 0 auto; z-index: 1000; background: #333; background: repeating-linear-gradient(90deg, #333 0, #333 var(--flowtar-grid-column), transparent var(--flowtar-grid-column), transparent calc(var(--flowtar-grid-column) + var(--flowtar-grid-gutter)));}
/*
Theme Name: Fivemedia
Author: Flowtar Studio
Author URI: https://pl.flowtar.com
Version: 1.0
Description: Szablon najwyższej jakości. Designed to Enjoy!
Text Domain: fivemedia
*/
:root {
--fivemedia-color-background1: #24a3ee;
--fivemedia-color-background2: #55b9f0;
--fivemedia-color-black: #000000;
--fivemedia-color-dark1: #0078c0;
--fivemedia-color-light1: #ffb330;
--fivemedia-color-white: #ffffff;
}
@font-face {font-family: 'main'; font-weight: 400; font-style: normal; src: url('https://fivemedia.dkonto.pl/wp-content/themes/fivemedia/font/inter-regular.woff2') format('woff2'), url('https://fivemedia.dkonto.pl/wp-content/themes/fivemedia/font/inter-regular.woff') format('woff');}
@font-face {font-family: 'main'; font-weight: 700; font-style: normal; src: url('https://fivemedia.dkonto.pl/wp-content/themes/fivemedia/font/inter-bold.woff2') format('woff2'), url('https://fivemedia.dkonto.pl/wp-content/themes/fivemedia/font/inter-bold.woff') format('woff');}
@font-face {font-family: 'main'; font-weight: 800; font-style: normal; src: url('https://fivemedia.dkonto.pl/wp-content/themes/fivemedia/font/inter-extrabold.woff2') format('woff2'), url('https://fivemedia.dkonto.pl/wp-content/themes/fivemedia/font/inter-extrabold.woff') format('woff');}
html {font: 16px/1.6 'main', sans-serif; background: var(--fivemedia-color-background1); color: var(--fivemedia-color-white);}
::selection {color: var(--fivemedia-color-black); background: var(--fivemedia-color-background2);}
body {background: var(--fivemedia-color-background1);}
main {background: radial-gradient(circle 100vw at left center, var(--fivemedia-color-background2), transparent), radial-gradient(circle 100vw at right center, var(--fivemedia-color-background2), transparent); background-size: 100vw 200vw, 100vw 200vw; background-repeat: repeat-y, repeat-y; background-position: 0 0, 0 100vw; overflow-x: hidden;}
.word {display: inline-block; overflow: hidden; vertical-align: top; height: auto; padding-bottom: 0.15em; margin-bottom: -0.15em; transform-origin: bottom;}
.gutenberg-dsugc4da.block-main > div > div {max-width: 800px; margin-right: auto; margin-left: auto;}
/* 0 */ @media only screen and (min-width: 0px) {
.flowtar.gutenberg-anchor {display: block; width: 100%; height: 1px; top: 1px; padding: 0; position: absolute; z-index: 1;}
.flowtar.gutenberg-block {position: relative;}
.flowtar.grid-set.m-s2 {width: var(--flowtar-grid-c2); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-s4 {width: var(--flowtar-grid-c4); margin-right: auto; margin-left: auto;}
.flowtar.grid-use.m-s1 {width: var(--flowtar-grid-c1);}
.flowtar.grid-use.m-s2 {width: var(--flowtar-grid-c2);}
.flowtar.grid-use.m-s3 {width: var(--flowtar-grid-c3);}
.flowtar.grid-use.m-s4 {width: var(--flowtar-grid-c4);}
.fivemedia-footer.address-main {text-align: center; margin: var(--flowtar-space-l) 0; padding-bottom: var(--flowtar-space-l); border-bottom: 1px solid var(--fivemedia-color-dark1);}
.fivemedia-footer.contact-main {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center; row-gap: var(--flowtar-space-m); column-gap: var(--flowtar-space-xl);}
.fivemedia-footer.contact-main > a {display: block; transition: all 0.2s ease-in-out; text-decoration: underline; text-decoration-color: #ffffff00;}
.fivemedia-footer.contact-main > a:hover {text-decoration-color: var(--fivemedia-color-dark1);}
.fivemedia-footer.contact-main > ul {width: 100%; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; align-content: center; gap: var(--flowtar-space-m);}
.fivemedia-footer.contact-main > ul > li > a {display: block; width: var(--flowtar-space-l); aspect-ratio: 1 / 1; overflow: hidden; text-indent: 100px; white-space: nowrap; background-position: center center; background-size: contain; background-repeat: no-repeat; transition: transform 0.2s ease-in-out;}
.fivemedia-footer.contact-main > ul > li > a:hover {transform: scale(1.2) rotate(15deg);}
.fivemedia-footer.contact-main > ul > li.linkedin > a {background-image: url('https://fivemedia.dkonto.pl/wp-content/themes/fivemedia/icon/social-linkedin.svg');}
.fivemedia-footer.copyright-main {margin: var(--flowtar-space-4xl) 0 var(--flowtar-space-2xl) 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center; row-gap: var(--flowtar-space-m); column-gap: var(--flowtar-space-xl);}
.fivemedia-footer.copyright-main > p {font-size: 0.8rem; font-weight: bold;}
.fivemedia-footer.copyright-main > p a {font-weight: normal; text-transform: uppercase;  transition: all 0.2s ease-in-out; text-decoration: underline; text-decoration-color: #ffffff00;}
.fivemedia-footer.copyright-main > p a:hover {text-decoration-color: var(--fivemedia-color-dark1);}
.fivemedia-footer.footer-main {padding: var(--flowtar-space-m) 0; background: var(--fivemedia-color-light1); min-height: 500px; position: relative; z-index: 20; overflow: auto; color: var(--fivemedia-color-dark1);}
.fivemedia-footer.line-one {opacity: 0.0; pointer-events: none; position: fixed; top: 0; right: 0; bottom: 0; z-index: 2;}
.fivemedia-footer.line-one > svg {display: block; position: relative; top: 0; right: 0; bottom: 0; height: 100%; width: auto;}
.fivemedia-footer.line-two {opacity: 0.0; pointer-events: none; position: fixed; top: 0; bottom: 0; left: 0; z-index: 2; transform: rotate(-20deg);}
.fivemedia-footer.line-two > svg {display: block; position: relative; top: 20%; left: -5%; height: 100%; width: auto;}
.fivemedia-footer.logo-main {display: flex; justify-content: center; margin: var(--flowtar-space-l) 0 var(--flowtar-space-l) 0; width: 100%;}
.fivemedia-footer.logo-main > a {display: block;}
.fivemedia-footer.logo-main > a > img {height: var(--flowtar-space-3xl); width: auto; object-fit: contain; object-position: center center;}
.fivemedia-footer.noise-main::after {content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: url('https://fivemedia.dkonto.pl/wp-content/themes/fivemedia/image/background-noise.gif') center center / auto auto repeat; pointer-events: none; opacity: 0.5; mix-blend-mode: soft-light;}
.fivemedia-header.hamburger-icon {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; width: var(--flowtar-space-ml); aspect-ratio: 1 / 1; background: var(--fivemedia-color-light1); cursor: pointer; border: 0; outline: 0; border-radius: var(--flowtar-space-2xs);}
.fivemedia-header.hamburger-icon > svg {height: 75%; width: 75%; transition: transform 0.4s ease-in-out, transform 0.2s ease-in-out;}
.fivemedia-header.hamburger-icon > svg > .e {transition: transform 0.2s ease-in-out; fill: var(--fivemedia-color-white);}
.fivemedia-header.hamburger-icon.m-close > svg {transform-origin: center center; transform: rotate(90deg);}
.fivemedia-header.hamburger-icon.m-close > svg > .e1 {transform-origin: top right; transform: translate(-4.5px, 0px) rotate(-45deg);}
.fivemedia-header.hamburger-icon.m-close > svg > .e2 {transform-origin: center center; transform: scaleX(0);}
.fivemedia-header.hamburger-icon.m-close > svg > .e3 {transform-origin: bottom right; transform: translate(-4.5px, 1px) rotate(45deg) scaleX(1.5);}
.fivemedia-header.header-main {position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 10;}
.fivemedia-header.header-main::before {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4; backdrop-filter: blur(20px);}
.fivemedia-header.header-main > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center; padding-top: var(--flowtar-space-s); padding-bottom: var(--flowtar-space-s); position: relative; z-index: 5;}
.fivemedia-header.logo-main {display: block; aspect-ratio: 8 / 5; height: var(--flowtar-space-xl);}
.fivemedia-header.logo-main > img {width: 100%; height: 100%; object-fit: contain; object-position: top left;}
.fivemedia-header.navigation-main {width: 100%;}
.fivemedia-header.navigation-menu {position: relative; z-index: 5; display: flex; justify-content: flex-end; overflow: hidden; height: 0;}
.fivemedia-header.navigation-menu > ul {padding-top: var(--flowtar-space-s);}
.fivemedia-header.navigation-menu > ul > li {width: 100%;}
.fivemedia-header.navigation-menu > ul > li > a {display: block; text-align: right; text-transform: uppercase; font-size: 1.4rem; line-height: 1.0; padding: var(--flowtar-space-2xs) 0; font-weight: bold; transition: all 0.2s ease-in-out;}
.fivemedia-header.navigation-menu > ul > li > a:hover {letter-spacing: 0.08em;}
.fivemedia-header.navigation-menu > ul > li.m-active > a {color: var(--fivemedia-color-light1);}
.flowtar.gutenberg-anchor {margin-top: calc(var(--flowtar-space-4xl) * -1);}
.flowtar.gutenberg-block {margin: var(--flowtar-space-4xl) 0; z-index: 5; position: relative;}
.flowtar.gutenberg-block > div {position: relative; z-index: 1;}
.style.remove-space {margin-top: calc(-1 * var(--flowtar-space-2xl));}
.style.text-classic {text-align: center;}
.style.text-classic.m-trim > :first-child {margin-top: 0;}
.style.text-classic.m-trim > :last-child {margin-bottom: 0;}
.style.text-classic a:not(.style) {text-decoration: underline;}
.style.text-classic em {font-style: italic;}
.style.text-classic h2 {margin-top: var(--flowtar-space-l); margin-bottom: var(--flowtar-space-ml); font-size: 2.8rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.2%; text-transform: uppercase;}
.style.text-classic h2 strong {color: var(--fivemedia-color-light1);}
.style.text-classic hr {display: block; height: 1px; border: 0; width: 100%; margin: var(--flowtar-space-xl) auto; background: var(--fivemedia-color-white);}
.style.text-classic img {margin-top: var(--flowtar-space-ml); margin-bottom: var(--flowtar-space-ml);}
.style.text-classic ul {margin-top: var(--flowtar-space-sm); margin-bottom: var(--flowtar-space-sm); display: flex; flex-flow: row wrap;}
.style.text-classic ul li {padding-left: var(--flowtar-space-m); width: 100%;}
.style.text-classic ul li::before {content: ""; display: inline-block; vertical-align: baseline; margin-left: calc(-1 * var(--flowtar-space-m)); width: var(--flowtar-space-m); height: var(--flowtar-space-s); background: url('https://fivemedia.dkonto.pl/wp-content/themes/fivemedia/icon/drop-2.svg') bottom center / auto 80% no-repeat;}
.style.text-classic p {margin-top: var(--flowtar-space-sm); margin-bottom: var(--flowtar-space-sm);}
.style.text-classic p > strong {font-weight: 700; background: var(--fivemedia-color-light1);}
.style.text-invert {color: var(--fivemedia-color-white);}
.style.text-invert.m-trim > :first-child {margin-top: 0;}
.style.text-invert.m-trim > :last-child {margin-bottom: 0;}
.style.text-invert h1 {margin-top: var(--flowtar-space-xl); margin-bottom: var(--flowtar-space-l); font-size: 2.2rem; line-height: 1.1; font-weight: 900; letter-spacing: -0.3%;}
.style.text-invert h2 {margin-top: var(--flowtar-space-l); margin-bottom: var(--flowtar-space-ml); font-size: 1.6rem; line-height: 1.15; font-weight: 700; letter-spacing: -0.2%;}
.style.text-invert h3 {margin-top: var(--flowtar-space-ml); margin-bottom: var(--flowtar-space-m); font-size: 1.4rem; line-height: 1.25; font-weight: 500;}
.style.text-invert h4 {margin-top: var(--flowtar-space-m); margin-bottom: var(--flowtar-space-sm); font-size: 1.2rem; line-height: 1.25;}
.style.text-invert p {margin-top: var(--flowtar-space-sm); margin-bottom: var(--flowtar-space-sm);}
.style.text-long.m-trim > :first-child {margin-top: 0;}
.style.text-long.m-trim > :last-child {margin-bottom: 0;}
.style.text-long a:not(.style) {text-decoration: underline;}
.style.text-long em {font-style: italic;}
.style.text-long h1 {margin-top: var(--flowtar-space-l); margin-bottom: var(--flowtar-space-ml); font-size: 2.8rem; line-height: 1.0; font-weight: 700; letter-spacing: -0.2%; text-transform: uppercase;}
.style.text-long h2 {margin-top: var(--flowtar-space-l); margin-bottom: var(--flowtar-space-ml); font-size: 2.0rem; line-height: 1.0; font-weight: 700; letter-spacing: -0.2%; text-transform: uppercase;}
.style.text-long hr {display: block; height: 1px; border: 0; width: 100%; margin: var(--flowtar-space-ml) auto; background: var(--fivemedia-color-white);}
.style.text-long img {margin-top: var(--flowtar-space-ml); margin-bottom: var(--flowtar-space-ml);}
.style.text-long ul {margin-top: var(--flowtar-space-sm); margin-bottom: var(--flowtar-space-sm); display: flex; flex-flow: row wrap;}
.style.text-long ul li {padding-left: var(--flowtar-space-m); width: 100%;}
.style.text-long ul li::before {content: ""; display: inline-block; vertical-align: baseline; margin-left: calc(-1 * var(--flowtar-space-m)); width: var(--flowtar-space-m); height: var(--flowtar-space-s); background: url('https://fivemedia.dkonto.pl/wp-content/themes/fivemedia/icon/bullet-tick.svg') bottom center / contain no-repeat;}
.style.text-long p {margin-top: var(--flowtar-space-sm); margin-bottom: var(--flowtar-space-sm);}
.style.text-long strong {font-weight: 700; color: var(--fivemedia-color-light1);}
.gutenberg-arwuh93h.animation-additional {opacity: 0.0; color: var(--fivemedia-color-light1);}
.gutenberg-arwuh93h.animation-additional:nth-child(5) {opacity: 1.0;}
.gutenberg-arwuh93h.animation-constant {color: var(--fivemedia-color-light1);}
.gutenberg-arwuh93h.animation-ghost {opacity: 0.0;}
.gutenberg-arwuh93h.animation-main {width: 100%; display: flex; flex-flow: row nowrap; align-items: flex-start; align-content: flex-start; justify-content: center; font-size: 2.0rem; font-size: min(8vw, 3.8rem); text-transform: uppercase; line-height: 1.1; font-weight: 800;}
.gutenberg-arwuh93h.animation-roll {text-align: right; position: relative;}
.gutenberg-arwuh93h.animation-roll > div > strong {color: var(--fivemedia-color-light1);}
.gutenberg-arwuh93h.animation-main [data-position] {transition: opacity 0.4s ease-in-out;}
.gutenberg-arwuh93h.animation-main [data-position="-5"] {opacity: 0.0; transition: opacity 0.0s ease-in-out;}
.gutenberg-arwuh93h.animation-main [data-position="-4"] {opacity: 0.2;}
.gutenberg-arwuh93h.animation-main [data-position="-3"] {opacity: 0.3;}
.gutenberg-arwuh93h.animation-main [data-position="-2"] {opacity: 0.4;}
.gutenberg-arwuh93h.animation-main [data-position="-1"] {opacity: 0.5;}
.gutenberg-arwuh93h.animation-main [data-position="0"] {opacity: 1.0;}
.gutenberg-arwuh93h.animation-main [data-position="1"] {opacity: 0.5;}
.gutenberg-arwuh93h.animation-main [data-position="2"] {opacity: 0.4;}
.gutenberg-arwuh93h.animation-main [data-position="3"] {opacity: 0.3;}
.gutenberg-arwuh93h.animation-main [data-position="4"] {opacity: 0.2;}
.gutenberg-arwuh93h.animation-main [data-position="5"] {opacity: 0.0; transition: opacity 0.0s ease-in-out;}
.gutenberg-arwuh93h.animation-roll > div.animation-end {position: absolute; top: 0; right: 0; transform-origin: right center; color: var(--fivemedia-color-light1);}
.gutenberg-arwuh93h.animation-roll > div.animation-end:nth-child(1)  {transform: translateY(0%);}
.gutenberg-arwuh93h.animation-roll > div.animation-end:nth-child(2)  {transform: translateY(100%);}
.gutenberg-arwuh93h.animation-roll > div.animation-end:nth-child(3)  {transform: translateY(200%);}
.gutenberg-arwuh93h.animation-roll > div.animation-end:nth-child(4)  {transform: translateY(300%);}
.gutenberg-arwuh93h.animation-roll > div.animation-end:nth-child(5)  {transform: translateY(400%);}
.gutenberg-arwuh93h.animation-roll > div.animation-end:nth-child(6)  {transform: translateY(500%);}
.gutenberg-arwuh93h.animation-roll > div.animation-end:nth-child(7)  {transform: translateY(600%);}
.gutenberg-arwuh93h.animation-roll > div.animation-end:nth-child(8)  {transform: translateY(700%);}
.gutenberg-arwuh93h.animation-roll > div.animation-end:nth-child(9)  {transform: translateY(800%);}
.gutenberg-arwuh93h.animation-roll > div.animation-end:nth-child(10) {transform: translateY(900%);}
.gutenberg-arwuh93h.animation-roll > div.animation-start {position: absolute; top: 0; right: 0; transform-origin: right center;}
.gutenberg-arwuh93h.animation-roll > div.animation-start:nth-child(1)  {transform: translateY(-100%);}
.gutenberg-arwuh93h.animation-roll > div.animation-start:nth-child(2)  {transform: translateY(0%);}
.gutenberg-arwuh93h.animation-roll > div.animation-start:nth-child(3)  {transform: translateY(100%);}
.gutenberg-arwuh93h.animation-roll > div.animation-start:nth-child(4)  {transform: translateY(200%);}
.gutenberg-arwuh93h.animation-roll > div.animation-start:nth-child(5)  {transform: translateY(300%);}
.gutenberg-arwuh93h.animation-roll > div.animation-start:nth-child(6)  {transform: translateY(400%);}
.gutenberg-arwuh93h.animation-roll > div.animation-start:nth-child(7)  {transform: translateY(500%);}
.gutenberg-arwuh93h.animation-roll > div.animation-start:nth-child(8)  {transform: translateY(600%);}
.gutenberg-arwuh93h.animation-roll > div.animation-start:nth-child(9)  {transform: translateY(700%);}
.gutenberg-arwuh93h.animation-roll > div.animation-start:nth-child(10) {transform: translateY(800%);}
.gutenberg-arwuh93h.block-main > div {min-height: 75svh; display: flex; flex-flow: row nowrap; align-items: center; align-content: center;}
.gutenberg-ji68ho09.block-main {}
.gutenberg-ji68ho09.block-main > div > ol {width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: var(--flowtar-grid-gutter); row-gap: var(--flowtar-space-m);}
.gutenberg-ji68ho09.block-main > div > ol > li {width: var(--flowtar-grid-c2); transition: all 0.2s ease-in-out; position: relative;}
.gutenberg-ji68ho09.block-main > div > ol > li:hover {transform: scale(1.4);}
.gutenberg-ji68ho09.block-main > div > ol > li > div {height: 40px; width: 0; margin-right: auto; position: relative; overflow: hidden;}
.gutenberg-ji68ho09.block-main > div > ol > li > div > img {position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -60px; width: 120px;  height: 40px; object-fit: contain; object-position: center center;}
.gutenberg-aoiaj298.list-main {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; row-gap: var(--flowtar-space-m);}
.gutenberg-aoiaj298.user-avatar {width: calc(2 * var(--flowtar-space-xl)); aspect-ratio: 1 / 1; position: relative;  box-shadow: inset 0 0 20px #00000011; background: #00000004; border-radius: 1000px;}
.gutenberg-aoiaj298.user-avatar img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 400px; transform: scale(0.5) translateX(-200px);}
.gutenberg-aoiaj298.user-main:nth-child(even) .gutenberg-aoiaj298.user-avatar img {transform: scale(0.5) translateX(200px)}
.gutenberg-aoiaj298.user-info > p {line-height: 1.4;}
.gutenberg-aoiaj298.user-info > p:nth-child(1) {margin-bottom: var(--flowtar-space-xs);}
.gutenberg-aoiaj298.user-info > p a {text-decoration-color: #ffffff00; transition: all 0.4s ease-in-out;}
.gutenberg-aoiaj298.user-info > p a:hover {text-decoration: underline; text-decoration-color: var(--fivemedia-color-light1); letter-spacing: 0.02em;}
.gutenberg-aoiaj298.user-info > p strong {font-size: 1.0rem; font-weight: bold;}
.gutenberg-aoiaj298.user-main {width: 100%; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; justify-content: flex-start; gap: var(--flowtar-space-sm);}
.gutenberg-aoiaj298.user-main:nth-child(odd) {justify-content: flex-start;}
.gutenberg-aoiaj298.user-main:nth-child(even) {justify-content: flex-end;}
.gutenberg-aoiaj298.user-main:nth-child(even) > .gutenberg-aoiaj298.user-avatar {order: 2;}
.gutenberg-aoiaj298.user-main:nth-child(even) > .gutenberg-aoiaj298.user-info {order: 1; text-align: right;}
.gutenberg-huryt71z.list-main {display: flex; flex-flow: row wrap; justify-content: space-between;}
.gutenberg-huryt71z.user-avatar {width: var(--flowtar-grid-c2); aspect-ratio: 1 / 1; position: relative; perspective: 1000px; box-shadow: inset 0 0 20px #00000011; background: #00000004; border-radius: 1000px;}
.gutenberg-huryt71z.user-avatar img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 400px; transform: scale(0.5) translateX(-200px);}
.gutenberg-huryt71z.user-main:nth-child(even) .gutenberg-huryt71z.user-avatar img {transform: scale(0.5) translateX(200px)}
.gutenberg-huryt71z.user-info {width: var(--flowtar-grid-c2); }
.gutenberg-huryt71z.user-info > p {font-size: 1.2rem; line-height: 1.4; text-align: center;}
.gutenberg-huryt71z.user-info > p:nth-child(1) {margin-top: var(--flowtar-space-s);}
.gutenberg-huryt71z.user-info > p strong {font-weight: bold;}
.gutenberg-huryt71z.user-main {width: 100%;}
.gutenberg-huryt71z.user-main + .user-main {margin-top: var(--flowtar-space-l);}
.gutenberg-huryt71z.user-main:nth-child(even) .user-avatar {margin-left: auto;}
.gutenberg-huryt71z.user-main:nth-child(even) .user-info {margin-left: auto;}
.gutenberg-h80wae7g.list-element {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center; row-gap: var(--flowtar-space-s); border-top: 1px solid var(--fivemedia-color-white); padding: var(--flowtar-space-m); position: relative; overflow: hidden; opacity: 0.0;}
.gutenberg-h80wae7g.list-element > span {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--fivemedia-color-light1); transform: translateY(-100%); z-index: 1;}
.gutenberg-h80wae7g.list-element > h3 {width: 90%; font-size: 1.6rem; line-height: 1.2; font-weight: bold; position: relative; z-index: 2; transition: all 0.6s ease-in-out;}
.gutenberg-h80wae7g.list-element.m-active > h3 {color: var(--fivemedia-color-dark1); transform: translateX(var(--flowtar-space-m));}
.gutenberg-h80wae7g.list-element > p {width: 90%; position: relative; z-index: 2; transition: all 0.6s ease-in-out;}
.gutenberg-h80wae7g.list-element.m-active > p {color: var(--fivemedia-color-dark1);  transform: translateX(var(--flowtar-space-m));}
.gutenberg-h80wae7g.list-main {perspective: 1000px;}
}
/* 640 */ @media only screen and (min-width: 600px) {
:root {
/* Editable */
--flowtar-grid-margin: 24px; /* 24px */
--flowtar-grid-gutter: 24px; /* 24px */
--flowtar-grid-limit: 800px; /* 800px */
--flowtar-logo-height: 80px; /* 80px */
/* Hardcoded */
--flowtar-grid-device: m;
--flowtar-grid-columns: 8;
}
.flowtar.grid-set.m-m2 {width: var(--flowtar-grid-c2); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-m4 {width: var(--flowtar-grid-c4); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-m6 {width: var(--flowtar-grid-c6); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-m8 {width: var(--flowtar-grid-c8); margin-right: auto; margin-left: auto;}
.flowtar.grid-use.m-m1 {width: var(--flowtar-grid-c1);}
.flowtar.grid-use.m-m2 {width: var(--flowtar-grid-c2);}
.flowtar.grid-use.m-m3 {width: var(--flowtar-grid-c3);}
.flowtar.grid-use.m-m4 {width: var(--flowtar-grid-c4);}
.flowtar.grid-use.m-m5 {width: var(--flowtar-grid-c5);}
.flowtar.grid-use.m-m6 {width: var(--flowtar-grid-c6);}
.flowtar.grid-use.m-m7 {width: var(--flowtar-grid-c7);}
.flowtar.grid-use.m-m8 {width: var(--flowtar-grid-c8);}
html {font-size: 20px;}
.fivemedia-footer.contact-main > ul {width: auto;}
.fivemedia-footer.logo-main > a > img {height: var(--flowtar-space-4xl);}
.fivemedia-header.logo-main {height: var(--flowtar-space-2xl);}
.flowtar.gutenberg-anchor {margin-top: calc(var(--flowtar-space-4xl) * -1);}
.flowtar.gutenberg-block {margin: var(--flowtar-space-4xl) 0;}
.style.text-classic h2 {font-size: 3.2rem;}
/* .gutenberg-arwuh93h.animation-main {font-size: 2.5rem;} */
.gutenberg-ji68ho09.block-main > div > ol {column-gap: var(--flowtar-grid-gutter); row-gap: var(--flowtar-space-ml);}
.gutenberg-ji68ho09.block-main > div > ol > li {width: var(--flowtar-grid-c2);}
.gutenberg-aoiaj298.user-avatar {width: calc(2 * var(--flowtar-space-3xl));}
.gutenberg-huryt71z.user-avatar {width: calc(2 * var(--flowtar-space-3xl)); margin-right: auto; margin-left: auto;}
.gutenberg-huryt71z.user-info {margin-right: auto; margin-left: auto; width: 100%;}
.gutenberg-huryt71z.user-main {width: var(--flowtar-grid-c4);}
.gutenberg-huryt71z.user-main + .user-main {margin-top: var(--flowtar-space-3xl);}
}
/* 1200 */ @media only screen and (min-width: 1200px) {
:root {
/* Editable */
--flowtar-grid-margin: 64px; /* 48px */
--flowtar-grid-gutter: 24px; /* 24px */
--flowtar-grid-limit: 1600px; /* 1600px */
/* Hardcoded */
--flowtar-grid-device: l;
--flowtar-grid-columns: 12;
}
.flowtar.grid-set.m-l2 {width: var(--flowtar-grid-c2); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-l4 {width: var(--flowtar-grid-c4); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-l6 {width: var(--flowtar-grid-c6); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-l8 {width: var(--flowtar-grid-c8); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-l10 {width: var(--flowtar-grid-c10); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-l12 {width: var(--flowtar-grid-c12); margin-right: auto; margin-left: auto;}
.flowtar.grid-use.m-l1 {width: var(--flowtar-grid-c1);}
.flowtar.grid-use.m-l2 {width: var(--flowtar-grid-c2);}
.flowtar.grid-use.m-l3 {width: var(--flowtar-grid-c3);}
.flowtar.grid-use.m-l4 {width: var(--flowtar-grid-c4);}
.flowtar.grid-use.m-l5 {width: var(--flowtar-grid-c5);}
.flowtar.grid-use.m-l6 {width: var(--flowtar-grid-c6);}
.flowtar.grid-use.m-l7 {width: var(--flowtar-grid-c7);}
.flowtar.grid-use.m-l8 {width: var(--flowtar-grid-c8);}
.flowtar.grid-use.m-l9 {width: var(--flowtar-grid-c9);}
.flowtar.grid-use.m-l10 {width: var(--flowtar-grid-c10);}
.flowtar.grid-use.m-l11 {width: var(--flowtar-grid-c11);}
.flowtar.grid-use.m-l12 {width: var(--flowtar-grid-c12);}
.fivemedia-footer.logo-main > a > img {height: var(--flowtar-space-5xl);}
.fivemedia-header.hamburger-icon {display: none;}
.fivemedia-header.header-main::before {display: none;}
.fivemedia-header.logo-main {position: fixed; top: var(--flowtar-space-ml); left: calc((var(--flowtar-grid-width) - 100vw) / 2)); right: auto; width: auto;}
.fivemedia-header.navigation-main {position: fixed; bottom: var(--flowtar-space-ml); left: calc((var(--flowtar-grid-width) - 100vw) / 2)); right: auto; width: auto;}
.fivemedia-header.navigation-menu {width: auto; height: auto;}
.fivemedia-header.navigation-menu > ul > li > a {text-align: left; height: auto; font-size: 1.0rem;}
.flowtar.gutenberg-anchor {margin-top: calc(var(--flowtar-space-5xl) * -1);}
.flowtar.gutenberg-block {margin: var(--flowtar-space-5xl) 0;}
.flowtar.gutenberg-block:nth-child(1) {margin-top: var(--flowtar-space-xl);}
.style.text-classic h2 {font-size: 3.6rem;}
.gutenberg-arwuh93h.animation-main {font-size: 3.0rem; font-size: min(6vw, 4.5rem);}
.gutenberg-ji68ho09.block-main > div > ol {row-gap: var(--flowtar-space-xl);}
.gutenberg-ji68ho09.block-main > div > ol > li > div {height: 60px;}
.gutenberg-ji68ho09.block-main > div > ol > li > div > img {height: 60px; width: 120px; margin-left: -60px;}
.gutenberg-aoiaj298.list-main {row-gap: var(--flowtar-space-2xl);}
.gutenberg-aoiaj298.user-avatar {width: calc(2 * var(--flowtar-space-xl));}
.gutenberg-aoiaj298.user-info {width: 100%; text-align: center;}
.gutenberg-aoiaj298.user-main {width: var(--flowtar-grid-c4); flex-flow: row wrap;}
.gutenberg-aoiaj298.user-main:nth-child(odd) {justify-content: center;}
.gutenberg-aoiaj298.user-main:nth-child(even) {justify-content: center;}
.gutenberg-aoiaj298.user-main:nth-child(even) > .gutenberg-aoiaj298.user-avatar {order: 1;}
.gutenberg-aoiaj298.user-main:nth-child(even) > .gutenberg-aoiaj298.user-info {order: 2; text-align: center;}
.gutenberg-huryt71z.user-avatar {width: calc(2 * var(--flowtar-space-4xl));}
.gutenberg-huryt71z.user-main {width: var(--flowtar-grid-c3);}
.gutenberg-h80wae7g.list-element {padding-top: var(--flowtar-space-2xl); padding-bottom: var(--flowtar-space-2xl); flex-flow: row nowrap; column-gap: var(--flowtar-space-m);}
.gutenberg-h80wae7g.list-element > h3 {width: 30%;}
.gutenberg-h80wae7g.list-element > p {width: calc(70% - 3 * var(--flowtar-space-m));}
.gutenberg-h80wae7g.list-element.m-active > p {transform: translateX(calc(-1 * var(--flowtar-space-m)));}
}