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; } }