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,
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-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

*, *:before, *:after {
  box-sizing: border-box; }

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer; }
  a * {
    cursor: pointer; }

button {
  background: none;
  color: inherit;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit; }

hr {
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid; }

html {
  -webkit-text-size-adjust: 100%; }

img {
  display: block; }

svg {
  display: inline; }

html {
  scroll-behavior: smooth; }

html.js-no-smooth-scroll {
  scroll-behavior: auto; }

body {
  background-color: #000000; }

::selection, ::-moz-selection {
  background-color: #FFFFFF;
  color: #000000; }

html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Neue Haas Grotesk Display", sans-serif;
  color: #FFFFFF; }

nav {
  position: sticky;
  top: 20px; }
  @media (min-width: 640px) {
    nav {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 300; } }
header {
  z-index: 300;
  position: relative; }

.content, .projectsContainer {
  box-sizing: content-box;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px; }
  @media (min-width: 640px) {
    .content, .projectsContainer {
      padding: 0 45px; } }
  @media (min-width: 768px) {
    .content, .projectsContainer {
      padding: 0 75px; } }
  @media (min-width: 1024px) {
    .content, .projectsContainer {
      padding: 0 100px; } }
body.noscroll {
  overflow: hidden;
  max-height: 100vh; }

.italic {
  font-style: italic; }

.underline {
  text-decoration: underline; }

.uppercase {
  text-transform: uppercase; }

.font-header-main {
  line-height: 120%;
  letter-spacing: 0.02em;
  font-size: 18px; }
  @media (min-width: 640px) {
    .font-header-main {
      font-size: 22px; } }
.font-header-sub {
  line-height: 120%;
  letter-spacing: 0.04em;
  font-size: 14px; }
  @media (min-width: 640px) {
    .font-header-sub {
      font-size: 18px; } }
.font-large {
  line-height: 150%;
  letter-spacing: 0.04em;
  font-size: 20px; }
  @media (min-width: 640px) {
    .font-large {
      font-size: 40px; } }
.font-body, html, body {
  line-height: 160%;
  letter-spacing: 0.04em;
  font-size: 14px; }
  @media (min-width: 640px) {
    .font-body, html, body {
      font-size: 16px; } }
@font-face {
  font-family: 'Neue Haas Grotesk Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("webfonts/NeueHaasGroteskDisplay55Roman.woff2") format("woff2"), url("webfonts/NeueHaasGroteskDisplay55Roman.woff") format("woff"); }

@font-face {
  font-family: 'Neue Haas Grotesk Display';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(""), url("webfonts/NeueHaasGroteskDisplay45Light.woff2") format("woff2"), url("webfonts/NeueHaasGroteskDisplay45Light.woff") format("woff"); }

.button {
  white-space: nowrap;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  letter-spacing: 0.04em;
  border-radius: 200px;
  display: inline-block;
  padding: 15px 45px;
  cursor: pointer; }

.button--blur {
  color: #FFFFFF;
  background-color: #33333380;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px); }

.siteFooter {
  transition: transform 0.5s; }

.siteFooter--hidden {
  transform: translateY(100%); }

.siteFooterContainer {
  z-index: 700; }

.footerControls {
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  background-color: #00000080;
  border-radius: 200px;
  display: flex;
  flex-direction: row;
  padding: 10px;
  gap: 10px;
  z-index: 700; }

.footerControls button {
  width: 50px;
  box-sizing: content-box;
  display: inline-block;
  padding: 15px 30px;
  cursor: pointer;
  border-radius: 200px;
  background-color: transparent;
  transition: background-color 0.3s; }
  .footerControls button:active, .footerControls button:hover, .footerControls button.active {
    background-color: #33333380; }

.imagesBlock {
  display: grid;
  gap: 5px; }
  @media (min-width: 640px) {
    .imagesBlock {
      gap: 10px; } }
.imagesBlock--1 {
  grid-template-columns: repeat(1, 1fr); }

.imagesBlock--2 {
  grid-template-columns: repeat(2, 1fr); }

.imagesBlock--3 {
  grid-template-columns: repeat(3, 1fr); }

.imagesBlock--stacked.imagesBlock--1 {
  grid-template-columns: 1fr; }

.imagesBlock--stacked.imagesBlock--2 {
  grid-template-columns: 1fr; }

.imagesBlock--stacked.imagesBlock--3 {
  grid-template-columns: 1fr; }

@media (min-width: 640px) {
  .imagesBlock--stacked.imagesBlock--1 {
    grid-template-rows: 1fr;
    grid-template-columns: repeat(1, 1fr); }
  .imagesBlock--stacked.imagesBlock--2 {
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, 1fr); }
  .imagesBlock--stacked.imagesBlock--3 {
    grid-template-rows: 1fr;
    grid-template-columns: repeat(3, 1fr); } }

.modal {
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 500; }

.modal__content {
  width: 440px;
  max-width: calc(100vw - 40px);
  background-color: #33333380;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  padding: 40px;
  border-radius: 20px; }

.modal p a {
  text-decoration: underline; }

@media (min-width: 640px) {
  .projectsContainer {
    box-sizing: border-box !important;
    max-width: unset !important;
    padding: unset !important; } }

@media (min-width: 640px) {
  .projectCarousel {
    margin: auto;
    overflow: hidden;
    display: flex;
    max-width: 2130px;
    justify-content: center;
    position: relative; }
    .projectCarousel:before, .projectCarousel:after {
      content: '';
      width: calc(50vw - 355px);
      max-width: 680px;
      height: 100%;
      position: absolute;
      z-index: 100;
      pointer-events: none; }
    .projectCarousel:before {
      left: 0;
      background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%); }
    .projectCarousel:after {
      right: 0;
      background: linear-gradient(270deg, black 0%, rgba(0, 0, 0, 0) 100%); }
    .projectCarousel:hover .projectCarousel__project:not(.projectCarousel__project--active) {
      opacity: 0.5; } }

@media (min-width: 640px) {
  .projectCarousel__project {
    transition: opacity 0.3s, transform 0.3s;
    position: absolute; } }

.no-transition {
  transition: none !important; }

.projectCarousel__project, .nextProject {
  width: 680px;
  max-width: 100%; }
  @media (min-width: 640px) {
    .projectCarousel__project, .nextProject {
      max-width: calc(100vw - 165px); } }
.nextProject__image, .projectCarousel__image {
  border-radius: 8px;
  aspect-ratio: 670 / 440; }

.projectCarousel__indicators {
  gap: 15px; }

.projectCarousel__indicator {
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background-color: #787878;
  transition: background-color 0.3s, transform 0.3s;
  transform: scale(1); }

.projectCarousel__indicator--active {
  background-color: #FFFFFF;
  transform: scale(1.25); }

.twoColumn {
  display: flex;
  gap: 60px;
  flex-direction: column; }

@media (min-width: 640px) {
  .twoColumn {
    display: grid;
    grid-template-columns: repeat(12, 1fr); }
  .twoColumn > *:nth-child(1) {
    grid-column: 2 / span 4; }
  .twoColumn > *:nth-child(2) {
    grid-column: 7 / span 5; } }

.passwordOverlay {
  z-index: 200;
  transition: background-color 0.3s; }

#password {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none; }

@keyframes password-cursor {
  0% {
    border-color: #FFFFFF; }
  50% {
    border-color: transparent; }
  100% {
    border-color: #FFFFFF; } }

.passwordOverlay__placeholder {
  border-left: 2px solid #FFFFFF;
  animation: password-cursor 2s linear;
  animation-iteration-count: infinite; }

.passwordOverlay__content {
  letter-spacing: 0.42em; }

.color--white {
  color: #FFFFFF; }

.color--black {
  color: #000000; }

.color--grey-1 {
  color: #D2D2D2; }

.color--grey-2 {
  color: #787878; }

.color--grey-3 {
  color: #A6A6A6; }

.color--fuschia {
  color: #E7016F; }

.color--grey-blur {
  color: #33333380; }

.color--black-blur {
  color: #00000080; }

.bg--white {
  background-color: #FFFFFF; }

.bg--black {
  background-color: #000000; }

.bg--grey-1 {
  background-color: #D2D2D2; }

.bg--grey-2 {
  background-color: #787878; }

.bg--grey-3 {
  background-color: #A6A6A6; }

.bg--fuschia {
  background-color: #E7016F; }

.bg--grey-blur {
  background-color: #33333380; }

.bg--black-blur {
  background-color: #00000080; }

.o0 {
  opacity: 0; }

.o80 {
  opacity: 0.5; }

.o100 {
  opacity: 1; }

.opacity--disabled[disabled] {
  opacity: 0.5; }

.cursor-pointer {
  cursor: pointer; }

.noselect {
  user-select: none; }

.pointer-events-none {
  pointer-events: none; }

.pointer-events-all {
  pointer-events: all; }

.block {
  display: block; }

.hidden {
  display: none; }

.inline {
  display: inline; }

.inline-block {
  display: inline-block; }

.flex {
  display: flex; }

.inline-flex {
  display: inline-flex; }

.grid {
  display: grid; }

@media (min-width: 640px) {
  .sm\:block {
    display: block; }
  .sm\:hidden {
    display: none; }
  .sm\:inline {
    display: inline; }
  .sm\:inline-block {
    display: inline-block; }
  .sm\:flex {
    display: flex; }
  .sm\:inline-flex {
    display: inline-flex; }
  .sm\:grid {
    display: grid; } }

@media (min-width: 768px) {
  .md\:block {
    display: block; }
  .md\:hidden {
    display: none; }
  .md\:inline {
    display: inline; }
  .md\:inline-block {
    display: inline-block; }
  .md\:flex {
    display: flex; }
  .md\:inline-flex {
    display: inline-flex; }
  .md\:grid {
    display: grid; } }

@media (min-width: 1024px) {
  .lg\:block {
    display: block; }
  .lg\:hidden {
    display: none; }
  .lg\:inline {
    display: inline; }
  .lg\:inline-block {
    display: inline-block; }
  .lg\:flex {
    display: flex; }
  .lg\:inline-flex {
    display: inline-flex; }
  .lg\:grid {
    display: grid; } }

@media (min-width: 1280px) {
  .xl\:block {
    display: block; }
  .xl\:hidden {
    display: none; }
  .xl\:inline {
    display: inline; }
  .xl\:inline-block {
    display: inline-block; }
  .xl\:flex {
    display: flex; }
  .xl\:inline-flex {
    display: inline-flex; }
  .xl\:grid {
    display: grid; } }

@media (min-width: 1536px) {
  .xxl\:block {
    display: block; }
  .xxl\:hidden {
    display: none; }
  .xxl\:inline {
    display: inline; }
  .xxl\:inline-block {
    display: inline-block; }
  .xxl\:flex {
    display: flex; }
  .xxl\:inline-flex {
    display: inline-flex; }
  .xxl\:grid {
    display: grid; } }

.flex-col {
  flex-direction: column; }

.flex-row {
  flex-direction: row; }

@media (min-width: 640px) {
  .sm\:flex-col {
    flex-direction: column; }
  .sm\:flex-row {
    flex-direction: row; }
  .sm\:order-1 {
    order: 1; }
  .sm\:order-2 {
    order: 2; }
  .sm\:order-3 {
    order: 3; }
  .sm\:order-4 {
    order: 4; }
  .sm\:order-5 {
    order: 5; } }

@media (min-width: 768px) {
  .md\:flex-col {
    flex-direction: column; }
  .md\:flex-row {
    flex-direction: row; }
  .md\:order-1 {
    order: 1; }
  .md\:order-2 {
    order: 2; }
  .md\:order-3 {
    order: 3; }
  .md\:order-4 {
    order: 4; }
  .md\:order-5 {
    order: 5; } }

@media (min-width: 1024px) {
  .lg\:flex-col {
    flex-direction: column; }
  .lg\:flex-row {
    flex-direction: row; }
  .lg\:order-1 {
    order: 1; }
  .lg\:order-2 {
    order: 2; }
  .lg\:order-3 {
    order: 3; }
  .lg\:order-4 {
    order: 4; }
  .lg\:order-5 {
    order: 5; } }

@media (min-width: 1280px) {
  .xl\:flex-col {
    flex-direction: column; }
  .xl\:flex-row {
    flex-direction: row; }
  .xl\:order-1 {
    order: 1; }
  .xl\:order-2 {
    order: 2; }
  .xl\:order-3 {
    order: 3; }
  .xl\:order-4 {
    order: 4; }
  .xl\:order-5 {
    order: 5; } }

@media (min-width: 1536px) {
  .xxl\:flex-col {
    flex-direction: column; }
  .xxl\:flex-row {
    flex-direction: row; }
  .xxl\:order-1 {
    order: 1; }
  .xxl\:order-2 {
    order: 2; }
  .xxl\:order-3 {
    order: 3; }
  .xxl\:order-4 {
    order: 4; }
  .xxl\:order-5 {
    order: 5; } }

.flex-wrap {
  flex-wrap: wrap; }

.flex-nowrap {
  flex-wrap: nowrap; }

.grow {
  flex-grow: 1; }

.shrink {
  flex-shrink: 1; }

.justify-start {
  justify-content: start; }

.justify-center {
  justify-content: center; }

.justify-end {
  justify-content: end; }

.justify-between {
  justify-content: space-between; }

.justify-evenly {
  justify-content: space-evenly; }

.justify-around {
  justify-content: space-around; }

.items-start {
  align-items: start; }

.items-center {
  align-items: center; }

.items-end {
  align-items: end; }

.items-baseline {
  align-items: baseline; }

.self-start {
  align-self: start; }

.self-center {
  align-self: center; }

.self-end {
  align-self: end; }

.self-baseline {
  align-self: baseline; }

@media (min-width: 640px) {
  .sm\:justify-start {
    justify-content: start; }
  .sm\:justify-center {
    justify-content: center; }
  .sm\:justify-end {
    justify-content: end; }
  .sm\:justify-between {
    justify-content: space-between; }
  .sm\:justify-evenly {
    justify-content: space-evenly; }
  .sm\:items-start {
    align-items: start; }
  .sm\:items-center {
    align-items: center; }
  .sm\:items-end {
    align-items: end; }
  .sm\:items-baseline {
    align-items: baseline; }
  .sm\:self-start {
    align-self: start; }
  .sm\:self-center {
    align-self: center; }
  .sm\:self-end {
    align-self: end; }
  .sm\:self-baseline {
    align-self: baseline; } }

@media (min-width: 768px) {
  .md\:justify-start {
    justify-content: start; }
  .md\:justify-center {
    justify-content: center; }
  .md\:justify-end {
    justify-content: end; }
  .md\:justify-between {
    justify-content: space-between; }
  .md\:justify-evenly {
    justify-content: space-evenly; }
  .md\:items-start {
    align-items: start; }
  .md\:items-center {
    align-items: center; }
  .md\:items-end {
    align-items: end; }
  .md\:items-baseline {
    align-items: baseline; }
  .md\:self-start {
    align-self: start; }
  .md\:self-center {
    align-self: center; }
  .md\:self-end {
    align-self: end; }
  .md\:self-baseline {
    align-self: baseline; } }

@media (min-width: 1024px) {
  .lg\:justify-start {
    justify-content: start; }
  .lg\:justify-center {
    justify-content: center; }
  .lg\:justify-end {
    justify-content: end; }
  .lg\:justify-between {
    justify-content: space-between; }
  .lg\:justify-evenly {
    justify-content: space-evenly; }
  .lg\:items-start {
    align-items: start; }
  .lg\:items-center {
    align-items: center; }
  .lg\:items-end {
    align-items: end; }
  .lg\:items-baseline {
    align-items: baseline; }
  .lg\:self-start {
    align-self: start; }
  .lg\:self-center {
    align-self: center; }
  .lg\:self-end {
    align-self: end; }
  .lg\:self-baseline {
    align-self: baseline; } }

@media (min-width: 1280px) {
  .xl\:justify-start {
    justify-content: start; }
  .xl\:justify-center {
    justify-content: center; }
  .xl\:justify-end {
    justify-content: end; }
  .xl\:justify-between {
    justify-content: space-between; }
  .xl\:justify-evenly {
    justify-content: space-evenly; }
  .xl\:items-start {
    align-items: start; }
  .xl\:items-center {
    align-items: center; }
  .xl\:items-end {
    align-items: end; }
  .xl\:items-baseline {
    align-items: baseline; }
  .xl\:self-start {
    align-self: start; }
  .xl\:self-center {
    align-self: center; }
  .xl\:self-end {
    align-self: end; }
  .xl\:self-baseline {
    align-self: baseline; } }

@media (min-width: 1536px) {
  .xxl\:justify-start {
    justify-content: start; }
  .xxl\:justify-center {
    justify-content: center; }
  .xxl\:justify-end {
    justify-content: end; }
  .xxl\:justify-between {
    justify-content: space-between; }
  .xxl\:justify-evenly {
    justify-content: space-evenly; }
  .xxl\:items-start {
    align-items: start; }
  .xxl\:items-center {
    align-items: center; }
  .xxl\:items-end {
    align-items: end; }
  .xxl\:items-baseline {
    align-items: baseline; }
  .xxl\:self-start {
    align-self: start; }
  .xxl\:self-center {
    align-self: center; }
  .xxl\:self-end {
    align-self: end; }
  .xxl\:self-baseline {
    align-self: baseline; } }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.static {
  position: static; }

.fixed {
  position: fixed; }

.sticky {
  position: -webkit-sticky;
  position: sticky; }

.t0 {
  top: 0; }

.l0 {
  left: 0; }

.r0 {
  right: 0; }

.b0 {
  bottom: 0; }

@media (min-width: 640px) {
  .sm\:absolute {
    position: absolute; }
  .sm\:relative {
    position: relative; }
  .sm\:static {
    position: static; }
  .sm\:fixed {
    position: fixed; }
  .sm\:sticky {
    position: -webkit-sticky;
    position: sticky; } }

@media (min-width: 768px) {
  .md\:absolute {
    position: absolute; }
  .md\:relative {
    position: relative; }
  .md\:static {
    position: static; }
  .md\:fixed {
    position: fixed; }
  .md\:sticky {
    position: -webkit-sticky;
    position: sticky; } }

@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute; }
  .lg\:relative {
    position: relative; }
  .lg\:static {
    position: static; }
  .lg\:fixed {
    position: fixed; }
  .lg\:sticky {
    position: -webkit-sticky;
    position: sticky; } }

@media (min-width: 1280px) {
  .xl\:absolute {
    position: absolute; }
  .xl\:relative {
    position: relative; }
  .xl\:static {
    position: static; }
  .xl\:fixed {
    position: fixed; }
  .xl\:sticky {
    position: -webkit-sticky;
    position: sticky; } }

@media (min-width: 1536px) {
  .xxl\:absolute {
    position: absolute; }
  .xxl\:relative {
    position: relative; }
  .xxl\:static {
    position: static; }
  .xxl\:fixed {
    position: fixed; }
  .xxl\:sticky {
    position: -webkit-sticky;
    position: sticky; } }

.w-full {
  width: 100%; }

.h-full {
  height: 100%; }

.h-auto {
  height: auto; }

.w-auto {
  width: auto; }

.w-min-content {
  width: min-content; }

.w-contained {
  max-width: 100%; }

.h-contained {
  max-height: 100%; }

@media (min-width: 640px) {
  .sm\:w-full {
    width: 100%; }
  .sm\:h-full {
    height: 100%; }
  .sm\:w-auto {
    width: auto; }
  .sm\:h-auto {
    height: auto; } }

@media (min-width: 768px) {
  .md\:w-full {
    width: 100%; }
  .md\:h-full {
    height: 100%; }
  .md\:w-auto {
    width: auto; }
  .md\:h-auto {
    height: auto; } }

@media (min-width: 1024px) {
  .lg\:w-full {
    width: 100%; }
  .lg\:h-full {
    height: 100%; }
  .lg\:w-auto {
    width: auto; }
  .lg\:h-auto {
    height: auto; } }

@media (min-width: 1280px) {
  .xl\:w-full {
    width: 100%; }
  .xl\:h-full {
    height: 100%; }
  .xl\:w-auto {
    width: auto; }
  .xl\:h-auto {
    height: auto; } }

@media (min-width: 1536px) {
  .xxl\:w-full {
    width: 100%; }
  .xxl\:h-full {
    height: 100%; }
  .xxl\:w-auto {
    width: auto; }
  .xxl\:h-auto {
    height: auto; } }

.overflow-h {
  overflow: hidden; }

.overflow-a {
  overflow: auto; }

.scroll-y {
  overflow-y: auto; }

.scroll-x {
  overflow-x: auto; }

.fit-cover {
  object-fit: cover; }

.fit-contain {
  object-fit: contain; }

.m0 {
  margin: 0px; }

.p0 {
  padding: 0px; }

.m1 {
  margin: 5px; }

.p1 {
  padding: 5px; }

.m2 {
  margin: 10px; }

.p2 {
  padding: 10px; }

.m3 {
  margin: 15px; }

.p3 {
  padding: 15px; }

.m4 {
  margin: 20px; }

.p4 {
  padding: 20px; }

.m5 {
  margin: 40px; }

.p5 {
  padding: 40px; }

.m6 {
  margin: 60px; }

.p6 {
  padding: 60px; }

.m7 {
  margin: 80px; }

.p7 {
  padding: 80px; }

.m8 {
  margin: 120px; }

.p8 {
  padding: 120px; }

.m9 {
  margin: 240px; }

.p9 {
  padding: 240px; }

.mt0 {
  margin-top: 0px; }

.pt0 {
  padding-top: 0px; }

.mt1 {
  margin-top: 5px; }

.pt1 {
  padding-top: 5px; }

.mt2 {
  margin-top: 10px; }

.pt2 {
  padding-top: 10px; }

.mt3 {
  margin-top: 15px; }

.pt3 {
  padding-top: 15px; }

.mt4 {
  margin-top: 20px; }

.pt4 {
  padding-top: 20px; }

.mt5 {
  margin-top: 40px; }

.pt5 {
  padding-top: 40px; }

.mt6 {
  margin-top: 60px; }

.pt6 {
  padding-top: 60px; }

.mt7 {
  margin-top: 80px; }

.pt7 {
  padding-top: 80px; }

.mt8 {
  margin-top: 120px; }

.pt8 {
  padding-top: 120px; }

.mt9 {
  margin-top: 240px; }

.pt9 {
  padding-top: 240px; }

.mta {
  margin-top: auto; }

.mb0 {
  margin-bottom: 0px; }

.pb0 {
  padding-bottom: 0px; }

.mb1 {
  margin-bottom: 5px; }

.pb1 {
  padding-bottom: 5px; }

.mb2 {
  margin-bottom: 10px; }

.pb2 {
  padding-bottom: 10px; }

.mb3 {
  margin-bottom: 15px; }

.pb3 {
  padding-bottom: 15px; }

.mb4 {
  margin-bottom: 20px; }

.pb4 {
  padding-bottom: 20px; }

.mb5 {
  margin-bottom: 40px; }

.pb5 {
  padding-bottom: 40px; }

.mb6 {
  margin-bottom: 60px; }

.pb6 {
  padding-bottom: 60px; }

.mb7 {
  margin-bottom: 80px; }

.pb7 {
  padding-bottom: 80px; }

.mb8 {
  margin-bottom: 120px; }

.pb8 {
  padding-bottom: 120px; }

.mb9 {
  margin-bottom: 240px; }

.pb9 {
  padding-bottom: 240px; }

.mba {
  margin-bottom: auto; }

.ml0 {
  margin-left: 0px; }

.pl0 {
  padding-left: 0px; }

.ml1 {
  margin-left: 5px; }

.pl1 {
  padding-left: 5px; }

.ml2 {
  margin-left: 10px; }

.pl2 {
  padding-left: 10px; }

.ml3 {
  margin-left: 15px; }

.pl3 {
  padding-left: 15px; }

.ml4 {
  margin-left: 20px; }

.pl4 {
  padding-left: 20px; }

.ml5 {
  margin-left: 40px; }

.pl5 {
  padding-left: 40px; }

.ml6 {
  margin-left: 60px; }

.pl6 {
  padding-left: 60px; }

.ml7 {
  margin-left: 80px; }

.pl7 {
  padding-left: 80px; }

.ml8 {
  margin-left: 120px; }

.pl8 {
  padding-left: 120px; }

.ml9 {
  margin-left: 240px; }

.pl9 {
  padding-left: 240px; }

.mla {
  margin-left: auto; }

.mr0 {
  margin-right: 0px; }

.pr0 {
  padding-right: 0px; }

.mr1 {
  margin-right: 5px; }

.pr1 {
  padding-right: 5px; }

.mr2 {
  margin-right: 10px; }

.pr2 {
  padding-right: 10px; }

.mr3 {
  margin-right: 15px; }

.pr3 {
  padding-right: 15px; }

.mr4 {
  margin-right: 20px; }

.pr4 {
  padding-right: 20px; }

.mr5 {
  margin-right: 40px; }

.pr5 {
  padding-right: 40px; }

.mr6 {
  margin-right: 60px; }

.pr6 {
  padding-right: 60px; }

.mr7 {
  margin-right: 80px; }

.pr7 {
  padding-right: 80px; }

.mr8 {
  margin-right: 120px; }

.pr8 {
  padding-right: 120px; }

.mr9 {
  margin-right: 240px; }

.pr9 {
  padding-right: 240px; }

.mra {
  margin-right: auto; }

@media (min-width: 640px) {
  .sm\:m0 {
    margin: 0px; }
  .sm\:p0 {
    padding: 0px; } }

@media (min-width: 768px) {
  .md\:m0 {
    margin: 0px; }
  .md\:p0 {
    padding: 0px; } }

@media (min-width: 1024px) {
  .lg\:m0 {
    margin: 0px; }
  .lg\:p0 {
    padding: 0px; } }

@media (min-width: 1280px) {
  .xl\:m0 {
    margin: 0px; }
  .xl\:p0 {
    padding: 0px; } }

@media (min-width: 1536px) {
  .xxl\:m0 {
    margin: 0px; }
  .xxl\:p0 {
    padding: 0px; } }

@media (min-width: 640px) {
  .sm\:m1 {
    margin: 5px; }
  .sm\:p1 {
    padding: 5px; } }

@media (min-width: 768px) {
  .md\:m1 {
    margin: 5px; }
  .md\:p1 {
    padding: 5px; } }

@media (min-width: 1024px) {
  .lg\:m1 {
    margin: 5px; }
  .lg\:p1 {
    padding: 5px; } }

@media (min-width: 1280px) {
  .xl\:m1 {
    margin: 5px; }
  .xl\:p1 {
    padding: 5px; } }

@media (min-width: 1536px) {
  .xxl\:m1 {
    margin: 5px; }
  .xxl\:p1 {
    padding: 5px; } }

@media (min-width: 640px) {
  .sm\:m2 {
    margin: 10px; }
  .sm\:p2 {
    padding: 10px; } }

@media (min-width: 768px) {
  .md\:m2 {
    margin: 10px; }
  .md\:p2 {
    padding: 10px; } }

@media (min-width: 1024px) {
  .lg\:m2 {
    margin: 10px; }
  .lg\:p2 {
    padding: 10px; } }

@media (min-width: 1280px) {
  .xl\:m2 {
    margin: 10px; }
  .xl\:p2 {
    padding: 10px; } }

@media (min-width: 1536px) {
  .xxl\:m2 {
    margin: 10px; }
  .xxl\:p2 {
    padding: 10px; } }

@media (min-width: 640px) {
  .sm\:m3 {
    margin: 15px; }
  .sm\:p3 {
    padding: 15px; } }

@media (min-width: 768px) {
  .md\:m3 {
    margin: 15px; }
  .md\:p3 {
    padding: 15px; } }

@media (min-width: 1024px) {
  .lg\:m3 {
    margin: 15px; }
  .lg\:p3 {
    padding: 15px; } }

@media (min-width: 1280px) {
  .xl\:m3 {
    margin: 15px; }
  .xl\:p3 {
    padding: 15px; } }

@media (min-width: 1536px) {
  .xxl\:m3 {
    margin: 15px; }
  .xxl\:p3 {
    padding: 15px; } }

@media (min-width: 640px) {
  .sm\:m4 {
    margin: 20px; }
  .sm\:p4 {
    padding: 20px; } }

@media (min-width: 768px) {
  .md\:m4 {
    margin: 20px; }
  .md\:p4 {
    padding: 20px; } }

@media (min-width: 1024px) {
  .lg\:m4 {
    margin: 20px; }
  .lg\:p4 {
    padding: 20px; } }

@media (min-width: 1280px) {
  .xl\:m4 {
    margin: 20px; }
  .xl\:p4 {
    padding: 20px; } }

@media (min-width: 1536px) {
  .xxl\:m4 {
    margin: 20px; }
  .xxl\:p4 {
    padding: 20px; } }

@media (min-width: 640px) {
  .sm\:m5 {
    margin: 40px; }
  .sm\:p5 {
    padding: 40px; } }

@media (min-width: 768px) {
  .md\:m5 {
    margin: 40px; }
  .md\:p5 {
    padding: 40px; } }

@media (min-width: 1024px) {
  .lg\:m5 {
    margin: 40px; }
  .lg\:p5 {
    padding: 40px; } }

@media (min-width: 1280px) {
  .xl\:m5 {
    margin: 40px; }
  .xl\:p5 {
    padding: 40px; } }

@media (min-width: 1536px) {
  .xxl\:m5 {
    margin: 40px; }
  .xxl\:p5 {
    padding: 40px; } }

@media (min-width: 640px) {
  .sm\:m6 {
    margin: 60px; }
  .sm\:p6 {
    padding: 60px; } }

@media (min-width: 768px) {
  .md\:m6 {
    margin: 60px; }
  .md\:p6 {
    padding: 60px; } }

@media (min-width: 1024px) {
  .lg\:m6 {
    margin: 60px; }
  .lg\:p6 {
    padding: 60px; } }

@media (min-width: 1280px) {
  .xl\:m6 {
    margin: 60px; }
  .xl\:p6 {
    padding: 60px; } }

@media (min-width: 1536px) {
  .xxl\:m6 {
    margin: 60px; }
  .xxl\:p6 {
    padding: 60px; } }

@media (min-width: 640px) {
  .sm\:m7 {
    margin: 80px; }
  .sm\:p7 {
    padding: 80px; } }

@media (min-width: 768px) {
  .md\:m7 {
    margin: 80px; }
  .md\:p7 {
    padding: 80px; } }

@media (min-width: 1024px) {
  .lg\:m7 {
    margin: 80px; }
  .lg\:p7 {
    padding: 80px; } }

@media (min-width: 1280px) {
  .xl\:m7 {
    margin: 80px; }
  .xl\:p7 {
    padding: 80px; } }

@media (min-width: 1536px) {
  .xxl\:m7 {
    margin: 80px; }
  .xxl\:p7 {
    padding: 80px; } }

@media (min-width: 640px) {
  .sm\:m8 {
    margin: 120px; }
  .sm\:p8 {
    padding: 120px; } }

@media (min-width: 768px) {
  .md\:m8 {
    margin: 120px; }
  .md\:p8 {
    padding: 120px; } }

@media (min-width: 1024px) {
  .lg\:m8 {
    margin: 120px; }
  .lg\:p8 {
    padding: 120px; } }

@media (min-width: 1280px) {
  .xl\:m8 {
    margin: 120px; }
  .xl\:p8 {
    padding: 120px; } }

@media (min-width: 1536px) {
  .xxl\:m8 {
    margin: 120px; }
  .xxl\:p8 {
    padding: 120px; } }

@media (min-width: 640px) {
  .sm\:m9 {
    margin: 240px; }
  .sm\:p9 {
    padding: 240px; } }

@media (min-width: 768px) {
  .md\:m9 {
    margin: 240px; }
  .md\:p9 {
    padding: 240px; } }

@media (min-width: 1024px) {
  .lg\:m9 {
    margin: 240px; }
  .lg\:p9 {
    padding: 240px; } }

@media (min-width: 1280px) {
  .xl\:m9 {
    margin: 240px; }
  .xl\:p9 {
    padding: 240px; } }

@media (min-width: 1536px) {
  .xxl\:m9 {
    margin: 240px; }
  .xxl\:p9 {
    padding: 240px; } }

@media (min-width: 640px) {
  .sm\:mt0 {
    margin-top: 0px; }
  .sm\:pt0 {
    padding-top: 0px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mt1 {
    margin-top: 5px; }
  .sm\:pt1 {
    padding-top: 5px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mt2 {
    margin-top: 10px; }
  .sm\:pt2 {
    padding-top: 10px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mt3 {
    margin-top: 15px; }
  .sm\:pt3 {
    padding-top: 15px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mt4 {
    margin-top: 20px; }
  .sm\:pt4 {
    padding-top: 20px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mt5 {
    margin-top: 40px; }
  .sm\:pt5 {
    padding-top: 40px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mt6 {
    margin-top: 60px; }
  .sm\:pt6 {
    padding-top: 60px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mt7 {
    margin-top: 80px; }
  .sm\:pt7 {
    padding-top: 80px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mt8 {
    margin-top: 120px; }
  .sm\:pt8 {
    padding-top: 120px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mt9 {
    margin-top: 240px; }
  .sm\:pt9 {
    padding-top: 240px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mta {
    margin-top: auto; }
  .sm\:mb0 {
    margin-bottom: 0px; }
  .sm\:pb0 {
    padding-bottom: 0px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mb1 {
    margin-bottom: 5px; }
  .sm\:pb1 {
    padding-bottom: 5px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mb2 {
    margin-bottom: 10px; }
  .sm\:pb2 {
    padding-bottom: 10px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mb3 {
    margin-bottom: 15px; }
  .sm\:pb3 {
    padding-bottom: 15px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mb4 {
    margin-bottom: 20px; }
  .sm\:pb4 {
    padding-bottom: 20px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mb5 {
    margin-bottom: 40px; }
  .sm\:pb5 {
    padding-bottom: 40px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mb6 {
    margin-bottom: 60px; }
  .sm\:pb6 {
    padding-bottom: 60px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mb7 {
    margin-bottom: 80px; }
  .sm\:pb7 {
    padding-bottom: 80px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mb8 {
    margin-bottom: 120px; }
  .sm\:pb8 {
    padding-bottom: 120px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mb9 {
    margin-bottom: 240px; }
  .sm\:pb9 {
    padding-bottom: 240px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mba {
    margin-bottom: auto; }
  .sm\:ml0 {
    margin-left: 0px; }
  .sm\:pl0 {
    padding-left: 0px; }
  .sm\:ma {
    margin: auto; }
  .sm\:ml1 {
    margin-left: 5px; }
  .sm\:pl1 {
    padding-left: 5px; }
  .sm\:ma {
    margin: auto; }
  .sm\:ml2 {
    margin-left: 10px; }
  .sm\:pl2 {
    padding-left: 10px; }
  .sm\:ma {
    margin: auto; }
  .sm\:ml3 {
    margin-left: 15px; }
  .sm\:pl3 {
    padding-left: 15px; }
  .sm\:ma {
    margin: auto; }
  .sm\:ml4 {
    margin-left: 20px; }
  .sm\:pl4 {
    padding-left: 20px; }
  .sm\:ma {
    margin: auto; }
  .sm\:ml5 {
    margin-left: 40px; }
  .sm\:pl5 {
    padding-left: 40px; }
  .sm\:ma {
    margin: auto; }
  .sm\:ml6 {
    margin-left: 60px; }
  .sm\:pl6 {
    padding-left: 60px; }
  .sm\:ma {
    margin: auto; }
  .sm\:ml7 {
    margin-left: 80px; }
  .sm\:pl7 {
    padding-left: 80px; }
  .sm\:ma {
    margin: auto; }
  .sm\:ml8 {
    margin-left: 120px; }
  .sm\:pl8 {
    padding-left: 120px; }
  .sm\:ma {
    margin: auto; }
  .sm\:ml9 {
    margin-left: 240px; }
  .sm\:pl9 {
    padding-left: 240px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mla {
    margin-left: auto; }
  .sm\:mr0 {
    margin-right: 0px; }
  .sm\:pr0 {
    padding-right: 0px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mr1 {
    margin-right: 5px; }
  .sm\:pr1 {
    padding-right: 5px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mr2 {
    margin-right: 10px; }
  .sm\:pr2 {
    padding-right: 10px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mr3 {
    margin-right: 15px; }
  .sm\:pr3 {
    padding-right: 15px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mr4 {
    margin-right: 20px; }
  .sm\:pr4 {
    padding-right: 20px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mr5 {
    margin-right: 40px; }
  .sm\:pr5 {
    padding-right: 40px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mr6 {
    margin-right: 60px; }
  .sm\:pr6 {
    padding-right: 60px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mr7 {
    margin-right: 80px; }
  .sm\:pr7 {
    padding-right: 80px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mr8 {
    margin-right: 120px; }
  .sm\:pr8 {
    padding-right: 120px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mr9 {
    margin-right: 240px; }
  .sm\:pr9 {
    padding-right: 240px; }
  .sm\:ma {
    margin: auto; }
  .sm\:mra {
    margin-right: auto; } }

@media (min-width: 768px) {
  .md\:mt0 {
    margin-top: 0px; }
  .md\:pt0 {
    padding-top: 0px; }
  .md\:ma {
    margin: auto; }
  .md\:mt1 {
    margin-top: 5px; }
  .md\:pt1 {
    padding-top: 5px; }
  .md\:ma {
    margin: auto; }
  .md\:mt2 {
    margin-top: 10px; }
  .md\:pt2 {
    padding-top: 10px; }
  .md\:ma {
    margin: auto; }
  .md\:mt3 {
    margin-top: 15px; }
  .md\:pt3 {
    padding-top: 15px; }
  .md\:ma {
    margin: auto; }
  .md\:mt4 {
    margin-top: 20px; }
  .md\:pt4 {
    padding-top: 20px; }
  .md\:ma {
    margin: auto; }
  .md\:mt5 {
    margin-top: 40px; }
  .md\:pt5 {
    padding-top: 40px; }
  .md\:ma {
    margin: auto; }
  .md\:mt6 {
    margin-top: 60px; }
  .md\:pt6 {
    padding-top: 60px; }
  .md\:ma {
    margin: auto; }
  .md\:mt7 {
    margin-top: 80px; }
  .md\:pt7 {
    padding-top: 80px; }
  .md\:ma {
    margin: auto; }
  .md\:mt8 {
    margin-top: 120px; }
  .md\:pt8 {
    padding-top: 120px; }
  .md\:ma {
    margin: auto; }
  .md\:mt9 {
    margin-top: 240px; }
  .md\:pt9 {
    padding-top: 240px; }
  .md\:ma {
    margin: auto; }
  .md\:mta {
    margin-top: auto; }
  .md\:mb0 {
    margin-bottom: 0px; }
  .md\:pb0 {
    padding-bottom: 0px; }
  .md\:ma {
    margin: auto; }
  .md\:mb1 {
    margin-bottom: 5px; }
  .md\:pb1 {
    padding-bottom: 5px; }
  .md\:ma {
    margin: auto; }
  .md\:mb2 {
    margin-bottom: 10px; }
  .md\:pb2 {
    padding-bottom: 10px; }
  .md\:ma {
    margin: auto; }
  .md\:mb3 {
    margin-bottom: 15px; }
  .md\:pb3 {
    padding-bottom: 15px; }
  .md\:ma {
    margin: auto; }
  .md\:mb4 {
    margin-bottom: 20px; }
  .md\:pb4 {
    padding-bottom: 20px; }
  .md\:ma {
    margin: auto; }
  .md\:mb5 {
    margin-bottom: 40px; }
  .md\:pb5 {
    padding-bottom: 40px; }
  .md\:ma {
    margin: auto; }
  .md\:mb6 {
    margin-bottom: 60px; }
  .md\:pb6 {
    padding-bottom: 60px; }
  .md\:ma {
    margin: auto; }
  .md\:mb7 {
    margin-bottom: 80px; }
  .md\:pb7 {
    padding-bottom: 80px; }
  .md\:ma {
    margin: auto; }
  .md\:mb8 {
    margin-bottom: 120px; }
  .md\:pb8 {
    padding-bottom: 120px; }
  .md\:ma {
    margin: auto; }
  .md\:mb9 {
    margin-bottom: 240px; }
  .md\:pb9 {
    padding-bottom: 240px; }
  .md\:ma {
    margin: auto; }
  .md\:mba {
    margin-bottom: auto; }
  .md\:ml0 {
    margin-left: 0px; }
  .md\:pl0 {
    padding-left: 0px; }
  .md\:ma {
    margin: auto; }
  .md\:ml1 {
    margin-left: 5px; }
  .md\:pl1 {
    padding-left: 5px; }
  .md\:ma {
    margin: auto; }
  .md\:ml2 {
    margin-left: 10px; }
  .md\:pl2 {
    padding-left: 10px; }
  .md\:ma {
    margin: auto; }
  .md\:ml3 {
    margin-left: 15px; }
  .md\:pl3 {
    padding-left: 15px; }
  .md\:ma {
    margin: auto; }
  .md\:ml4 {
    margin-left: 20px; }
  .md\:pl4 {
    padding-left: 20px; }
  .md\:ma {
    margin: auto; }
  .md\:ml5 {
    margin-left: 40px; }
  .md\:pl5 {
    padding-left: 40px; }
  .md\:ma {
    margin: auto; }
  .md\:ml6 {
    margin-left: 60px; }
  .md\:pl6 {
    padding-left: 60px; }
  .md\:ma {
    margin: auto; }
  .md\:ml7 {
    margin-left: 80px; }
  .md\:pl7 {
    padding-left: 80px; }
  .md\:ma {
    margin: auto; }
  .md\:ml8 {
    margin-left: 120px; }
  .md\:pl8 {
    padding-left: 120px; }
  .md\:ma {
    margin: auto; }
  .md\:ml9 {
    margin-left: 240px; }
  .md\:pl9 {
    padding-left: 240px; }
  .md\:ma {
    margin: auto; }
  .md\:mla {
    margin-left: auto; }
  .md\:mr0 {
    margin-right: 0px; }
  .md\:pr0 {
    padding-right: 0px; }
  .md\:ma {
    margin: auto; }
  .md\:mr1 {
    margin-right: 5px; }
  .md\:pr1 {
    padding-right: 5px; }
  .md\:ma {
    margin: auto; }
  .md\:mr2 {
    margin-right: 10px; }
  .md\:pr2 {
    padding-right: 10px; }
  .md\:ma {
    margin: auto; }
  .md\:mr3 {
    margin-right: 15px; }
  .md\:pr3 {
    padding-right: 15px; }
  .md\:ma {
    margin: auto; }
  .md\:mr4 {
    margin-right: 20px; }
  .md\:pr4 {
    padding-right: 20px; }
  .md\:ma {
    margin: auto; }
  .md\:mr5 {
    margin-right: 40px; }
  .md\:pr5 {
    padding-right: 40px; }
  .md\:ma {
    margin: auto; }
  .md\:mr6 {
    margin-right: 60px; }
  .md\:pr6 {
    padding-right: 60px; }
  .md\:ma {
    margin: auto; }
  .md\:mr7 {
    margin-right: 80px; }
  .md\:pr7 {
    padding-right: 80px; }
  .md\:ma {
    margin: auto; }
  .md\:mr8 {
    margin-right: 120px; }
  .md\:pr8 {
    padding-right: 120px; }
  .md\:ma {
    margin: auto; }
  .md\:mr9 {
    margin-right: 240px; }
  .md\:pr9 {
    padding-right: 240px; }
  .md\:ma {
    margin: auto; }
  .md\:mra {
    margin-right: auto; } }

@media (min-width: 1024px) {
  .lg\:mt0 {
    margin-top: 0px; }
  .lg\:pt0 {
    padding-top: 0px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mt1 {
    margin-top: 5px; }
  .lg\:pt1 {
    padding-top: 5px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mt2 {
    margin-top: 10px; }
  .lg\:pt2 {
    padding-top: 10px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mt3 {
    margin-top: 15px; }
  .lg\:pt3 {
    padding-top: 15px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mt4 {
    margin-top: 20px; }
  .lg\:pt4 {
    padding-top: 20px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mt5 {
    margin-top: 40px; }
  .lg\:pt5 {
    padding-top: 40px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mt6 {
    margin-top: 60px; }
  .lg\:pt6 {
    padding-top: 60px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mt7 {
    margin-top: 80px; }
  .lg\:pt7 {
    padding-top: 80px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mt8 {
    margin-top: 120px; }
  .lg\:pt8 {
    padding-top: 120px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mt9 {
    margin-top: 240px; }
  .lg\:pt9 {
    padding-top: 240px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mta {
    margin-top: auto; }
  .lg\:mb0 {
    margin-bottom: 0px; }
  .lg\:pb0 {
    padding-bottom: 0px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mb1 {
    margin-bottom: 5px; }
  .lg\:pb1 {
    padding-bottom: 5px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mb2 {
    margin-bottom: 10px; }
  .lg\:pb2 {
    padding-bottom: 10px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mb3 {
    margin-bottom: 15px; }
  .lg\:pb3 {
    padding-bottom: 15px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mb4 {
    margin-bottom: 20px; }
  .lg\:pb4 {
    padding-bottom: 20px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mb5 {
    margin-bottom: 40px; }
  .lg\:pb5 {
    padding-bottom: 40px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mb6 {
    margin-bottom: 60px; }
  .lg\:pb6 {
    padding-bottom: 60px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mb7 {
    margin-bottom: 80px; }
  .lg\:pb7 {
    padding-bottom: 80px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mb8 {
    margin-bottom: 120px; }
  .lg\:pb8 {
    padding-bottom: 120px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mb9 {
    margin-bottom: 240px; }
  .lg\:pb9 {
    padding-bottom: 240px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mba {
    margin-bottom: auto; }
  .lg\:ml0 {
    margin-left: 0px; }
  .lg\:pl0 {
    padding-left: 0px; }
  .lg\:ma {
    margin: auto; }
  .lg\:ml1 {
    margin-left: 5px; }
  .lg\:pl1 {
    padding-left: 5px; }
  .lg\:ma {
    margin: auto; }
  .lg\:ml2 {
    margin-left: 10px; }
  .lg\:pl2 {
    padding-left: 10px; }
  .lg\:ma {
    margin: auto; }
  .lg\:ml3 {
    margin-left: 15px; }
  .lg\:pl3 {
    padding-left: 15px; }
  .lg\:ma {
    margin: auto; }
  .lg\:ml4 {
    margin-left: 20px; }
  .lg\:pl4 {
    padding-left: 20px; }
  .lg\:ma {
    margin: auto; }
  .lg\:ml5 {
    margin-left: 40px; }
  .lg\:pl5 {
    padding-left: 40px; }
  .lg\:ma {
    margin: auto; }
  .lg\:ml6 {
    margin-left: 60px; }
  .lg\:pl6 {
    padding-left: 60px; }
  .lg\:ma {
    margin: auto; }
  .lg\:ml7 {
    margin-left: 80px; }
  .lg\:pl7 {
    padding-left: 80px; }
  .lg\:ma {
    margin: auto; }
  .lg\:ml8 {
    margin-left: 120px; }
  .lg\:pl8 {
    padding-left: 120px; }
  .lg\:ma {
    margin: auto; }
  .lg\:ml9 {
    margin-left: 240px; }
  .lg\:pl9 {
    padding-left: 240px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mla {
    margin-left: auto; }
  .lg\:mr0 {
    margin-right: 0px; }
  .lg\:pr0 {
    padding-right: 0px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mr1 {
    margin-right: 5px; }
  .lg\:pr1 {
    padding-right: 5px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mr2 {
    margin-right: 10px; }
  .lg\:pr2 {
    padding-right: 10px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mr3 {
    margin-right: 15px; }
  .lg\:pr3 {
    padding-right: 15px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mr4 {
    margin-right: 20px; }
  .lg\:pr4 {
    padding-right: 20px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mr5 {
    margin-right: 40px; }
  .lg\:pr5 {
    padding-right: 40px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mr6 {
    margin-right: 60px; }
  .lg\:pr6 {
    padding-right: 60px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mr7 {
    margin-right: 80px; }
  .lg\:pr7 {
    padding-right: 80px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mr8 {
    margin-right: 120px; }
  .lg\:pr8 {
    padding-right: 120px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mr9 {
    margin-right: 240px; }
  .lg\:pr9 {
    padding-right: 240px; }
  .lg\:ma {
    margin: auto; }
  .lg\:mra {
    margin-right: auto; } }

@media (min-width: 1280px) {
  .xl\:mt0 {
    margin-top: 0px; }
  .xl\:pt0 {
    padding-top: 0px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mt1 {
    margin-top: 5px; }
  .xl\:pt1 {
    padding-top: 5px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mt2 {
    margin-top: 10px; }
  .xl\:pt2 {
    padding-top: 10px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mt3 {
    margin-top: 15px; }
  .xl\:pt3 {
    padding-top: 15px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mt4 {
    margin-top: 20px; }
  .xl\:pt4 {
    padding-top: 20px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mt5 {
    margin-top: 40px; }
  .xl\:pt5 {
    padding-top: 40px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mt6 {
    margin-top: 60px; }
  .xl\:pt6 {
    padding-top: 60px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mt7 {
    margin-top: 80px; }
  .xl\:pt7 {
    padding-top: 80px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mt8 {
    margin-top: 120px; }
  .xl\:pt8 {
    padding-top: 120px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mt9 {
    margin-top: 240px; }
  .xl\:pt9 {
    padding-top: 240px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mta {
    margin-top: auto; }
  .xl\:mb0 {
    margin-bottom: 0px; }
  .xl\:pb0 {
    padding-bottom: 0px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mb1 {
    margin-bottom: 5px; }
  .xl\:pb1 {
    padding-bottom: 5px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mb2 {
    margin-bottom: 10px; }
  .xl\:pb2 {
    padding-bottom: 10px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mb3 {
    margin-bottom: 15px; }
  .xl\:pb3 {
    padding-bottom: 15px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mb4 {
    margin-bottom: 20px; }
  .xl\:pb4 {
    padding-bottom: 20px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mb5 {
    margin-bottom: 40px; }
  .xl\:pb5 {
    padding-bottom: 40px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mb6 {
    margin-bottom: 60px; }
  .xl\:pb6 {
    padding-bottom: 60px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mb7 {
    margin-bottom: 80px; }
  .xl\:pb7 {
    padding-bottom: 80px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mb8 {
    margin-bottom: 120px; }
  .xl\:pb8 {
    padding-bottom: 120px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mb9 {
    margin-bottom: 240px; }
  .xl\:pb9 {
    padding-bottom: 240px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mba {
    margin-bottom: auto; }
  .xl\:ml0 {
    margin-left: 0px; }
  .xl\:pl0 {
    padding-left: 0px; }
  .xl\:ma {
    margin: auto; }
  .xl\:ml1 {
    margin-left: 5px; }
  .xl\:pl1 {
    padding-left: 5px; }
  .xl\:ma {
    margin: auto; }
  .xl\:ml2 {
    margin-left: 10px; }
  .xl\:pl2 {
    padding-left: 10px; }
  .xl\:ma {
    margin: auto; }
  .xl\:ml3 {
    margin-left: 15px; }
  .xl\:pl3 {
    padding-left: 15px; }
  .xl\:ma {
    margin: auto; }
  .xl\:ml4 {
    margin-left: 20px; }
  .xl\:pl4 {
    padding-left: 20px; }
  .xl\:ma {
    margin: auto; }
  .xl\:ml5 {
    margin-left: 40px; }
  .xl\:pl5 {
    padding-left: 40px; }
  .xl\:ma {
    margin: auto; }
  .xl\:ml6 {
    margin-left: 60px; }
  .xl\:pl6 {
    padding-left: 60px; }
  .xl\:ma {
    margin: auto; }
  .xl\:ml7 {
    margin-left: 80px; }
  .xl\:pl7 {
    padding-left: 80px; }
  .xl\:ma {
    margin: auto; }
  .xl\:ml8 {
    margin-left: 120px; }
  .xl\:pl8 {
    padding-left: 120px; }
  .xl\:ma {
    margin: auto; }
  .xl\:ml9 {
    margin-left: 240px; }
  .xl\:pl9 {
    padding-left: 240px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mla {
    margin-left: auto; }
  .xl\:mr0 {
    margin-right: 0px; }
  .xl\:pr0 {
    padding-right: 0px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mr1 {
    margin-right: 5px; }
  .xl\:pr1 {
    padding-right: 5px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mr2 {
    margin-right: 10px; }
  .xl\:pr2 {
    padding-right: 10px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mr3 {
    margin-right: 15px; }
  .xl\:pr3 {
    padding-right: 15px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mr4 {
    margin-right: 20px; }
  .xl\:pr4 {
    padding-right: 20px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mr5 {
    margin-right: 40px; }
  .xl\:pr5 {
    padding-right: 40px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mr6 {
    margin-right: 60px; }
  .xl\:pr6 {
    padding-right: 60px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mr7 {
    margin-right: 80px; }
  .xl\:pr7 {
    padding-right: 80px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mr8 {
    margin-right: 120px; }
  .xl\:pr8 {
    padding-right: 120px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mr9 {
    margin-right: 240px; }
  .xl\:pr9 {
    padding-right: 240px; }
  .xl\:ma {
    margin: auto; }
  .xl\:mra {
    margin-right: auto; } }

@media (min-width: 1536px) {
  .xxl\:mt0 {
    margin-top: 0px; }
  .xxl\:pt0 {
    padding-top: 0px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mt1 {
    margin-top: 5px; }
  .xxl\:pt1 {
    padding-top: 5px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mt2 {
    margin-top: 10px; }
  .xxl\:pt2 {
    padding-top: 10px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mt3 {
    margin-top: 15px; }
  .xxl\:pt3 {
    padding-top: 15px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mt4 {
    margin-top: 20px; }
  .xxl\:pt4 {
    padding-top: 20px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mt5 {
    margin-top: 40px; }
  .xxl\:pt5 {
    padding-top: 40px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mt6 {
    margin-top: 60px; }
  .xxl\:pt6 {
    padding-top: 60px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mt7 {
    margin-top: 80px; }
  .xxl\:pt7 {
    padding-top: 80px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mt8 {
    margin-top: 120px; }
  .xxl\:pt8 {
    padding-top: 120px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mt9 {
    margin-top: 240px; }
  .xxl\:pt9 {
    padding-top: 240px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mta {
    margin-top: auto; }
  .xxl\:mb0 {
    margin-bottom: 0px; }
  .xxl\:pb0 {
    padding-bottom: 0px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mb1 {
    margin-bottom: 5px; }
  .xxl\:pb1 {
    padding-bottom: 5px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mb2 {
    margin-bottom: 10px; }
  .xxl\:pb2 {
    padding-bottom: 10px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mb3 {
    margin-bottom: 15px; }
  .xxl\:pb3 {
    padding-bottom: 15px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mb4 {
    margin-bottom: 20px; }
  .xxl\:pb4 {
    padding-bottom: 20px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mb5 {
    margin-bottom: 40px; }
  .xxl\:pb5 {
    padding-bottom: 40px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mb6 {
    margin-bottom: 60px; }
  .xxl\:pb6 {
    padding-bottom: 60px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mb7 {
    margin-bottom: 80px; }
  .xxl\:pb7 {
    padding-bottom: 80px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mb8 {
    margin-bottom: 120px; }
  .xxl\:pb8 {
    padding-bottom: 120px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mb9 {
    margin-bottom: 240px; }
  .xxl\:pb9 {
    padding-bottom: 240px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mba {
    margin-bottom: auto; }
  .xxl\:ml0 {
    margin-left: 0px; }
  .xxl\:pl0 {
    padding-left: 0px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:ml1 {
    margin-left: 5px; }
  .xxl\:pl1 {
    padding-left: 5px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:ml2 {
    margin-left: 10px; }
  .xxl\:pl2 {
    padding-left: 10px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:ml3 {
    margin-left: 15px; }
  .xxl\:pl3 {
    padding-left: 15px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:ml4 {
    margin-left: 20px; }
  .xxl\:pl4 {
    padding-left: 20px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:ml5 {
    margin-left: 40px; }
  .xxl\:pl5 {
    padding-left: 40px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:ml6 {
    margin-left: 60px; }
  .xxl\:pl6 {
    padding-left: 60px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:ml7 {
    margin-left: 80px; }
  .xxl\:pl7 {
    padding-left: 80px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:ml8 {
    margin-left: 120px; }
  .xxl\:pl8 {
    padding-left: 120px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:ml9 {
    margin-left: 240px; }
  .xxl\:pl9 {
    padding-left: 240px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mla {
    margin-left: auto; }
  .xxl\:mr0 {
    margin-right: 0px; }
  .xxl\:pr0 {
    padding-right: 0px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mr1 {
    margin-right: 5px; }
  .xxl\:pr1 {
    padding-right: 5px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mr2 {
    margin-right: 10px; }
  .xxl\:pr2 {
    padding-right: 10px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mr3 {
    margin-right: 15px; }
  .xxl\:pr3 {
    padding-right: 15px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mr4 {
    margin-right: 20px; }
  .xxl\:pr4 {
    padding-right: 20px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mr5 {
    margin-right: 40px; }
  .xxl\:pr5 {
    padding-right: 40px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mr6 {
    margin-right: 60px; }
  .xxl\:pr6 {
    padding-right: 60px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mr7 {
    margin-right: 80px; }
  .xxl\:pr7 {
    padding-right: 80px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mr8 {
    margin-right: 120px; }
  .xxl\:pr8 {
    padding-right: 120px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mr9 {
    margin-right: 240px; }
  .xxl\:pr9 {
    padding-right: 240px; }
  .xxl\:ma {
    margin: auto; }
  .xxl\:mra {
    margin-right: auto; } }

.ma {
  margin: auto; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

@media (min-width: 640px) {
  .sm\:text-left {
    text-align: left; } }

@media (min-width: 768px) {
  .md\:text-left {
    text-align: left; } }

@media (min-width: 1024px) {
  .lg\:text-left {
    text-align: left; } }

@media (min-width: 1280px) {
  .xl\:text-left {
    text-align: left; } }

@media (min-width: 1536px) {
  .xxl\:text-left {
    text-align: left; } }

@media (min-width: 640px) {
  .sm\:text-right {
    text-align: right; } }

@media (min-width: 768px) {
  .md\:text-right {
    text-align: right; } }

@media (min-width: 1024px) {
  .lg\:text-right {
    text-align: right; } }

@media (min-width: 1280px) {
  .xl\:text-right {
    text-align: right; } }

@media (min-width: 1536px) {
  .xxl\:text-right {
    text-align: right; } }

@media (min-width: 640px) {
  .sm\:text-center {
    text-align: center; } }

@media (min-width: 768px) {
  .md\:text-center {
    text-align: center; } }

@media (min-width: 1024px) {
  .lg\:text-center {
    text-align: center; } }

@media (min-width: 1280px) {
  .xl\:text-center {
    text-align: center; } }

@media (min-width: 1536px) {
  .xxl\:text-center {
    text-align: center; } }

.whitespace-normal {
  white-space: normal; }

.whitespace-pre {
  white-space: pre; }

.whitespace-pre-line {
  white-space: pre-line; }

.whitespace-pre-wrap {
  white-space: pre-wrap; }

.whitespace-nowrap {
  white-space: nowrap; }

.ellipsis {
  text-overflow: ellipsis; }