/*
Theme Name: BUZZcenter
Author: Flowtar Studio
Author URI: https://pl.flowtar.com
Version: 1.0
Description: Autorski projekt, najwyższej jakości. Designed to Enjoy!
Text Domain: buzzcenter
*/


@font-face {font-family: 'main'; font-weight: 400; font-style: normal; src: url('font/montserrat-regular.woff2?v=2') format('woff2'), url('font/montserrat-regular.woff?v=2') format('woff');}
@font-face {font-family: 'main'; font-weight: 400; font-style: italic; src: url('font/montserrat-italic.woff2?v=2') format('woff2'), url('font/montserrat-italic.woff?v=2') format('woff');}
@font-face {font-family: 'main'; font-weight: 700; font-style: normal; src: url('font/montserrat-bold.woff2?v=2') format('woff2'), url('font/montserrat-bold.woff?v=2') format('woff');}


/* Reset */


html {box-sizing: border-box;}
*, *::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, 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;}
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: none;}
hr {display: block; border: 0; margin: 0; padding: 0; background: none;}
ins {text-decoration: none;}
img {display: block; width: 100%; height: auto;}
ol, ul {list-style: none;}
small {font-size: 1.0em;}
svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}


/* Hacks */


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


/* 0px */


html {font: 14px/1.6 'main', sans-serif; background: #fff; color: #333;}
::selection {color: #fff; background: #333;}
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: 92%; margin: 0 auto; z-index: 1000; pointer-events: none;}
body:target::before {max-width: 520px; background: #333;}
body > div {overflow: hidden; width: 100%;}

input[type="email"] {padding: 10px; border: 1px solid #ccc; border-radius: 5px; font: 0.8rem 'Roboto', sans-serif; color: #333;}
input[type="submit"] {display: inline-block; font-size: 1.0rem; line-height: 1.2; padding: 10px 20px !important; vertical-align: middle; background: #010153; border: 2px solid #010153; border-radius: 10px; text-transform: uppercase; font-weight: bold; color: #fff !important; text-align: center; text-decoration: none !important; cursor: pointer;}
input[type="submit"]:active {background: linear-gradient(to top, #010153, #010153);}
input[type="text"] {padding: 10px; border: 1px solid #ccc; border-radius: 5px; font: 0.8rem 'Roboto', sans-serif; color: #333;}
main > .gutenberg {margin: 60px 0;}
select {padding: 5px 10px; font: 0.8rem 'Roboto', sans-serif; color: #333; min-width: 80px;}
textarea {padding: 10px 10px; border: 1px solid #ccc; border-radius: 5px; font: 0.8rem 'Roboto', sans-serif; color: #333; height: 100px; min-height: 100px; max-height: 400px; resize: vertical;}

.gutenberg.cta-button.v1 {padding: 40px 0; background: #010153}
.gutenberg.cta-button.v1 > div > div > p > a {font-size: 1.2rem !important; font-weight: bold !important;}

.gutenberg.custom-html.v1 {padding: 60px 0; background: #010153;}

.gutenberg.date-countdown.v1 {background: linear-gradient(to right, #8eabf7, #010153);}
.gutenberg.date-countdown.v1 > div > a {width: 100%; padding: 40px 0; display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between; row-gap: 10px;}
.gutenberg.date-countdown.v1 > div > a > div {width: 100%;}
.gutenberg.date-countdown.v1 > div > a > div.countdown {color: #eef95e; font-size: 3.0rem; line-height: 1.2; font-weight: bold; text-align: center;}
.gutenberg.date-countdown.v1 > div > a > div.countdown span {font-size: 1.6rem; font-weight: normal;}

.gutenberg.events-next.v1 > div {display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between; row-gap: 40px;}
.gutenberg.events-next.v1 > div > div {width: 100%;}
.gutenberg.events-next.v1 > div > ol {width: 100%;}

.gutenberg.gallery-text.v1 {padding: 60px 0; background: #020259 url(image/background-1.jpg?v=2) bottom right / 130% auto no-repeat; position: relative;}
.gutenberg.gallery-text.v1 > div {display: flex; flex-flow: row wrap; row-gap: 40px;}
.gutenberg.gallery-text.v1 > div > div {width: 100%; display: flex; flex-flow: row wrap; row-gap: 40px; column-gap: 4%;}
.gutenberg.gallery-text.v1 > div > div.trailer > div {width: 100%;}
.gutenberg.gallery-text.v1 > div > div.trailer > img {width: 100%; border: 1px solid #fff;}
.gutenberg.gallery-text.v1 > div > div.gallery > img {width: 100%; border: 1px solid #fff;}

.gutenberg.image-gallery.v1 > div {display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between; row-gap: 40px;}
.gutenberg.image-gallery.v1 > div > div.text {width: 100%;}
.gutenberg.image-gallery.v1 > div > ul {width: 100%;}

.gutenberg.image-text.v1 > div {display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between; row-gap: 40px;}
.gutenberg.image-text.v1 > div > div.image {width: 48%;}
.gutenberg.image-text.v1 > div > div.text {width: 100%;}

.gutenberg.image-text.v2 {padding: 60px 0; background: #010153;}
.gutenberg.image-text.v2 > div {display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between; row-gap: 40px;}
.gutenberg.image-text.v2 > div > div.image {width: 48%;}
.gutenberg.image-text.v2 > div > div.text {width: 100%;}

.gutenberg.image-text.v3 > div {display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between; row-gap: 40px;}
.gutenberg.image-text.v3 > div > div {width: 100%;}
.gutenberg.image-text.v3 > div > div.image > img {border-radius: 30px; aspect-ratio: 1/1; width: 100%; object-fit: cover;}

.gutenberg.important-message.v1 {background: #010153; color: #fff;}
.gutenberg.important-message.v1 > div > a {display: block; padding: 20px 0;}
.gutenberg.important-message.v1 > div > a strong {font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 1.2rem; margin-right: 20px;}

.gutenberg.logo-slider.v1 {}
.gutenberg.logo-slider.v1 > div {display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between; row-gap: 40px;}
.gutenberg.logo-slider.v1 > div > div.slider {width: 100%; position: relative;}
.gutenberg.logo-slider.v1 > div > div.slider > div.arrows {position: absolute; top: -80px; right: 0; display: flex; flex-flow: row nowrap; column-gap: 10px;}
.gutenberg.logo-slider.v1 > div > div.slider > div.arrows > span.arrow {display: block; width: 40px; height: 40px; border-radius: 100px; border: 2px solid #8eabf7; cursor: pointer; background-position: center center; background-size: 50% 50%; background-repeat: no-repeat;}
.gutenberg.logo-slider.v1 > div > div.slider > div.arrows > span.arrow.next {background-image: url(icon/arrow-2.svg);}
.gutenberg.logo-slider.v1 > div > div.slider > div.arrows > span.arrow.prev {background-image: url(icon/arrow-2.svg); transform: rotate(180deg);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; overflow: hidden;}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll > div.slide {width: 100%; flex-shrink: 0; flex-grow: 0; display: flex; flex-flow: row wrap; align-items: center; align-content: center; justify-content: flex-start; column-gap: 8%; row-gap: 20px; transition: transform 0.4s ease-in-out;}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active1 > div.slide {transform: translateX(0);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active2 > div.slide {transform: translateX(-100%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active3 > div.slide {transform: translateX(-200%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active4 > div.slide {transform: translateX(-300%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active5 > div.slide {transform: translateX(-400%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active6 > div.slide {transform: translateX(-500%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active7 > div.slide {transform: translateX(-600%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active8 > div.slide {transform: translateX(-700%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active9 > div.slide {transform: translateX(-800%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active10 > div.slide {transform: translateX(-900%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active11 > div.slide {transform: translateX(-1000%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active12 > div.slide {transform: translateX(-1100%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active13 > div.slide {transform: translateX(-1200%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active14 > div.slide {transform: translateX(-1300%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active15 > div.slide {transform: translateX(-1400%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active16 > div.slide {transform: translateX(-1500%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active17 > div.slide {transform: translateX(-1600%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active18 > div.slide {transform: translateX(-1700%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active19 > div.slide {transform: translateX(-1800%);}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll.active20 > div.slide {transform: translateX(-1900%);}

.gutenberg.logo-slider.v1 > div > div.slider > div.roll > div.slide > img {aspect-ratio: 3/2; width: 19%; object-fit: contain;}
.gutenberg.logo-slider.v1 > div > div.text {margin-right: 130px;}

.gutenberg.numbers-text.v1 {padding: 60px 0; background: #010153 url(image/background-3.jpg?v=2) center center  / cover no-repeat; position: relative;}
.gutenberg.numbers-text.v1::after {content: ""; display: block; background: rgba(0, 13, 255, .45); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.gutenberg.numbers-text.v1 > div {position: relative; z-index: 3;}
.gutenberg.numbers-text.v1 > div > ul {margin-top: 40px; width: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; align-content: stretch; column-gap: 4%; row-gap: 20px;}
.gutenberg.numbers-text.v1 > div > ul > li {width: 100%; color: #fff; text-align: center;}
.gutenberg.numbers-text.v1 > div > ul > li span {display: block; line-height: 1.2; font-size: 1.2rem; color: #b46bff;}
.gutenberg.numbers-text.v1 > div > ul > li span.number {margin: 5px 0; font-size: 2.8rem; color: #fff; font-weight: bold;}

.gutenberg.post-latest.v1 > div > ul {margin-top: 40px;}

.gutenberg.post-selected.v1 > div > ul {margin-top: 40px;}

.gutenberg.pricing-tripple.v1 > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; row-gap: 40px;}
.gutenberg.pricing-tripple.v1 > div > div {width: 100%;}

.gutenberg.process-numbers.v1 {padding: 60px 0; background: #010153 url(image/background-1.jpg?v=2) bottom center / auto auto no-repeat;}
.gutenberg.process-numbers.v1 > div {display: flex; flex-flow: row wrap; row-gap: 40px;}

.gutenberg.programs-selected.v1 > div {display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between; row-gap: 40px;}
.gutenberg.programs-selected.v1 > div > div {width: 100%;}
.gutenberg.programs-selected.v1 > div > ol {width: 100%;}

.gutenberg.questions-list.v1 {padding: 60px 0; background: #010153 url(image/background-5.jpg?v=2) center center / cover no-repeat; position: relative;}
.gutenberg.questions-list.v1::after {content: ""; display: block; background: #01015399; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.gutenberg.questions-list.v1 > div {position: relative; z-index: 3;}
.gutenberg.questions-list.v1 > div > div + dl {margin-top: 40px;}

.gutenberg.reference-list.v1 > div > div + ul {margin-top: 40px;}
.gutenberg.reference-list.v1 > div > ul {display: flex; flex-flow: row wrap; justify-content: space-between; row-gap: 40px;}
.gutenberg.reference-list.v1 > div > ul > li {width: 100%;}

.gutenberg.splash-screen.v4 {position: relative;}
.gutenberg.splash-screen.v4::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #01015344, #8eabf744); z-index: 2;}
.gutenberg.splash-screen.v4 > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end; align-content: flex-end; min-height: 320px;}
.gutenberg.splash-screen.v4 > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.gutenberg.splash-screen.v4 > div > div {width: 100%; position: relative; padding: 20px; margin: 0 0 40px 0; z-index: 3; border-radius: 30px; background: #fff;}
.gutenberg.splash-screen.v4 > div > h1 {color: #fff; font-size: 2.8rem; line-height: 1.2; margin: 40px 0 40px 0; position: relative; z-index: 3;}

.gutenberg.text-columns.v1 > div {display: flex; flex-flow: row wrap; justify-content: space-between; row-gap: 40px;}
.gutenberg.text-columns.v1 > div > div {width: 100%;}
.gutenberg.text-columns.v1 > div > div > ul {margin: 20px 0;}
.gutenberg.text-columns.v1 > div > div > ul > li {margin: 0 10px; padding: 0px 10px; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; justify-content: flex-start;}
.gutenberg.text-columns.v1 > div > div > ul > li + li {border-top: 1px solid #ddd;}
.gutenberg.text-columns.v1 > div > div > ul > li > img {flex-shrink: 0; flex-grow: 0; margin-right: 20px; height: 30px; width: 30px;}
.gutenberg.text-columns.v1 > div > div > ul > li p {margin: 10px 0;}
.gutenberg.text-columns.v1 form {overflow: auto; padding-bottom: 20px;}
.gutenberg.text-columns.v1 form input[type="email"] {display: block; width: 100%;}
.gutenberg.text-columns.v1 form input[type="text"] {display: block; width: 100%;}
.gutenberg.text-columns.v1 form input[type="submit"] {margin-top: 5px; width: auto;}
.gutenberg.text-columns.v1 form label {margin: 5px 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;}
.gutenberg.text-columns.v1 form label a {text-decoration: underline;}
.gutenberg.text-columns.v1 form span.wpcf7-form-control-wrap {display: block; width: 100%;}
.gutenberg.text-columns.v1 form strong {font-weight: bold; color: #010153;}
.gutenberg.text-columns.v1 form textarea {display: block; width: 100%;}

.gutenberg.text-columns.v2 {padding: 60px 0; background: linear-gradient(to right, #010153, #8eabf7);}
.gutenberg.text-columns.v2 > div {display: flex; flex-flow: row wrap; justify-content: space-between; row-gap: 40px;}
.gutenberg.text-columns.v2 > div > div {width: 100%;}
.gutenberg.text-columns.v2 > div > div.header {width: 100% !important;}

.gutenberg.text-different.v1 {padding: 40px 0; background: linear-gradient(to right, #8eabf7, #010153);}

.gutenberg.text-form.v1 > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; row-gap: 40px;}
.gutenberg.text-form.v1 > div > div {width: 100%;}
.gutenberg.text-form.v1 > div > form {width: 100%;}

.gutenberg.text-form.v2 {padding: 60px 0; background: #010058 url(image/background-2.jpg) bottom center / cover no-repeat; position: relative;}
.gutenberg.text-form.v2::before {content: ""; display: block; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: #01015355; position: absolute; z-index: 1;}
.gutenberg.text-form.v2 > div {position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; row-gap: 40px; z-index: 2;}
.gutenberg.text-form.v2 > div > div {width: 100%;}
.gutenberg.text-form.v2 > div > form {width: 100%;}

.gutenberg.tiles-image.v1 {}
.gutenberg.tiles-image.v1 > div > ul {margin-top: 40px;}

.gutenberg.tiles-text.v1 {padding: 60px 0; background: #010153 url(image/background-1.jpg?v=2) bottom center / auto auto no-repeat;}
.gutenberg.tiles-text.v1 > div {display: flex; flex-flow: row wrap; row-gap: 40px;}
.gutenberg.tiles-text.v1 > div > div {width: 100%;}
.gutenberg.tiles-text.v1 > div > ul {width: 100%; display: flex; flex-flow: row wrap; row-gap: 40px; column-gap: 4%; justify-content: flex-start;}
.gutenberg.tiles-text.v1 > div > ul > li {width: 100%; border: 2px solid #8eabf7; border-radius: 30px; padding: 20px; }
.gutenberg.tiles-text.v1 > div > ul > li a {display: block;}
.gutenberg.tiles-text.v1 > div > ul > li h3 {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: 10px; color: #b46bff; line-height: 1.2; font-size: 1.2rem;}
.gutenberg.tiles-text.v1 > div > ul > li h3 img {width: 60px; height: 60px; padding: 5px; background: #fff; border-radius: 200px; flex-shrink: 0; flex-grow: 0; transition: transform 0.6s ease-in-out;}
.gutenberg.tiles-text.v1 > div > ul > li a:hover h3 img {transform: scale(1.1) rotateY(360deg);}
.gutenberg.tiles-text.v1 > div > ul > li p {margin-top: 20px; color: #fff; font-size: 0.8rem;}

.gutenberg.tiles-text.v2 {}
.gutenberg.tiles-text.v2 > div {display: flex; flex-flow: row wrap; row-gap: 40px;}
.gutenberg.tiles-text.v2 > div > div {width: 100%;}
.gutenberg.tiles-text.v2 > div > ul {width: 100%; display: flex; flex-flow: row wrap; row-gap: 20px; column-gap: 4%; justify-content: flex-start;}
.gutenberg.tiles-text.v2 > div > ul > li {width: 100%; border: 3px solid #b46bff; padding: 20px; background: url(image/background-4.png) center center / 80% auto no-repeat;}

.gutenberg.tiles-text.v3 > div {display: flex; flex-flow: row wrap; row-gap: 40px;}
.gutenberg.tiles-text.v3 > div > div {width: 100%;}
.gutenberg.tiles-text.v3 > div > ul {width: 100%; display: flex; flex-flow: row wrap; row-gap: 40px; column-gap: 4%; justify-content: flex-start;}
.gutenberg.tiles-text.v3 > div > ul > li {width: 100%;}
.gutenberg.tiles-text.v3 > div > ul > li a {display: block;}
.gutenberg.tiles-text.v3 > div > ul > li h3 {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: 10px; line-height: 1.2; font-size: 1.2rem;}
.gutenberg.tiles-text.v3 > div > ul > li h3 img {width: 80px; height: 80px; flex-shrink: 0; flex-grow: 0; transition: transform 0.6s ease-in-out;}
.gutenberg.tiles-text.v3 > div > ul > li a:hover h3 img {transform: scale(1.1);}
.gutenberg.tiles-text.v3 > div > ul > li p {margin-top: 20px; font-size: 0.8rem;}
.gutenberg.tiles-text.v3 > div > ul > li strong {font-weight: bold;}

.gutenberg.tiles-text.v4 > div {display: flex; flex-flow: row wrap; row-gap: 60px;}
.gutenberg.tiles-text.v4 > div > div {width: 100%; display: flex; flex-flow: row wrap; column-gap: 4%; row-gap: 40px; justify-content: center; align-items: flex-start; align-content: flex-start;}
.gutenberg.tiles-text.v4 > div > div > div {width: 100%;}
.gutenberg.tiles-text.v4 > div > div.header > div {width: 100% !important;}

.gutenberg.users-list.v1 > div {display: flex; flex-flow: row wrap; row-gap: 40px;}
.gutenberg.users-list.v1 > div > ul {width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; row-gap: 40px; column-gap: 4%;}
.gutenberg.users-list.v1 > div > ul > li {width: 100%;}

.gutenberg.variants-table.v1 > div > div {width: 100%; overflow-x: scroll;}

.gutenberg.video-header.v1 {background: #020259 url(image/background-1.jpg?v=2) bottom right / 130% auto no-repeat; position: relative;}
.gutenberg.video-header.v1 > div > div {width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center; position: relative; z-index: 3; min-height: 400px;}
.gutenberg.video-header.v1 > div > div > div {width: 100%;}
.gutenberg.video-header.v1 > div > div > section {margin: 40px 0; width: 100%;}
.gutenberg.video-header.v1 > video {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover;}
.gutenberg.video-header.v1::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: linear-gradient(to bottom, #05055a33, #05055add);}

.page-event.content.v1 > div {display: flex; flex-flow: row wrap; justify-content: space-between;}
.page-event.content.v2 {width: 100%; order: 1;}
.page-event.content.v2 > div {display: none;}
.page-event.content.v2 > div:first-child {display: block;}
.page-event.header.v1 {position: relative;}
.page-event.header.v1 > div {position: relative; min-height: 400px; display: flex; align-items: flex-end; align-content: flex-end; z-index: 2;}
.page-event.header.v1 > div > div {margin: 120px 0 40px 0; width: 100%; color: #fff; overflow: auto; background: #00000066; text-shadow: 0px 1px 1px #000000; border-radius: 0 0 20px 20px;}
.page-event.header.v1 > div > div > h1 {margin: 20px 0; padding: 0 20px; font-size: 2.4rem; font-weight: bold; line-height: 1.2;}
.page-event.header.v1 > div > div > time {display: block; padding: 10px 20px; background: #333333;}
.page-event.header.v1 > div > div > time > strong {font-weight: bold;}
.page-event.header.v1 > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; object-fit: cover; object-position: center center;  height: 100%; z-index: 1;}
.page-event.navigation.v1 {background: #333333;}
.page-event.navigation.v1 > div > ul {padding: 5px 0; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center;}
.page-event.navigation.v1 > div > ul > li > a {display: block; padding: 5px 10px; color: #fff; cursor: pointer;}
.page-event.navigation.v1 > div > ul > li > a.active {text-decoration: underline;}
.page-event.navigation.v1 > div > ul > li > a.important {color: #fff; background: #df2f32;}

.page-event.sidebar.v1 {width: 100%; order: 2;}
.page-event.sidebar.v2 {width: 100%; order: 3;}

.page-index.header.v1 {margin: 60px 0}
.page-index.navigation.v1 {margin: 60px 0;}

.page-program.header.v1 {position: relative;}
.page-program.header.v1::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #01015388, #8eabf744); z-index: 2;}
.page-program.header.v1 > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end; align-content: flex-end; min-height: 320px;}
.page-program.header.v1 > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.page-program.header.v1 > div > h1 {color: #b46bff; font-weight: bold; font-size: 2.4rem; line-height: 1.2; margin: 40px 0 120px 0; position: relative; z-index: 3;}
.page-program.side.v1 {width: 100%; display: flex; flex-flow: row wrap; row-gap: 40px; align-items: flex-start; align-content: flex-start;}
.page-program.side.v1 > div {width: 100%;}
.page-program.content.v1 > div {padding: 40px 0; display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between; row-gap: 40px; position: relative; z-index: 2;}
.page-program.content.v2 {width: 100%; display: flex; flex-flow: row wrap; row-gap: 40px;}
.page-program.content.v2 > * {width: 100%;}
.page-program.content.v2 > div {padding-left: 40px;}

.page-single.content.v1 > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start;}
.page-single.content.v1 > div > div.aside1 {width: 100%; display: flex; flex-flow: row wrap; row-gap: 40px; padding: 40px 0;}
.page-single.content.v1 > div > div.aside2 {width: 100%; display: flex; flex-flow: row wrap; row-gap: 40px; padding: 40px 0;}
.page-single.content.v1 > div > div.text {width: 100%;}
.page-single.content.v1 > div > div.text > .post-ratings img {width: auto; display: inline-block;}

.page-single.header.v1 {padding: 40px 0; margin-bottom: 40px; border-bottom: 1px solid #ccc; background: radial-gradient(circle at center center, #ffffff, #ffffff, #dddddd); overflow: auto;}
.page-single.header.v1 > div > h1 {margin: 20px 0 0 0; font-size: 2.0rem; line-height: 1.2; font-weight: bold;}
.page-single.header.v1 > div > p.info {margin-top: 20px; color: #aaa; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: center; line-height: 1.2;}
.page-single.header.v1 > div > p.info > img {width: 40px; height: 40px; border-radius: 40px; margin-right: 10px; flex-shrink: 0; flex-grow: 0;}
.page-single.header.v1 > div > p.info > span > time {font-style: italic;}
.page-single.header.v1 > div > ul.category {margin-top: 40px; display: flex; flex-flow: row wrap; justify-content: flex-start;}
.page-single.header.v1 > div > ul.category li {margin-right: 20px;}
.page-single.header.v1 > div > ul.category li a {color: #333333; font-size: 0.8rem; transition: color 0.4s;}
.page-single.header.v1 > div > ul.category li a:hover {color: #010153;}
.page-single.header.v1 > div > ul.category li.main a {font-weight: bold;}

.page-single.new.v1 {margin: 60px 0;}
.page-single.new.v1 > div > ul {margin-top: 40px;}
.page-single.new.v1 > div > ul {margin-top: 40px;}

.style.agenda.v1 {display: flex; flex-flow: row wrap; row-gap: 20px; position: relative;}
.style.agenda.v1::before {content: ""; display: block; width: 3px; height: 100%; left: 50%; top: 0; bottom: 0; margin-left: -1px; position: absolute; background: #8eabf7; z-index: 1;}

.style.agenda.v2 {width: 100%; background: #f2edff; text-align: center; padding: 20px 40px; display: flex; flex-flow: row wrap; justify-content: center; row-gap: 20px; border-radius: 10px; position: relative; z-index: 2;}
.style.agenda.v2 > div {width: 100%;}

.style.agenda.v3 {width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center; row-gap: 20px; position: relative; z-index: 2;}
.style.agenda.v3 > div.text {width: 100%; padding: 20px; box-shadow: 0 0 40px #00000044; background: #fff; border-radius: 10px; position: relative; z-index: 2;}
.style.agenda.v3 > div.people {width: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; row-gap: 20px; column-gap: 40px; position: relative; z-index: 2;}
.style.agenda.v3 > div.people > div {width: 100%; display: flex; justify-content: center; position: relative; z-index: 2;}
.style.agenda.v3 > div.people > img {width: 200px; position: relative; z-index: 2;}

.style.anchor.v1 {display: block; width: 100%; height: 50px;}

.style.aside.v1 {background: #010153 url(image/background-1.jpg?v=2) bottom center / 1500px auto no-repeat; overflow: hidden; border-radius: 30px;}
.style.aside.v2 {background: #fafafa; overflow: hidden; border-radius: 30px;}

.style.avatar.v1 {display: block !important; width: 80px !important; height: 120px !important; object-position: bottom center; object-fit: contain;}

.style.avatar.v2 {display: block !important; width: 120px !important; height: 180px !important; object-position: bottom center; object-fit: contain;}

.style.button.v1 {width: auto; color: #ffffff !important; font-size: 0.8rem; border: 0; text-transform: uppercase; background: #010153 !important; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; border-radius: 10px; padding: 15px 30px; text-decoration: none  !important; cursor: pointer;}

.style.button.v2 {width: auto; font-size: 0.8rem; border: 1px solid #010153; text-transform: uppercase; background: transparent; color: #010153; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; border-radius: 10px; padding: 10px 20px; cursor: pointer;}

.style.button.v3 {width: auto; font-size: 0.8rem; border: 1px solid #b46bff; background: #b46bff; font-size: 0.7rem; font-weight: bold; text-transform: uppercase; color: #010153; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; border-radius: 10px; padding: 5px 10px; cursor: pointer;}

.style.button.v4 {width: auto; color: #010153 !important; font-size: 0.8rem; border: 0; text-transform: uppercase; background: #b46bff !important; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; border-radius: 10px; padding: 15px 30px; text-decoration: none  !important; cursor: pointer;}

.style.button.v10 {display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; align-content: center; color: #010058; font-size: 0.8rem; text-transform: uppercase; text-align: right; text-decoration: none !important;}
.style.button.v10::after {content: ""; display: block; width: 25px; height: 25px; background: url(icon/arrow-2.svg) center center / contain no-repeat; flex-shrink: 0; flex-grow: 0; margin-left: 10px; transition: transform 0.2s ease-in-out;}
.style.button.v10:hover::after {transform: translateX(5px);}
.style.button.v10:hover {background: transparent !important;}

.style.button.v11 {display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; align-content: center; color: #010058; font-size: 0.8rem; text-transform: uppercase; text-align: right; text-decoration: none !important;}
.style.button.v11::after {content: ""; display: block; width: 25px; height: 25px; background: url(icon/arrow-2.svg) center center / contain no-repeat; flex-shrink: 0; flex-grow: 0; margin-left: 10px; transform: rotate(90deg); transition: transform 0.2s ease-in-out;}
.style.button.v11:hover::after {transform: rotate(90deg) translateX(5px);}
.style.button.v11:hover {background: transparent !important;}
.style.button.v11.hide::after {transform: rotate(-90deg);}
.style.button.v11.hide:hover::after {transform: rotate(-90deg) translateX(5px);}

.style.button.v12 {display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; align-content: center; color: #fff; font-size: 0.8rem; text-transform: uppercase; text-align: right; text-decoration: none !important;}
.style.button.v12::after {content: ""; display: block; width: 25px; height: 25px; background: url(icon/arrow-3.svg) center center / contain no-repeat; flex-shrink: 0; flex-grow: 0; margin-left: 10px; transition: transform 0.2s ease-in-out;}
.style.button.v12:hover::after {transform: translateX(5px);}
.style.button.v12:hover {background: transparent !important;}

.style.challenges.v1 {background: linear-gradient(to right, #010153, #8eabf7); border-radius: 30px; padding: 20px;}

.style.checkbox.v1 {position: relative; overflow: hidden; font-size: 0.8rem;}
.style.checkbox.v1 input {position: absolute; top: -40px; left: -40px;}
.style.checkbox.v1 input + * {cursor: pointer;}
.style.checkbox.v1 input + *::before {content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 10px; border: 2px solid #ccc; border-radius: 2px; background-position: center center; background-size: 75% 75%; background-repeat: no-repeat;}
.style.checkbox.v1 input:checked + *::before {background-image: url(icon/check-1.svg);}

.style.divider.v1 {background: linear-gradient(to right, #010153, #8eabf7); color: #fff; text-transform: uppercase; font-size: 0.8rem; line-height: 1.2; padding: 10px 20px; border-radius: 10px; font-weight: bold;}

.style.events.v1 {display: flex; flex-flow: row wrap; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd;}
.style.events.v1 > li {width: 100%;}
.style.events.v1 > li + li {border-top: 2px solid #dddddd;}
.style.events.v1 > li > a {width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; padding: 20px 0; row-gap: 10px;}
.style.events.v1 > li > a > header {width: 100%;}
.style.events.v1 > li > a > header > h3 {font-size: 1.2rem; font-weight: bold; line-height: 1.2;}
.style.events.v1 > li > a > header > h3 > time {display: block; color: #8eabf7; font-size: 1.0rem; margin-bottom: 10px;}
.style.events.v1 > li > a > div.cta {width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; align-content: center; row-gap: 10px; column-gap: 20px;}
.style.events.v1 > li > a > div.cta > div.price {color: #666; font-size: 0.8rem; line-height: 1.2; text-align: right;}
.style.events.v1 > li > a > div.cta > div.price strong {color: #000; display: block; font-weight: bold; font-size: 1.4rem;}
.style.events.v1 > li > a > div.list {width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; row-gap: 10px;}
.style.events.v1 > li > a > div.list > div {width: 48%; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: 10px; height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative;}
.style.events.v1 > li > a > div.list > div::before {content: ""; display: block; width: 30px; height: 30px; flex-shrink: 0; flex-grow: 0; background-position: center center; background-color: #fafafa; border-radius: 100px; background-size: 20px auto; background-repeat: no-repeat;}
.style.events.v1 > li > a > div.list > div.duration::before {background-image: url(icon/time-2.svg);}
.style.events.v1 > li > a > div.list > div > img {width: 30px; height: 30px; border: 1px solid #ddd; border-radius: 100px; flex-shrink: 0; flex-grow: 0; position: absolute; top: 0; left: 0;}
.style.events.v1 > li > a > div.tags {width: 100%;}

.style.form.v1 {display: flex; flex-flow: row wrap; justify-content: space-between; row-gap: 20px;}
.style.form.v1 > button {width: auto; color: #ffffff; font-size: 0.8rem; border: 0; text-transform: uppercase; background: #010153; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; border-radius: 10px; padding: 15px 30px; cursor: pointer; font-weight: bold;}
.style.form.v1 > h2 {width: 100%; margin: 40px 0 20px 0; font-size: 1.6rem; line-height: 1.2; font-weight: bold;}
.style.form.v1 > hr {display: block; width: 100%; margin: 20px 0 20px 0; height: 2px; border: 0; background: #eee;}
.style.form.v1 > label {width: 100%;}
.style.form.v1 > label.checkbox {display: block; position: relative; overflow: hidden; cursor: pointer;}
.style.form.v1 > label.checkbox > input {position: absolute; top: -100px; left: -100px;}
.style.form.v1 > label.checkbox > input + div {display: flex; flex-flow: nowrap; justify-content: flex-start; column-gap: 10px; align-items: flex-start; align-content: flex-start;}
.style.form.v1 > label.checkbox > input + div > p {font-size: 0.8rem;}
.style.form.v1 > label.checkbox > input + div > p > a {text-decoration: underline;}
.style.form.v1 > label.checkbox > input + div::before {content: ""; display: block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; border: 2px solid #010153; border-radius: 5px;}
.style.form.v1 > label.checkbox > input + div > p strong {color: #8eabf7; font-weight: bold; padding: 0 5px;}
.style.form.v1 > label.checkbox > input:checked + div::before {background: #b46bff url(icon/check-1.svg) center center / 80% 80% no-repeat;}
.style.form.v1 > label.standard {display: block; width: 100%; color: #696969; font-size: 0.8rem; line-height: 1.2; cursor: pointer;}
.style.form.v1 > label.standard.half {width: 48%;}
.style.form.v1 > label.standard > input {display: block; margin: 10px 0; width: 100%; border: 2px solid #eee; border-radius: 10px; padding: 10px 20px; background: #fafafa; font: 1.0rem / 1.2 'main', sans-serif;}
.style.form.v1 > label.standard > select {display: block; margin: 10px 0; width: 100%; border: 2px solid #eee; border-radius: 10px; padding: 10px 20px; background: #fafafa; font: 1.0rem / 1.2 'main', sans-serif; appearance: none; -webkit-appearance: none; cursor: pointer;}
.style.form.v1 > label.standard > textarea {display: block; margin: 10px 0; width: 100%; border: 2px solid #eee; border-radius: 10px; padding: 10px 20px; background: #fafafa; font: 1.0rem / 1.2 'main', sans-serif; resize: vertical; min-height: 120px; max-height: 360px;}
.style.form.v1 output {display: flex; flex-flow: row nowrap; justify-content: flex-start; column-gap: 10px; margin: 10px 0; font-size: 0.8rem; line-height: 1.2; color: #8eabf7;}
.style.form.v1 output::before {content: ""; display: block; flex-shrink: 0; flex-grow: 0; width: 20px; height: 20px; margin-right: 5px; background: url(icon/arrow-2.svg) center center / cover no-repeat; transform: rotate(-90deg);}

.style.form.v2 {display: flex; flex-flow: row wrap; justify-content: space-between; row-gap: 20px;}
.style.form.v2 > button {width: auto; color: #010153; font-size: 0.8rem; border: 0; text-transform: uppercase; background: #b46bff; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; border-radius: 10px; padding: 15px 30px; cursor: pointer; font-weight: bold;}
.style.form.v2 > h2 {width: 100%; margin: 40px 0 20px 0; font-size: 1.6rem; line-height: 1.2; font-weight: bold;}
.style.form.v2 > label {width: 100%;}
.style.form.v2 > label.checkbox {display: block; position: relative; overflow: hidden; cursor: pointer; color: #fff;}
.style.form.v2 > label.checkbox > input {position: absolute; top: -100px; left: -100px;}
.style.form.v2 > label.checkbox > input + div {display: flex; flex-flow: nowrap; justify-content: flex-start; column-gap: 10px; align-items: flex-start; align-content: flex-start;}
.style.form.v2 > label.checkbox > input + div > p {font-size: 0.8rem;}
.style.form.v2 > label.checkbox > input + div > p > a {text-decoration: underline;}
.style.form.v2 > label.checkbox > input + div::before {content: ""; display: block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; border: 2px solid #8eabf7; border-radius: 5px;}
.style.form.v2 > label.checkbox > input + div > p strong {color: #8eabf7; font-weight: bold; padding: 0 5px;}
.style.form.v2 > label.checkbox > input:checked + div::before {background: #ffffff url(icon/check-1.svg) center center / 80% 80% no-repeat;}
.style.form.v2 > label.standard {display: block; width: 100%; color: #b46bff; font-size: 0.8rem; line-height: 1.2; cursor: pointer;}
.style.form.v2 > label.standard.half {width: 48%;}
.style.form.v2 > label.standard > input {display: block; margin: 10px 0; width: 100%; border: 2px solid #8eabf7; border-radius: 10px; padding: 10px 20px; background: #010153; font: 1.0rem / 1.2 'main', sans-serif; color: #fff;}
.style.form.v2 > label.standard > select {display: block; margin: 10px 0; width: 100%; border: 2px solid #8eabf7; border-radius: 10px; padding: 10px 20px; background: #010153; font: 1.0rem / 1.2 'main', sans-serif; color: #fff; appearance: none; -webkit-appearance: none; cursor: pointer;}
.style.form.v2 > label.standard > textarea {display: block; margin: 10px 0; width: 100%; border: 2px solid #8eabf7; border-radius: 10px; padding: 10px 20px; background: #010153; font: 1.0rem / 1.2 'main', sans-serif; resize: vertical; min-height: 120px; max-height: 360px;  color: #fff;}
.style.form.v2 output {display: flex; flex-flow: row nowrap; justify-content: flex-start; column-gap: 10px; margin: 10px 0; font-size: 0.8rem; line-height: 1.2; color: #fff;}
.style.form.v2 output::before {content: ""; display: block; flex-shrink: 0; flex-grow: 0; width: 20px; height: 20px; margin-right: 5px; background: url(icon/arrow-3.svg) center center / cover no-repeat; transform: rotate(-90deg);}

.style.gallery.v1 {display: flex; flex-flow: row wrap; row-gap: 20px; column-gap: 4%;}
.style.gallery.v1 > li {width: 48%; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; justify-content: center;}
.style.gallery.v1 > li > a {display: block;}
.style.gallery.v1 > li > a > img {width: 100%; max-width: 160px; height: auto; max-height: 100px; object-position: center center; object-fit: contain;}
.style.gallery.v1 > li > img {width: 100%; max-width: 160px; height: auto; max-height: 100px; object-position: center center; object-fit: contain;}

.style.list.v2 > dd {padding: 0px 0 0px 10px; margin: 10px 0 10px 30px; border-left: 2px solid #ffffff; overflow: hidden; display: none;}
.style.list.v2 > dt {display: flex; flex-flow: row nowrap; align-content: center; align-items: center; justify-content: flex-start; column-gap: 10px; font-size: 1.2rem; line-height: 1.2; transition: color 0.2s ease-in-out; cursor: pointer; color: #fff; font-weight: bold;}
	.style.list.v2 > dd + dt {margin-top: 30px;}
.style.list.v2 > dt::before {content: "+"; display: block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0;}
.style.list.v2 > dt.active::before {content: "-";}

.style.list.v4 {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; row-gap: 20px; column-gap: 4%;}
.style.list.v4 > li {width: 100%;}
.style.list.v4 > li > a {position: relative; display: block; height: 240px; overflow: hidden; border-radius: 30px;}
.style.list.v4 > li > a > h2 {position: absolute; right: 20px; bottom: 20px; left: 20px; padding: 10px; text-align: center; background: #fff; border-radius: 15px; color: #333333; z-index: 2; text-transform: uppercase; font-weight: bold; font-size: 0.8rem; line-height: 1.2; overflow: hidden; transition: color 0.4s;}
.style.list.v4 > li > a:hover > h2 {color: #b46bff;}
.style.list.v4 > li > a > h2::before {content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 101%; background: #010153; transform: translateX(-102%); transition: transform 0.4s; z-index: -1;}
.style.list.v4 > li > a:hover > h2::before {transform: translateX(0);}
.style.list.v4 > li > a > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; transition: transform 0.4s;}
.style.list.v4 > li > a:hover > img {transform: scale(1.1);}

.style.logos.v1 {display: flex; flex-flow: row wrap; column-gap: 20px; row-gap: 20px; padding: 20px; background: #fafafa; border-radius: 30px;}
.style.logos.v1 > li > img {aspect-ratio: 2/1; object-fit: contain; max-width: 160px;}

.style.map.v1 {aspect-ratio: 1/1; width: 100%; position: relative; overflow: hidden;}
.style.map.v1 > iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}

.style.margin.v1 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}
.style.margin.v2 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}
.style.margin.v3 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}

.style.more.v1 {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; z-index: 20; background: rgba(255, 255, 255, 0.9);}
.style.more.v1.active {display: flex;}
.style.more.v1 > div {background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); width: 100%; height: 100%; max-width: 700px; max-height: 500px; padding: 20px; overflow-y: scroll;}

.style.navigation.v1 > div > ul {display: flex; flex-flow: row wrap; column-gap: 10px; row-gap: 10px;}
.style.navigation.v1 > div > ul > li > a {display: block; padding: 5px 10px; border: 1px solid #00000022; color: #010153; border-radius: 10px; font-size: 0.9rem; text-transform: uppercase; transition: border-color 0.4s ease-in-out;}
.style.navigation.v1 > div > ul > li > a:hover {border-color: #010153;}
.style.navigation.v1 > div > ul > li.active > a {color: #fff; border-color: #010153; background: #010153;}

.style.pagination.v1 {margin: 60px 0;}
.style.pagination.v1 > div > nav {display: flex; justify-content: center; align-items: center; align-content: center; row-gap: 10px; column-gap: 10px;}
.style.pagination.v1 > div > nav > div {display: flex; justify-content: center; align-items: center; align-content: center; row-gap: 10px; column-gap: 10px;}
.style.pagination.v1 > div > nav > div > a {display: flex; align-items: center; align-content: center; justify-content: center; color: #010153; line-height: 1.0; text-transform: uppercase; min-width: 40px; height: 40px; padding: 0 10px; border: 1px solid #00000022; border-radius: 100px; transition: border-color 0.4s ease-in-out;}
.style.pagination.v1 > div > nav > div > a:hover {border-color: #010153;}
.style.pagination.v1 > div > nav > div > a.next {background: #010153; border-color: #010153; color: #fff; font-size: 0.8rem;}
.style.pagination.v1 > div > nav > div > a.prev {font-size: 0.8rem;}
.style.pagination.v1 > div > nav > div > span.current {display: flex; align-items: center; align-content: center; justify-content: center; color: #fff; line-height: 1.0; text-transform: uppercase; min-width: 50px; height: 50px; background: #8eabf7; border-radius: 100px;}

.style.paragraph.v1 {font-size: 1.2rem;}

.style.place.v1 {display: flex; flex-flow: row wrap; row-gap: 10px; background: #fafafa; padding: 20px; border-radius: 30px;}
.style.place.v1 > a.website {width: 100%; display: block; text-decoration: underline; color: #8eabf7;}
.style.place.v1 > div.description {width: 100%;}
.style.place.v1 > div.map {width: 100%; aspect-ratio: 1/1; position: relative; border-radius: 20px; overflow: hidden;}
.style.place.v1 > div.map > iframe {position: absolute; top: 0 right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.style.place.v1 > p.address {width: 100%;}
.style.place.v1 > p.header {width: 100%; display: flex; flex-flow: row nowrap; column-gap: 10px; justify-content: flex-start; align-items: center; align-content: center; line-height: 1.2; font-weight: bold;}
.style.place.v1 > p.header > img {border-radius: 100px; width: 50px; height: 50px; flex-shrink: 0; flex-grow: 0; box-shadow: 0 0 10px #00000022;}

.style.posts.v1 {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; row-gap: 40px; column-gap: 4%;}
.style.posts.v1 li {position: relative; width: 100%; display: flex; flex-flow: column nowrap; align-items: space-between;}
.style.posts.v1 li div {margin: 0;}
.style.posts.v1 li h2 {margin: 20px 0 0 0; font-size: 1.1rem; line-height: 1.2; font-weight: bold;}
.style.posts.v1 li h3 {margin: 20px 0 0 0; font-size: 1.1rem; line-height: 1.2; font-weight: bold;}
.style.posts.v1 li a.button {margin-top: auto; margin-bottom: 0;}
.style.posts.v1 li a.thumbnail {width: 100%;}
.style.posts.v1 li.template-case::before {content: "Case Study"; display: block; position: absolute; top: 30px; right: 0px; background: #b46bff; border-radius: 10px 0 0 10px; padding: 2px 15px; font-size: 0.8rem; text-transform: uppercase; font-weight: bold;}
.style.posts.v1 li.template-case a.thumbnail img {opacity: 0.2;}

.style.posts.v2 {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;}
.style.posts.v2 li {margin: 20px 0; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.style.posts.v2 li a {position: relative; display: block; width: 100%; height: 100%; background: #fff; overflow: auto;}
.style.posts.v2 li a h3 {margin: 10px 10px 50px 10px; color: #333333; font-size: 1.2rem; line-height: 1.2; font-weight: bold;}
.style.posts.v2 li a img {height: 200px; object-fit: cover; border: 1px solid #d8d8d8;}
.style.posts.v2 li a::after {content: "Czytaj dalej..."; display: block; position: absolute; right: 0; bottom: 0; line-height: 40px; padding: 0 40px; color: #fff; text-transform: uppercase; font-size: 0.8rem; font-weight: bold; background: #333333; border-top-left-radius: 20px;}

.style.pricing.v1 {box-shadow: 0 0 40px #00000033; padding: 0 0 20px 0;}
.style.pricing.v1 > h2 {min-height: 200px; display: flex; align-items: center; align-content: center; justify-content: center; text-align: center; background: #010065; color: #fff; font-size: 2.0rem; line-height: 1.2; font-weight: bold;}
.style.pricing.v1:nth-child(2) > h2 {background: #8eabf7;}
.style.pricing.v1 > div.price {width: 100%; text-align: center; font-size: 2.0rem; color: #8eabf7; font-weight: bold; margin: 40px 0 20px 0; padding: 0 20px;}
.style.pricing.v1 > div.oldprice {width: 100%; text-align: center; text-decoration: line-through; color: #888; font-size: 1.4rem; margin: 20px 0; padding: 0 20px;}
.style.pricing.v1 > div.text {padding: 0 20px;}

.style.process.v1 {padding: 40px 0; width: 100%; position: relative; display: flex; flex-flow: row wrap; row-gap: 40px;}
.style.process.v1::before {content: ""; display: block; width: 6px; position: absolute; top: 0; bottom: 0; left: 28px; background: linear-gradient(to bottom, #83d46c 0%, #83d46c 48%, #b46bff 52%, #b46bff 100%) fixed; z-index: 1; border-radius: 100px;}
.style.process.v1 > li {display: flex; flex-flow: row nowrap; column-gap: 20px; position: relative; z-index: 2;}
.style.process.v1 > li > div.number {width: 60px; height: 60px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; font-size: 2.0rem; background: linear-gradient(to bottom, #83d46c 0%, #83d46c 48%, #b46bff 52%, #b46bff 100%) fixed; border-radius: 100px; flex-shrink: 0; flex-grow: 0;}

.style.promo.v1 {display: block; padding: 20px; border: 3px solid #eef95e; color: #8eabf7;}
.style.promo.v1 h3 {font-weight: bold; font-size: 1.6rem;}

.style.reference.v1 {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; padding: 20px; border-radius: 30px; border: 2px solid #eee;}
.style.reference.v1 > div.image {width: 22%;}
.style.reference.v1 > div.image img {max-width: 160px; max-height: 120px; object-fit: contain; margin-left: auto;}
.style.reference.v1 > div.header {width: 74%;}
.style.reference.v1 > div.header > h3 {font-weight: bold; color: #010153; font-size: 1.2rem; line-height: 1.2;}
.style.reference.v1 > div.header > p {margin-top: 10px;}
.style.reference.v1 > div.header > p em {font-style: italic;}
.style.reference.v1 > div.header > p strong {font-weight: bold;}
.style.reference.v1 > div.readmore {border-top: 2px solid #eee; margin-top: 10px; padding-top: 10px;}
.style.reference.v1 > div.readmore > div {margin-top: 10px;}

.style.regulation.v1 {width: 100%; display: flex; flex-flow: row wrap; row-gap: 10px; background: #fafafa; padding: 20px; border-radius: 30px;}

.style.remove.v1 {display: block; width: 100%; margin-top: -60px;}

.style.sidebar.v1 {padding: 0 20px; font-size: 0.8rem; line-height: 1.4; color: #fff; display: flex; flex-flow: row wrap; row-gap: 20px;}
.style.sidebar.v1 > p {width: 100%; font-size: 1.0rem; line-height: 1.2; color: #b46bff;}
.style.sidebar.v1 > ul {width: 100%}
.style.sidebar.v1 > ul > li {width: 100%;}
.style.sidebar.v1 > ul.menu1 > li > a {display: block; width: 100%; padding: 5px 10px 5px 0; transition: all 0.2s ease-in-out;}
.style.sidebar.v1 > ul.menu1 > li > a:hover {padding-right: 0; padding-left: 10px; color: #8eabf7;}

.style.sidebar.v2 {padding: 0 20px; font-size: 0.8rem; line-height: 1.4; display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; justify-content: flex-start; row-gap: 20px;}
.style.sidebar.v2 > p {width: 100%; font-size: 1.0rem; line-height: 1.2; color: #010058; font-weight: bold;}
.style.sidebar.v2 > ul {width: 100%}
.style.sidebar.v2 > ul > li {width: 100%;}
.style.sidebar.v2 > ul.menu1 > li > a {display: block; width: 100%; padding: 5px 10px 5px 0; transition: all 0.2s ease-in-out;}
.style.sidebar.v2 > ul.menu1 > li > a:hover {padding-right: 0; padding-left: 10px;}
.style.sidebar.v2 > ul.menu2 > li > a {border-top: 1px solid #ddd; display: block; width: 100%; padding: 10px 10px 10px 0; transition: padding 0.2s ease-in-out;}
.style.sidebar.v2 > ul.menu2 > li > a:hover {padding-right: 0; padding-left: 10px; color: #8eabf7;}

.style.sidebar.v3 {border-radius: 30px; background: linear-gradient(to bottom, #010153, #8eabf7); display: flex; flex-flow: row wrap; row-gap: 40px; padding: 40px 20px; color: #fff;}
.style.sidebar.v3 > ol {display: flex; flex-flow: row wrap;}
.style.sidebar.v3 > ol > li {width: 100%;}
.style.sidebar.v3 > ol > li + li {margin-top: 40px; padding-top: 40px; border-top: 2px solid #8eabf7;}
.style.sidebar.v3 > ol > li > div.tags {margin: 20px 0 0 0;}
.style.sidebar.v3 > ol > li > p.buttons {margin: 20px 0 0 0; display: flex; flex-flow: row wrap; row-gap: 10px; column-gap: 10px; align-items: center; align-content: center;}
.style.sidebar.v3 > ol > li > p.date {width: 100%; color: #b46bff;}
.style.sidebar.v3 > ol > li > p.date strong {font-weight: bold;}
.style.sidebar.v3 > ol > li > p.place {display: block; font-size: 0.8rem; font-weight: bold; text-transform: uppercase;}
.style.sidebar.v3 > ol > li > p.price {margin: 20px 0 0 0; font-weight: bold; text-transform: uppercase; line-height: 1.0;}
.style.sidebar.v3 > ol > li > p.price strong {font-size: 2.0rem;}
.style.sidebar.v3 > ol > li > p.price small {margin-top: 5px; display: block; font-size: 0.8rem; font-weight: normal;}

.style.social.v1 {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: 20px;}
.style.social.v1 > ul {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: 10px;}
.style.social.v1 > ul > li > a {display: block; width: 30px; height: 30px; overflow: hidden; white-space: nowrap; text-indent: 60px; text-overflow: hidden; background-size: contain; background-position: left center; background-repeat: no-repeat; transition: transform 0.8s ease-in-out;}
.style.social.v1 > ul > li > a:hover {transform: scale(1.4);}
.style.social.v1 > ul > li.facebook > a {background-image: url(icon/facebook-4.svg);}
.style.social.v1 > ul > li.instagram > a {background-image: url(icon/instagram-3.svg);}
.style.social.v1 > ul > li.linkedin > a {background-image: url(icon/linkedin-4.svg);}
.style.social.v1 > ul > li.pinterest > a {background-image: url(icon/pinterest-1.svg);}
.style.social.v1 > ul > li.tiktok > a {background-image: url(icon/tiktok-1.svg?v=2);}
.style.social.v1 > ul > li.website > a {background-image: url(icon/home-1.svg?v=2);}
.style.social.v1 > ul > li.youtube > a {background-image: url(icon/youtube-4.svg);}

.style.splash.v1 {position: relative;}
.style.splash.v1::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); z-index: 2;}
.style.splash.v1 > div {position: relative; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; align-content: flex-end; min-height: 240px; overflow: auto; z-index: 3;}
.style.splash.v1 > div > h1 {color: #fff; font-size: 2.0rem; line-height: 1.2; margin: 40px 0;}
.style.splash.v1 > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.style.splash.v2 {position: relative;}
.style.splash.v2::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(250, 250, 250, 0.8), rgba(250, 250, 250, 0.6)); z-index: 2;}
.style.splash.v2 > div {position: relative; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; align-content: flex-end; min-height: 240px; overflow: auto; z-index: 3;}
.style.splash.v2 > div > h1 {color: #333333; font-size: 2.0rem; line-height: 1.2; margin: 40px 0;}
.style.splash.v2 > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.style.splash.v3 {overflow: auto; position: relative; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0));}
.style.splash.v3 > div {position: relative; padding: 20px 0; z-index: 2;}
.style.splash.v3 > div > h1 {margin: 20px 0; font-size: 2.0rem; line-height: 1.0; color: #333333; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);}
.style.splash.v4 {position: relative; min-height: 240px;}
.style.splash.v4::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); z-index: 2;}
.style.splash.v4 > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;}
.style.splash.v4 > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.style.splash.v4 > div > div {width: 100%; position: relative; background: #333333; padding: 0 20px; margin: 40px 0; z-index: 3;}
.style.splash.v4 > div > h1 {color: #fff; font-size: 2.4rem; line-height: 1.2; margin: 40px 0 0 0; position: relative; z-index: 3; text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}

.style.table.v1 {margin: 60px 0; width: 100%; border: 1px solid #eee; font-size: 0.8rem; table-layout: fixed;}
.style.table.v1 td:nth-child(1) {width: 20%; max-width: 400px;}
.style.table.v1 th:nth-child(1) {width: 20%; max-width: 400px;}
.style.table.v1 > thead {font-weight: bold; border-bottom: 2px solid #000;}
.style.table.v1 > thead > tr > th {padding: 5px 10px; text-align: center; border: 1px solid #eee; background: #fff;}
.style.table.v1 > thead > tr > th:nth-child(1) {text-align: right;}
.style.table.v1 > thead > tr > th:nth-child(2) {background: #edfb5f11; width: 10%;}
.style.table.v1 > thead > tr > th:nth-child(3) {background: #edfb5f22; width: 10%;}
.style.table.v1 > thead > tr > th:nth-child(4) {background: #edfb5f33; width: 10%;}
.style.table.v1 > thead > tr > th:nth-child(5) {background: #edfb5f44; width: 10%;}
.style.table.v1 > thead > tr > th:nth-child(6) {background: #edfb5f55; width: 10%;}
.style.table.v1 > thead > tr.names1 > th {color: #fff;}
.style.table.v1 > thead > tr.names1 > th:nth-child(2) {background: #cd15e7;}
.style.table.v1 > thead > tr.names1 > th:nth-child(3) {color: #000; background: #effb5f;}
.style.table.v1 > thead > tr.names1 > th:nth-child(4) {background: #2807f4;}
.style.table.v1 > thead > tr.names1 > th:nth-child(5) {background: #010058;}
.style.table.v1 > thead > tr.names1 > th:nth-child(6) {background: #6729fe;}
.style.table.v1 > tbody > tr > td {padding: 5px 10px; text-align: center; border: 1px solid #eee; background: #fff;}
.style.table.v1 > tbody > tr > td:nth-child(1) {text-align: right;}
.style.table.v1 > tfoot > tr > td {padding: 5px 10px; text-align: center; border: 1px solid #eee; background: #fff; white-space: nowrap;}
.style.table.v1 *.hide {opacity: 0.25 !important; filter: grayscale(1);}

.style.tags.v1 {display: flex; flex-flow: row wrap; justify-content: flex-start; row-gap: 10px; column-gap: 10px;}
.style.tags.v1 > div {border-radius: 30px; color: #fff; font-size: 0.7rem; padding: 5px 10px; line-height: 1.1; text-transform: uppercase; text-shadow: 0 0 2px #000000aa; border: 1px solid #00000011; font-weight: bold;}

.style.tags.v2 {display: flex; flex-flow: row wrap; justify-content: flex-start; row-gap: 10px; column-gap: 10px;}
.style.tags.v2 > div {color: #fff; font-size: 0.7rem; line-height: 1.1; text-transform: uppercase; text-shadow: 0 0 2px #000000aa; font-weight: bold; display: flex; flex-flow: row nowrap; justify-content: flex-start; column-gap: 10px;}
.style.tags.v2 > div > span {display: block; width: 12px; height: 12px; border-radius: 100px; flex-shrink: 0; flex-grow: 0; box-shadow: 0 0 3px #000000dd;}

.style.text.v1.large {font-size: 1.2rem; line-height: 1.4;}
.style.text.v1.small {font-size: 0.8rem; line-height: 1.4;}
.style.text.v1.mod1 :first-child {margin-top: 0;}
.style.text.v1.mod1 :last-child {margin-bottom: 0;}
.style.text.v1 a {color: #8eabf7; text-decoration: underline; transition: all 0.4s;}
.style.text.v1 a:hover {background: #b46bff;}
.style.text.v1 blockquote {margin: 20px 0; border-left: 4px solid #333333; padding-left: 20px; font-style: italic; color: #333333; background: linear-gradient(to right, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0)); overflow: auto;}
.style.text.v1 blockquote cite {display: block; text-align: right; color: #aaa;}
.style.text.v1 em {font-style: italic;}
.style.text.v1 figcaption {font-size: 0.8rem; color: #aaa; margin: 10px 0 0 0;}
.style.text.v1 h1 {margin: 40px 0 20px 0; font-size: 2.0rem; line-height: 1.2; font-weight: bold;}
	.style.text.v1.small h1 {font-size: 1.6rem;}
.style.text.v1 h2 {margin: 40px 0 20px 0; font-size: 1.6rem; line-height: 1.2;}
	.style.text.v1.small h2 {font-size: 1.4rem;}
.style.text.v1 h3 {margin: 40px 0 20px 0; font-size: 1.2rem; line-height: 1.2; font-weight: bold;}
	.style.text.v1.small h3 {font-size: 1.2rem;}
.style.text.v1 h4 {margin: 20px 0 20px 0; font-size: 1.0rem; line-height: 1.2; font-weight: bold; color: #8eabf7;}
.style.text.v1 iframe {display: block; margin: 20px 0; width: 100%; height: 400px;}
.style.text.v1 img {width: auto; max-width: 100%; margin: 40px auto 40px 0;}
.style.text.v1 img.aligncenter {margin-right: auto; margin-left: auto;}
.style.text.v1 ol {margin: 20px 0; counter-reset: ol;}
.style.text.v1 ol > li {padding-left: 20px; counter-increment: ol;}
.style.text.v1 ol > li + li {margin-top: 5px;}
.style.text.v1 ol > li::before {content: counter(ol); display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-left: -20px; margin-right: 0; color: #ccc; font-weight: bold; font-size: 0.8rem; line-height: 20px;}
.style.text.v1 ol > li ol {margin-top: 10px; margin-bottom: 10px;}
.style.text.v1 ol > li ul {margin-top: 10px; margin-bottom: 10px;}
.style.text.v1 p {margin: 20px 0;}
	.style.text.v1.small p {margin: 10px 0;}
.style.text.v1 p.action {display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; align-content: center; row-gap: 10px; column-gap: 20px;}
.style.text.v1 p.action2 {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; align-content: center; row-gap: 10px; column-gap: 20px;}
.style.text.v1 p.action3 {display: flex; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; row-gap: 10px; column-gap: 20px;}
.style.text.v1 p.center {text-align: center;}
.style.text.v1 p.right {text-align: right;}
.style.text.v1 strong {font-weight: bold;}
.style.text.v1 ul {margin: 20px 0;}
.style.text.v1 ul > li {padding-left: 20px;}
.style.text.v1 ul > li + li {margin-top: 5px;}
.style.text.v1 ul > li::before {content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 20px; margin-left: -20px; margin-right: 12px; background: #333333;}
.style.text.v1 ul > li ol {margin-top: 10px; margin-bottom: 10px;}
.style.text.v1 ul > li ul {margin-top: 10px; margin-bottom: 10px;}

.style.text.v2 {color: #fff;}
.style.text.v2.small {font-size: 0.8rem; line-height: 1.4;}
.style.text.v2.mod1 :first-child {margin-top: 0;}
.style.text.v2.mod1 :last-child {margin-bottom: 0;}
.style.text.v2.large {font-size: 1.2rem;}
.style.text.v2 a {text-decoration: underline;}
.style.text.v2 em {font-style: italic;}
.style.text.v2 h2 {margin: 40px 0 20px 0; font-size: 1.6rem; line-height: 1.2; font-weight: bold;}
.style.text.v2 h3 {margin: 40px 0 20px 0; font-size: 1.4rem; line-height: 1.2; font-weight: bold;}
.style.text.v2 ol {margin: 20px 0; counter-reset: ol; display: flex; flex-flow: row wrap; row-gap: 5px;}
.style.text.v2 ol > li {padding-left: 20px; counter-increment: ol;}
.style.text.v2 ol > li::before {content: counter(ol); display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-left: -20px; margin-right: 0; color: #b46bff; font-weight: bold; font-size: 0.8rem; line-height: 1.0;}
.style.text.v2 p {margin: 20px 0;}
.style.text.v2 p.center {text-align: center;}
.style.text.v2 p.right {text-align: right;}
	.style.text.v2.small p {margin: 10px 0;}
.style.text.v2 strong {font-weight: bold;}
.style.text.v2 ul {margin: 20px 0; display: flex; flex-flow: row wrap; row-gap: 5px;}
.style.text.v2 ul > li {width: 100%; padding-left: 20px;}
.style.text.v2 ul > li::before {content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 20px; margin-left: -20px; margin-right: 12px; margin-top: -8px; background: #ffffff;}

.style.text.v3 {color: #333333;}
.style.text.v3 h1 {margin: 40px 0 20px 0; font-size: 2.0rem; line-height: 1.2;}
.style.text.v3 h2 {margin: 40px 0 20px 0; font-size: 1.6rem; line-height: 1.2; border-left: 10px solid #010153; padding-left: 20px;}
.style.text.v3 h3 {margin: 40px 0 20px 0; font-size: 1.4rem; line-height: 1.2; font-weight: bold;}
.style.text.v3 img {width: auto; max-width: 100%; margin: 40px auto;}
.style.text.v3 p {margin: 20px 0;}
.style.text.v3 strong {font-weight: bold;}
.style.text.v3 ul {margin: 20px 0;}
.style.text.v3 ul > li {padding-left: 20px;}
.style.text.v3 ul > li + li {margin-top: 5px;}
.style.text.v3 ul > li::before {content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 20px; margin-left: -20px; margin-right: 12px; background: #333333;}

.style.text.v4 {font-size: 1.4rem; line-height: 1.6; font-weight: bold; color: #333333;}
.style.text.v4 p {margin: 20px 0;}
.style.text.v4 strong {color: #010153;}
.style.text.v4 ul {margin: 20px 0;}
.style.text.v4 ul > li {padding-left: 20px;}
.style.text.v4 ul > li + li {margin-top: 5px;}
.style.text.v4 ul > li::before {content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 20px; margin-left: -20px; margin-right: 12px; background: #333333;}

.style.text.v5 {color: #fff;}
.style.text.v5.mod1 :first-child {margin-top: 0;}
.style.text.v5.mod1 :last-child {margin-bottom: 0;}
.style.text.v5 h1 {margin: 60px 0 40px 0; font-weight: bold; font-size: 2.0rem; line-height: 1.2;}
.style.text.v5 h1 strong {font-weight: bold;}
.style.text.v5 p {margin: 20px 0;}
.style.text.v5 strong {color: #b46bff;}

.style.time.v1 {display: block; background: #8eabf7; border-radius: 10px; padding: 5px 10px; min-width: 160px; flex-shrink: 0; flex-grow: 0; text-align: center; color: #fff;}

.style.timetable.v1 > div {margin: 10px 0; background: radial-gradient(50% 100% at 50% 0, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0.0)); border-top: 2px solid #ddd; padding-top: 10px;}
.style.timetable.v1 > div > div.header {display: flex; flex-flow: row wrap; justify-content: flex-start; font-weight: bold;}
.style.timetable.v1 > div > div.header > small {}
.style.timetable.v1 > div > div.header > strong {margin-left: 20px;}
.style.timetable.v1 > div > div.text {width: 100%; padding-left: 40px;}

.style.thumbnail.v1 {display: block; overflow: hidden; width: 100%; aspect-ratio: 16/9; background: linear-gradient(to bottom right, #010153, #8eabf7); border-radius: 30px;}
.style.thumbnail.v1 img {aspect-ratio: 16/9; width: 100%; height: 100%; object-fit: cover; transition: all 0.2s ease-in-out;}
.style.thumbnail.v1:hover img {border-radius: 10px;}

.style.user.v1 {display: flex; flex-flow: row wrap; justify-content: flex-start; row-gap: 20px; column-gap: 20px;}
.style.user.v1 > div.image {flex-shrink: 0; flex-grow: 0;}
.style.user.v1 > div.readmore {margin-top: 0px; width: 100%;}
.style.user.v1 > div.readmore > div + div {margin-top: 10px;}
.style.user.v1 > div.text {width: 100%; white-space: nowrap;}
.style.user.v1 > div.text > h3 {font-size: 1.0rem; line-height: 1.2; font-weight: bold;}
.style.user.v1 > div.text > div.social {margin: 10px 0;}
.style.user.v1 > div.text > div.social > ul > li > a {width: 20px; height: 20px;}

.style.users.v1 {padding: 20px 0; display: flex; flex-flow: row wrap; row-gap: 40px;}
.style.users.v1 > li {width: 100%;}

.template-join.header.v1 {position: relative;}
.template-join.header.v1::before {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, #01015388, #8eabf744); z-index: 2;}
.template-join.header.v1 > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end; align-content: flex-end; min-height: 320px;}
.template-join.header.v1 > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.template-join.header.v1 > div > h1 {color: #b46bff; font-weight: bold; font-size: 2.4rem; line-height: 1.2; margin: 40px 0 120px 0; position: relative; z-index: 3;}
.template-join.side.v1 {width: 100%; display: flex; flex-flow: row wrap; row-gap: 40px;}
.template-join.side.v1 > div {width: 100%;}
.template-join.content.v1 > div {padding: 40px 0; display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; justify-content: space-between; row-gap: 40px; position: relative; z-index: 2;}
.template-join.content.v2 {width: 100%; display: flex; flex-flow: row wrap; row-gap: 40px;}
.template-join.content.v2 > * {width: 100%;}
.template-join.content.v2 > div {padding-left: 40px;}

.theme-footer.company.v1 {width: 100%; padding-bottom: 40px;}
.theme-footer.contact.v1 {position: relative; z-index: 10; background: #fff; padding-bottom: 60px;}
.theme-footer.contact.v1 > div {display: flex; flex-flow: row wrap; align-items: stretch; align-content: stretch; border-radius: 10px; overflow: hidden; background-color: #f4f4f4;}
.theme-footer.contact.v1 > div > div.text {margin: 40px 0; padding: 0 20px; display: flex; flex-flow: row wrap; align-items: center; align-content: center;}
.theme-footer.contact.v1 > div > div.text > div.menu {width: 100%; margin-top: 20px;}
.theme-footer.contact.v1 > div > div.text > div.text {width: 100%;}
.theme-footer.contact.v1 > div > div.image {width: 100%; height: 240px; position: relative;}
.theme-footer.contact.v1 > div > div.image > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.theme-footer.copyright.v1 {background: #fff; padding: 10px 0; text-align: center; font-size: 0.8rem;}
.theme-footer.copyright.v1 a {text-decoration: underline;}

.theme-footer.footer.v1 {margin-top: 60px; background: linear-gradient(to bottom right, #8eabf7, #010153); overflow: hidden; position: relative; z-index: 10;}
.theme-footer.footer.v1 > div {display: flex; flex-flow: row wrap; align-items: stretch;}
.theme-footer.logo.v1 {display: block; height: 60px; width: 200px; margin: 40px 0 0 0;}
.theme-footer.logo.v1 > svg {height: 100%; width: auto;}
.theme-footer.main.v1 {width: 100%; position: relative; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; column-gap: 4%; row-gap: 40px; color: #fff; padding-bottom: 40px;}
.theme-footer.main.v1 > div.copyright {width: 100%; position: relative; padding: 10px 0;}
.theme-footer.main.v1 > div.copyright > div {position: relative; font-size: 0.8rem; z-index: 2;}
.theme-footer.main.v1 > div.copyright > div a {text-decoration: underline;}
.theme-footer.main.v1 > div.law {width: 100%; position: relative; z-index: 1; padding: 20px 0;}
.theme-footer.main.v1 > div.law > div {position: relative; width: 100%; z-index: 2;}
.theme-footer.main.v1 > div {position: relative; width: 100%; font-size: 0.8rem; z-index: 2;}
.theme-footer.main.v1 > div > div > :first-child {margin-top: 0;}
.theme-footer.main.v1 > div > div > :last-child {margin-bottom: 0;}
.theme-footer.main.v1 > div > nav {margin: 20px 0 0 0;}
.theme-footer.main.v1 > div > nav > ul > li {width: 100%;}
.theme-footer.main.v1 > div > nav > ul > li + li {margin-top: 10px;}
.theme-footer.main.v1 > div > nav > ul > li > a {padding-top: 3px; display: flex; flex-flow: row nowrap; align-items: flex-start; align-content: flex-start; justify-content: flex-start; font-size: 0.8rem; line-height: 1.2; text-transform: uppercase; transition: transform 0.2s ease-in-out; transform-origin: 60px center;}
.theme-footer.main.v1 > div > nav > ul > li.separate {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ffffff44;}
.theme-footer.main.v1 > div > p {text-transform: uppercase; margin-bottom: 20px; display: flex; flex-flow: row nowrap; align-items: center; align-content: center; justify-content: flex-start; font-size: 0.8rem; line-height: 1.2; color: #010153;}
.theme-footer.navigation.v1 {width: 100%; margin: 40px 0 0 0;}
.theme-footer.navigation.v1 > ul {display: flex; justify-content: flex-start; column-gap: 30px; row-gap: 10px;}
.theme-footer.navigation.v1 > ul > li > a {display: block; position: relative; overflow: hidden; transition: transform 0.2s ease-in-out;}
.theme-footer.navigation.v1 > ul > li > a:hover {transform: scale(1.1);}

.theme-footer.social.v1 {margin: 40px 0;}
.theme-footer.social.v1 > ul {display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: 20px;}
.theme-footer.social.v1 > ul > li {display: block; width: 20px; height: 20px;}
.theme-footer.social.v1 > ul > li > a {display: block; width: 100%; height: 100%; overflow: hidden; white-space: nowrap; text-indent: 60px; text-overflow: hidden; background-size: contain; background-position: left center; background-repeat: no-repeat; transition: transform 0.2s ease-in-out;}
.theme-footer.social.v1 > ul > li > a:hover {transform: scale(1.1);}
.theme-footer.social.v1 > ul > li.facebook > a {background-image: url(icon/facebook-1.svg);}
.theme-footer.social.v1 > ul > li.instagram > a {background-image: url(icon/instagram-1.svg);}
.theme-footer.social.v1 > ul > li.linkedin > a {background-image: url(icon/linkedin-1.svg);}
.theme-footer.social.v1 > ul > li.pinterest > a {background-image: url(icon/pinterest-1.svg);}
.theme-footer.social.v1 > ul > li.tiktok > a {background-image: url(icon/tiktok-2.svg);}
.theme-footer.social.v1 > ul > li.youtube > a {background-image: url(icon/youtube-1.svg);}

.theme-header.belt.v1 {background: linear-gradient(to right, #010153, #8eabf7);}
.theme-header.belt.v1 ul {width: 100%; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; column-gap: 15px;}
.theme-header.belt.v1 ul li a {display: flex; flex-flow: row nowrap; align-items: center; align-content: center; justify-content: flex-start; padding: 10px 0; color: #fff; overflow: hidden; white-space: nowrap; font-size: 0.8rem; line-height: 1.2;}
.theme-header.belt.v1 ul li a::before {content: ""; vertical-align: middle; height: 16px; width: 16px; margin-right: 10px; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; flex-shrink: 0; flex-grow: 0;}
.theme-header.belt.v1 ul li.facebook a {width: 16px;}
.theme-header.belt.v1 ul li.facebook a::before {background-image: url(icon/facebook-3.svg);}
.theme-header.belt.v1 ul li.instagram a {width: 16px;}
.theme-header.belt.v1 ul li.instagram a::before {background-image: url(icon/instagram-4.svg);}
.theme-header.belt.v1 ul li.linkedin a {width: 16px;}
.theme-header.belt.v1 ul li.linkedin a::before {background-image: url(icon/linkedin-3.svg);}
.theme-header.belt.v1 ul li.mail a {width: 16px;}
.theme-header.belt.v1 ul li.mail a::before {background-image: url(icon/mail-4.svg);}
.theme-header.belt.v1 ul li.phone a {width: 16px;}
.theme-header.belt.v1 ul li.phone a::before {background-image: url(icon/phone-1.svg);}
.theme-header.belt.v1 ul li.tiktok a {width: 16px;}
.theme-header.belt.v1 ul li.tiktok a::before {background-image: url(icon/tiktok-2.svg);}
.theme-header.belt.v1 ul li.twitter a {width: 16px;}
.theme-header.belt.v1 ul li.twitter a::before {background-image: url(icon/twitter-1.svg);}
.theme-header.belt.v1 ul li.youtube a {width: 16px;}
.theme-header.belt.v1 ul li.youtube a::before {background-image: url(icon/youtube-3.svg);}
.theme-header.hamburger.v1 {position: relative; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; align-content: center; height: 60px; width: 60px; position: relative; overflow: hidden; z-index: 22;}
.theme-header.hamburger.v1 > svg {display: block; width: 20px; height: 20px; overflow: visible; margin-left: 10px; order: 2;}
.theme-header.hamburger.v1 > svg .e {opacity: 1.0; transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, fill 0.4s ease-in-out; transform-origin: 50% 50%;}
.theme-header.hamburger.v1.focus > svg .e1 {transform: rotate(45deg) translateY(11px);}
.theme-header.hamburger.v1.focus > svg .e2 {transform: translateX(-24px); opacity: 0.01;}
.theme-header.hamburger.v1.focus > svg .e3 {transform: rotate(-45deg) translateY(-11px);}
.theme-header.header.v1 {position: relative; background: #010153; z-index: 10; transition: transform 0.4s;}
.theme-header.important.v1 {background: linear-gradient(to right, #8eabf7, #010153); border-bottom: 4px solid #000; text-align: center;}
.theme-header.important.v1 > div > a {display: block; padding: 15px 0; color: #fff; font-size: 1.2rem; line-height: 1.2; transition: color 0.2s ease-in-out;}
.theme-header.logo.v1 {display: block; height: 60px; width: 150px; margin: 20px 0 10px 0;}
.theme-header.logo.v1 > img {height: 100%; width: auto;}
.theme-header.main.v1 {position: relative; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);}
.theme-header.main.v1 > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; position: relative;}
.theme-header.navigation.v1 {display: block; padding: 10px 0; position: absolute; top: 110px; right: 20px; left: 20px; max-height: calc(100vh - 140px); overflow-y: scroll; box-shadow: 0 0 20px #00000011; background: #010153; border: 1px solid #fafafa22; border-radius: 10px; z-index: 13; transition: transform 0.4s ease-in-out; transform: translateX(150%);}
.theme-header.navigation.v1.focus {transform: translateX(0);}
.theme-header.navigation.v1 > ul li.hidden {display: none;}
.theme-header.navigation.v1 > ul > li {position: relative;}
.theme-header.navigation.v1 > ul > li > a {width: 100%; display: flex; flex-flow: row wrap; align-items: center; align-content: center; justify-content: space-between; line-height: 40px; padding: 0 0 0 20px; font-size: 1.2rem; color: #fff; transition: color 0.2s ease-in-out;}
.theme-header.navigation.v1 > ul > li > a:hover {color: #8eabf7;}
.theme-header.navigation.v1 > ul > li > a > span {display: flex; justify-content: flex-end; align-items: center; align-content: center; padding-right: 20px; height: 40px; width: 80px; flex-shrink: 0; flex-grow: 0;}
.theme-header.navigation.v1 > ul > li > a > span::after {content: ""; display: block; width: 15px; height: 15px; background: url(icon/arrow-1.svg?v=1) center center / contain no-repeat; transition: all 0.4s ease-in-out;}
.theme-header.navigation.v1 > ul > li > a > span.active::after {transform: rotate(90deg);}
.theme-header.navigation.v1 > ul > li > ul {display: none; padding: 5px 0;}
.theme-header.navigation.v1 > ul > li > ul > li {width: 100%;}
.theme-header.navigation.v1 > ul > li > ul > li > a {width: 100%; display: flex; justify-content: flex-start; align-items: center; align-content: center; column-gap: 10px; padding: 10px 20px 10px 40px; font-size: 1.0rem; line-height: 1.2; color: #fff; transition: color 0.2s ease-in-out;}
.theme-header.navigation.v1 > ul > li > ul > li > a:hover {color: #8eabf7;}
.theme-header.navigation.v1 > ul > li > ul > li.external > a::after {content: ""; display: block; width: 15px; height: 15px; background: url(icon/external-1.svg) center center / contain no-repeat;}
.theme-header.navigation.v1 > ul > li.important > a {width: auto; max-width: 240px; margin: 20px 20px 10px auto; color: #ffffff; font-size: 0.9rem; border: 1px solid #8eabf7; background: #8eabf7; text-transform: uppercase; height: 40px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; border-radius: 10px; padding-left: 0;}
.theme-header.navigation.v1 li.active > a {color: #b46bff;}


/* 640 */ @media only screen and (min-width: 640px) {


html {font-size: 16px; line-height: 1.7;}
body:target::before {max-width: 720px; background: repeating-linear-gradient(90deg, #333 0%, #333 22%, transparent 22%, transparent 26%);}

main > .gutenberg {margin: 80px 0;}

.gutenberg.gallery-text.v1 > div > div.gallery > img {width: 48%;}

.gutenberg.image-text.v1 > div > div.image {width: 22%;}
.gutenberg.image-text.v1 > div > div.text {width: 74%;}

.gutenberg.image-text.v2 > div > div.image {width: 22%;}
.gutenberg.image-text.v2 > div > div.text {width: 74%;}

.gutenberg.image-text.v3 > div > div.image {width: 22%;}
.gutenberg.image-text.v3 > div > div.text {width: 74%; margin-left: auto;}
.gutenberg.image-text.v3 > div > div.text:nth-child(1) {margin-left: 26%;}

.gutenberg.numbers-text.v1 > div > ul > li {width: 48%;}

.gutenberg.pricing-tripple.v1 > div > div {width: 30.66%;}

.gutenberg.splash-screen.v4 > div > div {width: 74%; margin-right: 26%;}

.gutenberg.text-columns.v1 form span.wpcf7-form-control-wrap {width: 50%;}
.gutenberg.text-columns.v1 form .style.checkbox.v1 span.wpcf7-form-control-wrap {width: 100%;}
.gutenberg.text-columns.v1 > div > div {width: 48%;}

.gutenberg.tiles-text.v1 > div > ul > li {width: 48%;}

.gutenberg.tiles-text.v2 > div > ul > li {width: 48%;}

.gutenberg.tiles-text.v3 > div > ul > li {width: 48%;}

.gutenberg.tiles-text.v4 > div > div > div {width: 48%;}

.gutenberg.video-header.v1 > div > div > div {width: 61%;}
.gutenberg.video-header.v1 > div > div > section {margin: 40px 0; width: 35%;}

.page-event.header.v1 > div > div {width: 74%;}
.page-event.sidebar.v1 {width: 48%;}
.page-event.sidebar.v2 {width: 48%;}
.page-event.navigation.v1 > div > ul {padding: 10px 0;}
.page-event.navigation.v1 > div > ul > li > a {padding: 10px 20px;}

.page-single.content.v1 > div > div.aside1 {width: 48%;}
.page-single.content.v1 > div > div.aside2 {width: 48%;}
.page-single.new.v1 {margin: 80px 0;}

.style.challenges.v1 {padding: 30px;}

.style.events.v1 > li > a > div.cta {width: 48%;}
.style.events.v1 > li > a > div.list {width: 48%;}

.style.form.v1 span.wpcf7-form-control-wrap {width: 50%;}
.style.form.v1 .style.checkbox.v1 span.wpcf7-form-control-wrap {width: 100%;}

.style.form.v2 input[type="email"] {width: 50%;}
.style.form.v2 input[type="text"] {width: 50%;}

.style.gallery.v1 > li {width: 22%;}

.style.list.v4 > li {width: 48%;}

.style.map.v1 {aspect-ratio: 2/1;}

.style.margin.v1 {max-width: 720px;}
.style.margin.v2 {max-width: 720px;}
.style.margin.v3 {max-width: 720px;}

.style.posts.v1 li {width: 48%;}

.style.posts.v2 li {width: 48%;}

.style.process.v1 > li {column-gap: 40px;}

.style.remove.v1 {margin-top: -80px;}

.style.splash.v1 > div {min-height: 320px;}
.style.splash.v2 > div {min-height: 320px;}

.style.timetable.v1 > div > div.header {justify-content: space-between;}
.style.timetable.v1 > div > div.header > small {display: block; width: 22%; text-align: right;}
.style.timetable.v1 > div > div.header > strong {width: 74%; margin-left: 0;}
.style.timetable.v1 > div > div.text {width: 74%; padding-left: 0; margin-right: 0; margin-left: auto;}

.template-contact.content.v1 > div > div.left {width: 48%;}
.template-contact.content.v1 > div > div.right {width: 48%; margin-bottom: 0;}
.template-contact.department.v1 > div > div {width: 48%;}
.template-contact.department.v1 > div > h2 {width: 48%;}
.template-contact.form.v1 > div form span.wpcf7-form-control-wrap {width: 50%;}
.template-contact.form.v1 > div form .style.checkbox.v1 span.wpcf7-form-control-wrap {width: 100%;}

.theme-footer.main.v1 > div {width: 48%;}

.theme-header.belt.v1 ul li a::before {width: 20px; height: 20px;}
.theme-header.belt.v1 ul li.facebook a {width: 20px;}
.theme-header.belt.v1 ul li.instagram a {width: 20px;}
.theme-header.belt.v1 ul li.linkedin a {width: 20px;}
.theme-header.belt.v1 ul li.youtube a {width: 20px;}
.theme-header.belt.v1 ul li.mail a {width: auto; margin-right: 10px;}
.theme-header.belt.v1 ul li.phone a {width: auto; margin-right: 10px;}
.theme-header.belt.v1 ul li.tiktok a {width: 20px;}
.theme-header.belt.v1 ul li.twitter a {width: 20px;}
.theme-header.logo.v1 {height: 80px; width: 150px; margin: 30px 0 15px 0;}
.theme-header.navigation.v1 {top: 110px;}
.theme-header.navigation.v1 > ul {padding-top: 20px; padding-bottom: 20px;}
.theme-header.navigation.v1 > ul > li > a {padding-right: 40px; padding-left: 40px;}
.theme-header.navigation.v1 > ul > li.important > a {margin-right: 40px; padding-right: 20px; padding-left: 20px;}
.theme-header.navigation.v1 > ul > li > ul > li > a {padding-left: 60px;}


/* 1200 */ } @media only screen and (min-width: 1200px) {


body:target::before {max-width: 1620px; background: repeating-linear-gradient(90deg, #333 0%, #333 9%, transparent 9%, transparent 13%);}
html {font-size: 17px;}

.gutenberg.gallery-text.v1 > div > div.trailer > div {width: 48%;}
.gutenberg.gallery-text.v1 > div > div.trailer > img {width: 48%;}
.gutenberg.gallery-text.v1 > div > div.gallery > img {width: 30.66%;}

.gutenberg.image-text.v1 > div > div.text {width: 61%; margin-right: auto; margin-left: 4%;}

.gutenberg.image-text.v2 > div > div.image {width: 48%;}
.gutenberg.image-text.v2 > div > div.text {width: 48%;}

.gutenberg.image-text.v3 > div {row-gap: 40px;}
.gutenberg.image-text.v3 > div > div.image {width: 22%;}
.gutenberg.image-text.v3 > div > div.text {width: 35%; margin-right: 0; margin-left: 0;}
.gutenberg.image-text.v3 > div > div.text:nth-child(1) {width: 74%; margin-left: 26%;}

.gutenberg.logo-slider.v1 > div > div.slider > div.arrows {column-gap: 20px;}
.gutenberg.logo-slider.v1 > div > div.slider > div.arrows > span.arrow {width: 50px; height: 50px;}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll > div.slide {column-gap: 4%; row-gap: 20px;}
.gutenberg.logo-slider.v1 > div > div.slider > div.roll > div.slide > img {width: 9%;}
.gutenberg.logo-slider.v1 > div > div.text {margin-right: 200px;}

.gutenberg.numbers-text.v1 > div > ul > li {width: 22%;}
.gutenberg.numbers-text.v1 > div > ul > li span.number {font-size: 3.2rem;}

.gutenberg.reference-list.v1 > div > ul > li {width: 48%;}

.gutenberg.splash-screen.v4 > div {min-height: 400px; align-items: flex-end;}
.gutenberg.splash-screen.v4 > div > div {width: 61%;}
.gutenberg.splash-screen.v4 > div > h1 {width: 48%; margin-bottom: 40px;}

.gutenberg.text-columns.v2 > div > div {width: 47.3%;}

.gutenberg.text-form.v1 > div > div.text {width: 35%;}
.gutenberg.text-form.v1 > div > form {width: 48%; margin-left: 4%; margin-right: auto;}

.gutenberg.text-form.v2 > div > div.text {width: 35%;}
.gutenberg.text-form.v2 > div > form {width: 48%; margin-left: 4%; margin-right: auto;}

.gutenberg.tiles-text.v1 > div > ul > li {width: 30.66%;}

.gutenberg.tiles-text.v2 > div > ul > li {width: 22%;}

.gutenberg.tiles-text.v3 > div > ul > li {width: 22%;}

.gutenberg.tiles-text.v4 > div > div > div {width: 22%;}

.gutenberg.users-list.v1 > div > ul > li {width: 30.66%;}

.gutenberg.video-header.v1 > div > div {min-height: 520px;}
.gutenberg.video-header.v1 > div > div > div {width: 61%;}
.gutenberg.video-header.v1 > div > div > section {width: 35%; position: absolute; bottom: 60px; right: 0;}

.page-event.content.v2 {width: 48%; order: 2;}
.page-event.header.v1 > div > div {width: 48%;}
.page-event.sidebar.v1 {width: 22%; order: 1;}
.page-event.sidebar.v2 {width: 22%; order: 3;}

.page-program.content.v2 {width: 61%;}
.page-program.header.v1 > div > h1 {margin-right: 39%; margin-bottom: 80px;}
.page-program.side.v1 {width: 35%; margin-top: -240px;}
.page-program.side.v1 > div.sidebar:nth-child(1) {min-height: 280px;}

.page-single.content.v1 > div > div.aside1 {width: 22%; order: 1;}
.page-single.content.v1 > div > div.aside2 {width: 22%; order: 3;}
.page-single.content.v1 > div > div.text {width: 48%; order: 2;}

.style.agenda.v3 > div.people {width: 48%;}
.style.agenda.v3 > div.text {width: 48%;}
.style.agenda.v3.left > div.people {order: 2; justify-content: flex-start;}
.style.agenda.v3.left > div.people > div {justify-content: flex-start;}
.style.agenda.v3.left > div.text {order: 1;}
.style.agenda.v3.right > div.people {justify-content: flex-end;}
.style.agenda.v3.right > div.people > div {justify-content: flex-end;}

.style.events.v1 > li > a > header {width: 48%;}
.style.events.v1 > li > a > div.list {width: 22%;}
.style.events.v1 > li > a > div.list > div {width: 100%;}
.style.events.v1 > li > a > div.cta {width: 22%;}

.style.list.v4 > li {width: 22%;}
.style.list.v4 > li > a {height: 320px;}

.style.map.v1 {aspect-ratio: 3/1;}

.style.margin.v1 {max-width: 1620px;}
.style.margin.v2 {width: 68%; max-width: 1200px;}
.style.margin.v3 {width: 44%; max-width: 778px;}

.style.posts.v1 {row-gap: 60px;}
.style.posts.v1 li {width: 22%;}

.style.posts.v2 li {width: 22%;}
.style.posts.v2 li:nth-child(4n+2):nth-last-child(1) {margin-right: auto; margin-left: 4%;}
.style.posts.v2 li:nth-child(4n+2):nth-last-child(2) {margin-right: 0; margin-left: 4%;}
.style.posts.v2 li:nth-child(4n+3):nth-last-child(1) {margin-right: auto; margin-left: 4%;}

.style.process.v1::before {left: 50%; margin-left: -3px;}
.style.process.v1 > li {width: 50%;}
.style.process.v1 > li > div.number {width: 100px; height: 100px; font-size: 2.4rem;}
.style.process.v1 > li:nth-child(even) {margin-left: 50%;}
.style.process.v1 > li:nth-child(even) > div.number {margin-left: -50px;}
.style.process.v1 > li:nth-child(odd) {margin-right: 50%;}
.style.process.v1 > li:nth-child(odd) > div.number {margin-right: -50px; order: 2;}
.style.process.v1 > li:nth-child(odd) > div.text {order: 1; text-align: right;}

.style.reference.v1 {padding-top: 40px; padding-bottom: 40px;}

.style.splash.v4 > div {min-height: 400px; align-items: flex-end;}
.style.splash.v4 > div > div {width: 48%;}
.style.splash.v4 > div > h1 {width: 48%; margin-bottom: 40px;}

.style.text.v1 h1 {font-size: 2.4rem;}
	.style.text.v1.small h1 {font-size: 1.6rem;}
.style.text.v1 h2 {font-size: 2.0rem;}
	.style.text.v1.small h2 {font-size: 1.4rem;}
.style.text.v1 h3 {font-size: 1.2rem;}
	.style.text.v1.small h3 {font-size: 1.2rem;}
	
.style.text.v2 h1 {font-size: 2.4rem;}
.style.text.v2 h2 {font-size: 2.0rem;}
.style.text.v2 h3 {font-size: 1.2rem;}

.style.text.v5 h1 {font-size: 3.6rem;}

.style.timetable.v1 > div > div.header > small {width: 19%;}
.style.timetable.v1 > div > div.header > strong {width: 73%;}
.style.timetable.v1 > div > div.text {width: 73%;}

.template-join.content.v2 {width: 61%;}
.template-join.header.v1 > div > h1 {margin-right: 39%; margin-bottom: 80px;}
.template-join.side.v1 {width: 35%; margin-top: -240px;}
.template-join.side.v1 > div.sidebar {min-height: 280px;}

.theme-footer.logo.v1 {margin-right: auto; margin-left: auto;}
.theme-footer.main.v1 > div {width: 30.66%;}

.theme-header.hamburger.v1 {display: none;}
.theme-header.header.v1.headroom--unpinned {transform: translateY(-100%);}
.theme-header.header.v1.headroom--pinned {transform: translateY(0);}
.theme-header.navigation.v1 {transform: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 74%; height: auto; display: flex; flex-flow: row nowrap; justify-content: flex-end; background: transparent; box-shadow: none; border-radius: 0; border: 0; overflow-y: visible;}
.theme-header.navigation.v1 > ul {width: auto; display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: center; align-content: center; margin-right: 0; margin-left: 0; padding-left: 0; column-gap: 0px; padding-top: 10px; padding-bottom: 10px;}
.theme-header.navigation.v1 > ul > li {width: auto; transform: none;}
.theme-header.navigation.v1 > ul > li > a {flex-flow: row nowrap; padding-right: 15px; padding-left: 15px; font-size: 0.8rem; line-height: 80px; white-space: nowrap;}
.theme-header.navigation.v1 > ul > li > a > span {padding-right: 0; height: 40px; width: auto; margin-left: 10px;}
.theme-header.navigation.v1 > ul > li > a > span::after {transform: rotate(90deg);}
.theme-header.navigation.v1 > ul > li:hover > a > span::after {transform: translateY(10px) rotate(90deg); opacity: 0.0;}
.theme-header.navigation.v1 > ul > li.active > a > span::after {background-image: url(icon/arrow-1.svg);}
.theme-header.navigation.v1 ul li.important a {height: 50px; margin-top: 0; margin-left: 20px; margin-right: 0; margin-bottom: 0; padding-right: 30px; padding-left: 30px;}
.theme-header.navigation.v1 > ul > li > ul {position: absolute; top: 100%; left: -10px; padding: 10px 0; box-shadow: 0 0 20px #00000011; background: #010153; border: 1px solid #fafafa22; border-radius: 10px;  z-index: 13; width: 320px;}
.theme-header.navigation.v1 > ul > li > ul > li > a {padding-left: 30px; font-size: 0.8rem;}


}