.flex {
  display: flex;
}
.flex-center, .button, .button--icon, .hero__scroll, .header__messenger a, .header__nav ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-jc-start {
  display: flex;
  justify-content: flex-start;
}
.flex-jc-end {
  display: flex;
  justify-content: flex-end;
}
.flex-jc-center {
  display: flex;
  justify-content: center;
}
.flex-jcsb {
  display: flex;
  justify-content: space-between;
}
.flex-jc-around {
  display: flex;
  justify-content: space-around;
}
.flex-jc-evenly {
  display: flex;
  justify-content: space-evenly;
}
.flex-align-start {
  display: flex;
  align-items: flex-start;
}
.flex-align-end {
  display: flex;
  align-items: flex-end;
}
.flex-align-center {
  display: flex;
  align-items: center;
}
.flex-align-stretch {
  display: flex;
  align-items: stretch;
}
.flex-align-baseline {
  display: flex;
  align-items: baseline;
}
.flex-col, .header__nav ul {
  display: flex;
  flex-direction: column;
}
.flex-col-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.flex-col-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.flex-row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-nowrap {
  display: flex;
  flex-wrap: nowrap;
}
.flex-wrap-reverse {
  display: flex;
  flex-wrap: wrap-reverse;
}
.flex-1 {
  flex: 1;
}
.flex-auto {
  flex: auto;
}
.flex-none {
  flex: none;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink-1 {
  flex-shrink: 1;
}

.grid {
  display: grid;
}
.grid-center {
  display: grid;
  place-items: center;
}
.grid-start {
  display: grid;
  place-items: start;
}
.grid-end {
  display: grid;
  place-items: end;
}
.grid-ji-start {
  display: grid;
  justify-items: start;
}
.grid-ji-end {
  display: grid;
  justify-items: end;
}
.grid-ji-center {
  display: grid;
  justify-items: center;
}
.grid-ji-stretch {
  display: grid;
  justify-items: stretch;
}
.grid-ai-start {
  display: grid;
  align-items: start;
}
.grid-ai-end {
  display: grid;
  align-items: end;
}
.grid-ai-center {
  display: grid;
  align-items: center;
}
.grid-ai-stretch {
  display: grid;
  align-items: stretch;
}
.grid-jc-start {
  display: grid;
  justify-content: start;
}
.grid-jc-end {
  display: grid;
  justify-content: end;
}
.grid-jc-center {
  display: grid;
  justify-content: center;
}
.grid-jc-between {
  display: grid;
  justify-content: space-between;
}
.grid-jc-around {
  display: grid;
  justify-content: space-around;
}
.grid-jc-evenly {
  display: grid;
  justify-content: space-evenly;
}
.grid-ac-start {
  display: grid;
  align-content: start;
}
.grid-ac-end {
  display: grid;
  align-content: end;
}
.grid-ac-center {
  display: grid;
  align-content: center;
}
.grid-ac-between {
  display: grid;
  align-content: space-between;
}
.grid-ac-around {
  display: grid;
  align-content: space-around;
}
.grid-ac-evenly {
  display: grid;
  align-content: space-evenly;
}
.grid-flow-row {
  display: grid;
  grid-auto-flow: row;
}
.grid-flow-col {
  display: grid;
  grid-auto-flow: column;
}
.grid-flow-dense {
  display: grid;
  grid-auto-flow: dense;
}

.col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.col-7 {
  grid-template-columns: repeat(7, 1fr);
}
.col-8 {
  grid-template-columns: repeat(8, 1fr);
}
.col-9 {
  grid-template-columns: repeat(9, 1fr);
}
.col-10 {
  grid-template-columns: repeat(10, 1fr);
}
.col-11 {
  grid-template-columns: repeat(11, 1fr);
}
.col-12 {
  grid-template-columns: repeat(12, 1fr);
}

.row-1 {
  grid-template-rows: repeat(1, 1fr);
}
.row-2 {
  grid-template-rows: repeat(2, 1fr);
}
.row-3 {
  grid-template-rows: repeat(3, 1fr);
}
.row-4 {
  grid-template-rows: repeat(4, 1fr);
}
.row-5 {
  grid-template-rows: repeat(5, 1fr);
}
.row-6 {
  grid-template-rows: repeat(6, 1fr);
}
.row-7 {
  grid-template-rows: repeat(7, 1fr);
}
.row-8 {
  grid-template-rows: repeat(8, 1fr);
}
.row-9 {
  grid-template-rows: repeat(9, 1fr);
}
.row-10 {
  grid-template-rows: repeat(10, 1fr);
}
.row-11 {
  grid-template-rows: repeat(11, 1fr);
}
.row-12 {
  grid-template-rows: repeat(12, 1fr);
}

.col-span-1 {
  grid-column: span 1;
}
.col-span-2 {
  grid-column: span 2;
}
.col-span-3 {
  grid-column: span 3;
}
.col-span-4 {
  grid-column: span 4;
}
.col-span-5 {
  grid-column: span 5;
}
.col-span-6 {
  grid-column: span 6;
}
.col-span-7 {
  grid-column: span 7;
}
.col-span-8 {
  grid-column: span 8;
}
.col-span-9 {
  grid-column: span 9;
}
.col-span-10 {
  grid-column: span 10;
}
.col-span-11 {
  grid-column: span 11;
}
.col-span-12 {
  grid-column: span 12;
}
.col-span-full {
  grid-column: 1/-1;
}

.row-span-1 {
  grid-row: span 1;
}
.row-span-2 {
  grid-row: span 2;
}
.row-span-3 {
  grid-row: span 3;
}
.row-span-4 {
  grid-row: span 4;
}
.row-span-5 {
  grid-row: span 5;
}
.row-span-6 {
  grid-row: span 6;
}
.row-span-7 {
  grid-row: span 7;
}
.row-span-8 {
  grid-row: span 8;
}
.row-span-9 {
  grid-row: span 9;
}
.row-span-10 {
  grid-row: span 10;
}
.row-span-11 {
  grid-row: span 11;
}
.row-span-12 {
  grid-row: span 12;
}
.row-span-full {
  grid-row: 1/-1;
}

.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-3 {
  grid-column-start: 3;
}
.col-start-4 {
  grid-column-start: 4;
}
.col-start-5 {
  grid-column-start: 5;
}
.col-start-6 {
  grid-column-start: 6;
}
.col-start-7 {
  grid-column-start: 7;
}
.col-start-8 {
  grid-column-start: 8;
}
.col-start-9 {
  grid-column-start: 9;
}
.col-start-10 {
  grid-column-start: 10;
}
.col-start-11 {
  grid-column-start: 11;
}
.col-start-12 {
  grid-column-start: 12;
}

.col-end-1 {
  grid-column-end: 1;
}
.col-end-2 {
  grid-column-end: 2;
}
.col-end-3 {
  grid-column-end: 3;
}
.col-end-4 {
  grid-column-end: 4;
}
.col-end-5 {
  grid-column-end: 5;
}
.col-end-6 {
  grid-column-end: 6;
}
.col-end-7 {
  grid-column-end: 7;
}
.col-end-8 {
  grid-column-end: 8;
}
.col-end-9 {
  grid-column-end: 9;
}
.col-end-10 {
  grid-column-end: 10;
}
.col-end-11 {
  grid-column-end: 11;
}
.col-end-12 {
  grid-column-end: 12;
}

.row-start-1 {
  grid-row-start: 1;
}
.row-start-2 {
  grid-row-start: 2;
}
.row-start-3 {
  grid-row-start: 3;
}
.row-start-4 {
  grid-row-start: 4;
}
.row-start-5 {
  grid-row-start: 5;
}
.row-start-6 {
  grid-row-start: 6;
}
.row-start-7 {
  grid-row-start: 7;
}
.row-start-8 {
  grid-row-start: 8;
}
.row-start-9 {
  grid-row-start: 9;
}
.row-start-10 {
  grid-row-start: 10;
}
.row-start-11 {
  grid-row-start: 11;
}
.row-start-12 {
  grid-row-start: 12;
}

.row-end-1 {
  grid-row-end: 1;
}
.row-end-2 {
  grid-row-end: 2;
}
.row-end-3 {
  grid-row-end: 3;
}
.row-end-4 {
  grid-row-end: 4;
}
.row-end-5 {
  grid-row-end: 5;
}
.row-end-6 {
  grid-row-end: 6;
}
.row-end-7 {
  grid-row-end: 7;
}
.row-end-8 {
  grid-row-end: 8;
}
.row-end-9 {
  grid-row-end: 9;
}
.row-end-10 {
  grid-row-end: 10;
}
.row-end-11 {
  grid-row-end: 11;
}
.row-end-12 {
  grid-row-end: 12;
}

.gap-0 {
  gap: 0;
}
.gap-x-0 {
  -moz-column-gap: 0;
       column-gap: 0;
}
.gap-y-0 {
  row-gap: 0;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-2, .button, .header__nav ul {
  gap: 0.5rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.gap-x-7 {
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}
.gap-y-7 {
  row-gap: 1.75rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-x-9 {
  -moz-column-gap: 2.25rem;
       column-gap: 2.25rem;
}
.gap-y-9 {
  row-gap: 2.25rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-x-10 {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.gap-y-10 {
  row-gap: 2.5rem;
}
.gap-11 {
  gap: 2.75rem;
}
.gap-x-11 {
  -moz-column-gap: 2.75rem;
       column-gap: 2.75rem;
}
.gap-y-11 {
  row-gap: 2.75rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.gap-y-12 {
  row-gap: 3rem;
}
.gap-13 {
  gap: 3.25rem;
}
.gap-x-13 {
  -moz-column-gap: 3.25rem;
       column-gap: 3.25rem;
}
.gap-y-13 {
  row-gap: 3.25rem;
}
.gap-14 {
  gap: 3.5rem;
}
.gap-x-14 {
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
}
.gap-y-14 {
  row-gap: 3.5rem;
}
.gap-15 {
  gap: 3.75rem;
}
.gap-x-15 {
  -moz-column-gap: 3.75rem;
       column-gap: 3.75rem;
}
.gap-y-15 {
  row-gap: 3.75rem;
}
.gap-16 {
  gap: 4rem;
}
.gap-x-16 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}
.gap-y-16 {
  row-gap: 4rem;
}
.gap-17 {
  gap: 4.25rem;
}
.gap-x-17 {
  -moz-column-gap: 4.25rem;
       column-gap: 4.25rem;
}
.gap-y-17 {
  row-gap: 4.25rem;
}
.gap-18 {
  gap: 4.5rem;
}
.gap-x-18 {
  -moz-column-gap: 4.5rem;
       column-gap: 4.5rem;
}
.gap-y-18 {
  row-gap: 4.5rem;
}
.gap-19 {
  gap: 4.75rem;
}
.gap-x-19 {
  -moz-column-gap: 4.75rem;
       column-gap: 4.75rem;
}
.gap-y-19 {
  row-gap: 4.75rem;
}
.gap-20 {
  gap: 5rem;
}
.gap-x-20 {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}
.gap-y-20 {
  row-gap: 5rem;
}

.p--0 {
  padding: 0;
}
.p--4 {
  padding: 0.25rem;
}
.p--8 {
  padding: 0.5rem;
}
.p--12 {
  padding: 0.75rem;
}
.p--16 {
  padding: 1rem;
}
.p--20 {
  padding: 1.25rem;
}
.p--24 {
  padding: 1.5rem;
}
.p--28 {
  padding: 1.75rem;
}
.p--32 {
  padding: 2rem;
}
.p--36 {
  padding: 2.25rem;
}
.p--40 {
  padding: 2.5rem;
}
.p--44 {
  padding: 2.75rem;
}
.p--48 {
  padding: 3rem;
}
.p--52 {
  padding: 3.25rem;
}
.p--56 {
  padding: 3.5rem;
}
.p--60 {
  padding: 3.75rem;
}
.p--64 {
  padding: 4rem;
}
.p--68 {
  padding: 4.25rem;
}
.p--72 {
  padding: 4.5rem;
}
.p--76 {
  padding: 4.75rem;
}
.p--80 {
  padding: 5rem;
}
.p--84 {
  padding: 5.25rem;
}
.p--88 {
  padding: 5.5rem;
}
.p--92 {
  padding: 5.75rem;
}
.p--96 {
  padding: 6rem;
}
.p--100 {
  padding: 6.25rem;
}
.p--104 {
  padding: 6.5rem;
}
.p--108 {
  padding: 6.75rem;
}
.p--112 {
  padding: 7rem;
}
.p--116 {
  padding: 7.25rem;
}
.p--120 {
  padding: 7.5rem;
}
.p--124 {
  padding: 7.75rem;
}
.p--128 {
  padding: 8rem;
}
.p--132 {
  padding: 8.25rem;
}
.p--136 {
  padding: 8.5rem;
}
.p--140 {
  padding: 8.75rem;
}
.p--144 {
  padding: 9rem;
}
.p--148 {
  padding: 9.25rem;
}
.p--152 {
  padding: 9.5rem;
}
.p--156 {
  padding: 9.75rem;
}
.p--160 {
  padding: 10rem;
}

.pt--0 {
  padding-top: 0;
}
.pt--4 {
  padding-top: 0.25rem;
}
.pt--8 {
  padding-top: 0.5rem;
}
.pt--12 {
  padding-top: 0.75rem;
}
.pt--16 {
  padding-top: 1rem;
}
.pt--20 {
  padding-top: 1.25rem;
}
.pt--24 {
  padding-top: 1.5rem;
}
.pt--28 {
  padding-top: 1.75rem;
}
.pt--32 {
  padding-top: 2rem;
}
.pt--36 {
  padding-top: 2.25rem;
}
.pt--40 {
  padding-top: 2.5rem;
}
.pt--44 {
  padding-top: 2.75rem;
}
.pt--48 {
  padding-top: 3rem;
}
.pt--52 {
  padding-top: 3.25rem;
}
.pt--56 {
  padding-top: 3.5rem;
}
.pt--60 {
  padding-top: 3.75rem;
}
.pt--64 {
  padding-top: 4rem;
}
.pt--68 {
  padding-top: 4.25rem;
}
.pt--72 {
  padding-top: 4.5rem;
}
.pt--76 {
  padding-top: 4.75rem;
}
.pt--80 {
  padding-top: 5rem;
}
.pt--84 {
  padding-top: 5.25rem;
}
.pt--88 {
  padding-top: 5.5rem;
}
.pt--92 {
  padding-top: 5.75rem;
}
.pt--96 {
  padding-top: 6rem;
}
.pt--100 {
  padding-top: 6.25rem;
}
.pt--104 {
  padding-top: 6.5rem;
}
.pt--108 {
  padding-top: 6.75rem;
}
.pt--112 {
  padding-top: 7rem;
}
.pt--116 {
  padding-top: 7.25rem;
}
.pt--120 {
  padding-top: 7.5rem;
}
.pt--124 {
  padding-top: 7.75rem;
}
.pt--128 {
  padding-top: 8rem;
}
.pt--132 {
  padding-top: 8.25rem;
}
.pt--136 {
  padding-top: 8.5rem;
}
.pt--140 {
  padding-top: 8.75rem;
}
.pt--144 {
  padding-top: 9rem;
}
.pt--148 {
  padding-top: 9.25rem;
}
.pt--152 {
  padding-top: 9.5rem;
}
.pt--156 {
  padding-top: 9.75rem;
}
.pt--160 {
  padding-top: 10rem;
}

.pb--0 {
  padding-bottom: 0;
}
.pb--4 {
  padding-bottom: 0.25rem;
}
.pb--8 {
  padding-bottom: 0.5rem;
}
.pb--12 {
  padding-bottom: 0.75rem;
}
.pb--16 {
  padding-bottom: 1rem;
}
.pb--20 {
  padding-bottom: 1.25rem;
}
.pb--24 {
  padding-bottom: 1.5rem;
}
.pb--28 {
  padding-bottom: 1.75rem;
}
.pb--32 {
  padding-bottom: 2rem;
}
.pb--36 {
  padding-bottom: 2.25rem;
}
.pb--40 {
  padding-bottom: 2.5rem;
}
.pb--44 {
  padding-bottom: 2.75rem;
}
.pb--48 {
  padding-bottom: 3rem;
}
.pb--52 {
  padding-bottom: 3.25rem;
}
.pb--56 {
  padding-bottom: 3.5rem;
}
.pb--60 {
  padding-bottom: 3.75rem;
}
.pb--64 {
  padding-bottom: 4rem;
}
.pb--68 {
  padding-bottom: 4.25rem;
}
.pb--72 {
  padding-bottom: 4.5rem;
}
.pb--76 {
  padding-bottom: 4.75rem;
}
.pb--80 {
  padding-bottom: 5rem;
}
.pb--84 {
  padding-bottom: 5.25rem;
}
.pb--88 {
  padding-bottom: 5.5rem;
}
.pb--92 {
  padding-bottom: 5.75rem;
}
.pb--96 {
  padding-bottom: 6rem;
}
.pb--100 {
  padding-bottom: 6.25rem;
}
.pb--104 {
  padding-bottom: 6.5rem;
}
.pb--108 {
  padding-bottom: 6.75rem;
}
.pb--112 {
  padding-bottom: 7rem;
}
.pb--116 {
  padding-bottom: 7.25rem;
}
.pb--120 {
  padding-bottom: 7.5rem;
}
.pb--124 {
  padding-bottom: 7.75rem;
}
.pb--128 {
  padding-bottom: 8rem;
}
.pb--132 {
  padding-bottom: 8.25rem;
}
.pb--136 {
  padding-bottom: 8.5rem;
}
.pb--140 {
  padding-bottom: 8.75rem;
}
.pb--144 {
  padding-bottom: 9rem;
}
.pb--148 {
  padding-bottom: 9.25rem;
}
.pb--152 {
  padding-bottom: 9.5rem;
}
.pb--156 {
  padding-bottom: 9.75rem;
}
.pb--160 {
  padding-bottom: 10rem;
}

.pl--0 {
  padding-left: 0;
}
.pl--4 {
  padding-left: 0.25rem;
}
.pl--8 {
  padding-left: 0.5rem;
}
.pl--12 {
  padding-left: 0.75rem;
}
.pl--16 {
  padding-left: 1rem;
}
.pl--20 {
  padding-left: 1.25rem;
}
.pl--24 {
  padding-left: 1.5rem;
}
.pl--28 {
  padding-left: 1.75rem;
}
.pl--32 {
  padding-left: 2rem;
}
.pl--36 {
  padding-left: 2.25rem;
}
.pl--40 {
  padding-left: 2.5rem;
}
.pl--44 {
  padding-left: 2.75rem;
}
.pl--48 {
  padding-left: 3rem;
}
.pl--52 {
  padding-left: 3.25rem;
}
.pl--56 {
  padding-left: 3.5rem;
}
.pl--60 {
  padding-left: 3.75rem;
}
.pl--64 {
  padding-left: 4rem;
}
.pl--68 {
  padding-left: 4.25rem;
}
.pl--72 {
  padding-left: 4.5rem;
}
.pl--76 {
  padding-left: 4.75rem;
}
.pl--80 {
  padding-left: 5rem;
}
.pl--84 {
  padding-left: 5.25rem;
}
.pl--88 {
  padding-left: 5.5rem;
}
.pl--92 {
  padding-left: 5.75rem;
}
.pl--96 {
  padding-left: 6rem;
}
.pl--100 {
  padding-left: 6.25rem;
}
.pl--104 {
  padding-left: 6.5rem;
}
.pl--108 {
  padding-left: 6.75rem;
}
.pl--112 {
  padding-left: 7rem;
}
.pl--116 {
  padding-left: 7.25rem;
}
.pl--120 {
  padding-left: 7.5rem;
}
.pl--124 {
  padding-left: 7.75rem;
}
.pl--128 {
  padding-left: 8rem;
}
.pl--132 {
  padding-left: 8.25rem;
}
.pl--136 {
  padding-left: 8.5rem;
}
.pl--140 {
  padding-left: 8.75rem;
}
.pl--144 {
  padding-left: 9rem;
}
.pl--148 {
  padding-left: 9.25rem;
}
.pl--152 {
  padding-left: 9.5rem;
}
.pl--156 {
  padding-left: 9.75rem;
}
.pl--160 {
  padding-left: 10rem;
}

.pr--0 {
  padding-right: 0;
}
.pr--4 {
  padding-right: 0.25rem;
}
.pr--8 {
  padding-right: 0.5rem;
}
.pr--12 {
  padding-right: 0.75rem;
}
.pr--16 {
  padding-right: 1rem;
}
.pr--20 {
  padding-right: 1.25rem;
}
.pr--24 {
  padding-right: 1.5rem;
}
.pr--28 {
  padding-right: 1.75rem;
}
.pr--32 {
  padding-right: 2rem;
}
.pr--36 {
  padding-right: 2.25rem;
}
.pr--40 {
  padding-right: 2.5rem;
}
.pr--44 {
  padding-right: 2.75rem;
}
.pr--48 {
  padding-right: 3rem;
}
.pr--52 {
  padding-right: 3.25rem;
}
.pr--56 {
  padding-right: 3.5rem;
}
.pr--60 {
  padding-right: 3.75rem;
}
.pr--64 {
  padding-right: 4rem;
}
.pr--68 {
  padding-right: 4.25rem;
}
.pr--72 {
  padding-right: 4.5rem;
}
.pr--76 {
  padding-right: 4.75rem;
}
.pr--80 {
  padding-right: 5rem;
}
.pr--84 {
  padding-right: 5.25rem;
}
.pr--88 {
  padding-right: 5.5rem;
}
.pr--92 {
  padding-right: 5.75rem;
}
.pr--96 {
  padding-right: 6rem;
}
.pr--100 {
  padding-right: 6.25rem;
}
.pr--104 {
  padding-right: 6.5rem;
}
.pr--108 {
  padding-right: 6.75rem;
}
.pr--112 {
  padding-right: 7rem;
}
.pr--116 {
  padding-right: 7.25rem;
}
.pr--120 {
  padding-right: 7.5rem;
}
.pr--124 {
  padding-right: 7.75rem;
}
.pr--128 {
  padding-right: 8rem;
}
.pr--132 {
  padding-right: 8.25rem;
}
.pr--136 {
  padding-right: 8.5rem;
}
.pr--140 {
  padding-right: 8.75rem;
}
.pr--144 {
  padding-right: 9rem;
}
.pr--148 {
  padding-right: 9.25rem;
}
.pr--152 {
  padding-right: 9.5rem;
}
.pr--156 {
  padding-right: 9.75rem;
}
.pr--160 {
  padding-right: 10rem;
}

.m--0 {
  margin: 0;
}
.m--4 {
  margin: 0.25rem;
}
.m--8 {
  margin: 0.5rem;
}
.m--12 {
  margin: 0.75rem;
}
.m--16 {
  margin: 1rem;
}
.m--20 {
  margin: 1.25rem;
}
.m--24 {
  margin: 1.5rem;
}
.m--28 {
  margin: 1.75rem;
}
.m--32 {
  margin: 2rem;
}
.m--36 {
  margin: 2.25rem;
}
.m--40 {
  margin: 2.5rem;
}
.m--44 {
  margin: 2.75rem;
}
.m--48 {
  margin: 3rem;
}
.m--52 {
  margin: 3.25rem;
}
.m--56 {
  margin: 3.5rem;
}
.m--60 {
  margin: 3.75rem;
}
.m--64 {
  margin: 4rem;
}
.m--68 {
  margin: 4.25rem;
}
.m--72 {
  margin: 4.5rem;
}
.m--76 {
  margin: 4.75rem;
}
.m--80 {
  margin: 5rem;
}
.m--84 {
  margin: 5.25rem;
}
.m--88 {
  margin: 5.5rem;
}
.m--92 {
  margin: 5.75rem;
}
.m--96 {
  margin: 6rem;
}
.m--100 {
  margin: 6.25rem;
}
.m--104 {
  margin: 6.5rem;
}
.m--108 {
  margin: 6.75rem;
}
.m--112 {
  margin: 7rem;
}
.m--116 {
  margin: 7.25rem;
}
.m--120 {
  margin: 7.5rem;
}
.m--124 {
  margin: 7.75rem;
}
.m--128 {
  margin: 8rem;
}
.m--132 {
  margin: 8.25rem;
}
.m--136 {
  margin: 8.5rem;
}
.m--140 {
  margin: 8.75rem;
}
.m--144 {
  margin: 9rem;
}
.m--148 {
  margin: 9.25rem;
}
.m--152 {
  margin: 9.5rem;
}
.m--156 {
  margin: 9.75rem;
}
.m--160 {
  margin: 10rem;
}
.m--auto {
  margin: auto;
}

.mt--0 {
  margin-top: 0;
}
.mt--4 {
  margin-top: 0.25rem;
}
.mt--8 {
  margin-top: 0.5rem;
}
.mt--12 {
  margin-top: 0.75rem;
}
.mt--16 {
  margin-top: 1rem;
}
.mt--20 {
  margin-top: 1.25rem;
}
.mt--24 {
  margin-top: 1.5rem;
}
.mt--28 {
  margin-top: 1.75rem;
}
.mt--32 {
  margin-top: 2rem;
}
.mt--36 {
  margin-top: 2.25rem;
}
.mt--40 {
  margin-top: 2.5rem;
}
.mt--44 {
  margin-top: 2.75rem;
}
.mt--48 {
  margin-top: 3rem;
}
.mt--52 {
  margin-top: 3.25rem;
}
.mt--56 {
  margin-top: 3.5rem;
}
.mt--60 {
  margin-top: 3.75rem;
}
.mt--64 {
  margin-top: 4rem;
}
.mt--68 {
  margin-top: 4.25rem;
}
.mt--72 {
  margin-top: 4.5rem;
}
.mt--76 {
  margin-top: 4.75rem;
}
.mt--80 {
  margin-top: 5rem;
}
.mt--84 {
  margin-top: 5.25rem;
}
.mt--88 {
  margin-top: 5.5rem;
}
.mt--92 {
  margin-top: 5.75rem;
}
.mt--96 {
  margin-top: 6rem;
}
.mt--100 {
  margin-top: 6.25rem;
}
.mt--104 {
  margin-top: 6.5rem;
}
.mt--108 {
  margin-top: 6.75rem;
}
.mt--112 {
  margin-top: 7rem;
}
.mt--116 {
  margin-top: 7.25rem;
}
.mt--120 {
  margin-top: 7.5rem;
}
.mt--124 {
  margin-top: 7.75rem;
}
.mt--128 {
  margin-top: 8rem;
}
.mt--132 {
  margin-top: 8.25rem;
}
.mt--136 {
  margin-top: 8.5rem;
}
.mt--140 {
  margin-top: 8.75rem;
}
.mt--144 {
  margin-top: 9rem;
}
.mt--148 {
  margin-top: 9.25rem;
}
.mt--152 {
  margin-top: 9.5rem;
}
.mt--156 {
  margin-top: 9.75rem;
}
.mt--160 {
  margin-top: 10rem;
}
.mt--auto {
  margin-top: auto;
}

.mb--0 {
  margin-bottom: 0;
}
.mb--4 {
  margin-bottom: 0.25rem;
}
.mb--8 {
  margin-bottom: 0.5rem;
}
.mb--12 {
  margin-bottom: 0.75rem;
}
.mb--16 {
  margin-bottom: 1rem;
}
.mb--20 {
  margin-bottom: 1.25rem;
}
.mb--24 {
  margin-bottom: 1.5rem;
}
.mb--28 {
  margin-bottom: 1.75rem;
}
.mb--32 {
  margin-bottom: 2rem;
}
.mb--36 {
  margin-bottom: 2.25rem;
}
.mb--40 {
  margin-bottom: 2.5rem;
}
.mb--44 {
  margin-bottom: 2.75rem;
}
.mb--48 {
  margin-bottom: 3rem;
}
.mb--52 {
  margin-bottom: 3.25rem;
}
.mb--56 {
  margin-bottom: 3.5rem;
}
.mb--60 {
  margin-bottom: 3.75rem;
}
.mb--64 {
  margin-bottom: 4rem;
}
.mb--68 {
  margin-bottom: 4.25rem;
}
.mb--72 {
  margin-bottom: 4.5rem;
}
.mb--76 {
  margin-bottom: 4.75rem;
}
.mb--80 {
  margin-bottom: 5rem;
}
.mb--84 {
  margin-bottom: 5.25rem;
}
.mb--88 {
  margin-bottom: 5.5rem;
}
.mb--92 {
  margin-bottom: 5.75rem;
}
.mb--96 {
  margin-bottom: 6rem;
}
.mb--100 {
  margin-bottom: 6.25rem;
}
.mb--104 {
  margin-bottom: 6.5rem;
}
.mb--108 {
  margin-bottom: 6.75rem;
}
.mb--112 {
  margin-bottom: 7rem;
}
.mb--116 {
  margin-bottom: 7.25rem;
}
.mb--120 {
  margin-bottom: 7.5rem;
}
.mb--124 {
  margin-bottom: 7.75rem;
}
.mb--128 {
  margin-bottom: 8rem;
}
.mb--132 {
  margin-bottom: 8.25rem;
}
.mb--136 {
  margin-bottom: 8.5rem;
}
.mb--140 {
  margin-bottom: 8.75rem;
}
.mb--144 {
  margin-bottom: 9rem;
}
.mb--148 {
  margin-bottom: 9.25rem;
}
.mb--152 {
  margin-bottom: 9.5rem;
}
.mb--156 {
  margin-bottom: 9.75rem;
}
.mb--160 {
  margin-bottom: 10rem;
}
.mb--auto {
  margin-bottom: auto;
}

.ml--0 {
  margin-left: 0;
}
.ml--4 {
  margin-left: 0.25rem;
}
.ml--8 {
  margin-left: 0.5rem;
}
.ml--12 {
  margin-left: 0.75rem;
}
.ml--16 {
  margin-left: 1rem;
}
.ml--20 {
  margin-left: 1.25rem;
}
.ml--24 {
  margin-left: 1.5rem;
}
.ml--28 {
  margin-left: 1.75rem;
}
.ml--32 {
  margin-left: 2rem;
}
.ml--36 {
  margin-left: 2.25rem;
}
.ml--40 {
  margin-left: 2.5rem;
}
.ml--44 {
  margin-left: 2.75rem;
}
.ml--48 {
  margin-left: 3rem;
}
.ml--52 {
  margin-left: 3.25rem;
}
.ml--56 {
  margin-left: 3.5rem;
}
.ml--60 {
  margin-left: 3.75rem;
}
.ml--64 {
  margin-left: 4rem;
}
.ml--68 {
  margin-left: 4.25rem;
}
.ml--72 {
  margin-left: 4.5rem;
}
.ml--76 {
  margin-left: 4.75rem;
}
.ml--80 {
  margin-left: 5rem;
}
.ml--84 {
  margin-left: 5.25rem;
}
.ml--88 {
  margin-left: 5.5rem;
}
.ml--92 {
  margin-left: 5.75rem;
}
.ml--96 {
  margin-left: 6rem;
}
.ml--100 {
  margin-left: 6.25rem;
}
.ml--104 {
  margin-left: 6.5rem;
}
.ml--108 {
  margin-left: 6.75rem;
}
.ml--112 {
  margin-left: 7rem;
}
.ml--116 {
  margin-left: 7.25rem;
}
.ml--120 {
  margin-left: 7.5rem;
}
.ml--124 {
  margin-left: 7.75rem;
}
.ml--128 {
  margin-left: 8rem;
}
.ml--132 {
  margin-left: 8.25rem;
}
.ml--136 {
  margin-left: 8.5rem;
}
.ml--140 {
  margin-left: 8.75rem;
}
.ml--144 {
  margin-left: 9rem;
}
.ml--148 {
  margin-left: 9.25rem;
}
.ml--152 {
  margin-left: 9.5rem;
}
.ml--156 {
  margin-left: 9.75rem;
}
.ml--160 {
  margin-left: 10rem;
}
.ml--auto {
  margin-left: auto;
}

.mr--0 {
  margin-right: 0;
}
.mr--4 {
  margin-right: 0.25rem;
}
.mr--8 {
  margin-right: 0.5rem;
}
.mr--12 {
  margin-right: 0.75rem;
}
.mr--16 {
  margin-right: 1rem;
}
.mr--20 {
  margin-right: 1.25rem;
}
.mr--24 {
  margin-right: 1.5rem;
}
.mr--28 {
  margin-right: 1.75rem;
}
.mr--32 {
  margin-right: 2rem;
}
.mr--36 {
  margin-right: 2.25rem;
}
.mr--40 {
  margin-right: 2.5rem;
}
.mr--44 {
  margin-right: 2.75rem;
}
.mr--48 {
  margin-right: 3rem;
}
.mr--52 {
  margin-right: 3.25rem;
}
.mr--56 {
  margin-right: 3.5rem;
}
.mr--60 {
  margin-right: 3.75rem;
}
.mr--64 {
  margin-right: 4rem;
}
.mr--68 {
  margin-right: 4.25rem;
}
.mr--72 {
  margin-right: 4.5rem;
}
.mr--76 {
  margin-right: 4.75rem;
}
.mr--80 {
  margin-right: 5rem;
}
.mr--84 {
  margin-right: 5.25rem;
}
.mr--88 {
  margin-right: 5.5rem;
}
.mr--92 {
  margin-right: 5.75rem;
}
.mr--96 {
  margin-right: 6rem;
}
.mr--100 {
  margin-right: 6.25rem;
}
.mr--104 {
  margin-right: 6.5rem;
}
.mr--108 {
  margin-right: 6.75rem;
}
.mr--112 {
  margin-right: 7rem;
}
.mr--116 {
  margin-right: 7.25rem;
}
.mr--120 {
  margin-right: 7.5rem;
}
.mr--124 {
  margin-right: 7.75rem;
}
.mr--128 {
  margin-right: 8rem;
}
.mr--132 {
  margin-right: 8.25rem;
}
.mr--136 {
  margin-right: 8.5rem;
}
.mr--140 {
  margin-right: 8.75rem;
}
.mr--144 {
  margin-right: 9rem;
}
.mr--148 {
  margin-right: 9.25rem;
}
.mr--152 {
  margin-right: 9.5rem;
}
.mr--156 {
  margin-right: 9.75rem;
}
.mr--160 {
  margin-right: 10rem;
}
.mr--auto {
  margin-right: auto;
}

.px--0 {
  padding-left: 0;
  padding-right: 0;
}
.px--4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px--8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px--12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px--16 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px--20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px--24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px--28 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px--32 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px--36 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.px--40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px--44 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.px--48 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px--52 {
  padding-left: 3.25rem;
  padding-right: 3.25rem;
}
.px--56 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.px--60 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
.px--64 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px--68 {
  padding-left: 4.25rem;
  padding-right: 4.25rem;
}
.px--72 {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}
.px--76 {
  padding-left: 4.75rem;
  padding-right: 4.75rem;
}
.px--80 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.px--84 {
  padding-left: 5.25rem;
  padding-right: 5.25rem;
}
.px--88 {
  padding-left: 5.5rem;
  padding-right: 5.5rem;
}
.px--92 {
  padding-left: 5.75rem;
  padding-right: 5.75rem;
}
.px--96 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.px--100 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}
.px--104 {
  padding-left: 6.5rem;
  padding-right: 6.5rem;
}
.px--108 {
  padding-left: 6.75rem;
  padding-right: 6.75rem;
}
.px--112 {
  padding-left: 7rem;
  padding-right: 7rem;
}
.px--116 {
  padding-left: 7.25rem;
  padding-right: 7.25rem;
}
.px--120 {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}
.px--124 {
  padding-left: 7.75rem;
  padding-right: 7.75rem;
}
.px--128 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.px--132 {
  padding-left: 8.25rem;
  padding-right: 8.25rem;
}
.px--136 {
  padding-left: 8.5rem;
  padding-right: 8.5rem;
}
.px--140 {
  padding-left: 8.75rem;
  padding-right: 8.75rem;
}
.px--144 {
  padding-left: 9rem;
  padding-right: 9rem;
}
.px--148 {
  padding-left: 9.25rem;
  padding-right: 9.25rem;
}
.px--152 {
  padding-left: 9.5rem;
  padding-right: 9.5rem;
}
.px--156 {
  padding-left: 9.75rem;
  padding-right: 9.75rem;
}
.px--160 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.mx--0 {
  margin-left: 0;
  margin-right: 0;
}
.mx--4 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx--8 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx--12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx--16 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx--20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx--24 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx--28 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.mx--32 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx--36 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
.mx--40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx--44 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}
.mx--48 {
  margin-left: 3rem;
  margin-right: 3rem;
}
.mx--52 {
  margin-left: 3.25rem;
  margin-right: 3.25rem;
}
.mx--56 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
.mx--60 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}
.mx--64 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.mx--68 {
  margin-left: 4.25rem;
  margin-right: 4.25rem;
}
.mx--72 {
  margin-left: 4.5rem;
  margin-right: 4.5rem;
}
.mx--76 {
  margin-left: 4.75rem;
  margin-right: 4.75rem;
}
.mx--80 {
  margin-left: 5rem;
  margin-right: 5rem;
}
.mx--84 {
  margin-left: 5.25rem;
  margin-right: 5.25rem;
}
.mx--88 {
  margin-left: 5.5rem;
  margin-right: 5.5rem;
}
.mx--92 {
  margin-left: 5.75rem;
  margin-right: 5.75rem;
}
.mx--96 {
  margin-left: 6rem;
  margin-right: 6rem;
}
.mx--100 {
  margin-left: 6.25rem;
  margin-right: 6.25rem;
}
.mx--104 {
  margin-left: 6.5rem;
  margin-right: 6.5rem;
}
.mx--108 {
  margin-left: 6.75rem;
  margin-right: 6.75rem;
}
.mx--112 {
  margin-left: 7rem;
  margin-right: 7rem;
}
.mx--116 {
  margin-left: 7.25rem;
  margin-right: 7.25rem;
}
.mx--120 {
  margin-left: 7.5rem;
  margin-right: 7.5rem;
}
.mx--124 {
  margin-left: 7.75rem;
  margin-right: 7.75rem;
}
.mx--128 {
  margin-left: 8rem;
  margin-right: 8rem;
}
.mx--132 {
  margin-left: 8.25rem;
  margin-right: 8.25rem;
}
.mx--136 {
  margin-left: 8.5rem;
  margin-right: 8.5rem;
}
.mx--140 {
  margin-left: 8.75rem;
  margin-right: 8.75rem;
}
.mx--144 {
  margin-left: 9rem;
  margin-right: 9rem;
}
.mx--148 {
  margin-left: 9.25rem;
  margin-right: 9.25rem;
}
.mx--152 {
  margin-left: 9.5rem;
  margin-right: 9.5rem;
}
.mx--156 {
  margin-left: 9.75rem;
  margin-right: 9.75rem;
}
.mx--160 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.py--0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py--4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py--8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py--12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py--16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py--20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py--24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py--28 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py--32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py--36 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py--40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py--44 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}
.py--48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py--52 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}
.py--56 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.py--60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.py--64 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py--68 {
  padding-top: 4.25rem;
  padding-bottom: 4.25rem;
}
.py--72 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
.py--76 {
  padding-top: 4.75rem;
  padding-bottom: 4.75rem;
}
.py--80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py--84 {
  padding-top: 5.25rem;
  padding-bottom: 5.25rem;
}
.py--88 {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}
.py--92 {
  padding-top: 5.75rem;
  padding-bottom: 5.75rem;
}
.py--96 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py--100 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
.py--104 {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}
.py--108 {
  padding-top: 6.75rem;
  padding-bottom: 6.75rem;
}
.py--112 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.py--116 {
  padding-top: 7.25rem;
  padding-bottom: 7.25rem;
}
.py--120 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
.py--124 {
  padding-top: 7.75rem;
  padding-bottom: 7.75rem;
}
.py--128 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py--132 {
  padding-top: 8.25rem;
  padding-bottom: 8.25rem;
}
.py--136 {
  padding-top: 8.5rem;
  padding-bottom: 8.5rem;
}
.py--140 {
  padding-top: 8.75rem;
  padding-bottom: 8.75rem;
}
.py--144 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}
.py--148 {
  padding-top: 9.25rem;
  padding-bottom: 9.25rem;
}
.py--152 {
  padding-top: 9.5rem;
  padding-bottom: 9.5rem;
}
.py--156 {
  padding-top: 9.75rem;
  padding-bottom: 9.75rem;
}
.py--160 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.my--0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my--4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my--8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my--12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my--16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my--20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my--24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my--28 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.my--32 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my--36 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
.my--40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my--44 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}
.my--48 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my--52 {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}
.my--56 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.my--60 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
.my--64 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.my--68 {
  margin-top: 4.25rem;
  margin-bottom: 4.25rem;
}
.my--72 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}
.my--76 {
  margin-top: 4.75rem;
  margin-bottom: 4.75rem;
}
.my--80 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.my--84 {
  margin-top: 5.25rem;
  margin-bottom: 5.25rem;
}
.my--88 {
  margin-top: 5.5rem;
  margin-bottom: 5.5rem;
}
.my--92 {
  margin-top: 5.75rem;
  margin-bottom: 5.75rem;
}
.my--96 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.my--100 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}
.my--104 {
  margin-top: 6.5rem;
  margin-bottom: 6.5rem;
}
.my--108 {
  margin-top: 6.75rem;
  margin-bottom: 6.75rem;
}
.my--112 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}
.my--116 {
  margin-top: 7.25rem;
  margin-bottom: 7.25rem;
}
.my--120 {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}
.my--124 {
  margin-top: 7.75rem;
  margin-bottom: 7.75rem;
}
.my--128 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.my--132 {
  margin-top: 8.25rem;
  margin-bottom: 8.25rem;
}
.my--136 {
  margin-top: 8.5rem;
  margin-bottom: 8.5rem;
}
.my--140 {
  margin-top: 8.75rem;
  margin-bottom: 8.75rem;
}
.my--144 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}
.my--148 {
  margin-top: 9.25rem;
  margin-bottom: 9.25rem;
}
.my--152 {
  margin-top: 9.5rem;
  margin-bottom: 9.5rem;
}
.my--156 {
  margin-top: 9.75rem;
  margin-bottom: 9.75rem;
}
.my--160 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.mx--auto {
  margin-left: auto;
  margin-right: auto;
}

.my--auto {
  margin-top: auto;
  margin-bottom: auto;
}

.max-w-full {
  max-width: 100%;
}
.max-w-auto {
  max-width: auto;
}
.max-w-sm {
  max-width: 15rem;
}
.max-w-md {
  max-width: 22.5rem;
}
.max-w-lg {
  max-width: 30rem;
}
.max-w-xl {
  max-width: 37.5rem;
}
.max-w-2xl {
  max-width: 45rem;
}
.max-w-3xl {
  max-width: 52.5rem;
}
.max-w-4xl {
  max-width: 60rem;
}
.max-w-5xl {
  max-width: 67.5rem;
}
.max-w-6xl {
  max-width: 75rem;
}

.max-w-sm\/1\.25 {
  max-width: calc(15rem / 1.25);
}

.max-w-sm\/1\.3 {
  max-width: calc(15rem / 1.3);
}

.max-w-sm\/1\.35 {
  max-width: calc(15rem / 1.35);
}

.max-w-sm\/1\.4 {
  max-width: calc(15rem / 1.4);
}

.max-w-md\/1\.25 {
  max-width: calc(22.5rem / 1.25);
}

.max-w-md\/1\.3 {
  max-width: calc(22.5rem / 1.3);
}

.max-w-md\/1\.35 {
  max-width: calc(22.5rem / 1.35);
}

.max-w-md\/1\.4 {
  max-width: calc(22.5rem / 1.4);
}

.max-w-lg\/1\.25 {
  max-width: calc(30rem / 1.25);
}

.max-w-lg\/1\.3 {
  max-width: calc(30rem / 1.3);
}

.max-w-lg\/1\.35 {
  max-width: calc(30rem / 1.35);
}

.max-w-lg\/1\.4 {
  max-width: calc(30rem / 1.4);
}

.max-w-xl\/1\.25 {
  max-width: calc(37.5rem / 1.25);
}

.max-w-xl\/1\.3 {
  max-width: calc(37.5rem / 1.3);
}

.max-w-xl\/1\.35 {
  max-width: calc(37.5rem / 1.35);
}

.max-w-xl\/1\.4 {
  max-width: calc(37.5rem / 1.4);
}

.max-w-2xl\/1\.25 {
  max-width: calc(45rem / 1.25);
}

.max-w-2xl\/1\.3 {
  max-width: calc(45rem / 1.3);
}

.max-w-2xl\/1\.35 {
  max-width: calc(45rem / 1.35);
}

.max-w-2xl\/1\.4 {
  max-width: calc(45rem / 1.4);
}

.max-w-3xl\/1\.25 {
  max-width: calc(52.5rem / 1.25);
}

.max-w-3xl\/1\.3 {
  max-width: calc(52.5rem / 1.3);
}

.max-w-3xl\/1\.35 {
  max-width: calc(52.5rem / 1.35);
}

.max-w-3xl\/1\.4 {
  max-width: calc(52.5rem / 1.4);
}

.max-w-4xl\/1\.25 {
  max-width: calc(60rem / 1.25);
}

.max-w-4xl\/1\.3 {
  max-width: calc(60rem / 1.3);
}

.max-w-4xl\/1\.35 {
  max-width: calc(60rem / 1.35);
}

.max-w-4xl\/1\.4 {
  max-width: calc(60rem / 1.4);
}

.max-w-5xl\/1\.25 {
  max-width: calc(67.5rem / 1.25);
}

.max-w-5xl\/1\.3 {
  max-width: calc(67.5rem / 1.3);
}

.max-w-5xl\/1\.35 {
  max-width: calc(67.5rem / 1.35);
}

.max-w-5xl\/1\.4 {
  max-width: calc(67.5rem / 1.4);
}

.max-w-6xl\/1\.25 {
  max-width: calc(75rem / 1.25);
}

.max-w-6xl\/1\.3 {
  max-width: calc(75rem / 1.3);
}

.max-w-6xl\/1\.35 {
  max-width: calc(75rem / 1.35);
}

.max-w-6xl\/1\.4 {
  max-width: calc(75rem / 1.4);
}

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

* {
  margin: 0;
}

img,
picture,
svg,
video,
canvas {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

:root {
  --content-max-width: 1320px;
  --content-gutter: 20px;
  --bg: #0C0C0C;
  --color: #FFFFFF;
  --font: 'Atyp Text', sans-serif;
  --title: 'AKONY', sans-serif;
  --font2: 'Stapel', sans-serif;
  --bg-opacity: 0.08;
  --bg-opacity-hover: 0.12;
  --gradient: linear-gradient(139deg, #f05 0%, #ff6200 100%);
}

html {
  font-family: var(--font);
  font-weight: normal;
  line-height: 1.25;
  font-size: 1.125vw;
  background: var(--bg);
  color: var(--color);
}

body {
  min-width: 320px;
}

main {
  position: relative;
  z-index: 1;
}

@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-Regular.eot");
  src: local("Atyp Display"), local("AtypDisplay-Regular"), url("../fonts/AtypDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-Regular.woff2") format("woff2"), url("../fonts/AtypDisplay-Regular.woff") format("woff"), url("../fonts/AtypDisplay-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-ThinItalic.eot");
  src: local("Atyp Display Thin Italic"), local("AtypDisplay-ThinItalic"), url("../fonts/AtypDisplay-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-ThinItalic.woff2") format("woff2"), url("../fonts/AtypDisplay-ThinItalic.woff") format("woff"), url("../fonts/AtypDisplay-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-Semibold.eot");
  src: local("Atyp Display Semibold"), local("AtypDisplay-Semibold"), url("../fonts/AtypDisplay-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-Semibold.woff2") format("woff2"), url("../fonts/AtypDisplay-Semibold.woff") format("woff"), url("../fonts/AtypDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-BoldItalic.eot");
  src: local("Atyp Display Bold Italic"), local("AtypDisplay-BoldItalic"), url("../fonts/AtypDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-BoldItalic.woff2") format("woff2"), url("../fonts/AtypDisplay-BoldItalic.woff") format("woff"), url("../fonts/AtypDisplay-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-Thin.eot");
  src: local("Atyp Display Thin"), local("AtypDisplay-Thin"), url("../fonts/AtypDisplay-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-Thin.woff2") format("woff2"), url("../fonts/AtypDisplay-Thin.woff") format("woff"), url("../fonts/AtypDisplay-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-BoldItalic.eot");
  src: local("Atyp Text Bold Italic"), local("AtypText-BoldItalic"), url("../fonts/AtypText-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-BoldItalic.woff2") format("woff2"), url("../fonts/AtypText-BoldItalic.woff") format("woff"), url("../fonts/AtypText-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-Italic.eot");
  src: local("Atyp Display Italic"), local("AtypDisplay-Italic"), url("../fonts/AtypDisplay-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-Italic.woff2") format("woff2"), url("../fonts/AtypDisplay-Italic.woff") format("woff"), url("../fonts/AtypDisplay-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-SemiboldItalic.eot");
  src: local("Atyp Display Semibold Italic"), local("AtypDisplay-SemiboldItalic"), url("../fonts/AtypDisplay-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-SemiboldItalic.woff2") format("woff2"), url("../fonts/AtypDisplay-SemiboldItalic.woff") format("woff"), url("../fonts/AtypDisplay-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-Light.eot");
  src: local("Atyp Display Light"), local("AtypDisplay-Light"), url("../fonts/AtypDisplay-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-Light.woff2") format("woff2"), url("../fonts/AtypDisplay-Light.woff") format("woff"), url("../fonts/AtypDisplay-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-Medium.eot");
  src: local("Atyp Display Medium"), local("AtypDisplay-Medium"), url("../fonts/AtypDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-Medium.woff2") format("woff2"), url("../fonts/AtypDisplay-Medium.woff") format("woff"), url("../fonts/AtypDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-LightItalic.eot");
  src: local("Atyp Display Light Italic"), local("AtypDisplay-LightItalic"), url("../fonts/AtypDisplay-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-LightItalic.woff2") format("woff2"), url("../fonts/AtypDisplay-LightItalic.woff") format("woff"), url("../fonts/AtypDisplay-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-Bold.eot");
  src: local("Atyp Text Bold"), local("AtypText-Bold"), url("../fonts/AtypText-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-Bold.woff2") format("woff2"), url("../fonts/AtypText-Bold.woff") format("woff"), url("../fonts/AtypText-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-Bold.eot");
  src: local("Atyp Display Bold"), local("AtypDisplay-Bold"), url("../fonts/AtypDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-Bold.woff2") format("woff2"), url("../fonts/AtypDisplay-Bold.woff") format("woff"), url("../fonts/AtypDisplay-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Display";
  src: url("../fonts/AtypDisplay-MediumItalic.eot");
  src: local("Atyp Display Medium Italic"), local("AtypDisplay-MediumItalic"), url("../fonts/AtypDisplay-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypDisplay-MediumItalic.woff2") format("woff2"), url("../fonts/AtypDisplay-MediumItalic.woff") format("woff"), url("../fonts/AtypDisplay-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-Thin.eot");
  src: local("Atyp Text Thin"), local("AtypText-Thin"), url("../fonts/AtypText-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-Thin.woff2") format("woff2"), url("../fonts/AtypText-Thin.woff") format("woff"), url("../fonts/AtypText-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Variable";
  src: url("../fonts/AtypRegularVariable.eot");
  src: local("Atyp Variable"), local("AtypRegularVariable"), url("../fonts/AtypRegularVariable.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypRegularVariable.woff2") format("woff2"), url("../fonts/AtypRegularVariable.woff") format("woff"), url("../fonts/AtypRegularVariable.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-Italic.eot");
  src: local("Atyp Text Italic"), local("AtypText-Italic"), url("../fonts/AtypText-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-Italic.woff2") format("woff2"), url("../fonts/AtypText-Italic.woff") format("woff"), url("../fonts/AtypText-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-Semibold.eot");
  src: local("Atyp Text Semibold"), local("AtypText-Semibold"), url("../fonts/AtypText-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-Semibold.woff2") format("woff2"), url("../fonts/AtypText-Semibold.woff") format("woff"), url("../fonts/AtypText-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-SemiboldItalic.eot");
  src: local("Atyp Text Semibold Italic"), local("AtypText-SemiboldItalic"), url("../fonts/AtypText-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-SemiboldItalic.woff2") format("woff2"), url("../fonts/AtypText-SemiboldItalic.woff") format("woff"), url("../fonts/AtypText-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-Regular.eot");
  src: local("Atyp Text"), local("AtypText-Regular"), url("../fonts/AtypText-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-Regular.woff2") format("woff2"), url("../fonts/AtypText-Regular.woff") format("woff"), url("../fonts/AtypText-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-MediumItalic.eot");
  src: local("Atyp Text Medium Italic"), local("AtypText-MediumItalic"), url("../fonts/AtypText-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-MediumItalic.woff2") format("woff2"), url("../fonts/AtypText-MediumItalic.woff") format("woff"), url("../fonts/AtypText-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-Medium.eot");
  src: local("Atyp Text Medium"), local("AtypText-Medium"), url("../fonts/AtypText-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-Medium.woff2") format("woff2"), url("../fonts/AtypText-Medium.woff") format("woff"), url("../fonts/AtypText-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-Light.eot");
  src: local("Atyp Text Light"), local("AtypText-Light"), url("../fonts/AtypText-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-Light.woff2") format("woff2"), url("../fonts/AtypText-Light.woff") format("woff"), url("../fonts/AtypText-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-LightItalic.eot");
  src: local("Atyp Text Light Italic"), local("AtypText-LightItalic"), url("../fonts/AtypText-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-LightItalic.woff2") format("woff2"), url("../fonts/AtypText-LightItalic.woff") format("woff"), url("../fonts/AtypText-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText-ThinItalic.eot");
  src: local("Atyp Text Thin Italic"), local("AtypText-ThinItalic"), url("../fonts/AtypText-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AtypText-ThinItalic.woff2") format("woff2"), url("../fonts/AtypText-ThinItalic.woff") format("woff"), url("../fonts/AtypText-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "AKONY";
  src: url("../fonts/AKONY.woff2") format("woff2"), url("../fonts/AKONY.woff") format("woff"), url("../fonts/AKONY.otf") format("opentype"), url("../fonts/AKONY.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Expanded";
  src: url("../fonts/Stapel-ExpandedBold.eot");
  src: local("Stapel Expanded Bold"), local("Stapel-ExpandedBold"), url("../fonts/Stapel-ExpandedBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-ExpandedBold.woff2") format("woff2"), url("../fonts/Stapel-ExpandedBold.woff") format("woff"), url("../fonts/Stapel-ExpandedBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel";
  src: url("../fonts/Stapel-Bold.eot");
  src: local("Stapel Bold"), local("Stapel-Bold"), url("../fonts/Stapel-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-Bold.woff2") format("woff2"), url("../fonts/Stapel-Bold.woff") format("woff"), url("../fonts/Stapel-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Extra";
  src: url("../fonts/Stapel-ExtraBoldItalic.eot");
  src: local("Stapel Extra Bold Italic"), local("Stapel-ExtraBoldItalic"), url("../fonts/Stapel-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Stapel-ExtraBoldItalic.woff") format("woff"), url("../fonts/Stapel-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Expanded Extra";
  src: url("../fonts/Stapel-ExpandedExtraBold.eot");
  src: local("Stapel Expanded Extra Bold"), local("Stapel-ExpandedExtraBold"), url("../fonts/Stapel-ExpandedExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-ExpandedExtraBold.woff2") format("woff2"), url("../fonts/Stapel-ExpandedExtraBold.woff") format("woff"), url("../fonts/Stapel-ExpandedExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel";
  src: url("../fonts/Stapel-BoldItalic.eot");
  src: local("Stapel Bold Italic"), local("Stapel-BoldItalic"), url("../fonts/Stapel-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-BoldItalic.woff2") format("woff2"), url("../fonts/Stapel-BoldItalic.woff") format("woff"), url("../fonts/Stapel-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Expanded";
  src: url("../fonts/Stapel-ExpandedBlack.eot");
  src: local("Stapel Expanded Black"), local("Stapel-ExpandedBlack"), url("../fonts/Stapel-ExpandedBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-ExpandedBlack.woff2") format("woff2"), url("../fonts/Stapel-ExpandedBlack.woff") format("woff"), url("../fonts/Stapel-ExpandedBlack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel";
  src: url("../fonts/Stapel-MediumItalic.eot");
  src: local("Stapel Medium Italic"), local("Stapel-MediumItalic"), url("../fonts/Stapel-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-MediumItalic.woff2") format("woff2"), url("../fonts/Stapel-MediumItalic.woff") format("woff"), url("../fonts/Stapel-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Extra";
  src: url("../fonts/Stapel-ExtraLightItalic.eot");
  src: local("Stapel Extra Light Italic"), local("Stapel-ExtraLightItalic"), url("../fonts/Stapel-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Stapel-ExtraLightItalic.woff") format("woff"), url("../fonts/Stapel-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Stapel";
  src: url("../fonts/Stapel-Light.eot");
  src: local("Stapel Light"), local("Stapel-Light"), url("../fonts/Stapel-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-Light.woff2") format("woff2"), url("../fonts/Stapel-Light.woff") format("woff"), url("../fonts/Stapel-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Semi Expanded";
  src: url("../fonts/Stapel-SemiExpandedBlack.eot");
  src: local("Stapel Semi Expanded Black"), local("Stapel-SemiExpandedBlack"), url("../fonts/Stapel-SemiExpandedBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-SemiExpandedBlack.woff2") format("woff2"), url("../fonts/Stapel-SemiExpandedBlack.woff") format("woff"), url("../fonts/Stapel-SemiExpandedBlack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel";
  src: url("../fonts/Stapel-Medium.eot");
  src: local("Stapel Medium"), local("Stapel-Medium"), url("../fonts/Stapel-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-Medium.woff2") format("woff2"), url("../fonts/Stapel-Medium.woff") format("woff"), url("../fonts/Stapel-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel";
  src: url("../fonts/Stapel-LightItalic.eot");
  src: local("Stapel Light Italic"), local("Stapel-LightItalic"), url("../fonts/Stapel-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-LightItalic.woff2") format("woff2"), url("../fonts/Stapel-LightItalic.woff") format("woff"), url("../fonts/Stapel-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Semi Expanded";
  src: url("../fonts/Stapel-SemiExpandedMedium.eot");
  src: local("Stapel Semi Expanded Medium"), local("Stapel-SemiExpandedMedium"), url("../fonts/Stapel-SemiExpandedMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-SemiExpandedMedium.woff2") format("woff2"), url("../fonts/Stapel-SemiExpandedMedium.woff") format("woff"), url("../fonts/Stapel-SemiExpandedMedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel";
  src: url("../fonts/Stapel-Italic.eot");
  src: local("Stapel Italic"), local("Stapel-Italic"), url("../fonts/Stapel-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-Italic.woff2") format("woff2"), url("../fonts/Stapel-Italic.woff") format("woff"), url("../fonts/Stapel-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Extra";
  src: url("../fonts/Stapel-ExtraLight.eot");
  src: local("Stapel Extra Light"), local("Stapel-ExtraLight"), url("../fonts/Stapel-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-ExtraLight.woff2") format("woff2"), url("../fonts/Stapel-ExtraLight.woff") format("woff"), url("../fonts/Stapel-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Semi Expanded";
  src: url("../fonts/Stapel-SemiExpandedBold.eot");
  src: local("Stapel Semi Expanded Bold"), local("Stapel-SemiExpandedBold"), url("../fonts/Stapel-SemiExpandedBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-SemiExpandedBold.woff2") format("woff2"), url("../fonts/Stapel-SemiExpandedBold.woff") format("woff"), url("../fonts/Stapel-SemiExpandedBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Extra";
  src: url("../fonts/Stapel-ExtraBold.eot");
  src: local("Stapel Extra Bold"), local("Stapel-ExtraBold"), url("../fonts/Stapel-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-ExtraBold.woff2") format("woff2"), url("../fonts/Stapel-ExtraBold.woff") format("woff"), url("../fonts/Stapel-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Text";
  src: url("../fonts/StapelText-BoldItalic.eot");
  src: local("Stapel Text Bold Italic"), local("StapelText-BoldItalic"), url("../fonts/StapelText-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/StapelText-BoldItalic.woff2") format("woff2"), url("../fonts/StapelText-BoldItalic.woff") format("woff"), url("../fonts/StapelText-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Semi Expanded Extra";
  src: url("../fonts/Stapel-SemiExpandedExtraBold.eot");
  src: local("Stapel Semi Expanded Extra Bold"), local("Stapel-SemiExpandedExtraBold"), url("../fonts/Stapel-SemiExpandedExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Stapel-SemiExpandedExtraBold.woff2") format("woff2"), url("../fonts/Stapel-SemiExpandedExtraBold.woff") format("woff"), url("../fonts/Stapel-SemiExpandedExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Text";
  src: url("../fonts/StapelText-Bold.eot");
  src: local("Stapel Text Bold"), local("StapelText-Bold"), url("../fonts/StapelText-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/StapelText-Bold.woff2") format("woff2"), url("../fonts/StapelText-Bold.woff") format("woff"), url("../fonts/StapelText-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Text";
  src: url("../fonts/StapelText-Italic.eot");
  src: local("Stapel Text Italic"), local("StapelText-Italic"), url("../fonts/StapelText-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/StapelText-Italic.woff2") format("woff2"), url("../fonts/StapelText-Italic.woff") format("woff"), url("../fonts/StapelText-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Stapel Text";
  src: url("../fonts/StapelText-LightItalic.eot");
  src: local("Stapel Text Light Italic"), local("StapelText-LightItalic"), url("../fonts/StapelText-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/StapelText-LightItalic.woff2") format("woff2"), url("../fonts/StapelText-LightItalic.woff") format("woff"), url("../fonts/StapelText-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3 {
  font-family: var(--title);
}

h1 {
  font-size: 1.875rem;
}

h2 {
  font-size: 1.625rem;
}

h3 {
  font-size: 1rem;
}

.container {
  width: 82.5rem;
  margin-inline: auto;
}

.hover-bg, .header__messenger a, .header__nav ul li a {
  transition: background 0.3s ease;
}
.hover-bg:hover, .header__messenger a:hover, .header__nav ul li a:hover {
  background: rgba(255, 255, 255, 0.12);
}

.header {
  position: absolute;
  top: 1.625rem;
  left: 0;
  width: 100%;
  z-index: 155;
}
.header__leftside {
  width: 100%;
  max-width: 66.875rem;
}
.header__logo {
  margin-right: auto;
}
.header__logo a {
  display: inline-block;
  width: 9.25rem;
  height: auto;
}
.header__logo a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header__menu {
  border-radius: 0.875rem;
  border: none;
  outline: none;
  width: 2.4375rem;
  height: 2.4375rem;
  background: url("../images/tabler.svg") center center no-repeat rgba(255, 255, 255, 0.12);
  background-size: 1.5rem;
  margin-right: 1.25rem;
  cursor: pointer;
  transition: background 0.3s ease;
}
.header__menu:hover {
  background: url("../images/tabler.svg") center center no-repeat rgba(255, 255, 255, 0.16);
  background-size: 1.5rem;
}
.header__messenger a {
  width: 2.4375rem;
  height: 2.4375rem;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 0.875rem;
}
.header__messenger a img {
  width: 1.4375rem;
  height: 1.4375rem;
}
.header__nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header__nav ul li {
  list-style: none;
}
.header__nav ul li a {
  font-family: var(--font2);
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0.625rem;
  padding: 0.4375rem 0.875rem;
  background: rgba(255, 255, 255, 0.08);
  padding-left: 1.125rem;
}

.hero {
  background: url("../images/hero.webp") top center no-repeat;
  background-size: cover;
  padding-top: 8.125rem;
  min-height: 43.75rem;
  position: relative;
  z-index: 1;
  margin-bottom: -1.25rem;
}
.hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  z-index: -1;
  pointer-events: none;
}
.hero .container {
  position: relative;
}
.hero__title {
  width: 100%;
  max-width: 46.625rem;
}
.hero__information {
  margin-top: 11.875rem;
  width: 100%;
  max-width: 33.4375rem;
}
.hero__description {
  margin-bottom: 3.125rem;
  width: 100%;
  max-width: 24.375rem;
}
.hero__scroll {
  gap: 0.75rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.hero__scroll::after {
  content: "";
  width: 1.125rem;
  height: 1.5rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTgnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAxOCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOC4zNjM5MyAxNy4xMzI1QzguNTMyNjggMTcuMzAxMSA4Ljc2MTQzIDE3LjM5NTcgOC45OTk5MyAxNy4zOTU3QzkuMjM4NDMgMTcuMzk1NyA5LjQ2NzE4IDE3LjMwMTEgOS42MzU5MyAxNy4xMzI1TDEyLjMzNTkgMTQuNDMzN0MxMi40OTQ5IDE0LjI2MzEgMTIuNTgxNSAxNC4wMzc1IDEyLjU3NzMgMTMuODA0M0MxMi41NzMyIDEzLjU3MTEgMTIuNDc4OCAxMy4zNDg3IDEyLjMxMzkgMTMuMTgzOEMxMi4xNDkgMTMuMDE4OSAxMS45MjY1IDEyLjkyNDQgMTEuNjkzNCAxMi45MjAzQzExLjQ2MDIgMTIuOTE2MiAxMS4yMzQ1IDEzLjAwMjcgMTEuMDYzOSAxMy4xNjE3TDguOTk5OTMgMTUuMjIyMUw2LjkzNTkzIDEzLjE1OTNDNi44NTI4NiAxMy4wNzM0IDYuNzUzNTIgMTMuMDA0OSA2LjY0MzcgMTIuOTU3OEM2LjUzMzg3IDEyLjkxMDcgNi40MTU3NiAxMi44ODU5IDYuMjk2MjYgMTIuODg0OUM2LjE3Njc2IDEyLjg4MzkgNi4wNTgyNiAxMi45MDY4IDUuOTQ3NjcgMTIuOTUyMUM1LjgzNzA5IDEyLjk5NzQgNS43MzY2MyAxMy4wNjQyIDUuNjUyMTcgMTMuMTQ4OEM1LjU2NzcxIDEzLjIzMzMgNS41MDA5MyAxMy4zMzM4IDUuNDU1NzMgMTMuNDQ0NUM1LjQxMDUzIDEzLjU1NTEgNS4zODc4MSAxMy42NzM2IDUuMzg4OSAxMy43OTMxQzUuMzkgMTMuOTEyNiA1LjQxNDg4IDE0LjAzMDcgNS40NjIxIDE0LjE0MDVDNS41MDkzMiAxNC4yNTAzIDUuNTc3OTMgMTQuMzQ5NSA1LjY2MzkzIDE0LjQzMjVMOC4zNjM5MyAxNy4xMzI1Wk04Ljk5OTkzIDguNDY0OTJDOC43NDUzMiA4LjQ2NDkyIDguNTAxMTQgOC4zNjM3OCA4LjMyMTExIDguMTgzNzVDOC4xNDEwNyA4LjAwMzcxIDguMDM5OTMgNy43NTk1MyA4LjAzOTkzIDcuNTA0OTJDOC4wMzk5MyA3LjI1MDMyIDguMTQxMDcgNy4wMDYxNCA4LjMyMTExIDYuODI2MUM4LjUwMTE0IDYuNjQ2MDcgOC43NDUzMiA2LjU0NDkyIDguOTk5OTMgNi41NDQ5MkM5LjI1NDU0IDYuNTQ0OTIgOS40OTg3MSA2LjY0NjA3IDkuNjc4NzUgNi44MjYxQzkuODU4NzggNy4wMDYxNCA5Ljk1OTkzIDcuMjUwMzIgOS45NTk5MyA3LjUwNDkyQzkuOTU5OTMgNy43NTk1MyA5Ljg1ODc4IDguMDAzNzEgOS42Nzg3NSA4LjE4Mzc1QzkuNDk4NzEgOC4zNjM3OCA5LjI1NDU0IDguNDY0OTIgOC45OTk5MyA4LjQ2NDkyWk04LjAzOTkzIDEwLjg4NDFDOC4wMzk5MyAxMS4wMTAyIDguMDY0NzYgMTEuMTM1IDguMTEzIDExLjI1MTVDOC4xNjEyNSAxMS4zNjggOC4yMzE5NiAxMS40NzM4IDguMzIxMTEgMTEuNTYyOUM4LjQxMDI1IDExLjY1MjEgOC41MTYwOCAxMS43MjI4IDguNjMyNTUgMTEuNzcxQzguNzQ5MDIgMTEuODE5MyA4Ljg3Mzg2IDExLjg0NDEgOC45OTk5MyAxMS44NDQxQzkuMTI2IDExLjg0NDEgOS4yNTA4MyAxMS44MTkzIDkuMzY3MyAxMS43NzFDOS40ODM3OCAxMS43MjI4IDkuNTg5NjEgMTEuNjUyMSA5LjY3ODc1IDExLjU2MjlDOS43Njc4OSAxMS40NzM4IDkuODM4NjEgMTEuMzY4IDkuODg2ODUgMTEuMjUxNUM5LjkzNTEgMTEuMTM1IDkuOTU5OTMgMTEuMDEwMiA5Ljk1OTkzIDEwLjg4NDFDOS45NTk5MyAxMC42Mjk1IDkuODU4NzggMTAuMzg1MyA5LjY3ODc1IDEwLjIwNTNDOS40OTg3MSAxMC4wMjUzIDkuMjU0NTQgOS45MjQxMiA4Ljk5OTkzIDkuOTI0MTJDOC43NDUzMiA5LjkyNDEyIDguNTAxMTQgMTAuMDI1MyA4LjMyMTExIDEwLjIwNTNDOC4xNDEwNyAxMC4zODUzIDguMDM5OTMgMTAuNjI5NSA4LjAzOTkzIDEwLjg4NDFaJyBmaWxsPSd3aGl0ZScgZmlsbC1vcGFjaXR5PScwLjcnIC8+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J005IDBDNi42MTMwNSAwIDQuMzIzODcgMC45NDgyMTEgMi42MzYwNCAyLjYzNjA0QzAuOTQ4MjExIDQuMzIzODcgMCA2LjYxMzA1IDAgOVYxNUMwIDE3LjM4NjkgMC45NDgyMTEgMTkuNjc2MSAyLjYzNjA0IDIxLjM2NEM0LjMyMzg3IDIzLjA1MTggNi42MTMwNSAyNCA5IDI0QzExLjM4NjkgMjQgMTMuNjc2MSAyMy4wNTE4IDE1LjM2NCAyMS4zNjRDMTcuMDUxOCAxOS42NzYxIDE4IDE3LjM4NjkgMTggMTVWOUMxOCA2LjYxMzA1IDE3LjA1MTggNC4zMjM4NyAxNS4zNjQgMi42MzYwNEMxMy42NzYxIDAuOTQ4MjExIDExLjM4NjkgMCA5IDBaTTEuOCA5QzEuOCA3LjA5MDQ0IDIuNTU4NTcgNS4yNTkwOSAzLjkwODgzIDMuOTA4ODNDNS4yNTkwOSAyLjU1ODU3IDcuMDkwNDQgMS44IDkgMS44QzEwLjkwOTYgMS44IDEyLjc0MDkgMi41NTg1NyAxNC4wOTEyIDMuOTA4ODNDMTUuNDQxNCA1LjI1OTA5IDE2LjIgNy4wOTA0NCAxNi4yIDlWMTVDMTYuMiAxNi45MDk2IDE1LjQ0MTQgMTguNzQwOSAxNC4wOTEyIDIwLjA5MTJDMTIuNzQwOSAyMS40NDE0IDEwLjkwOTYgMjIuMiA5IDIyLjJDNy4wOTA0NCAyMi4yIDUuMjU5MDkgMjEuNDQxNCAzLjkwODgzIDIwLjA5MTJDMi41NTg1NyAxOC43NDA5IDEuOCAxNi45MDk2IDEuOCAxNVY5WicgZmlsbD0nd2hpdGUnIGZpbGwtb3BhY2l0eT0nMC43JyAvPjwvc3ZnPg==") center no-repeat;
  background-size: cover;
}
.hero__scroll p {
  font-size: 0.875rem;
  opacity: 0.85;
}
.hero__logo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.6875rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTQ0MCcgaGVpZ2h0PScxMjMnIHZpZXdCb3g9JzAgMCAxNDQwIDEyMycgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMi40NDczIDBIODAuNDE1M0wxMjUuNTE4IDMyLjM0MUwxNzAuNjIgMEgyNDguNTg4TDE2NC41MDIgNjAuMzExNkwyNTEuMDM2IDEyMi4zNzFIMTczLjA2OEwxMjUuNTE4IDg4LjI4MjFMNzcuOTY3OSAxMjIuMzcxSC0wLjAwMDEyMjA3TDg2LjUzMzkgNjAuMzExNkwyLjQ0NzMgMFonIGZpbGw9J3doaXRlJyAvPjxwYXRoIGQ9J00yNjEuNTQxIDEyMi4zNzFWMEgzMTYuNzgzVjY3LjEyOTRMNDEzLjk4MSAwSDQ5NC4wNDdMNDA1LjQxNSA2MS4xODU2TDQ5NC4wNDcgMTIyLjM3MUg0MTMuOTgxTDM2NS4zODIgODguODA2NkwzMTYuNzgzIDEyMi4zNzFIMjYxLjU0MVonIGZpbGw9J3doaXRlJyAvPjxwYXRoIGQ9J002MjcuODgzIDM4LjQ1OTVMNjAyLjM2IDY5LjkyNjRINjUzLjQwN0w2MjcuODgzIDM4LjQ1OTVaTTU5Ni43NjYgMEg2NTkuMDAxTDc1OC4xMjEgMTIyLjM3MUg2OTUuODg3TDY4MS43MjcgMTA0Ljg5SDU3NC4wNEw1NTkuODggMTIyLjM3MUg0OTcuNjQ1TDU5Ni43NjYgMFonIGZpbGw9J3doaXRlJyAvPjxwYXRoIGQ9J004MDguMjA4IDEyMi4zNzFWNDEuOTU1OUg3MTkuNzUxVjBIOTUyLjI1NlY0MS45NTU5SDg2My40NVYxMjIuMzcxSDgwOC4yMDhaJyBmaWxsPSd3aGl0ZScgLz48cGF0aCBkPSdNOTY2LjI2OSAxMjIuMzcxVjBIMTE5My41M1YzMS40NjY5SDEwMjEuNTFWNDUuNDUyMkgxMTkzLjUzVjc2LjkxOTFIMTAyMS41MVY5MC45MDQ0SDExOTMuNTNWMTIyLjM3MUg5NjYuMjY5WicgZmlsbD0nd2hpdGUnIC8+PHBhdGggZD0nTTEzNzcuMDcgNDEuOTU1OUgxMjYyLjc0VjU1Ljk0MTJIMTM3Ny4wN0MxMzgxLjk2IDU1Ljk0MTIgMTM4NC43NiA1My4zMTg5IDEzODQuNzYgNDguOTQ4NUMxMzg0Ljc2IDQ0LjU3ODEgMTM4MS45NiA0MS45NTU5IDEzNzcuMDcgNDEuOTU1OVpNMTI2Mi43NCAxMjIuMzcxSDEyMDcuNDlWMEgxMzkxLjA1QzE0MjEuNjQgMCAxNDQwIDI0LjQ3NDMgMTQ0MCA0OC45NDg1QzE0NDAgNzAuMTAxMyAxNDI2LjE5IDkxLjI1NCAxNDAyLjc2IDk2LjY3MzNMMTQ0MCAxMjIuMzcxSDEzNjguNjdMMTMzMy4xOSA5Ny44OTdIMTI2Mi43NFYxMjIuMzcxWicgZmlsbD0nd2hpdGUnIC8+PC9zdmc+") center no-repeat;
  background-size: contain;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
.hero__logo::after {
  content: "";
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 -1.875rem 3.125rem 0 rgba(0, 0, 0, 0.7);
  z-index: -1;
}

.rent {
  background: var(--bg);
  border-radius: 1.4375rem;
  position: relative;
  z-index: 2;
}
.rent__filters-title p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.9;
  color: rgba(255, 255, 255, 0.5);
}
.rent .section__header {
  grid-template-columns: 26.6875rem 1fr 12.5rem;
  grid-template-areas: "subtitle title ." "description filters sort";
}
.rent .section__header .section__subtitle {
  grid-area: subtitle;
}
.rent .section__header .section__title {
  grid-area: title;
}
.rent .section__header .section__description {
  grid-area: description;
}
.rent .section__header .rent__filters {
  grid-area: filters;
  margin-top: auto;
}
.rent .section__header .rent__sort {
  grid-area: sort;
  margin-top: auto;
  margin-left: auto;
}

.button {
  display: inline-flex;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  border: none;
  cursor: pointer;
}
.button:has(> svg) svg {
  width: 1.25rem;
  height: 1.25rem;
  transition: transform 0.3s ease-in-out;
}
@media (hover: hover) {
  .button:has(> svg):hover svg {
    transform: rotate(90deg);
  }
  .button:has(> svg):hover[class*=icon] {
    border-color: rgba(255, 255, 255, 0.85);
  }
}
.button--lg {
  font-size: 0.875rem;
  padding: 0.875rem 2rem;
  border-radius: 1rem;
}
.button--lg[class*=icon] {
  padding: 0.75rem 0.75rem;
}
.button--md {
  font-size: 0.75rem;
  padding: 0.75rem 1.75rem;
}
.button--sm {
  font-size: 0.625rem;
  padding: 0.625rem 1.5rem;
}
.button--primary {
  background: var(--gradient);
  position: relative;
  z-index: 1;
}
.button--primary::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient);
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.3s ease;
  transform: scale(-1, -1);
  z-index: -1;
}
@media (hover: hover) {
  .button--primary:hover::after {
    opacity: 1;
  }
}
.button--nopadding {
  padding: 0;
}
.button--icon {
  border: 0.0625rem solid rgba(255, 255, 255, 0.5);
  transition: border-color 0.3s ease-in-out;
}
.button--icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.section__header {
  margin-bottom: 3.125rem;
}
.section__subtitle {
  margin-bottom: 2rem;
}
.section__subtitle p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.9;
}
.section__description p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.55);
}
.section__description p span {
  color: rgba(255, 255, 255, 0.85);
}

.custom-select {
  position: relative;
  width: auto;
  min-width: 8.375rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.custom-select--nobg .custom-select__trigger {
  background: transparent;
  padding: 0;
}
.custom-select--nobg .custom-select__trigger:hover {
  background: transparent;
}
.custom-select--nobg .custom-select__trigger:hover svg rect {
  fill-opacity: 0.15;
}
.custom-select select {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}
.custom-select__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  height: 2.5rem;
  padding: 0.5rem 0.625rem 0.5rem 0.875rem;
  background: #131313;
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  outline: none;
  transition: background 0.2s ease;
}
.custom-select__trigger:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.4);
  outline-offset: 2px;
}
.custom-select__trigger:hover {
  background: #1e1e1e;
}
.custom-select__value {
  font-weight: 400;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}
.custom-select__value.is-active {
  color: #FFFFFF;
}
.custom-select__arrow {
  flex-shrink: 0;
  transition: transform 0.25s ease;
  width: 0.875rem;
  height: 0.875rem;
}
.custom-select__arrow rect {
  transition: fill-opacity 0.25s ease;
}
.custom-select__dropdown {
  position: absolute;
  top: calc(100% + 0.375rem);
  left: 0;
  right: 0;
  min-width: 100%;
  background: #131313;
  border-radius: 0.75rem;
  padding: 0.375rem;
  margin: 0;
  list-style: none;
  z-index: 100;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-0.5rem);
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.custom-select__option {
  font-weight: 400;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.5);
  padding: 0.5rem 0.625rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
}
.custom-select__option:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #FFFFFF;
}
.custom-select__option.is-selected {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.08);
}
.custom-select.is-open .custom-select__arrow {
  transform: rotate(180deg);
}
.custom-select.is-open .custom-select__dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.custom-select.is-open .custom-select__trigger {
  background: #1e1e1e;
}

i[class*=icon--] {
  display: inline-block;
  background-size: cover !important;
}

.icon--filter {
  width: 0.875rem;
  height: 0.875rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIHZpZXdCb3g9JzAgMCAxNCAxNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTIuNzkxNyA5LjEyNTc1SDUuNTg0NThNNS41ODQ1OCA5LjEyNTc1QzUuNTg0NTggOS40NjMwMiA1LjQ1MDAyIDkuNzg2NDcgNS4yMTE1NCAxMC4wMjVDNC45NzMwNSAxMC4yNjM0IDQuNjQ5NiAxMC4zOTc0IDQuMzEyMzMgMTAuMzk3NEMzLjk3NTA3IDEwLjM5NzQgMy42NTE2MSAxMC4yNjM0IDMuNDEzMTMgMTAuMDI1QzMuMTc0NjUgOS43ODY0NyAzLjA0MDY3IDkuNDYzMDIgMy4wNDA2NyA5LjEyNTc1TTUuNTg0NTggOS4xMjU3NUM1LjU4NDU4IDguNzg4NDggNS40NTAwMiA4LjQ2NTAzIDUuMjExNTQgOC4yMjY1NUM0Ljk3MzA1IDcuOTg4MDYgNC42NDk2IDcuODU0MDggNC4zMTIzMyA3Ljg1NDA4QzMuOTc1MDcgNy44NTQwOCAzLjY1MTYxIDcuOTg4MDYgMy40MTMxMyA4LjIyNjU1QzMuMTc0NjUgOC40NjUwMyAzLjA0MDY3IDguNzg4NDggMy4wNDA2NyA5LjEyNTc1TTMuMDQwNjcgOS4xMjU3NUgyTTEyLjc5MTcgNS4yNzE2N0gxMC45ODA0TTEwLjk4MDQgNS4yNzE2N0MxMC45ODA0IDUuNDM4NjYgMTAuOTQ2OSA1LjYwNDAzIDEwLjg4MyA1Ljc1ODMxQzEwLjgxOTEgNS45MTI2IDEwLjcyNTUgNi4wNTI3OSAxMC42MDc0IDYuMTcwODdDMTAuNDg5MyA2LjI4ODk2IDEwLjM0OTEgNi4zODI2MyAxMC4xOTQ4IDYuNDQ2NTNDMTAuMDQwNSA2LjUxMDQ0IDkuODc1MTYgNi41NDMzMyA5LjcwODE3IDYuNTQzMzNDOS4zNzA5IDYuNTQzMzMgOS4wNDc0NSA2LjQwOTM1IDguODA4OTYgNi4xNzA4N0M4LjU3MDQ4IDUuOTMyMzkgOC40MzY1IDUuNjA4OTMgOC40MzY1IDUuMjcxNjdNMTAuOTgwNCA1LjI3MTY3QzEwLjk4MDQgNS4xMDQ2NyAxMC45NDY5IDQuOTM5MzEgMTAuODgzIDQuNzg1MDJDMTAuODE5MSA0LjYzMDc0IDEwLjcyNTUgNC40OTA1NSAxMC42MDc0IDQuMzcyNDZDMTAuNDg5MyA0LjI1NDM4IDEwLjM0OTEgNC4xNjA3MSAxMC4xOTQ4IDQuMDk2OEMxMC4wNDA1IDQuMDMyODkgOS44NzUxNiA0IDkuNzA4MTcgNEM5LjM3MDkgNCA5LjA0NzQ1IDQuMTMzOTggOC44MDg5NiA0LjM3MjQ2QzguNTcwNDggNC42MTA5NSA4LjQzNjUgNC45MzQ0IDguNDM2NSA1LjI3MTY3TTguNDM2NSA1LjI3MTY3SDInIHN0cm9rZT0nIzg1ODU4NScgc3Ryb2tlLXdpZHRoPScwLjcnIHN0cm9rZS1taXRlcmxpbWl0PScxMCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyAvPjwvc3ZnPg==") center no-repeat;
}
.icon--title {
  width: 0.5625rem;
  height: 0.5625rem;
  margin-right: 0.75rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nOScgaGVpZ2h0PSc5JyB2aWV3Qm94PScwIDAgOSA5JyBmaWxsPSdub25lJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J00wLjM5OTk5NCA0LjQwMDAySDEuMzk5OTlDMy4wNTY4NSA0LjQwMDAyIDQuMzk5OTkgMy4wNTY4OCA0LjM5OTk5IDEuNDAwMDJWMC40MDAwMjQnIHN0cm9rZT0nd2hpdGUnIHN0cm9rZS13aWR0aD0nMC44JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIC8+PHBhdGggZD0nTTguMzk5OTkgNC40MDAwMkg3LjM5OTk5QzUuNzQzMTQgNC40MDAwMiA0LjM5OTk5IDUuNzQzMTcgNC4zOTk5OSA3LjQwMDAyVjguNDAwMDInIHN0cm9rZT0nd2hpdGUnIHN0cm9rZS1vcGFjaXR5PScwLjUnIHN0cm9rZS13aWR0aD0nMC44JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIC8+PC9zdmc+") center no-repeat;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
