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;
}
body {
line-height: 1;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote::before,blockquote::after,q::before,q::after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
-webkit-text-size-adjust: none
}
mark {
background-color: transparent;
color: inherit
}
input::-moz-focus-inner {
border: 0;
padding: 0
}
input[type="text"],input[type="email"],select,textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
line-height: 1.0;
min-height: var(--viewport-height);
min-width: 320px;
overflow-x: hidden;
word-wrap: break-word;
background-color: #0C0C0C;
}
body::before {
background-attachment: scroll;
content: '';
display: block;
height: var(--background-height);
left: 0;
pointer-events: none;
position: fixed;
top: 0;
transform: scale(1);
width: 100vw;
z-index: 0;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22640%22%20height%3D%22480%22%20viewBox%3D%220%200%20640%20480%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%20rect%20%7B%20opacity%3A%200.5%3B%20%7D%20polygon%20%7B%20opacity%3A%200.75%3B%20%7D%20%3C%2Fstyle%3E%20%3Cg%20id%3D%22bg%22%3E%20%3ClinearGradient%20id%3D%22bggrad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%220%22%20y1%3D%22239.5937%22%20x2%3D%22640%22%20y2%3D%22239.5937%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3Cstop%20offset%3D%220.3743%22%20style%3D%22stop-color%3A%23171717%22%2F%3E%20%3Cstop%20offset%3D%220.7682%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%23171717%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Crect%20style%3D%22fill%3Aurl%28%23bggrad%29%3B%22%20width%3D%22640%22%20height%3D%22479.8%22%20%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l1%22%3E%20%3ClinearGradient%20id%3D%22l1grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22180.3663%22%20y1%3D%22333.5278%22%20x2%3D%2272.0669%22%20y2%3D%22521.1078%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23171717%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l1grad%29%3B%22%20points%3D%220%2C69%2092.3%2C196.8%20232%2C0%200%2C0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l2%22%3E%20%3ClinearGradient%20id%3D%22l2grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%220%22%20y1%3D%22251.589%22%20x2%3D%22349.5438%22%20y2%3D%22251.589%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23171717%22%2F%3E%20%3Cstop%20offset%3D%220.8596%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l2grad%29%3B%22%20points%3D%2292.3%2C196.8%200%2C170.9%200%2C284.9%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l3%22%3E%20%3ClinearGradient%20id%3D%22l3grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22307.3333%22%20y1%3D%22161.2493%22%20x2%3D%22307.3333%22%20y2%3D%22479.5%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23171717%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l3grad%29%3B%22%20points%3D%2292.7%2C196.4%20514.7%2C0%20522%2C0%20328.7%2C318.3%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l4%22%3E%20%3ClinearGradient%20id%3D%22l4grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22540.3333%22%20y1%3D%22470.1287%22%20x2%3D%22640%22%20y2%3D%22470.1287%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23808080%22%2F%3E%20%3Cstop%20offset%3D%220.8596%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l4grad%29%3B%22%20points%3D%22540.3%2C0%20640%2C18.7%20640%2C0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l5%22%3E%20%3ClinearGradient%20id%3D%22l5grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22327.3333%22%20y1%3D%22142.6941%22%20x2%3D%22640%22%20y2%3D%22142.6941%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23171717%22%2F%3E%20%3Cstop%20offset%3D%220.8596%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l5grad%29%3B%22%20points%3D%22327.3%2C317.1%20571.3%2C235.4%20640%2C276.3%20640%2C438.2%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l6%22%3E%20%3ClinearGradient%20id%3D%22l6grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22291.9083%22%20y1%3D%2222.7335%22%20x2%3D%22129.2015%22%20y2%3D%22304.55%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23171717%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l6grad%29%3B%22%20points%3D%2292.3%2C196.2%20189.9%2C480%20251.7%2C480%20327.5%2C318.4%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E'), linear-gradient(150deg, #000000 0%, #171717 100%);
background-size: cover, auto;
background-position: center, 0% 0%;
background-repeat: no-repeat, repeat;
}
body::after {
background-color: #000000;
content: '';
display: block;
pointer-events: none;
position: fixed;
transform: scale(1);
z-index: 1;
height: 100%;
left: 0;
opacity: 0;
top: 0;
transition: opacity 1s ease-in-out 0s, visibility 1s 0s;
visibility: hidden;
width: 100%;
}
body.is-loading::after {
opacity: 1;
visibility: visible;
}
:root {
--background-height: 100vh;
--site-language-alignment: left;
--site-language-direction: ltr;
--site-language-flex-alignment: flex-start;
--site-language-indent-left: 1;
--site-language-indent-right: 0;
--site-language-margin-left: 0;
--site-language-margin-right: auto;
--viewport-height: 100vh;
}
html {
font-size: 14pt;
}
u {
text-decoration: underline;
}
strong {
color: inherit;
font-weight: bolder;
}
em {
font-style: italic;
}
code {
background-color: rgba(144,144,144,0.25);
border-radius: 0.25em;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.9em;
font-weight: normal;
letter-spacing: 0;
margin: 0 0.25em;
padding: 0.25em 0.5em;
text-indent: 0;
}
mark {
background-color: rgba(144,144,144,0.25);
}
spoiler-text {
-webkit-text-stroke: 0;
background-color: rgba(32,32,32,0.75);
text-shadow: none;
text-stroke: 0;
color: transparent;
cursor: pointer;
transition: color 0.1s ease-in-out;
}
spoiler-text.active {
color: #FFFFFF;
cursor: text;
}
s {
text-decoration: line-through;
}
sub {
font-size: smaller;
vertical-align: sub;
}
sup {
font-size: smaller;
vertical-align: super;
}
a {
color: inherit;
text-decoration: underline;
transition: color 0.25s ease;
}
a[onclick]:not([href]) {
cursor: pointer;
}
unloaded-script {
display: none;
}
.site-wrapper {
-webkit-overflow-scrolling: touch;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
min-height: var(--viewport-height);
overflow: hidden;
position: relative;
z-index: 2;
}
.site-main {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
--border-radius-tl: 0;
--border-radius-tr: 0;
--border-radius-br: 0;
--border-radius-bl: 0;
align-items: center;
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
max-width: 100%;
position: relative;
text-align: var(--alignment);
z-index: 1;
transition: opacity 1s ease-in-out 0s;
}
.site-main > .inner {
--padding-horizontal: 2rem;
--padding-vertical: 2rem;
--spacing: 1.75rem;
--width: 38rem;
border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);
max-width: 100%;
position: relative;
width: var(--width);
z-index: 1;
padding: var(--padding-vertical) var(--padding-horizontal);
}
.site-main > .inner > * {
margin-top: var(--spacing);
margin-bottom: var(--spacing);
}
.site-main > .inner > :first-child {
margin-top: 0 !important;
}
.site-main > .inner > :last-child {
margin-bottom: 0 !important;
}
.site-main > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
}
.site-main > .inner > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.site-main > .inner > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.site-main > .inner > .full.screen {
border-radius: 0 !important;
max-width: 100vw;
position: relative;
width: 100vw;
left: 50%;
margin-left: -50vw;
right: auto;
}
body.is-loading .site-main {
opacity: 0;
}
body #loader {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content: '';
display: block;
height: 6rem;
left: calc(50% - 3rem);
opacity: 0;
pointer-events: none;
position: fixed;
top: calc(50% - 3rem);
transition: opacity 1s ease, visibility 1s;
visibility: hidden;
width: 6rem;
z-index: 100000;
}
body.with-loader #loader {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPjxzdHlsZT5jaXJjbGUge2ZpbGw6IHRyYW5zcGFyZW50O3N0cm9rZS13aWR0aDogNnB4O3N0cm9rZTogIzAwMDAwMDFGO308L3N0eWxlPjxkZWZzPjxjbGlwUGF0aCBpZD0iY29ybmVyIj48cG9seWdvbiBwb2ludHM9IjQ4LDAgOTYsMCA5Niw0OCA0OCw0OCIgLz48L2NsaXBQYXRoPjwvZGVmcz48Y2lyY2xlIGN4PSI0OCIgY3k9IjQ4IiByPSIzMiIgb3BhY2l0eT0iMC4zNzUiIC8+PGcgY2xpcC1wYXRoPSJ1cmwoI2Nvcm5lcikiPjxjaXJjbGUgY3g9IjQ4IiBjeT0iNDgiIHI9IjMyIiAvPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgNDggNDgiIHRvPSIzNjAgNDggNDgiIGR1cj0iMXMiIHJlcGVhdER1cj0iaW5kZWZpbml0ZSIgLz48L2c+PC9zdmc+');
opacity: 1;
transform: scale(1.0);
visibility: visible;
}
body.is-loading {
pointer-events: none;
}
body.is-playing.with-loader #loader {
opacity: 0;
transform: scale(0.5);
transition: opacity 0.25s ease, transform 0.75s ease, visibility 0.25s;
visibility: hidden;
}
body.is-instant .site-main, body.is-instant .site-main > .inner > *,body.is-instant .site-main > .inner > section > * {
transition: none !important;
}
body.is-instant::after {
display: none !important;
transition: none !important;
}
.image-component {
display: block;
line-height: 0;
max-width: 100%;
position: relative;
}
.image-component > .frame {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
display: inline-block;
max-width: 100%;
overflow: hidden;
vertical-align: top;
width: 100%;
}
.image-component > .frame > img {
border-radius: 0 !important;
max-width: 100%;
vertical-align: top;
width: inherit;
}
.image-component.full > .frame {
display: block;
}
.image-component.full:first-child > .frame {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.image-component.full:last-child > .frame {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.image-component.style-1 {
text-align: left;
}
.image-component.style-1 > .frame {
width: 10rem;
border-color: #000000;
border-style: solid;
border-width: 1px;
box-shadow: 0.265rem 0.265rem 0rem 0rem #000000;
transition: none;
}
.image-component.style-1 > .frame > img {
transition: none;
}
.container-component {
position: relative;
}
.container-component > .wrapper {
vertical-align: top;
position: relative;
max-width: 100%;
border-radius: inherit;
}
.container-component > .wrapper > .inner {
vertical-align: top;
position: relative;
max-width: 100%;
border-radius: inherit;
text-align: var(--alignment);
}
.container-component.full:first-child > .wrapper {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.full:last-child > .wrapper {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.full:first-child > .wrapper > .inner {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.full:last-child > .wrapper > .inner {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-1 {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
background-color: #FFFFFF;
border-color: #4F4F4F;
border-style: solid;
border-width: 3px;
box-shadow: 0.265rem 0.265rem 0rem 0rem #4F4F4F;
border-radius: 1rem;
}
.container-component.style-1 > .wrapper > .inner {
--gutters: 2rem;
--spacing: 0.5rem;
padding: var(--padding-vertical) var(--padding-horizontal);
border-radius: calc(1rem - 3px);
}
.container-component.style-1 > .wrapper {
max-width: var(--width);
width: 100%;
}
.container-component.style-1.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-1.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
.container-component.style-1.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
.container-component.style-1.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
.container-component.style-1.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-1.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
.container-component.style-1.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-1.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-1.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-1.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--gutters) * -0.5);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div:first-child > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-1.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-1.columns > .wrapper > .inner > .full {
align-self: stretch;
}
.container-component.style-1.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
.container-component.style-1.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
.container-component.style-2 {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
background-image: linear-gradient(45deg, #5EC4B6 0%, #7CCFC4 60%);
background-position: 0% 0%;
background-repeat: repeat;
background-size: cover;
border-color: #4F4F4F;
border-style: solid;
border-width: 3px;
box-shadow: 0.265rem 0.265rem 0rem 0rem #4F4F4F;
border-radius: 1rem;
}
.container-component.style-2 > .wrapper > .inner {
--gutters: 2rem;
--spacing: 0.5rem;
padding: var(--padding-vertical) var(--padding-horizontal);
border-radius: calc(1rem - 3px);
}
.container-component.style-2 > .wrapper {
max-width: var(--width);
width: 100%;
}
.container-component.style-2.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-2.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
.container-component.style-2.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
.container-component.style-2.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
.container-component.style-2.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-2.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
.container-component.style-2.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-2.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-2.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-2.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--gutters) * -0.5);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px);
}
.container-component.style-2.columns > .wrapper > .inner > div:first-child > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
.container-component.style-2.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
.container-component.style-2.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-2.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-2.columns > .wrapper > .inner > .full {
align-self: stretch;
}
.container-component.style-2.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
.container-component.style-2.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-2.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
.container-component.style-2.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
.container-component.instance-2 > .wrapper > .inner > :nth-child(1) {
width: calc(80% + (var(--gutters) / 2));
--alignment: left;
--flex-alignment: flex-start;
--indent-left: 1;
--indent-right: 0;
--margin-left: 0;
--margin-right: auto;
}
.container-component.instance-2 > .wrapper > .inner > :nth-child(2) {
width: calc(20% + (var(--gutters) / 2));
--alignment: right;
--flex-alignment: flex-end;
--indent-left: 0;
--indent-right: 1;
--margin-left: auto;
--margin-right: 0;
}
.container-component.style-3 {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
background-image: linear-gradient(45deg, #E5006E 0%, #F0338B 60%);
background-position: 0% 0%;
background-repeat: repeat;
background-size: cover;
border-color: #4F4F4F;
border-style: solid;
border-width: 3px;
box-shadow: 0.265rem 0.265rem 0rem 0rem #4F4F4F;
border-radius: 1rem;
}
.container-component.style-3 > .wrapper > .inner {
--gutters: 2rem;
--spacing: 0.5rem;
padding: var(--padding-vertical) var(--padding-horizontal);
border-radius: calc(1rem - 3px);
}
.container-component.style-3 > .wrapper {
max-width: var(--width);
width: 100%;
}
.container-component.style-3.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-3.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
.container-component.style-3.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-3.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
.container-component.style-3.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
.container-component.style-3.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-3.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
.container-component.style-3.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-3.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
.container-component.style-3.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-3.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-3.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-3.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--gutters) * -0.5);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px);
}
.container-component.style-3.columns > .wrapper > .inner > div:first-child > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
.container-component.style-3.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
.container-component.style-3.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-3.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-3.columns > .wrapper > .inner > .full {
align-self: stretch;
}
.container-component.style-3.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
.container-component.style-3.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-3.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
.container-component.style-3.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
.container-component.instance-1 > .wrapper > .inner > :nth-child(1) {
width: calc(80% + (var(--gutters) / 2));
--alignment: left;
--flex-alignment: flex-start;
--indent-left: 1;
--indent-right: 0;
--margin-left: 0;
--margin-right: auto;
}
.container-component.instance-1 > .wrapper > .inner > :nth-child(2) {
width: calc(20% + (var(--gutters) / 2));
--alignment: right;
--flex-alignment: flex-end;
--indent-left: 0;
--indent-right: 1;
--margin-left: auto;
--margin-right: 0;
}
.container-component.style-4 {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
background-image: linear-gradient(45deg, #D9D9D9 0%, #E5E5E5 60%);
background-position: 0% 0%;
background-repeat: repeat;
background-size: cover;
border-color: #4F4F4F;
border-style: solid;
border-width: 3px;
box-shadow: 0.265rem 0.265rem 0rem 0rem #4F4F4F;
border-radius: 1rem;
}
.container-component.style-4 > .wrapper > .inner {
--gutters: 2rem;
--spacing: 0.5rem;
padding: var(--padding-vertical) var(--padding-horizontal);
border-radius: calc(1rem - 3px);
}
.container-component.style-4 > .wrapper {
max-width: var(--width);
width: 100%;
}
.container-component.style-4.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-4.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
.container-component.style-4.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-4.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
.container-component.style-4.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
.container-component.style-4.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-4.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
.container-component.style-4.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-4.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
.container-component.style-4.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-4.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-4.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-4.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--gutters) * -0.5);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px);
}
.container-component.style-4.columns > .wrapper > .inner > div:first-child > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
.container-component.style-4.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
.container-component.style-4.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-4.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-4.columns > .wrapper > .inner > .full {
align-self: stretch;
}
.container-component.style-4.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
.container-component.style-4.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-4.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
.container-component.style-4.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
.container-component.instance-3 > .wrapper > .inner > :nth-child(1) {
width: calc(80% + (var(--gutters) / 2));
--alignment: left;
--flex-alignment: flex-start;
--indent-left: 1;
--indent-right: 0;
--margin-left: 0;
--margin-right: auto;
}
.container-component.instance-3 > .wrapper > .inner > :nth-child(2) {
width: calc(20% + (var(--gutters) / 2));
--alignment: right;
--flex-alignment: flex-end;
--indent-left: 0;
--indent-right: 1;
--margin-left: auto;
--margin-right: 0;
}
.text-component {
direction: var(--site-language-direction);
position: relative;
}
.text-component span.p {
display: block;
position: relative;
}
.text-component span[style], .text-component strong, .text-component a, .text-component code, .text-component mark, .text-component spoiler-text {
-webkit-text-fill-color: currentcolor;
}
.text-component.style-1 {
/*text-transform: uppercase;*/
color: rgba(0,0,0,0.69);
font-family: 'VAG Rounded', sans-serif!important;
letter-spacing: 0%;
width: 100%;
font-size: 2em;
line-height: 1.375;
font-weight: 700;
}
.text-component.style-1 mark {
background-color: transparent;
}
.text-component.style-1 a {
color: #70A6DB;
text-decoration: underline;
}
.text-component.style-1 a:hover {
text-decoration: none;
}
.text-component.style-1 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
.text-component.style-1 > * {
display: inline-block;
line-height: 1.2;
}
.text-component.style-2 {
color: rgba(0,0,0,0.69);
font-family: 'VAG Rounded', sans-serif;
letter-spacing: 0%;
width: 100%;
font-size: 1.1667em;
line-height: 1.5;
font-weight: 400;
}
.text-component.style-2 a {
color: #70A6DB;
text-decoration: underline;
}
.text-component.style-2 a:hover {
text-decoration: none;
}
.text-component.style-2 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
.text-component.style-3 {
/*text-transform: uppercase;*/
color: rgba(0,0,0,0.69);
font-family: 'VAG Rounded', sans-serif;
letter-spacing: 0%;
width: 100%;
font-size: 1.5em;
line-height: 1.375;
font-weight: 700;
}
.text-component.style-3 mark {
background-color: transparent;
}
.text-component.style-3 a {
color: #70A6DB;
text-decoration: underline;
}
.text-component.style-3 a:hover {
text-decoration: none;
}
.text-component.style-3 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
.text-component.style-3 > * {
display: inline-block;
line-height: 1.2;
}
.text-component.style-4 {
/*text-transform: uppercase;*/
color: rgba(255,255,255,0.859);
font-family: 'VAG Rounded', sans-serif;
letter-spacing: 0%;
width: 100%;
font-size: 1.5em;
line-height: 1.375;
font-weight: 700;
}
.text-component.style-4 mark {
color: #C05A37;
background-color: transparent;
}
.text-component.style-4 a {
color: #70A6DB;
text-decoration: underline;
}
.text-component.style-4 a:hover {
text-decoration: none;
}
.text-component.style-4 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
.text-component.style-4 > * {
display: inline-block;
line-height: 1.2;
}
.text-component.style-5 {
color: rgba(255,255,255,0.859);
font-family: 'VAG Rounded', sans-serif;
letter-spacing: 0%;
width: 100%;
font-size: 1.1667em;
line-height: 1.5;
font-weight: 400;
}
.text-component.style-5 a {
color: #70A6DB;
text-decoration: underline;
}
.text-component.style-5 a:hover {
text-decoration: none;
}
.text-component.style-5 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
.icons-component {
display: flex;
flex-wrap: wrap;
justify-content: var(--flex-alignment);
letter-spacing: 0;
padding: 0;
}
.icons-component > li {
position: relative;
z-index: 1;
}
.icons-component > li > a {
align-items: center;
display: flex;
justify-content: center;
}
.icons-component > li > a > svg {
display: block;
pointer-events: none;
position: relative;
}
.icons-component > li > a + svg {
display: block;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.icons-component > li > a > .label {
display: none;
}
.icons-component.style-1 {
justify-content: center;
font-size: 1.75em;
gap: 1.75rem;
}
.icons-component.style-1:not(:first-child) {
margin-top: 2rem !important;
}
.icons-component.style-1:not(:last-child) {
margin-bottom: 2rem !important;
}
.icons-component.style-1 > li > a {
border-radius: 0.75rem;
height: 2em;
width: 2em;
background-color: #FFFFFF;
border-color: #4F4F4F;
border-style: solid;
border-width: 2px;
box-shadow: 0.265rem 0.265rem 0rem 0rem #4F4F4F;
transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
.icons-component.style-1 > li > a > svg {
height: 60%;
width: 60%;
fill: #4F4F4F;
transition: fill 0.25s ease;
}
.icons-component.style-1 > li > a:hover {
background-color: #999 !important;
transform: translateY(-11.25%);
}
.icons-component.style-1 > li > a + svg {
transition: transform 0.25s ease, fill 0.25s ease, stroke 0.25s ease;
}
.icons-component.style-1 > li > a:hover + svg {
transform: translateY(-11.25%);
}
#credits {
display: block;
opacity: 1 !important;
position: relative;
transition-delay: 0s !important;
}
#credits span {
border-radius: 24px;
cursor: pointer;
display: inline-block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0;
line-height: 1;
position: relative;
text-decoration: none;
width: auto;
color: rgba(150,150,150,0.502);
margin-top: 1.5rem !important;
}
#credits span a {
display: inline-block;
padding: 0.5em 0.375em;
position: relative;
text-decoration: none;
transition: color 0.25s ease, transform 0.25s ease;
z-index: 1;
}
@media (max-width: 1920px) {
}
@media (max-width: 1680px) {
html {
font-size: 10pt;
}
}
@media (max-width: 1280px) {
html {
font-size: 10pt;
}
}
@media (max-width: 1024px) {
}
@media (max-width: 980px) {
html {
font-size: 9pt;
}
}
@media (max-width: 374px) {
html {
font-size: 14pt;
}
.site-main > .inner {
--padding-horizontal: 2rem;
--padding-vertical: 2rem;
--spacing: 2rem;
}
.image-component.style-1 > .frame {
width: 6.125rem;
}
.container-component.style-1 {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
}
.container-component.style-1 > .wrapper > .inner {
--gutters: 2rem;
--padding-vertical: 2rem;
--spacing: 1rem;
}
.container-component.style-1.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
.container-component.style-1.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
.container-component.style-1.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
.container-component.style-1.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
.container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-1.columns > .wrapper > .inner > div:first-of-type, .container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-1.columns > .wrapper > .inner > div:last-of-type, .container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-1.columns > .wrapper > .inner > div:first-of-type, .container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > div:last-of-type, .container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
.container-component.style-2 {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
}
.container-component.style-2 > .wrapper > .inner {
--gutters: 2rem;
--padding-vertical: 2rem;
--spacing: 1rem;
}
.container-component.style-2.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
.container-component.style-2.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
.container-component.style-2.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-2.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-2.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-2.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
.container-component.style-2.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
.container-component.style-2.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-2.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-2.columns > .wrapper > .inner > div:first-of-type, .container-component.style-2.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-2.columns > .wrapper > .inner > div:last-of-type, .container-component.style-2.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-2.columns > .wrapper > .inner > div:first-of-type, .container-component.style-2.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > div:last-of-type, .container-component.style-2.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
.container-component.style-2.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
.container-component.instance-2 > .wrapper > .inner > :nth-child(1) {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
min-height: 100% !important;
width: 100% !important;
}
.container-component.instance-2 > .wrapper > .inner > :nth-child(2) {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
min-height: 100% !important;
width: 100% !important;
}
.container-component.style-3 {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
}
.container-component.style-3 > .wrapper > .inner {
--gutters: 2rem;
--padding-vertical: 2rem;
--spacing: 1rem;
}
.container-component.style-3.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
.container-component.style-3.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
.container-component.style-3.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
.container-component.style-3.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
.container-component.style-3.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
.container-component.style-3.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-3.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-3.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-3.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
.container-component.style-3.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
.container-component.style-3.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-3.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-3.columns > .wrapper > .inner > div:first-of-type, .container-component.style-3.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-3.columns > .wrapper > .inner > div:last-of-type, .container-component.style-3.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-3.columns > .wrapper > .inner > div:first-of-type, .container-component.style-3.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
.container-component.style-3.columns > .wrapper > .inner > div:last-of-type, .container-component.style-3.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
.container-component.style-3.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
.container-component.style-3.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
.container-component.instance-1 > .wrapper > .inner > :nth-child(1) {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
min-height: 100% !important;
width: 100% !important;
}
.container-component.instance-1 > .wrapper > .inner > :nth-child(2) {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
min-height: 100% !important;
width: 100% !important;
}
.container-component.style-4 {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
}
.container-component.style-4 > .wrapper > .inner {
--gutters: 2rem;
--padding-vertical: 2rem;
--spacing: 1rem;
}
.container-component.style-4.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
.container-component.style-4.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
.container-component.style-4.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
.container-component.style-4.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
.container-component.style-4.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
.container-component.style-4.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-4.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-4.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-4.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
.container-component.style-4.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
.container-component.style-4.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-4.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-4.columns > .wrapper > .inner > div:first-of-type, .container-component.style-4.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-4.columns > .wrapper > .inner > div:last-of-type, .container-component.style-4.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-4.columns > .wrapper > .inner > div:first-of-type, .container-component.style-4.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
.container-component.style-4.columns > .wrapper > .inner > div:last-of-type, .container-component.style-4.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
.container-component.style-4.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
.container-component.style-4.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
.container-component.instance-3 > .wrapper > .inner > :nth-child(1) {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
min-height: 100% !important;
width: 100% !important;
}
.container-component.instance-3 > .wrapper > .inner > :nth-child(2) {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
min-height: 100% !important;
width: 100% !important;
}
.text-component.style-1 {
letter-spacing: 0.0%;
width: 100%;
font-size: 1.75em;
line-height: 1.375;
}
.text-component.style-2 {
letter-spacing: 0.0%;
width: 100%;
font-size: 1.1667em;
line-height: 1.5;
}
.text-component.style-3 {
letter-spacing: 0.0%;
width: 100%;
font-size: 1.1667em;
line-height: 1.375;
}
.text-component.style-4 {
letter-spacing: 0.0%;
width: 100%;
font-size: 1.1667em;
line-height: 1.375;
}
.text-component.style-5 {
letter-spacing: 0.0%;
width: 100%;
font-size: 1.1667em;
line-height: 1.5;
}
.icons-component.style-1 {
font-size: 1.75em;
gap: 1.75rem;
}
.icons-component.style-1:not(:first-child) {
margin-top: 1.5rem !important;
}
.icons-component.style-1:not(:last-child) {
margin-bottom: 1.5rem !important;
}
}
@media (max-width: 480px) {
.site-main > .inner {
--spacing: 2rem;
}
.container-component.style-1 > .wrapper > .inner {
--spacing: 1rem;
}
.container-component.style-2 > .wrapper > .inner {
--spacing: 1rem;
}
.container-component.style-3 > .wrapper > .inner {
--spacing: 1rem;
}
.container-component.style-4 > .wrapper > .inner {
--spacing: 1rem;
}
}
@media (max-width: 360px) {
.site-main > .inner {
--padding-horizontal: 1.5rem;
--padding-vertical: 1.5rem;
--spacing: 1.75rem;
}
.container-component.style-1 > .wrapper > .inner {
--gutters: 2rem;
--padding-vertical: 1.5rem;
--spacing: 0.875rem;
}
.container-component.style-2 > .wrapper > .inner {
--gutters: 2rem;
--padding-vertical: 1.5rem;
--spacing: 0.875rem;
}
.container-component.style-3 > .wrapper > .inner {
--gutters: 2rem;
--padding-vertical: 1.5rem;
--spacing: 0.875rem;
}
.container-component.style-4 > .wrapper > .inner {
--gutters: 2rem;
--padding-vertical: 1.5rem;
--spacing: 0.875rem;
}
.text-component.style-1 {
font-size: 1.75em;
}
.text-component.style-2 {
font-size: 1.1667em;
}
.text-component.style-3 {
font-size: 1.1667em;
}
.text-component.style-4 {
font-size: 1.1667em;
}
.text-component.style-5 {
font-size: 1.1667em;
}
.icons-component.style-1 {
gap: 1.3125rem;
}
}
h1 {
letter-spacing: -0.75%!important;
}
h2 {
letter-spacing: 0!important;
}