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;
}
body:before {
content: '';
display: block;
background-attachment: scroll;
height: var(--background-height);
left: 0;
pointer-events: none;
position: fixed;
top: 0;
transform: scale(1);
width: 100vw;
z-index: 0;
background-image: linear-gradient(45deg, rgba(201, 101, 113, 0.831) 0%, rgba(93, 173, 207, 0.51) 81%), url('https://sayrz.xyz/sayrz/assets/images/bg.jpg');
background-position: 0% 0%, top;
background-repeat: repeat, no-repeat;
background-size: cover, cover;
background-color: #FFFFFF;
}
body:after {
background-color: #94757E;
content: '';
display: block;
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
transform: scale(1);
transition: opacity 2s ease-in-out 0.5s, visibility 2s 0.5s;
visibility: hidden;
width: 100%;
z-index: 1;
}
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: 18pt;
}
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: 'Lucida Console', 'Courier New', monospace;
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;
}
#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;
}
#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 0s, transform 1s ease 0s;
}
#main > .inner {
--padding-horizontal: 3rem;
--padding-vertical: 0rem;
--spacing: 0rem;
--width: 60rem;
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);
}
#main > .inner > * {
margin-top: var(--spacing);
margin-bottom: var(--spacing);
}
#main > .inner > :first-child {
margin-top: 0 !important;
}
#main > .inner > :last-child {
margin-bottom: 0.5rem !important;
}
#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);
}
#main > .inner > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#main > .inner > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#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 #main {
opacity: 0;
transform: translateY(1.6875rem);
}
body.is-instant #main, body.is-instant #main > .inner > *, body.is-instant #main > .inner > section > * {
transition: none !important;
}
body.is-instant:after {
display: none !important;
transition: none !important;
}
h1, h2, h3, p {
direction: var(--site-language-direction);
position: relative;
}
h1 span.p, h2 span.p, h3 span.p, p span.p {
display: block;
position: relative;
}
h1 span[style], h2 span[style], h3 span[style], p span[style], h1 strong, h2 strong, h3 strong, p strong, h1 a, h2 a, h3 a, p a, h1 code, h2 code, h3 code, p code, h1 mark, h2 mark, h3 mark, p mark, h1 spoiler-text, h2 spoiler-text, h3 spoiler-text, p spoiler-text {
-webkit-text-fill-color: currentcolor;
}
#text08 {
text-transform: uppercase;
color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.45rem;
width: calc(100% + 0.45rem);
font-size: 3.5em;
line-height: 1.125;
font-weight: 200;
}
#text08 a {
text-decoration: underline;
}
#text08 a:hover {
text-decoration: none;
}
#text08 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
#text01 {
color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.25em;
line-height: 1.5;
font-weight: 200;
}
#text01 a {
text-decoration: underline;
}
#text01 a:hover {
text-decoration: none;
}
#text01 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
#text06 {
text-transform: uppercase;
color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.275rem;
width: calc(100% + 0.275rem);
font-size: 1.5em;
line-height: 1.375;
font-weight: 200;
}
#text06 a {
text-decoration: underline;
}
#text06 a:hover {
text-decoration: none;
}
#text06 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
#text03 {
text-transform: uppercase;
color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.275rem;
width: calc(100% + 0.275rem);
font-size: 1.5em;
line-height: 1.375;
font-weight: 200;
}
#text03 a {
text-decoration: underline;
}
#text03 a:hover {
text-decoration: none;
}
#text03 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
#text09 {
text-transform: uppercase;
color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.275rem;
width: calc(100% + 0.275rem);
font-size: 1.5em;
line-height: 1.375;
font-weight: 200;
}
#text09 a {
text-decoration: underline;
}
#text09 a:hover {
text-decoration: none;
}
#text09 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
#text07 {
color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1em;
line-height: 1.625;
font-weight: 200;
}
#text07 a {
text-decoration: underline;
}
#text07 a:hover {
text-decoration: none;
}
#text07 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
#text12 {
color: rgba(255, 255, 255, 0.671);
font-family: 'Source Sans Pro', sans-serif;
font-size: 1em;
line-height: 1.625;
font-weight: 200;
}
#text12 a {
text-decoration: underline;
}
#text12 a:hover {
text-decoration: none;
}
#text12 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
#text10 {
color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1em;
line-height: 1.625;
font-weight: 200;
}
#text10 a {
text-decoration: underline;
}
#text10 a:hover {
text-decoration: none;
}
#text10 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
#text02 {
text-transform: uppercase;
color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.275rem;
width: calc(100% + 0.275rem);
font-size: 2em;
line-height: 1.25;
font-weight: 200;
}
#text02 a {
text-decoration: underline;
}
#text02 a:hover {
text-decoration: none;
}
#text02 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
#text04 {
color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.25em;
line-height: 1.5;
font-weight: 200;
}
#text04 a {
text-decoration: underline;
}
#text04 a:hover {
text-decoration: none;
}
#text04 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
#text05 {
color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
font-size: 0.875em;
line-height: 1.625;
font-weight: 200;
}
#text05 a:hover {
color: #78FFDF;
}
#text05 a {
text-decoration: underline;
}
#text05 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
.buttons {
cursor: default;
display: flex;
justify-content: var(--flex-alignment);
letter-spacing: 0;
padding: 0;
}
.buttons li {
max-width: 100%;
text-align: var(--alignment);
}
.buttons li a {
align-items: center;
justify-content: center;
max-width: 100%;
text-align: center;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
}
#buttons03 {
gap: 1.125rem;
flex-direction: row;
flex-wrap: wrap;
}
#buttons03:not(:first-child) {
margin-top: 1.938rem !important;
}
#buttons03:not(:last-child) {
margin-bottom: 1.938rem !important;
}
#buttons03 li a {
display: inline-block;
width: 16.375rem;
height: 3.5rem;
line-height: calc(3.5rem - 2px);
padding: 0 0.5rem;
vertical-align: middle;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.275rem;
padding-left: calc(0.275rem + 0.5rem);
font-size: 0.875em;
font-weight: 400;
border-radius: 2rem;
direction: var(--site-language-direction);
overflow: hidden;
text-overflow: ellipsis;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
#buttons03 .button {
color: #FFFFFF;
border: solid 1px #FFFFFF;
}
#buttons03 .button:hover {
border-color: #78FFDF !important;
color: #78FFDF !important;
}
#buttons04 {
gap: 1.125rem;
flex-direction: row;
flex-wrap: wrap;
}
#buttons04:not(:first-child) {
margin-top: 1.938rem !important;
}
#buttons04:not(:last-child) {
margin-bottom: 1.938rem !important;
}
#buttons04 li a {
display: inline-block;
width: 16.375rem;
height: 3.5rem;
line-height: calc(3.5rem - 2px);
padding: 0 0.5rem;
vertical-align: middle;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.275rem;
padding-left: calc(0.275rem + 0.5rem);
font-size: 0.875em;
font-weight: 400;
border-radius: 2rem;
direction: var(--site-language-direction);
overflow: hidden;
text-overflow: ellipsis;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
#buttons04 .button {
color: #FFFFFF;
border: solid 1px #FFFFFF;
}
#buttons04 .button:hover {
border-color: #78FFDF !important;
color: #78FFDF !important;
}
#buttons01 {
gap: 1.125rem;
flex-direction: row;
flex-wrap: wrap;
}
#buttons01:not(:first-child) {
margin-top: 1.938rem !important;
}
#buttons01:not(:last-child) {
margin-bottom: 1.938rem !important;
}
#buttons01 li a {
display: inline-block;
width: 16.375rem;
height: 3.5rem;
line-height: calc(3.5rem - 2px);
padding: 0 0.5rem;
vertical-align: middle;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.275rem;
padding-left: calc(0.275rem + 0.5rem);
font-size: 0.875em;
font-weight: 400;
border-radius: 2rem;
direction: var(--site-language-direction);
overflow: hidden;
text-overflow: ellipsis;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
#buttons01 .button {
color: #FFFFFF;
border: solid 1px #FFFFFF;
}
#buttons01 .button:hover {
border-color: #78FFDF !important;
color: #78FFDF !important;
}
#buttons05 {
gap: 1.125rem;
flex-direction: row;
flex-wrap: wrap;
}
#buttons05:not(:first-child) {
margin-top: 1.938rem !important;
}
#buttons05:not(:last-child) {
margin-bottom: 1.938rem !important;
}
#buttons05 li a {
display: inline-block;
width: 16.375rem;
height: 3.5rem;
line-height: calc(3.5rem - 2px);
padding: 0 0.5rem;
vertical-align: middle;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.275rem;
padding-left: calc(0.275rem + 0.5rem);
font-size: 0.875em;
font-weight: 400;
border-radius: 2rem;
direction: var(--site-language-direction);
overflow: hidden;
text-overflow: ellipsis;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
#buttons05 .button {
color: #FFFFFF;
border: solid 1px #FFFFFF;
}
#buttons05 .button:hover {
border-color: #78FFDF !important;
color: #78FFDF !important;
}
#buttons02 {
gap: 1.125rem;
flex-direction: row;
flex-wrap: wrap;
}
#buttons02:not(:first-child) {
margin-top: 1.938rem !important;
}
#buttons02:not(:last-child) {
margin-bottom: 1.938rem !important;
}
#buttons02 li a {
display: inline-block;
width: 16.375rem;
height: 3.5rem;
line-height: 3.5rem;
padding: 0 0.5rem;
vertical-align: middle;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.275rem;
padding-left: calc(0.275rem + 0.5rem);
font-size: 0.875em;
font-weight: 400;
border-radius: 2rem;
direction: var(--site-language-direction);
overflow: hidden;
text-overflow: ellipsis;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
#buttons02 .button {
background-color: #FFFFFF;
color: #94757E;
}
#buttons02 .button:hover {
background-color: #78FFDF !important;
}
.container {
position: relative;
}
.container > .wrapper {
vertical-align: top;
position: relative;
max-width: 100%;
border-radius: inherit;
}
.container > .wrapper > .inner {
vertical-align: top;
position: relative;
max-width: 100%;
border-radius: inherit;
text-align: var(--alignment);
}
#main .container.full:first-child > .wrapper {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#main .container.full:last-child > .wrapper {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#main .container.full:first-child > .wrapper > .inner {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#main .container.full:last-child > .wrapper > .inner {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#columns02 {
display: flex;
width: 100%;
min-height: 40rem;
align-items: center;
justify-content: center;
background-color: transparent;
}
#columns02 > .wrapper > .inner {
--gutters: 2rem;
--padding-horizontal: 0rem;
--padding-vertical: 6rem;
--spacing: 1.375rem;
padding: var(--padding-vertical) var(--padding-horizontal);
}
#columns02 > .wrapper {
max-width: 33rem;
width: 100%;
}
#columns02.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#columns02.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
#columns02.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
#columns02.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
#columns02.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
#columns02.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#columns02.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
#columns02.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
#columns02.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
#columns02.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#columns02.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#columns02.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#columns02.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--gutters) * -0.5);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px);
}
#columns02.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);
}
#columns02.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
#columns02.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#columns02.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#columns02.columns > .wrapper > .inner > .full {
align-self: stretch;
min-height: 40rem;
}
#columns02.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
#columns02.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
#columns02.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
#columns02.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
#container03 {
--alignment: left;
--flex-alignment: flex-start;
--indent-left: 1;
--indent-right: 0;
--margin-left: 0;
--margin-right: auto;
display: flex;
width: 100%;
min-height: 23rem;
align-items: center;
justify-content: center;
background-color: #2E323B;
}
#container03 > .wrapper > .inner {
--gutters: 3rem;
--padding-horizontal: 3rem;
--padding-vertical: 4rem;
--spacing: 1rem;
padding: var(--padding-vertical) var(--padding-horizontal);
}
#container03 > .wrapper {
max-width: var(--width);
width: 100%;
}
#container03.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#container03.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
#container03.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
#container03.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
#container03.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
#container03.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#container03.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
#container03.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
#container03.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
#container03.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container03.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#container03.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#container03.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--gutters) * -0.5);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px);
}
#container03.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);
}
#container03.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
#container03.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#container03.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#container03.columns > .wrapper > .inner > .full {
align-self: stretch;
min-height: 23rem;
}
#container03.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
#container03.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
#container03 > .wrapper > .inner > :nth-child(1) {
width: calc(40% + (var(--gutters) / 2));
--alignment: right;
--flex-alignment: flex-end;
--indent-left: 0;
--indent-right: 1;
--margin-left: auto;
--margin-right: 0;
}
#container03 > .wrapper > .inner > :nth-child(2) {
width: calc(60% + (var(--gutters) / 2));
--alignment: left;
--flex-alignment: flex-start;
--indent-left: 1;
--indent-right: 0;
--margin-left: 0;
--margin-right: auto;
}
#container02 {
--alignment: left;
--flex-alignment: flex-start;
--indent-left: 1;
--indent-right: 0;
--margin-left: 0;
--margin-right: auto;
display: flex;
width: 100%;
min-height: 23rem;
align-items: center;
justify-content: center;
background-color: #333842;
}
#container02 > .wrapper > .inner {
--gutters: 3rem;
--padding-horizontal: 3rem;
--padding-vertical: 4rem;
--spacing: 1rem;
padding: var(--padding-vertical) var(--padding-horizontal);
}
#container02 > .wrapper {
max-width: var(--width);
width: 100%;
}
#container02.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#container02.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
#container02.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
#container02.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
#container02.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
#container02.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#container02.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
#container02.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
#container02.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
#container02.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container02.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#container02.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#container02.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--gutters) * -0.5);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px);
}
#container02.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);
}
#container02.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
#container02.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#container02.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#container02.columns > .wrapper > .inner > .full {
align-self: stretch;
min-height: 23rem;
}
#container02.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
#container02.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
#container02 > .wrapper > .inner > :nth-child(1) {
width: calc(60% + (var(--gutters) / 2));
--alignment: right;
--flex-alignment: flex-end;
--indent-left: 0;
--indent-right: 1;
--margin-left: auto;
--margin-right: 0;
}
#container02 > .wrapper > .inner > :nth-child(2) {
width: calc(40% + (var(--gutters) / 2));
--alignment: left;
--flex-alignment: flex-start;
--indent-left: 1;
--indent-right: 0;
--margin-left: 0;
--margin-right: auto;
}
#container01 {
--alignment: left;
--flex-alignment: flex-start;
--indent-left: 1;
--indent-right: 0;
--margin-left: 0;
--margin-right: auto;
display: flex;
width: 100%;
min-height: 23rem;
align-items: center;
justify-content: center;
background-color: #383E4A;
}
#container01 > .wrapper > .inner {
--gutters: 3rem;
--padding-horizontal: 3rem;
--padding-vertical: 4rem;
--spacing: 1rem;
padding: var(--padding-vertical) var(--padding-horizontal);
}
#container01 > .wrapper {
max-width: var(--width);
width: 100%;
}
#container01.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#container01.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
#container01.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
#container01.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
#container01.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
#container01.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#container01.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
#container01.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
#container01.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
#container01.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container01.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#container01.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#container01.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--gutters) * -0.5);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px);
}
#container01.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);
}
#container01.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
#container01.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#container01.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#container01.columns > .wrapper > .inner > .full {
align-self: stretch;
min-height: 23rem;
}
#container01.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
#container01.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
#container01 > .wrapper > .inner > :nth-child(1) {
width: calc(40% + (var(--gutters) / 2));
--alignment: right;
--flex-alignment: flex-end;
--indent-left: 0;
--indent-right: 1;
--margin-left: auto;
--margin-right: 0;
}
#container01 > .wrapper > .inner > :nth-child(2) {
width: calc(60% + (var(--gutters) / 2));
--alignment: left;
--flex-alignment: flex-start;
--indent-left: 1;
--indent-right: 0;
--margin-left: 0;
--margin-right: auto;
}
#columns05 {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
background-color: transparent;
}
#columns05 > .wrapper > .inner {
--gutters: 2rem;
--padding-horizontal: 0rem;
--padding-vertical: 6rem;
--spacing: 1.375rem;
padding: var(--padding-vertical) var(--padding-horizontal);
}
#columns05 > .wrapper {
max-width: 33rem;
width: 100%;
}
#columns05.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#columns05.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
#columns05.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
#columns05.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
#columns05.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
#columns05.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#columns05.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
#columns05.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
#columns05.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
#columns05.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#columns05.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#columns05.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#columns05.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--gutters) * -0.5);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px);
}
#columns05.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);
}
#columns05.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
#columns05.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#columns05.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#columns05.columns > .wrapper > .inner > .full {
align-self: stretch;
}
#columns05.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
#columns05.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
#columns05.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
#columns05.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
#container04 {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
background-color: transparent;
border-color: #FFFFFF;
border-style: solid;
border-top-width: 1px;
}
#container04 > .wrapper > .inner {
--gutters: 2rem;
--padding-horizontal: 0rem;
--padding-vertical: 4rem;
--spacing: 1.125rem;
padding: var(--padding-vertical) var(--padding-horizontal);
}
#container04 > .wrapper {
max-width: var(--width);
width: 100%;
}
#container04.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#container04.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
#container04.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
#container04.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
#container04.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
#container04.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
#container04.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
#container04.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
#container04.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
#container04.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container04.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#container04.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#container04.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--gutters) * -0.5);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px);
}
#container04.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);
}
#container04.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
#container04.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#container04.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#container04.columns > .wrapper > .inner > .full {
align-self: stretch;
}
#container04.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
#container04.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
#container04.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
#container04.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
.image {
display: block;
line-height: 0;
max-width: 100%;
position: relative;
}
.image .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 .frame img {
border-radius: 0 !important;
max-width: 100%;
vertical-align: top;
width: inherit;
}
.image.full .frame {
display: block;
}
.image.full:first-child .frame {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.image.full:last-child .frame {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#image03 .frame {
width: 15rem;
transition: none;
}
#image03 .frame img {
transition: none;
}
#image01 .frame {
width: 15rem;
transition: none;
}
#image01 .frame img {
transition: none;
}
#image02 .frame {
width: 15rem;
transition: none;
}
#image02 .frame img {
transition: none;
}
.icc-credits {
display: block;
opacity: 1 !important;
position: relative;
transition-delay: 0s !important;
}
.icc-credits span {
border-radius: 24px;
cursor: pointer;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 12px;
letter-spacing: 0;
line-height: 1;
position: relative;
text-decoration: none;
width: auto;
}
.icc-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;
}
.icc-credits span a:before {
content: '( ';
opacity: 1;
transition: opacity 0.25s ease;
}
.icc-credits span a:after {
content: ' )';
opacity: 1;
transition: opacity 0.25s ease;
}
.icc-credits span::after {
background-image: linear-gradient(30deg, #A464A1 15%, #3B5DAD 85%);
border-radius: inherit;
box-shadow: 0 0.25em 1.25em 0 rgba(0, 0, 0, 0.25);
content: '';
display: block;
height: calc(100% + 2px);
left: -1px;
opacity: 0;
pointer-events: none;
position: absolute;
top: -1px;
transition: opacity 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
width: calc(100% + 2px);
}
.icc-credits span:hover {
text-transform: none !important;
}
.icc-credits span:hover a {
color: #ffffff !important;
transform: scale(1.1) translateY(-0.05rem);
}
.icc-credits span:hover a:before {
opacity: 0;
}
.icc-credits span:hover a:after {
opacity: 0;
}
.icc-credits span:hover::after {
opacity: 1;
transform: scale(1.1) translateY(-0.05rem);
}
#credits span {
color: rgba(255, 255, 255, 0.498);
margin-top: 0.5rem !important;
}
@media (max-width: 1920px) {
}
@media (max-width: 1680px) {
html {
font-size: 13pt;
}
}
@media (max-width: 1280px) {
html {
font-size: 13pt;
}
}
@media (max-width: 1024px) {
}
@media (max-width: 980px) {
html {
font-size: 11pt;
}
}
@media (max-width: 736px) {
html {
font-size: 11pt;
}
#main > .inner {
--padding-horizontal: 2rem;
--padding-vertical: 0rem;
--spacing: 0rem;
}
#text08 {
letter-spacing: 0.39375rem;
width: calc(100% + 0.39375rem);
font-size: 3em;
line-height: 1.125;
}
#text01 {
letter-spacing: 0rem;
width: 100%;
font-size: 1.25em;
line-height: 1.5;
}
#text06 {
letter-spacing: 0.240625rem;
width: calc(100% + 0.240625rem);
font-size: 1.5em;
line-height: 1.375;
}
#text03 {
letter-spacing: 0.240625rem;
width: calc(100% + 0.240625rem);
font-size: 1.5em;
line-height: 1.375;
}
#text09 {
letter-spacing: 0.240625rem;
width: calc(100% + 0.240625rem);
font-size: 1.5em;
line-height: 1.375;
}
#text07 {
letter-spacing: 0rem;
width: 100%;
font-size: 1em;
line-height: 1.625;
}
#text12 {
letter-spacing: 0rem;
width: 100%;
font-size: 1em;
line-height: 1.625;
}
#text10 {
letter-spacing: 0rem;
width: 100%;
font-size: 1em;
line-height: 1.625;
}
#text02 {
letter-spacing: 0.240625rem;
width: calc(100% + 0.240625rem);
font-size: 2em;
line-height: 1.25;
}
#text04 {
letter-spacing: 0rem;
width: 100%;
font-size: 1.25em;
line-height: 1.5;
}
#text05 {
letter-spacing: 0rem;
width: 100%;
font-size: 0.875em;
line-height: 1.625;
}
#buttons03 {
gap: 1.125rem;
}
#buttons03:not(:first-child) {
margin-top: 1.4535rem !important;
}
#buttons03:not(:last-child) {
margin-bottom: 1.4535rem !important;
}
#buttons03 li a {
letter-spacing: 0.275rem;
padding-left: calc(0.275rem + 0.5rem);
font-size: 0.875em;
}
#buttons04 {
gap: 1.125rem;
}
#buttons04:not(:first-child) {
margin-top: 1.4535rem !important;
}
#buttons04:not(:last-child) {
margin-bottom: 1.4535rem !important;
}
#buttons04 li a {
letter-spacing: 0.275rem;
padding-left: calc(0.275rem + 0.5rem);
font-size: 0.875em;
}
#buttons01 {
gap: 1.125rem;
}
#buttons01:not(:first-child) {
margin-top: 1.4535rem !important;
}
#buttons01:not(:last-child) {
margin-bottom: 1.4535rem !important;
}
#buttons01 li a {
letter-spacing: 0.275rem;
padding-left: calc(0.275rem + 0.5rem);
font-size: 0.875em;
}
#buttons05 {
gap: 1.125rem;
}
#buttons05:not(:first-child) {
margin-top: 1.4535rem !important;
}
#buttons05:not(:last-child) {
margin-bottom: 1.4535rem !important;
}
#buttons05 li a {
letter-spacing: 0.275rem;
padding-left: calc(0.275rem + 0.5rem);
font-size: 0.875em;
}
#buttons02 {
gap: 1.125rem;
}
#buttons02:not(:first-child) {
margin-top: 1.4535rem !important;
}
#buttons02:not(:last-child) {
margin-bottom: 1.4535rem !important;
}
#buttons02 li a {
letter-spacing: 0.275rem;
padding-left: calc(0.275rem + 0.5rem);
font-size: 0.875em;
}
#columns02 {
min-height: 30rem;
}
#columns02 > .wrapper > .inner {
--gutters: 2rem;
--padding-horizontal: 0rem;
--padding-vertical: 3.5rem;
--spacing: 1.375rem;
}
#columns02.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
#columns02.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
#columns02.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
#columns02.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
#columns02.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
#columns02.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#columns02.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#columns02.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#columns02.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
#columns02.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
#columns02.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#columns02.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#columns02.columns > .wrapper > .inner > div:first-of-type, #columns02.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#columns02.columns > .wrapper > .inner > div:last-of-type, #columns02.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#columns02.columns > .wrapper > .inner > div:first-of-type, #columns02.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
#columns02.columns > .wrapper > .inner > div:last-of-type, #columns02.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
#columns02.columns > .wrapper > .inner > .full {
min-height: 30rem;
}
#columns02.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
#columns02.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
#container03 {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
min-height: 17.25rem;
}
#container03 > .wrapper > .inner {
--gutters: 3rem;
--padding-horizontal: 2rem;
--padding-vertical: 3.5rem;
--spacing: 1rem;
}
#container03.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
#container03.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
#container03.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
#container03.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
#container03.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
#container03.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container03.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container03.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container03.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
#container03.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
#container03.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#container03.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#container03.columns > .wrapper > .inner > div:first-of-type, #container03.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#container03.columns > .wrapper > .inner > div:last-of-type, #container03.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#container03.columns > .wrapper > .inner > div:first-of-type, #container03.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
#container03.columns > .wrapper > .inner > div:last-of-type, #container03.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
#container03.columns > .wrapper > .inner > .full {
min-height: 17.25rem;
}
#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
#container03.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
#container03 > .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;
}
#container03 > .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;
}
#container02 {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
min-height: 17.25rem;
}
#container02 > .wrapper > .inner {
--gutters: 3rem;
--padding-horizontal: 2rem;
--padding-vertical: 3.5rem;
--spacing: 1rem;
}
#container02.columns > .wrapper > .inner {
flex-direction: column-reverse !important;
flex-wrap: nowrap !important;
}
#container02.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--padding-vertical) * -2);
pointer-events: none;
visibility: hidden;
}
#container02.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-bottom: 0 !important;
}
#container02.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
#container02.columns > .wrapper > .inner > *:last-child {
padding-top: 0 !important;
}
#container02.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container02.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container02.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container02.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
#container02.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
#container02.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#container02.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#container02.columns > .wrapper > .inner > div:last-of-type, #container02.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#container02.columns > .wrapper > .inner > div:first-of-type, #container02.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#container02.columns > .wrapper > .inner > div:last-of-type, #container02.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-right-radius: 0 !important;
}
#container02.columns > .wrapper > .inner > div:first-of-type, #container02.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: 0 !important;
}
#container02.columns > .wrapper > .inner > .full {
min-height: 17.25rem;
}
#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
#container02.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
#container02 > .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;
}
#container02 > .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;
}
#container01 {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
min-height: 17.25rem;
}
#container01 > .wrapper > .inner {
--gutters: 3rem;
--padding-horizontal: 2rem;
--padding-vertical: 3.5rem;
--spacing: 1rem;
}
#container01.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
#container01.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
#container01.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
#container01.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
#container01.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
#container01.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container01.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container01.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container01.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
#container01.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
#container01.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#container01.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#container01.columns > .wrapper > .inner > div:first-of-type, #container01.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#container01.columns > .wrapper > .inner > div:last-of-type, #container01.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#container01.columns > .wrapper > .inner > div:first-of-type, #container01.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
#container01.columns > .wrapper > .inner > div:last-of-type, #container01.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
#container01.columns > .wrapper > .inner > .full {
min-height: 17.25rem;
}
#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
#container01 > .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;
}
#container01 > .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;
}
#columns05 > .wrapper > .inner {
--gutters: 2rem;
--padding-horizontal: 0rem;
--padding-vertical: 3.5rem;
--spacing: 1.375rem;
}
#columns05.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
#columns05.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
#columns05.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
#columns05.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
#columns05.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
#columns05.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#columns05.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#columns05.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#columns05.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
#columns05.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
#columns05.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#columns05.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#columns05.columns > .wrapper > .inner > div:first-of-type, #columns05.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#columns05.columns > .wrapper > .inner > div:last-of-type, #columns05.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#columns05.columns > .wrapper > .inner > div:first-of-type, #columns05.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
#columns05.columns > .wrapper > .inner > div:last-of-type, #columns05.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
#columns05.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
#columns05.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
#container04 > .wrapper > .inner {
--gutters: 2rem;
--padding-horizontal: 0rem;
--padding-vertical: 3.5rem;
--spacing: 1.125rem;
}
#container04.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
#container04.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
#container04.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
#container04.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
#container04.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
#container04.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container04.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container04.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
#container04.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
#container04.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
#container04.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
#container04.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
#container04.columns > .wrapper > .inner > div:first-of-type, #container04.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
#container04.columns > .wrapper > .inner > div:last-of-type, #container04.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
#container04.columns > .wrapper > .inner > div:first-of-type, #container04.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
#container04.columns > .wrapper > .inner > div:last-of-type, #container04.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
#container04.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
#container04.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
#image03 .frame {
width: 10rem;
}
#image01 .frame {
width: 10rem;
}
#image02 .frame {
width: 10rem;
}
}
@media (max-width: 480px) {
#main > .inner {
--spacing: 0rem;
}
#buttons03 li a {
width: 25rem;
}
#buttons04 li a {
width: 25rem;
}
#buttons01 li a {
width: 25rem;
}
#buttons05 li a {
width: 25rem;
}
#buttons02 li a {
width: 25rem;
}
#columns02 > .wrapper > .inner {
--spacing: 1.203125rem;
}
#container03 > .wrapper > .inner {
--spacing: 0.875rem;
}
#container02 > .wrapper > .inner {
--spacing: 0.875rem;
}
#container01 > .wrapper > .inner {
--spacing: 0.875rem;
}
#columns05 > .wrapper > .inner {
--spacing: 1.203125rem;
}
#container04 > .wrapper > .inner {
--spacing: 0.984375rem;
}
}
@media (max-width: 360px) {
#main > .inner {
--padding-horizontal: 1.5rem;
--padding-vertical: 0rem;
--spacing: 0rem;
}
#text08 {
font-size: 3em;
}
#text01 {
font-size: 1.25em;
}
#text06 {
font-size: 1.5em;
}
#text03 {
font-size: 1.5em;
}
#text09 {
font-size: 1.5em;
}
#text07 {
font-size: 1em;
}
#text12 {
font-size: 1em;
}
#text10 {
font-size: 1em;
}
#text02 {
font-size: 1.5em;
}
#text04 {
font-size: 1.25em;
}
#text05 {
font-size: 0.875em;
}
#buttons03 {
gap: 0.84375rem;
}
#buttons04 {
gap: 0.84375rem;
}
#buttons01 {
gap: 0.84375rem;
}
#buttons05 {
gap: 0.84375rem;
}
#buttons02 {
gap: 0.84375rem;
}
#columns02 > .wrapper > .inner {
--gutters: 1.5rem;
--padding-horizontal: 0rem;
--padding-vertical: 2.625rem;
--spacing: 1.03125rem;
}
#columns02 {
min-height: 20rem;
}
#columns02.columns > .wrapper > .inner > .full {
min-height: 20rem;
}
#container03 > .wrapper > .inner {
--gutters: 2.25rem;
--padding-horizontal: 1.5rem;
--padding-vertical: 2.625rem;
--spacing: 0.75rem;
}
#container03 {
min-height: 11.5rem;
}
#container03.columns > .wrapper > .inner > .full {
min-height: 11.5rem;
}
#container02 > .wrapper > .inner {
--gutters: 2.25rem;
--padding-horizontal: 1.5rem;
--padding-vertical: 2.625rem;
--spacing: 0.75rem;
}
#container02 {
min-height: 11.5rem;
}
#container02.columns > .wrapper > .inner > .full {
min-height: 11.5rem;
}
#container01 > .wrapper > .inner {
--gutters: 2.25rem;
--padding-horizontal: 1.5rem;
--padding-vertical: 2.625rem;
--spacing: 0.75rem;
}
#container01 {
min-height: 11.5rem;
}
#container01.columns > .wrapper > .inner > .full {
min-height: 11.5rem;
}
#columns05 > .wrapper > .inner {
--gutters: 1.5rem;
--padding-horizontal: 0rem;
--padding-vertical: 2.625rem;
--spacing: 1.03125rem;
}
#container04 > .wrapper > .inner {
--gutters: 1.5rem;
--padding-horizontal: 0rem;
--padding-vertical: 2.625rem;
--spacing: 0.84375rem;
}
}