/* vietnamese */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/greatvibes/v18/RWmMoKWR9v4ksMfaWd_JN9XKiaQoDmlrMlY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/greatvibes/v18/RWmMoKWR9v4ksMfaWd_JN9XLiaQoDmlrMlY.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/greatvibes/v18/RWmMoKWR9v4ksMfaWd_JN9XFiaQoDmlr.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lexenddeca/v21/K2F1fZFYk-dHSE0UPPuwQ5qoJy_YZ2ONtuQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lexenddeca/v21/K2F1fZFYk-dHSE0UPPuwQ5qpJy_YZ2ONtuQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lexenddeca/v21/K2F1fZFYk-dHSE0UPPuwQ5qnJy_YZ2ON.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lexenddeca/v21/K2F1fZFYk-dHSE0UPPuwQ5qoJy_YZ2ONtuQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lexenddeca/v21/K2F1fZFYk-dHSE0UPPuwQ5qpJy_YZ2ONtuQ.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lexenddeca/v21/K2F1fZFYk-dHSE0UPPuwQ5qnJy_YZ2ON.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
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(to top, rgba(247,231,188,0.71), rgba(247,231,188,0.71)), url('img/bg.jpg?v=bdd086b3');
  background-position: 0% 0%, center;
  background-repeat: repeat, repeat;
  background-size: auto, cover;background-color: #FFFFFF;
}

body:after {
  background-color: #50ADBA;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: scale(1);
  transition: opacity 1.5s ease-in-out 0.375s, visibility 1.5s 0.375s;
  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;--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;}
#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;--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 0.5s ease-in-out 0s;}
#main > .inner {--padding-horizontal: 3rem;--padding-vertical: 9rem;--spacing: 1.5rem;--width: 32rem;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 !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;}
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;}

.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;}
.image.style2:not(:first-child) {margin-top: 2.5rem !important;}
.image.style2:not(:last-child) {margin-bottom: 2.5rem !important;}
.image.style2 .frame {width: 9rem;border-radius: 100%;border-color: #FFFFFF;border-style: solid;border-width: 8px;transition: none;}
.image.style2 .frame img {transition: none;}
.image.style1:not(:first-child) {margin-top: 3rem !important;}
.image.style1:not(:last-child) {margin-bottom: 3rem !important;}
.image.style1 .frame {width: 100vw;height: 22rem;border-color: #FFFFFF;border-style: solid;border-width: 8px;transition: none;}
.image.style1 img {height: 100% !important;object-fit: cover;object-position: center;width: 100% !important;}
.image.style1 .frame img {transition: none;}

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;}
h1.style5, h2.style5, h3.style5, p.style5 {color: #889556;font-family: 'Great Vibes', cursive;font-size: 3.625em;line-height: 1.125;font-weight: 400;text-shadow: 0.209rem 0.232rem 0.25rem #F9DC92;}
h1.style5 a, h2.style5 a, h3.style5 a, p.style5 a {text-decoration: underline;}
h1.style5 a:hover, h2.style5 a:hover, h3.style5 a:hover, p.style5 a:hover {text-decoration: none;}h1.style5 span.p:nth-child(n + 2), h2.style5 span.p:nth-child(n + 2), h3.style5 span.p:nth-child(n + 2), p.style5 span.p:nth-child(n + 2) {margin-top: 1rem;}
h1.style4, h2.style4, h3.style4, p.style4 {color: #FFFFFF;font-family: 'Inter', sans-serif;font-size: 1em;line-height: 2;font-weight: 400;text-shadow: 0.088rem 0.088rem 0.125rem #000000;}
h1.style4 a, h2.style4 a, h3.style4 a, p.style4 a {text-decoration: underline;}
h1.style4 a:hover, h2.style4 a:hover, h3.style4 a:hover, p.style4 a:hover {text-decoration: none;}
h1.style4 span.p:nth-child(n + 2), h2.style4 span.p:nth-child(n + 2), h3.style4 span.p:nth-child(n + 2), p.style4 span.p:nth-child(n + 2) {margin-top: 1rem;}
h1.style2, h2.style2, h3.style2, p.style2 {color: #404242;font-family: 'Lexend Deca', sans-serif;font-size: 2em;line-height: 1.25;font-weight: 400;}
h1.style2 a, h2.style2 a, h3.style2 a, p.style2 a {text-decoration: underline;}
h1.style2 a:hover, h2.style2 a:hover, h3.style2 a:hover, p.style2 a:hover {text-decoration: none;}
h1.style2 span.p:nth-child(n + 2), h2.style2 span.p:nth-child(n + 2), h3.style2 span.p:nth-child(n + 2), p.style2 span.p:nth-child(n + 2) {margin-top: 1rem;}
h1.style1, h2.style1, h3.style1, p.style1 {color: rgba(64,66,66,0.702);font-family: 'Inter', sans-serif;font-size: 1em;line-height: 2;font-weight: 400;}
h1.style1 a, h2.style1 a, h3.style1 a, p.style1 a {text-decoration: underline;}
h1.style1 a:hover, h2.style1 a:hover, h3.style1 a:hover, p.style1 a:hover {text-decoration: none;}
h1.style1 span.p:nth-child(n + 2), h2.style1 span.p:nth-child(n + 2), h3.style1 span.p:nth-child(n + 2), p.style1 span.p:nth-child(n + 2) {margin-top: 1rem;}
h1.style3, h2.style3, h3.style3, p.style3 {color: #FFFFFF;font-family: 'Lexend Deca', sans-serif;font-size: 2em;line-height: 1.25;font-weight: 400;}
h1.style3 a, h2.style3 a, h3.style3 a, p.style3 a {text-decoration: underline;}h1.style3 a:hover, h2.style3 a:hover, h3.style3 a:hover, p.style3 a:hover {text-decoration: none;}
h1.style3 span.p:nth-child(n + 2), h2.style3 span.p:nth-child(n + 2), h3.style3 span.p:nth-child(n + 2), p.style3 span.p:nth-child(n + 2) {margin-top: 1rem;}

.icons {display: flex;flex-wrap: wrap;justify-content: var(--flex-alignment);letter-spacing: 0;padding: 0;}
.icons li {position: relative;z-index: 1;}
.icons li a {align-items: center;display: flex;justify-content: center;}
.icons li a svg {display: block;position: relative;}
.icons li a + svg {display: block;height: 100%;left: 0;pointer-events: none;position: absolute;top: 0;width: 100%;z-index: -1;}
.icons li a .label {display: none;}
.icons.style2 {font-size: 1.75em;gap: 1.25rem;}
.icons.style2:not(:first-child) {margin-top: 3rem !important;}
.icons.style2:not(:last-child) {margin-bottom: 3rem !important;}
.icons.style2 li a {border-radius: 100%;height: 2em;width: 2em;transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}
.icons.style2 li a svg {height: 60%;width: 60%;transition: fill 0.25s ease;}
.icons.style2 a svg {fill: #FFFFFF;}
.icons.style2 a {border: solid 3px #FFFFFF;}
.icons.style2 li a + svg {transition: transform 0.25s ease, fill 0.25s ease, stroke 0.25s ease;}
.icons.style2 li a:hover {transform: scale(1.1125);}
.icons.style2 li a:hover + svg {transform: scale(1.1125);}
.icons.style1 {font-size: 2em;gap: 1.25rem;}.icons.style1:not(:first-child) {margin-top: 3rem !important;}
.icons.style1:not(:last-child) {margin-bottom: 3rem !important;}
.icons.style1 li a {border-radius: 100%;height: 2em;width: 2em;transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}.icons.style1 li a svg {height: 60%;width: 60%;transition: fill 0.25s ease;}
.icons.style1 a svg {fill: #FFFFFF;}
.icons.style1 a {border: solid 3px #FFFFFF;}
.icons.style1 li a + svg {transition: transform 0.25s ease, fill 0.25s ease, stroke 0.25s ease;}
.icons.style1 li a:hover {transform: scale(1.1125);}
.icons.style1 li a:hover + svg {transform: scale(1.1125);}

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

.container.style2:not(:first-child) {margin-top: 0rem !important;}
.container.style2:not(:last-child) {margin-bottom: 0rem !important;}
.container.style2 > .wrapper {display: inline-block;width: 20rem;background-color: transparent;}
.container.style2 > .wrapper > .inner {--gutters: 2rem;--padding-horizontal: 0rem;--padding-vertical: 0rem;padding: var(--padding-vertical) var(--padding-horizontal);}
.container.style2.default > .wrapper > .inner > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}
.container.style2.default > .wrapper > .inner > *:first-child {margin-top: 0 !important;}
.container.style2.default > .wrapper > .inner > *:last-child {margin-bottom: 0 !important;}
.container.style2.columns > .wrapper > .inner {flex-wrap: wrap;display: flex;align-items: flex-start;}
.container.style2.columns > .wrapper > .inner > * {flex-grow: 0;flex-shrink: 0;max-width: 100%;text-align: var(--alignment);padding: 0 0 0 var(--gutters);}
.container.style2.columns > .wrapper > .inner > * > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}
.container.style2.columns > .wrapper > .inner > * > *:first-child {margin-top: 0 !important;}
.container.style2.columns > .wrapper > .inner > * > *:last-child {margin-bottom: 0 !important;}
.container.style2.columns > .wrapper > .inner > *:first-child {margin-left: calc(var(--gutters) * -1);}
.container.style2.default > .wrapper > .inner > .full {margin-left: calc(var(--padding-horizontal) * -1);max-width: none !important;width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}
.container.style2.default > .wrapper > .inner > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}
.container.style2.default > .wrapper > .inner > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}
.container.style2.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--gutters) * -0.5);max-width: none !important;width: calc(100% + var(--gutters) + 0.4725px);}
.container.style2.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}.container.style2.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}
.container.style2.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}
.container.style2.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}
.container.style2.columns > .wrapper > .inner > div:first-child, .container.style2.columns > .wrapper > .inner > div:first-child > .full:first-child {border-top-left-radius: inherit;}
.container.style2.columns > .wrapper > .inner > div:last-child, .container.style2.columns > .wrapper > .inner > div:last-child > .full:first-child {border-top-right-radius: inherit;}
.container.style2.columns > .wrapper > .inner > .full {align-self: stretch;}
.container.style2.columns > .wrapper > .inner > .full:first-child {border-bottom-left-radius: inherit;border-top-left-radius: inherit;}
.container.style2.columns > .wrapper > .inner > .full:last-child {border-bottom-right-radius: inherit;border-top-right-radius: inherit;}
.container.style2.columns > .wrapper > .inner > .full > .full:first-child:last-child {border-radius: inherit;height: calc(100% + (var(--padding-vertical) * 2));}
.container.style2.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {border-radius: inherit;height: 100%;position: absolute;width: 100%;}
.container.style1 {display: flex;width: 100%;align-items: center;justify-content: center;background-color: #FFFFFF;border-radius: 0.875rem;}
.container.style1:not(:first-child) {margin-top: 0rem !important;}
.container.style1:not(:last-child) {margin-bottom: 0rem !important;}
.container.style1 > .wrapper > .inner {--gutters: 2rem;--padding-horizontal: 3rem;--padding-vertical: 3rem;padding: var(--padding-vertical) var(--padding-horizontal);border-radius: calc(0.875rem - 2px);}
.container.style1 > .wrapper {max-width: var(--width);width: 100%;}
.container.style1.default > .wrapper > .inner > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}
.container.style1.default > .wrapper > .inner > *:first-child {margin-top: 0 !important;}
.container.style1.default > .wrapper > .inner > *:last-child {margin-bottom: 0 !important;}
.container.style1.columns > .wrapper > .inner {flex-wrap: wrap;display: flex;align-items: flex-start;}
.container.style1.columns > .wrapper > .inner > * {flex-grow: 0;flex-shrink: 0;max-width: 100%;text-align: var(--alignment);padding: 0 0 0 var(--gutters);}
.container.style1.columns > .wrapper > .inner > * > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}
.container.style1.columns > .wrapper > .inner > * > *:first-child {margin-top: 0 !important;}
.container.style1.columns > .wrapper > .inner > * > *:last-child {margin-bottom: 0 !important;}
.container.style1.columns > .wrapper > .inner > *:first-child {margin-left: calc(var(--gutters) * -1);}
.container.style1.default > .wrapper > .inner > .full {margin-left: calc(var(--padding-horizontal) * -1);max-width: none !important;width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}
.container.style1.default > .wrapper > .inner > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}
.container.style1.default > .wrapper > .inner > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}
.container.style1.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--gutters) * -0.5);max-width: none !important;width: calc(100% + var(--gutters) + 0.4725px);}
.container.style1.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}
.container.style1.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}
.container.style1.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}
.container.style1.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}
.container.style1.columns > .wrapper > .inner > div:first-child, .container.style1.columns > .wrapper > .inner > div:first-child > .full:first-child {border-top-left-radius: inherit;}
.container.style1.columns > .wrapper > .inner > div:last-child, .container.style1.columns > .wrapper > .inner > div:last-child > .full:first-child {border-top-right-radius: inherit;}
.container.style1.columns > .wrapper > .inner > .full {align-self: stretch;}
.container.style1.columns > .wrapper > .inner > .full:first-child {border-bottom-left-radius: inherit;border-top-left-radius: inherit;}
.container.style1.columns > .wrapper > .inner > .full:last-child {border-bottom-right-radius: inherit;border-top-right-radius: inherit;}
.container.style1.columns > .wrapper > .inner > .full > .full:first-child:last-child {border-radius: inherit;height: calc(100% + (var(--padding-vertical) * 2));}
.container.style1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {border-radius: inherit;height: 100%;position: absolute;width: 100%;}

hr {align-items: center;border: 0;display: flex;justify-content: var(--flex-alignment);min-height: 1rem;padding: 0;position: relative;width: 100%;}
hr:before {content: '';}
hr.style1:not(:first-child) {margin-top: 2.5rem !important;}
hr.style1:not(:last-child) {margin-bottom: 2.5rem !important;}
hr.style1:before {width: 100%;border-top: dashed 2px rgba(64,66,66,0.122);height: 2px;}
hr.style2:not(:first-child) {margin-top: 0rem !important;}
hr.style2:not(:last-child) {margin-bottom: 0rem !important;}
hr.style2:before {height: 9rem;background-color: #FFFFFF;width: 3px;border-radius: 0px;}

.buttons {cursor: default;display: flex;justify-content: var(--flex-alignment);letter-spacing: 0;padding: 0;}
.buttons li {max-width: 100%;}
.buttons li a {align-items: center;justify-content: center;max-width: 100%;text-align: center;text-decoration: none;vertical-align: middle;white-space: nowrap;}
.buttons.style1 {gap: 0.75rem;flex-direction: row;flex-wrap: wrap;}
.buttons.style1 li a {display: inline-flex;width: 100vw;height: auto;line-height: 2rem;padding: 0 1.625rem;vertical-align: middle;font-family: 'Inter', sans-serif;font-size: 1em;font-weight: 400;border-radius: 0.5rem;flex-direction: row-reverse;justify-content: flex-end;padding-bottom: 1.015625rem;padding-top: 1.015625rem;white-space: normal;align-items: flex-start;transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}
.buttons.style1 li a svg {display: block;fill: #FFFFFF;flex-grow: 0;flex-shrink: 0;height: 2rem;min-width: 16px;width: 1.625em;margin-left: 0.5em;margin-right: calc(-0.125em + 0rem);transition: fill 0.25s ease;}
.buttons.style1 li a .label {direction: var(--site-language-direction);overflow: hidden;flex-grow: 1;flex-shrink: 1;text-align: left;width: 100%;}
.buttons.style1 .button {background-color: #7AC4B7;color: #FFFFFF;background-image: linear-gradient(45deg, #7AB7C4 0%, rgba(122,196,183,0.008) 100%);background-position: 0% 0%;background-repeat: repeat;background-size: cover;}
.buttons.style1 li a:hover {transform: scale(1.0425);}

.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-color: rgba(122,196,183,1);
  background-image: linear-gradient(45deg, rgb(122, 183, 196) 0%, rgba(122, 196, 183, 0.008) 100%);
  /*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: 1;
  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);}

#imprintLink span {
  color: rgba(255,255,255,1);
  margin-top: 1.5rem !important;
  margin-bottom: 1.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: 12pt;}
    #main > .inner {--padding-horizontal: 1.5rem;--padding-vertical: 6rem;--spacing: 1.5rem;}
    .image.style2:not(:first-child) {margin-top: 1.875rem !important;}
    .image.style2:not(:last-child) {margin-bottom: 1.875rem !important;}
    .image.style2 .frame {width: 9rem;}
    .image.style1:not(:first-child) {margin-top: 2.25rem !important;}
    .image.style1:not(:last-child) {margin-bottom: 2.25rem !important;}
    .image.style1 .frame {height: 22.5rem !important;}
    .image.style1 img {height: 100% !important;object-fit: cover;object-position: center;width: 100% !important;}
    h1.style5, h2.style5, h3.style5, p.style5 {letter-spacing: 0rem;width: 100%;font-size: 3.5em;line-height: 1.125;}
    h1.style4, h2.style4, h3.style4, p.style4 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 2;}
    h1.style2, h2.style2, h3.style2, p.style2 {letter-spacing: 0rem;width: 100%;font-size: 2em;line-height: 1.25;}
    h1.style1, h2.style1, h3.style1, p.style1 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 2;}
    h1.style3, h2.style3, h3.style3, p.style3 {letter-spacing: 0rem;width: 100%;font-size: 2em;line-height: 1.25;}
    .icons.style2 {font-size: 1.75em;gap: 1.25rem;}
    .icons.style2:not(:first-child) {margin-top: 2.25rem !important;}
    .icons.style2:not(:last-child) {margin-bottom: 2.25rem !important;}
    .icons.style1 {font-size: 2em;gap: 1.25rem;}
    .icons.style1:not(:first-child) {margin-top: 2.25rem !important;}
    .icons.style1:not(:last-child) {margin-bottom: 2.25rem !important;}
    .container.style2:not(:first-child) {margin-top: 0rem !important;}
    .container.style2:not(:last-child) {margin-bottom: 0rem !important;}
    .container.style2 > .wrapper > .inner {--gutters: 2rem;--padding-horizontal: 0rem;--padding-vertical: 0rem;}
    .container.style2.columns > .wrapper > .inner {flex-direction: column !important;flex-wrap: nowrap !important;}
    .container.style2.columns > .wrapper > .inner > span {height: 0;margin-top: calc(var(--gutters) * -1);pointer-events: none;visibility: hidden;}
    .container.style2.columns > .wrapper > .inner > *:first-child {margin-left: 0 !important;padding-top: 0 !important;}
    .container.style2.columns > .wrapper > .inner > * {padding: calc(var(--gutters) * 0.5) 0 !important;}
    .container.style2.columns > .wrapper > .inner > *:last-child {padding-bottom: 0 !important;}
    .container.style2.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}
    .container.style2.columns > .wrapper > .inner > div:first-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}
    .container.style2.columns > .wrapper > .inner > div:last-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}
    .container.style2.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--gutters) * -0.5) !important;}
    .container.style2.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--gutters) * -0.5) !important;}
    .container.style2.columns > .wrapper > .inner > div:first-of-type > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}
    .container.style2.columns > .wrapper > .inner > div:last-of-type > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}
    .container.style2.columns > .wrapper > .inner > div:first-of-type, .container.style2.columns > .wrapper > .inner > div:first-of-type > .full:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;}
    .container.style2.columns > .wrapper > .inner > div:last-of-type, .container.style2.columns > .wrapper > .inner > div:last-of-type > .full:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}
    .container.style2.columns > .wrapper > .inner > div:first-of-type, .container.style2.columns > .wrapper > .inner > div:first-of-type > .full:last-child {border-bottom-left-radius: 0 !important;}
    .container.style2.columns > .wrapper > .inner > div:last-of-type, .container.style2.columns > .wrapper > .inner > div:last-of-type > .full:first-child {border-top-right-radius: 0 !important;}
    .container.style2.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: auto;}
    .container.style2.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {height: auto;position: relative;width: auto;}
    .container.style1:not(:first-child) {margin-top: 0rem !important;}
    .container.style1:not(:last-child) {margin-bottom: 0rem !important;}
    .container.style1 > .wrapper > .inner {--gutters: 2rem;--padding-horizontal: 2.5rem;--padding-vertical: 2.5rem;}
    .container.style1.columns > .wrapper > .inner {flex-direction: column !important;flex-wrap: nowrap !important;}
    .container.style1.columns > .wrapper > .inner > span {height: 0;margin-top: calc(var(--gutters) * -1);pointer-events: none;visibility: hidden;}
    .container.style1.columns > .wrapper > .inner > *:first-child {margin-left: 0 !important;padding-top: 0 !important;}
    .container.style1.columns > .wrapper > .inner > * {padding: calc(var(--gutters) * 0.5) 0 !important;}
    .container.style1.columns > .wrapper > .inner > *:last-child {padding-bottom: 0 !important;}
    .container.style1.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}
    .container.style1.columns > .wrapper > .inner > div:first-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}
    .container.style1.columns > .wrapper > .inner > div:last-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}
    .container.style1.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--gutters) * -0.5) !important;}
    .container.style1.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--gutters) * -0.5) !important;}
    .container.style1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}
    .container.style1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}
    .container.style1.columns > .wrapper > .inner > div:first-of-type, .container.style1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;}
    .container.style1.columns > .wrapper > .inner > div:last-of-type, .container.style1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}
    .container.style1.columns > .wrapper > .inner > div:first-of-type, .container.style1.columns > .wrapper > .inner > div:first-of-type > .full:last-child {border-bottom-left-radius: 0 !important;}
    .container.style1.columns > .wrapper > .inner > div:last-of-type, .container.style1.columns > .wrapper > .inner > div:last-of-type > .full:first-child {border-top-right-radius: 0 !important;}
    .container.style1.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: auto;}
    .container.style1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {height: auto;position: relative;width: auto;}
    hr.style1:not(:first-child) {margin-top: 2rem !important;}
    hr.style1:not(:last-child) {margin-bottom: 2rem !important;}
    hr.style2:not(:first-child) {margin-top: 0rem !important;}
    hr.style2:not(:last-child) {margin-bottom: 0rem !important;}
    hr.style2:before {height: 6rem;}
    .buttons.style1 {gap: 0.75rem;}
    .buttons.style1 li a {letter-spacing: 0rem;font-size: 1em;}
    .buttons.style1 li a svg {width: 1.625em;}
}
@media (max-width: 480px) {
    #main > .inner {--spacing: 1.3125rem;}
    .image.style1 .frame {height: 18rem !important;}
    .buttons.style1 {flex-direction: column;flex-wrap: nowrap;}
    .buttons.style1 li a {max-width: 100%;width: 100%;}
}
@media (max-width: 360px) {
    #main > .inner {--padding-horizontal: 1.125rem;--padding-vertical: 4.5rem;--spacing: 1.125rem;}
    .image.style1 .frame {height: 15.75rem !important;}
    h1.style5, h2.style5, h3.style5, p.style5 {font-size: 3.5em;}
    h1.style4, h2.style4, h3.style4, p.style4 {font-size: 1em;}
    h1.style2, h2.style2, h3.style2, p.style2 {font-size: 1.5em;}
    h1.style1, h2.style1, h3.style1, p.style1 {font-size: 1em;}
    h1.style3, h2.style3, h3.style3, p.style3 {font-size: 1.5em;}
    .icons.style2 {gap: 0.9375rem;}
    .icons.style1 {gap: 0.9375rem;}
    .container.style2 > .wrapper > .inner {--gutters: 1.5rem;--padding-horizontal: 0rem;--padding-vertical: 0rem;}
    .container.style1 > .wrapper > .inner {--gutters: 1.5rem;--padding-horizontal: 1.875rem;--padding-vertical: 1.875rem;}
    .buttons.style1 {gap: 0.5625rem;}
}

.topnav {
  position: fixed;
  top: 0;
  z-index: 100;
  width: var(--width);
  left: 50%;
  transform: translate(-50%);
  margin: 0 !important;
}

.topnav > .inner {
  padding-left: var(--padding-horizontal);
  padding-right: var(--padding-horizontal);
}

.topnav > .inner > .icc-credits {
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.01) 0px 10px 10px, rgba(0, 0, 0, 0.23) 0px 6px 10px;
}

.topnav > .inner > .icc-credits span a{padding: 2em;}

.fade-in-element {
  opacity: 0; /* Start with opacity 0 */
  transition: opacity 0.7s; /* Apply a 1-second transition for opacity */
  /* Add other styles as needed */
}

.fade-in {
  opacity: 1; /* When this class is applied, the opacity transitions to 1 */
}

/* Add a separate class for the fade-out effect */
.fade-out {
  opacity: 0;
}