:root { --bs-blue:#0d6efd; --bs-indigo:#6610f2; --bs-purple:#6f42c1; --bs-pink:#d63384; --bs-red:#dc3545; --bs-orange:#fd7e14; --bs-yellow:#ffc107; --bs-green:#198754; --bs-teal:#20c997; --bs-cyan:#0dcaf0; --bs-white:#fff; --bs-gray:#6c757d; --bs-gray-dark:#343a40; --bs-gray-100:#f8f9fa; --bs-gray-200:#e9ecef; --bs-gray-300:#dee2e6; --bs-gray-400:#ced4da; --bs-gray-500:#adb5bd; --bs-gray-600:#6c757d; --bs-gray-700:#495057; --bs-gray-800:#343a40; --bs-gray-900:#212529; --bs-primary:#0d6efd; --bs-secondary:#6c757d; --bs-success:#198754; --bs-info:#0dcaf0; --bs-warning:#ffc107; --bs-danger:#dc3545; --bs-light:#f8f9fa; --bs-dark:#212529; --bs-primary-rgb:13,110,253; --bs-secondary-rgb:108,117,125; --bs-success-rgb:25,135,84; --bs-info-rgb:13,202,240; --bs-warning-rgb:255,193,7; --bs-danger-rgb:220,53,69; --bs-light-rgb:248,249,250; --bs-dark-rgb:33,37,41; --bs-white-rgb:255,255,255; --bs-black-rgb:0,0,0; --bs-body-color-rgb:33,37,41; --bs-body-bg-rgb:255,255,255; --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family:var(--bs-font-sans-serif); --bs-body-font-size:1rem; --bs-body-font-weight:400; --bs-body-line-height:1.5; --bs-body-color:#212529; --bs-body-bg:#fff; } *, ::after, ::before { box-sizing: border-box; } :root { scroll-behavior: smooth; } body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } .h1, h1 { font-size: calc(1.375rem + 1.5vw); } .h2, h2 { font-size: calc(1.325rem + 0.9vw); } .h3, h3 { font-size: calc(1.3rem + 0.6vw); } p { margin-top: 0px; margin-bottom: 1rem; } ol, ul { padding-left: 2rem; } dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; } a { color: rgb(13, 110, 253); text-decoration: underline; } img, svg { vertical-align: middle; } label { display: inline-block; } button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x,0.75rem); padding-left: var(--bs-gutter-x,0.75rem); margin-right: auto; margin-left: auto; } .container, .container-sm { max-width: 540px; } .row { --bs-gutter-x:1.5rem; --bs-gutter-y:0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .col-12 { flex: 0 0 auto; width: 100%; } @-webkit-keyframes progress-bar-stripes {
  0% { background-position-x: 1rem; }
} @keyframes progress-bar-stripes {
  0% { background-position-x: 1rem; }
} @-webkit-keyframes spinner-border {
  100% { transform: rotate(360deg); }
} @keyframes spinner-border {
  100% { transform: rotate(360deg); }
} @-webkit-keyframes spinner-grow {
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
} @keyframes spinner-grow {
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
} @-webkit-keyframes placeholder-glow {
  50% { opacity: 0.2; }
} @keyframes placeholder-glow {
  50% { opacity: 0.2; }
} @-webkit-keyframes placeholder-wave {
  100% { -webkit-mask-position: -200% 0%; }
} @keyframes placeholder-wave {
  100% { -webkit-mask-position: -200% 0%; }
} .align-content-center { align-content: center !important; } :root { --project-color-white: white; --project-color-black: black; --project-color-main-background: white; --project-color-main-text: black; --project-color-pre-text: #9A9A9A; --project-color-border-red: #E31623; --project-color-border-gray-light: #E7E7E9; --project-color-image-caption: #9A9A9A; --project-color-green: #00D572; --project-color-red: #e31623; --project-color-primary: #e31623; --project-color-primary-light: #fa303d; --project-color-primary-lighter: #fce7e8; --project-color-primary-dark: #ca0e13; --project-color-gray-light: #E7E7E9; --project-color-gray: #9A9A9A; --project-color-gray-mid-dark: #707070; --project-color-gray-mid-darker: #555; --project-color-gray-dark: #454545; --project-color-gray-darker: #242424; --project-color-gray-darkest: #191919; --project-color-black-5: rgba(0,0,0,0.05); --project-color-black-10: rgba(0,0,0,0.1); --project-color-black-15: rgba(0,0,0,0.15); --project-color-black-20: rgba(0,0,0,0.2); --project-color-black-25: rgba(0,0,0,0.25); --project-color-black-30: rgba(0,0,0,0.3); --project-color-inverse-background: black; --project-color-inverse-text: white; --project-padding-small: 10px; --project-padding-regular: 20px; --project-padding-medium: 25px; --project-padding-large: 35px; --project-padding-main-container: 40px; --project-margin-text-main: 62px; --project-size-box-title-outer-height: 27px; --project-spacing-overline: 0.25em; --project-spacing-heading: 1.38em; --project-spacing-buttons-top: 1.5em; --project-spacing-sections: 4em; --project-margin-regular: 40px; --project-margin-footer-top: 64px; --project-font-bold: 700; --project-font-semibold: 600; --project-font-medium: 500; --project-font-regular: 400; --project-font-thin: 300; --project-navbar-height: 66px; --project-navbar-item-height: 40px; --project-navbar-logo-height: 22px; --project-footer-padding: 90px 20px; } :root { --project-navbar-height: 60px; --project-navbar-item-height: 40px; } html { scroll-padding-top: var(--project-navbar-height); } body { min-height: 100vh; max-width: 100% !important; } .project-typography { font-weight: 400; font-size: 16px; color: rgb(0, 0, 0); } .project-typography p { line-height: 1.4; } .project-typography:not(.material-icons), .project-typography:not(.fas), .project-typography:not(.fab), .project-typography:not(.fai) { font-family: Montserrat, sans-serif; } .project-typography h1, .project-typography .h1 { font-size: 32px; } .project-typography h2, .project-typography .h2 { font-size: 26px; } .project-typography h3, .project-typography .h3 { font-size: 23px; } .project-typography h1, .project-typography h2, .project-typography h3, .project-typography h4, .project-typography h5, .project-typography h6 { margin: 3rem 0px 1.38rem; font-weight: 700; } .project-typography h1:first-of-type, .project-typography h2:first-of-type, .project-typography h3:first-of-type, .project-typography h4:first-of-type, .project-typography h5:first-of-type, .project-typography h6:first-of-type { margin: 1rem 0px; } .project-typography p { margin-bottom: 1rem; } .project-typography p:last-child { margin-bottom: 0px; } .project-typography .text-right { text-align: right; } .project-typography a { color: var(--project-color-primary); text-decoration: none !important; } body { background-color: rgb(250, 250, 250); } img { width: 100%; } .headbar { padding: 32px 0px; overflow-x: hidden; width: 100%; } .headbar-logo img { width: 150px; top: -5px; position: relative; } .overtext { font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; text-align: center; } .onlyd { display: none; } #hamburger, #hamburgerx { width: 50px; height: 50px; padding: 0px; } .ham { background-color: rgb(0, 0, 0); height: 2px; width: 50px; position: relative; } .ham2 { top: 10px; } .ham3 { top: 20px; } #hamburgerx .ham2 { opacity: 0; } #hamburgerx .ham1 { transform: rotate(45deg); top: 20px; } #hamburgerx .ham3 { transform: rotate(-45deg); top: 15px; } #mainmenu { background-color: rgb(255, 255, 255); width: 100%; height: 100%; position: absolute; top: 0px; right: -120%; overflow-x: hidden; transition: all 0.6s ease 0s; z-index: 120; } .box-black { background: rgb(0, 0, 0); height: 100vh; position: relative; } .box-black { order: -1; display: flex; align-self: center; color: rgb(255, 255, 255); min-height: 600px; } .menulist ul { list-style: none; padding: 0px; } .menulist ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 16px 0px; } .menulist ul li a { color: rgb(255, 255, 255); } #hamburgerx { position: absolute; top: 37px; right: 45px; } #hamburgerx .ham { background-color: rgb(255, 255, 255); } .menu-block--img { width: 60%; max-width: 400px; position: absolute; z-index: 1100; } .menu-thumb { position: relative; } .menu-thumb img { position: absolute; top: -50%; transform: translateY(50%); } .menu-block--img { opacity: 0; } .visible-o { opacity: 1; } .menu-thumb-inner { display: flex; align-items: center; justify-content: center; padding: 50px 0px; } .hamburgersticky { float: right; } .hidemenu { display: none; } .lessh1 { font-weight: 400 !important; } .weight-400 { font-weight: 400; } .weight-300 { font-weight: 300; } section { padding: 64px 0px; } section:first-of-type { padding-top: 0px; } .photo { width: 100%; border: 1px solid rgba(0, 0, 0, 0.15); } .back-red { background-color: rgb(227, 22, 35); } .back-black { background-color: rgb(0, 0, 0); } .back-white { background-color: rgb(255, 255, 255); } .fullh2 { border-top: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); padding: 10px 0px; } .bordered-b, img { border: 1px solid rgba(0, 0, 0, 0.15); margin-bottom: 16px; } .no-border, .no-border * { border: none; } .cc { font-size: 14px; text-transform: uppercase; font-weight: 600; text-align: center; border-radius: 10px; padding: 20px max(5px, 6%); margin-right: 10px; margin-bottom: 20px; color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); } .radio-block__input { position: absolute; z-index: 9; display: none; } .radio-block__label { position: relative; } .radio-block__input:checked + .radio-block__label { z-index: 8; outline: rgb(0, 0, 0) auto 5px; outline-offset: 5px; } .toc-quick a { color: rgb(0, 0, 0); } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; } [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translateZ(0px); } [data-aos="fade-up"] { transform: translate3d(0px, 100px, 0px); }