:root {
  --royal-blue: #255cff;
  --midnight-blue: #0d2371;
  --0d2371: #818181;
  --ghost-white: #fafbff;
  --light-steel-blue-2: #c8d7fe;
  --light-steel-blue: #c1d2fd;
  --cornflower-blue: #92aeff;
  --floral-white: #fefbf3;
  --white-smoke: #ebebeb;
  --coral: #ff6632;
  --white: #fafafa;
  --dim-grey: #4e4e4e;
  --gold: rgba(255, 217, 0, .84);
  --salmon: #ef8168;
  --firebrick: rgba(196, 26, 26, 0);
  --viam: #03ee83;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  color: #818181;
  text-transform: uppercase;
  height: 100%;
  margin-left: 330px;
  font-family: Lekton, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: #fff;
  letter-spacing: 4px;
  border: 2px solid rgba(255, 255, 255, .56);
  margin-top: 0;
  margin-bottom: 50px;
  padding: 25px 45px;
  font-family: Oswald, sans-serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 44px;
  display: inline-block;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  color: #414141;
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  color: #616161;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Raleway, sans-serif;
  font-size: 13px;
  line-height: 30px;
}

img {
  max-width: 100%;
  display: inline-block;
}

.button {
  opacity: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 15px 20px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  transition: all .5s;
  display: inline-block;
}

.button:hover {
  color: #fff;
  background-color: #323232;
  border-color: #323232;
}

.button.btn-project {
  text-align: right;
  background-color: #424242;
  margin-left: 15px;
}

.button.btn-project:hover {
  background-color: rgba(255, 217, 0, .84);
}

.button.btn-form {
  text-transform: uppercase;
  width: 100%;
  margin-top: 15px;
  display: inline-block;
}

.button.btn-banne {
  color: #212121;
  background-color: rgba(255, 217, 0, .84);
  font-family: Lekton, sans-serif;
}

.button.btn-banne:hover {
  background-color: #fff;
}

.button.btn-small {
  text-transform: uppercase;
  background-color: #ef8168;
  border-color: #ef8168;
}

.button.btn-small:hover {
  background-color: #323232;
  border-color: #323232;
}

.button.btn-spc {
  margin-right: 10px;
}

.button.btn-slider:hover {
  background-color: #ef8168;
  border-color: #ef8168;
}

.button.custom {
  color: #000;
  border-color: #000;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 17px 20px 15px;
  font-size: 13px;
}

.button.custom:hover {
  color: #fff;
}

.button.custom.custom2 {
  margin: 44px 16px 0;
}

.button.custom.custom2._4 {
  color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, .64), rgba(0, 0, 0, .64));
  border-style: none;
  border-color: rgba(0, 0, 0, .64);
  margin-bottom: 6px;
}

.button.custom.custom2._4:hover {
  background-color: rgba(50, 50, 50, .84);
  box-shadow: 0 0 6px #000;
}

.button.custom._2._3 {
  margin-top: 9px;
  margin-bottom: 0;
}

.button.custom._4 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
  display: inline-block;
}

.button.resume {
  border-color: #b4adad;
  border-radius: 4px;
  margin-top: 9px;
  margin-left: 119px;
  margin-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
}

.button.resume:hover {
  border-style: none;
  font-size: 13px;
}

.button.resume._2:hover {
  color: #f8f2f2;
  background-color: #494848;
  margin-left: 118px;
}

.button.true {
  color: #9c9c9c;
  border-color: #aa9e9e;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 92px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
}

.button.true:hover {
  color: #fff;
}

.left-navigation {
  z-index: 20;
  background-color: #fff;
  width: 329px;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 1px 0 3px rgba(0, 0, 0, .2);
}

.brand {
  opacity: 1;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 70px;
}

.brand.w--current {
  margin-top: 50px;
  margin-bottom: 70px;
}

.header-wrapper {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.sub-logo {
  letter-spacing: 2px;
  font-family: Lekton, sans-serif;
  font-size: 12px;
  line-height: 40px;
}

.back-1 {
  color: #212121;
  background-color: rgba(255, 217, 0, .84);
  padding: 10px 15px;
  font-weight: 700;
}

.navigation {
  margin-top: 0;
}

.nav-linke {
  text-align: center;
  letter-spacing: 2px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  margin-bottom: -1px;
  font-family: Oswald, sans-serif;
  font-size: 11px;
  font-weight: 400;
  transition: all .5s;
}

.nav-linke:hover {
  color: #fff;
}

.nav-linke.w--current {
  color: #222;
}

.nav-linke.ln, .nav-linke.ln.w--current {
  border-top-color: #ebebeb;
}

.text-block {
  color: #323232;
  padding: 20px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  display: inline-block;
}

.service-section {
  background-color: #fff;
  margin-top: 62px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.logo {
  transition: all .5s;
}

.social-wrapper {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.center {
  text-align: center;
}

.center.pj {
  border-style: none;
  padding-top: 0;
}

.center._3 {
  margin-top: -37px;
  padding-bottom: 0;
}

.welcoe-text {
  color: #212121;
  text-align: center;
  letter-spacing: 2px;
  text-transform: none;
  margin-top: 1px;
  margin-bottom: 39px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 45px;
  display: block;
}

.welcoe-text.text-pages {
  color: #000;
  border-bottom: 1px #f7bdb0;
  margin-top: 36px;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

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

.welcoe-text.middle-section {
  margin-bottom: 65px;
  padding-top: 0;
  padding-bottom: 0;
}

.welcoe-text.modified {
  color: #757575;
  margin-top: 12px;
  margin-bottom: 0;
  padding-bottom: 12px;
  font-weight: 300;
}

.line {
  background-color: rgba(10, 10, 10, .84);
  width: 5%;
  height: 2px;
  margin: 30px auto 40px;
  display: block;
}

.line.lft {
  text-align: left;
  width: 10%;
  margin-left: 0;
  margin-right: 0;
}

.sub-text {
  color: #818181;
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.sub-text.testi {
  text-transform: none;
  margin-bottom: 50px;
  padding-left: 60px;
  padding-right: 60px;
  font-family: Open Sans, sans-serif;
}

.backg-sub {
  color: #212121;
  background-color: rgba(255, 217, 0, .84);
  margin-left: 3px;
  margin-right: 3px;
  padding: 7px 10px 5px;
}

.features-section {
  opacity: 1;
  background-color: #f2f2f2;
  padding: 106px 20px 84px;
  font-family: Open Sans, sans-serif;
}

.row {
  margin-top: 0;
  margin-bottom: 0;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.row.ft {
  margin-bottom: 60px;
}

.feat-ico {
  float: left;
  color: #333;
  text-align: center;
  background-color: #fff;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  margin-right: 20px;
  padding-top: 19px;
  overflow: hidden;
}

.feat-text {
  overflow: hidden;
}

.hero-section {
  background-color: #292929;
}

.row-portfolio.pg {
  background-color: #303030;
  margin-top: 60px;
}

.col-port {
  letter-spacing: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.button-section {
  background-color: #3f3f3f;
  background-image: none;
  padding-top: 40px;
  padding-bottom: 40px;
}

.logo-section {
  padding: 100px 20px 67px;
}

.portfolio-overlay {
  z-index: 10;
  text-align: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: all .5s;
  position: absolute;
}

.portfolio-overlay:hover {
  background-color: rgba(0, 0, 0, .7);
}

.port-text {
  position: relative;
  top: 40%;
}

.big-text {
  color: #fff;
  letter-spacing: 1px;
  background-color: rgba(0, 0, 0, .54);
  padding: 13px 17px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 300;
  display: inline-block;
}

.slider-div {
  height: 300px;
  margin-top: 70px;
}

.slider {
  background-color: rgba(0, 0, 0, 0);
  height: auto;
}

.arrow {
  background-image: url('../images/pattern2.jpg');
  width: 60px;
  height: 60px;
  padding-top: 18px;
  font-size: 22px;
  font-weight: 700;
}

.arrow.pro-slide {
  opacity: .65;
  margin-right: 0;
}

.arrow.pro-slide-2 {
  opacity: .65;
  margin-left: 0;
}

.vertical {
  width: 100px;
  height: 100px;
  margin-top: 6px;
  margin-bottom: 6px;
  display: none;
  left: 0;
}

.vertical.vt-right {
  margin-right: 305px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.vertical.vt-left {
  margin-left: 305px;
  position: absolute;
  right: 0;
}

.dots-nav {
  opacity: .62;
  font-size: 10px;
  position: absolute;
}

.photo-client {
  background-image: url('../images/Brien.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 182px;
  border-radius: 100%;
  width: 120px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.photo-client.client_2 {
  background-image: url('../images/kat.png');
  background-position: 50%;
  background-size: 160px 160px;
  background-attachment: scroll;
}

.photo-client.client_3 {
  background-image: url('../images/Steve.png');
  background-size: 182px;
}

.text-test {
  margin-top: 25px;
}

.name-testimonials {
  color: #212121;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.company {
  color: #818181;
  font-weight: 400;
}

.mask {
  top: 0;
  bottom: 0;
}

.client-section {
  background-color: #f7f7f7;
  margin-top: 10px;
  padding: 40px 10px 40px 20px;
}

.brand-logo {
  display: flex;
}

.client-logo {
  text-align: center;
  width: 20%;
  display: inline-block;
}

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

.copyright {
  color: #818181;
  text-align: left;
  letter-spacing: 1px;
  padding-top: 8px;
  font-size: 13px;
}

.social-ico {
  margin-bottom: 15px;
}

.social-ico.social-team {
  position: relative;
  top: 45%;
}

.ico-social {
  opacity: .67;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 100%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  text-decoration: none;
  transition: all .5s;
}

.ico-social:hover {
  opacity: 1;
}

.go-top {
  text-align: right;
  background-color: #fff;
  padding: 10px 20px;
}

.top {
  opacity: .6;
  width: 35px;
  height: 35px;
  transition: all .5s;
}

.top:hover {
  opacity: 1;
}

.tittle-section {
  color: #a5a5a5;
  background-color: #3f3f3f;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  padding: 30px 20px;
  display: block;
}

.team-section {
  background-color: #f2f2f2;
  padding-top: 100px;
  padding-bottom: 100px;
}

.team-img {
  border: 0 solid rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-top: -32px;
  padding-top: 0;
  padding-bottom: 24px;
  padding-right: 0;
  position: relative;
  overflow: hidden;
}

.team-wrapper {
  text-align: center;
  border: 1px rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-top: 30px;
  box-shadow: 0 0 6px 1px #bdbdbd;
}

.team-overlay {
  z-index: 2;
  text-align: center;
  width: 100%;
  height: 100%;
  transition: all .5s;
  position: absolute;
}

.team-overlay:hover {
  background-color: rgba(0, 0, 0, .7);
}

.contat-section {
  padding: 14px 20px 100px;
}

.banner {
  height: auto;
}

.hide {
  display: none;
}

.slider-projec {
  background-color: rgba(0, 0, 0, 0);
  height: 100%;
}

.info-section {
  border: 2px #000;
  border-radius: 0;
  padding: 100px 20px;
}

.info-section:hover {
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 3px;
}

.btn-div {
  margin-top: 40px;
}

.btn-div.rs {
  margin-top: 23px;
}

.related-section {
  background-color: #f2f2f2;
  padding-top: 100px;
  padding-bottom: 0;
}

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

.text-field {
  border-top-style: none;
  border-bottom-width: 1px;
  border-bottom-color: #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right-style: none;
  margin-bottom: 20px;
  padding: 20px 19px 20px 18px;
}

.text-field.area {
  padding-top: 13px;
  padding-bottom: 60px;
}

.error-message {
  text-align: center;
  margin-top: 20px;
}

.error {
  color: #ed7b7b;
  margin-bottom: 0;
}

.succes {
  text-align: center;
  background-color: rgba(186, 255, 218, .84);
  padding-top: 40px;
  padding-bottom: 40px;
}

.succ {
  color: rgba(12, 156, 79, .84);
  margin-bottom: 0;
  font-weight: 400;
}

.cent {
  position: relative;
}

.responsive-section {
  background-color: #f2f2f2;
  padding: 100px 20px;
}

.col-rs {
  padding-top: 24px;
}

.banner-home {
  height: 100%;
  padding: 0 20px;
  box-shadow: inset 0 -1px 3px rgba(0, 0, 0, .2);
}

.container-center {
  text-align: center;
  flex-direction: column;
  margin-top: 14px;
  display: flex;
}

.small-text {
  color: #fff;
  letter-spacing: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 23px;
}

.small-text.home {
  color: #797979;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  padding-top: 7px;
  display: block;
}

.btn-banner {
  margin-top: 33px;
}

.size {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
}

.style {
  margin-top: 18px;
  padding-bottom: 26px;
  font-family: Oswald, sans-serif;
  font-size: 21px;
  font-style: normal;
  line-height: 21px;
  text-decoration: none;
}

.type {
  margin-top: 18px;
  padding-bottom: 26px;
  font-family: Oswald, sans-serif;
  font-size: 21px;
  line-height: 21px;
}

.video {
  border: 0 solid rgba(0, 0, 0, 0);
  border-radius: 3px;
  margin-top: 13px;
  margin-bottom: -38px;
  padding-top: 0;
  padding-bottom: 0;
}

.video:hover {
  border: 1px rgba(0, 0, 0, 0);
  border-radius: 6px;
  margin-top: 17px;
  margin-bottom: 18px;
  box-shadow: 0 0 33px #a0a0a0;
}

.image {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.dynamic {
  border: 0 solid #000;
  padding-top: 0;
  font-size: 15px;
  display: inline;
}

.text {
  padding-top: 0;
}

.sub-texter {
  color: #000;
  padding-bottom: 22px;
  font-family: Raleway, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.header {
  color: #000;
  margin-top: 0;
  padding-bottom: 13px;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.header-bold {
  color: #6b6b6b;
  font-family: Oswald, sans-serif;
  font-size: 30px;
}

.left-aligned-sub-text {
  text-transform: none;
  font-family: Open Sans, sans-serif;
}

.left-aligned-sub-text.custom {
  margin-top: 14px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.left-aligned-sub-text._3 {
  margin-top: 16px;
  margin-right: 100px;
}

.left-aligned-sub-text._3.bullet {
  margin-top: 6px;
}

.left-aligned-sub-text._3.head {
  margin-top: 23px;
  font-weight: 700;
}

.left-aligned-sub-text._3.italics {
  font-style: italic;
}

.heading-4 {
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.client-text {
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.skills-header {
  color: #000;
  text-align: center;
  text-transform: none;
  margin-top: -39px;
  padding-bottom: 39px;
  font-size: 24px;
  font-weight: 600;
}

.center-aligned-text {
  color: #818181;
  text-align: center;
  text-transform: none;
  margin-bottom: 0;
  margin-left: 13px;
  margin-right: 13px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.center-aligned-text.custom {
  margin-top: 0;
  margin-right: 0;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.center-aligned-text.customized {
  margin-left: 13px;
  margin-right: 13px;
  padding-left: 171px;
  padding-right: 171px;
}

.center-aligned-text._2 {
  padding-left: 0;
}

.digital-advert-body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1px;
  padding: 0 20px 21px;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.dig-advert-body {
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  margin-top: 40px;
  box-shadow: 0 0 6px -4px #000;
}

.dig-advert-sub-head {
  color: #000;
  text-align: center;
  text-transform: none;
  order: 1;
  align-self: flex-start;
  margin-top: 11px;
  padding-bottom: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.dg-advert-image {
  float: none;
  text-align: center;
  align-self: center;
  margin-top: 33px;
  padding-left: 0;
  display: block;
}

.dig-advert {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  padding-left: 0;
  display: flex;
}

.digital-advert-row {
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  margin: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  box-shadow: 0 1px 3px #dadada;
}

.digital-advert-row.custom {
  box-shadow: none;
  border-style: none;
  border-width: 1px;
  margin-top: -24px;
  padding-bottom: 0;
}

.digital-advert-row.custom._2 {
  background-image: none;
  margin-top: 37px;
  margin-left: 10px;
  margin-right: 10px;
}

.digital-advert-row.digad {
  flex-direction: column;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.digital-advert-row._2 {
  margin-top: -1px;
}

.link {
  color: #949494;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

.link:hover {
  color: #000;
  text-transform: none;
  border: 0 solid #000;
  border-bottom-width: 2px;
  font-weight: 800;
}

.custom-div {
  flex-direction: column;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.big-letters {
  float: none;
  text-align: center;
  order: -1;
  align-self: flex-start;
  margin-top: 31px;
  padding-bottom: 7px;
  font-family: Open Sans, sans-serif;
  font-size: 48px;
}

.big-letters.custom {
  font-size: 30px;
}

.big-letters.custom.double {
  color: #000;
  text-align: left;
  text-transform: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.new {
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.right-image {
  float: left;
  flex-direction: column;
  flex: 5 5 7%;
  justify-content: space-around;
  align-self: center;
  width: 631px;
  max-width: 100%;
  margin-top: 20px;
  margin-left: 8px;
  margin-right: 15px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  bottom: 0;
  left: 1px;
}

.left-text {
  margin-top: 86px;
  padding-left: 167px;
  padding-right: 124px;
}

.column1 {
  margin-top: 87px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 18px;
}

.column1._2 {
  margin-top: 54px;
}

.right-side {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.right-side.custom {
  margin-top: 35px;
}

.section2 {
  background-image: linear-gradient(#eee, #eee);
  border-style: none;
  margin-top: 1px;
  margin-left: -21px;
  margin-right: -22px;
}

.column2 {
  margin-top: 0;
  padding-bottom: 0;
  padding-right: 61px;
}

.middle-section {
  margin-top: 0;
  padding-bottom: 3px;
}

.imagio {
  margin-top: 59px;
  padding-bottom: 43px;
}

.imagio._2 {
  margin-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.mobileimgcolumn {
  margin-top: 0;
}

.row2 {
  margin-top: 0;
  margin-bottom: -45px;
  padding-top: 0;
}

.custom-container {
  float: left;
  display: block;
}

.resume {
  color: #a09e9e;
  text-transform: none;
  background-color: rgba(0, 0, 0, 0);
  margin-left: 64px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  transition: border .45s, background-color .45s;
}

.resume:hover {
  opacity: 1;
  color: #0c0b0b;
  background-color: rgba(0, 0, 0, 0);
  border-width: 4px;
  border-color: #000;
  border-bottom-style: solid;
  transform: perspective(1001px);
}

.resume._2 {
  margin-left: 0;
  transition: background-color .3s, border .3s;
}

.resume._3 {
  margin-left: 0;
}

.navbar {
  background-color: #f5f5f5;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  top: 0;
  right: 0;
}

.navbar:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

.right-image-webinar {
  margin-top: 0;
}

.left-copy {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  padding-top: 0;
  padding-bottom: 15px;
}

.right-image {
  margin-top: -33px;
}

.right-copy {
  margin-top: 101px;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
}

.mobilecolumn {
  margin-top: 43px;
  padding-bottom: 20px;
}

.stats {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.header2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 40px;
}

.header2._2 {
  margin-bottom: 22px;
  padding-bottom: 16px;
}

.heading {
  font-family: Open Sans, sans-serif;
}

.homeelement {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  margin-top: 0;
  padding-top: 35px;
  padding-bottom: 230px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-home {
  color: #000;
  border-style: none;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4px;
  font-size: 57px;
  display: flex;
}

.resume-header {
  color: #000;
  text-transform: none;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 200;
}

.wraps {
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  margin: 45px 0 46px 53px;
  padding-bottom: 63px;
}

.right-text {
  margin-top: 33px;
  margin-left: 28px;
  padding-top: 0;
  padding-left: 0;
}

.homecenterimage {
  margin-left: 34px;
  margin-right: 34px;
}

.left-aligned-resume-header {
  color: #000;
  margin-top: 7px;
  margin-left: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 200;
  display: inline-block;
}

.content-wraps {
  margin-left: 28px;
  margin-right: 1px;
}

.content-wraps._2 {
  margin-top: 35px;
}

.resume-right-head {
  color: #000;
  text-transform: none;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.right-subhead {
  text-transform: none;
  margin-top: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
}

.right-subhead._3 {
  float: right;
  color: #fff;
  text-align: center;
  background-color: #818181;
  margin-top: 0;
  margin-right: 100px;
  padding: 10px;
  font-size: 15px;
  display: inline-block;
}

.bullets {
  margin-top: 24px;
}

.headernew {
  color: #000;
  font-size: 20px;
}

.row-class {
  margin-top: 55px;
}

.classic {
  margin-left: -3px;
  padding-bottom: 35px;
  padding-left: 27px;
}

.skills {
  margin-top: 16px;
}

.nav1 {
  color: #000;
  text-transform: none;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  text-decoration: none;
}

.navigate {
  text-transform: none;
  padding: 30px 20px;
  font-size: 20px;
  font-weight: 400;
}

.navigate:hover {
  border-style: none;
  border-bottom-width: 0;
  border-bottom-color: #000;
}

.smaller {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-right: 1px;
  padding-bottom: 19px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-header-banner {
  align-self: center;
  padding-bottom: 0;
}

.divvy {
  flex-direction: column;
  align-items: center;
  padding-bottom: 5px;
  display: flex;
}

.internal {
  margin-top: 0;
}

.right-subhead.custom {
  margin-top: 19px;
}

.watershed {
  margin-left: 0;
}

.div-block {
  background-color: #fff;
  border-bottom: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 73px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.div-block.lemon {
  border-bottom-color: var(--royal-blue);
  align-items: center;
  margin-bottom: 0;
}

.div-block.lemon.twice {
  margin-top: 100px;
}

.div-block.viam {
  z-index: 2;
  background-color: #fff;
  border-bottom-style: none;
  height: 80px;
}

.div-block.viam.header {
  background-image: url('../images/6335d71ee7a15b6a512d904a_dither-long-vertical-colortowhite.svg');
  background-position: 50%;
  background-size: contain;
  height: auto;
  padding-top: 40px;
  padding-bottom: 60px;
  position: static;
}

.div-block.viam.doc {
  position: static;
}

.div-block.viam.body {
  height: auto;
}

.div-block.figma {
  border-bottom-style: none;
  height: auto;
}

.div-block-2 {
  justify-content: space-between;
  align-items: center;
  width: 60%;
  height: 100%;
  display: flex;
}

.div-block-2.butter {
  align-items: flex-end;
}

.div-block-2.trickedout {
  position: relative;
}

.div-block-2.trickedout.viam {
  width: 50%;
}

.div-block-2.trickedout.viam.graph {
  width: 100%;
}

.div-block-2.trickedout.viam.graph.even-height {
  width: 120%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 40px;
}

.div-block-2.gosh {
  border-bottom: 1px solid #000;
  justify-content: flex-start;
}

.div-block-2.gosh.figma {
  width: 100%;
  padding: 20px 60px;
}

.div-block-2.gosh.white {
  border-bottom-style: none;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 40px;
}

.div-block-3 {
  border-bottom: 1px none var(--royal-blue);
  border-left: 1px dashed var(--royal-blue);
  width: 1px;
  height: 120px;
}

.div-block-3.listy {
  height: 30px;
}

.image-2 {
  width: 150px;
  margin-left: 20px;
}

.div-block-4 {
  border-right: 1px #000;
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.text-block-2 {
  color: var(--midnight-blue);
  text-transform: none;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Messinasans, sans-serif;
}

.text-block-2.viam {
  color: #fff;
  font-family: Space Grotesk, sans-serif;
}

.div-block-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-5.viam {
  background-color: #f5f5f5;
}

.div-block-6 {
  width: 70%;
  height: auto;
  padding-top: 0;
  padding-right: 100px;
}

.div-block-6.full-width {
  width: 100%;
  padding-right: 0;
}

.text-block-3 {
  color: var(--royal-blue);
  font-family: Messinasansmono book, sans-serif;
}

.text-block-3.boot {
  background-color: #ebf0ff;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 3px 10px;
}

.text-block-3.viam {
  color: #2ed880;
  letter-spacing: 2px;
  font-family: Space Mono, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.text-block-3.viam.gris {
  color: #414141;
  letter-spacing: 2px;
  font-size: 12px;
}

.text-block-3.viam.gris.brig {
  font-size: 8px;
}

.text-block-4 {
  color: var(--midnight-blue);
  text-transform: none;
  align-items: center;
  margin-top: 20px;
  font-family: Messinasans book, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.text-block-4.blue {
  color: var(--royal-blue);
  margin-top: 0;
  font-family: Messinasans, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.text-block-4.viam {
  color: #000;
  margin-top: 25px;
  font-family: Space Grotesk, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 120%;
}

.text-block-4.viam.header {
  justify-content: flex-start;
  margin-top: 20px;
  font-size: 70px;
  font-weight: 400;
  line-height: 120%;
  display: block;
}

.text-block-4.viam.header.freshen {
  line-height: 100%;
}

.text-block-4.viam.header.freshen.lessen {
  border-bottom: 1px solid #000;
  margin-top: 0;
  font-size: 14px;
  font-weight: 600;
}

.text-block-4.viam.header.freshen.take {
  margin-top: 10px;
  font-size: 12px;
  line-height: 130%;
}

.text-block-4.viam.header.freshen.take.tippler.break {
  margin-top: 0;
  margin-bottom: 6px;
  padding-bottom: 0;
  font-weight: 500;
}

.text-block-4.viam.header.freshen.plate {
  border-bottom: 1px solid #000;
  margin-top: 80px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  font-size: 36px;
}

.text-block-4.viam.first {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 24px;
}

.text-block-4.figma {
  color: #000;
  text-align: center;
  font-family: Whyte, sans-serif;
  font-size: 48px;
  font-weight: 500;
}

.div-block-7 {
  border-bottom: 1px dashed rgba(13, 35, 113, .32);
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-7.viam {
  border-bottom-style: none;
  padding-bottom: 0;
}

.div-block-7.notting {
  border-bottom-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.div-block-7.notting.gima {
  margin-top: 20px;
}

.div-block-8 {
  background-image: url('../images/Peter.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 200px;
  width: 50px;
  height: 50px;
}

.div-block-8.viam {
  z-index: 1;
  border: 2px solid #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-8.viam.behind {
  background-color: #000;
  background-image: none;
  margin-top: 5px;
  margin-left: 5px;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-8.viam.behind.figma {
  border-color: #ffc701;
  margin-top: 0;
  margin-left: 0;
}

.div-block-8.viam.dave {
  background-image: url('../images/Gehr.jpeg');
}

.div-block-8.viam.dave.socrates {
  background-image: url('../images/socrates.jpg');
}

.div-block-9 {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 20px;
  display: flex;
}

.text-block-5 {
  color: var(--midnight-blue);
  text-transform: none;
  font-family: Messinasans, sans-serif;
  font-weight: 600;
}

.text-block-5.littler {
  font-weight: 300;
}

.text-block-5.littler.v {
  color: #626262;
  margin-top: 5px;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
}

.text-block-5.littler.v.re {
  margin-top: 20px;
}

.text-block-5.littler.figma {
  color: var(--0d2371);
  margin-bottom: 0;
}

.text-block-5.body {
  font-size: 18px;
  line-height: 150%;
}

.text-block-5.whiteyight {
  color: #fff;
}

.text-block-5.whiteyight.vimmer {
  letter-spacing: 2px;
  font-family: Space Mono, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.text-block-5.whiteyight.vimmer.figma {
  color: var(--ghost-white);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: -8px;
  padding-bottom: 0;
  font-family: Whyte, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
}

.text-block-5.viam {
  color: #000;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.text-block-5.figma {
  color: #000;
  margin-bottom: 6px;
  font-family: Whyte, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.div-block-10 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 60%;
  height: auto;
  padding-top: 60px;
  display: flex;
}

.div-block-10.viam {
  width: 45%;
}

.div-block-10.viam._100 {
  background-color: #fff;
  background-image: url('../images/web-files.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.div-block-11 {
  border-left: 1px dashed rgba(13, 35, 113, .34);
  width: 25%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
}

.div-block-11._40 {
  margin-top: 40px;
  padding-left: 20px;
}

.text-block-6 {
  color: var(--midnight-blue);
  text-transform: none;
  margin-bottom: 30px;
  font-family: Messinasans, sans-serif;
  font-size: 18px;
  line-height: 150%;
}

.text-block-6.bleh {
  color: var(--midnight-blue);
  margin-top: 30px;
}

.text-block-6.bleh:hover {
  color: var(--royal-blue);
}

.text-block-6.bleh.descript {
  color: var(--midnight-blue);
  font-size: 12px;
}

.text-block-6.bleh.topper {
  border-style: solid;
  border-width: 1px 1px 1px 2px;
  border-color: #c8d7fe #c8d7fe var(--light-steel-blue-2) var(--royal-blue);
  background-color: var(--ghost-white);
  background-image: linear-gradient(266deg, var(--light-steel-blue-2), white);
  color: var(--midnight-blue);
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: -1px;
  padding: 8px 20px;
}

.text-block-6.bleh.bog {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-left: 2px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -1px;
  padding: 8px 20px 8px 30px;
  transition: all .3s;
}

.text-block-6.bleh.bog:hover {
  border-right: 1px solid var(--light-steel-blue-2);
  border-bottom: 1px solid var(--light-steel-blue-2);
  border-left: 2px solid var(--royal-blue);
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(270deg, var(--light-steel-blue-2), white);
  color: var(--midnight-blue);
  margin-left: -1px;
  padding-left: 20px;
}

.text-block-6.bleh.bog.lasty {
  border-top: 1px solid rgba(0, 0, 0, 0);
}

.text-block-6.bleh.bog.lasty:hover {
  border-top: 1px solid var(--light-steel-blue-2);
}

.text-block-6.bleh.bog._2 {
  border-top: 1px solid rgba(0, 0, 0, 0);
}

.text-block-6.bleh.bog._2:hover {
  border-top: 1px solid var(--light-steel-blue-2);
}

.text-block-6.stats {
  width: 70%;
  margin-bottom: 0;
  padding-right: 60px;
}

.text-block-6.mod {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 130%;
}

.text-block-6.mockup {
  margin-bottom: 0;
}

.text-block-6.sampling {
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 60px;
}

.text-block-6.viam {
  color: #000;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.text-block-6.viam.underscore {
  width: 70%;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
}

.text-block-6.viam.underscore.light {
  margin-top: 0;
  font-size: 1vh;
}

.text-block-6.viam.underscore.light.white {
  color: #fff;
  width: auto;
  font-family: Space Mono, sans-serif;
}

.text-block-6.viam.underscore.motion {
  width: auto;
  margin-top: 10px;
  margin-bottom: 30px;
}

.text-block-6.viam.underscore.motion.smaller {
  color: var(--0d2371);
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 12px;
}

.text-block-6.viam.underscore.motion.belabor {
  margin-top: 20px;
}

.text-block-6.viam.stick {
  margin-bottom: 0;
}

.text-block-6.viam.down {
  margin-bottom: 60px;
}

.div-block-12 {
  align-items: center;
  display: flex;
}

.div-block-13 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 1000px;
  display: flex;
}

.div-block-13.tippler {
  height: auto;
  margin-top: 0;
}

.div-block-14 {
  border-right: 1px dashed var(--royal-blue);
  border-left: 1px dashed var(--royal-blue);
  justify-content: center;
  align-items: flex-end;
  width: 60%;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-14.qwert {
  padding-left: 40px;
  padding-right: 40px;
}

.div-block-15 {
  width: 60%;
}

.div-block-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--midnight-blue);
  grid-template: "Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 0;
  padding: 40px;
  display: grid;
}

.div-block-17 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-block-7 {
  color: var(--light-steel-blue);
  text-transform: none;
  font-family: Messinasans book, sans-serif;
  font-weight: 400;
}

.text-span {
  font-weight: 400;
}

.text-block-8 {
  color: #fefbf3;
  letter-spacing: -1px;
  text-transform: none;
  margin-top: 20px;
  font-family: "P22mackinac book 13", sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 130%;
}

.text-block-8.tommy {
  color: var(--midnight-blue);
}

.text-block-9 {
  color: var(--cornflower-blue);
  margin-top: 10px;
  font-family: Messinasansmono, sans-serif;
  font-weight: 300;
}

.div-block-18 {
  background-color: var(--royal-blue);
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  margin-right: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-18.viam {
  background-color: #000;
  border: 1px solid #fff;
  height: 50px;
  transition: all .25s;
}

.div-block-18.viam:hover {
  filter: invert();
  border-color: #000;
}

.div-block-18.figma {
  background-color: #000;
  border-radius: 10px;
  height: 60px;
  padding-top: 0;
}

.image-3 {
  filter: invert();
  width: 15px;
  margin-right: 10px;
}

.image-3.invert {
  filter: none;
  width: 18px;
}

.div-block-19 {
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 30px;
  display: flex;
}

.div-block-20 {
  border: 1px solid var(--royal-blue);
  background-image: linear-gradient(225deg, rgba(37, 92, 255, .07), #fff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  margin-right: 60px;
  padding: 20px;
  display: flex;
}

.div-block-20.viam {
  background-image: linear-gradient(#fff, #fff);
  border-color: #000;
  border-radius: 2px;
}

.div-block-21 {
  width: 65%;
  margin-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.div-block-22 {
  border-left: 3px solid var(--royal-blue);
  padding-left: 30px;
}

.text-span-2, .text-span-3 {
  color: var(--royal-blue);
}

.div-block-23 {
  align-items: flex-start;
  display: flex;
}

.div-block-24 {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 60%;
  height: 600px;
  margin-top: 60px;
  display: grid;
}

.div-block-25 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--floral-white);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--floral-white) 49%, transparent), url('../images/Frame-1-2.svg');
  background-position: 0 0, 50%;
  background-size: auto, 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .3fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 250px;
  display: grid;
}

.div-block-26 {
  flex-wrap: wrap;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.image-4 {
  width: 120px;
}

.text-block-10 {
  font-family: Messinasans, sans-serif;
}

.image-5 {
  width: 50px;
  margin-left: 0;
  margin-right: 0;
}

.image-6 {
  width: 80px;
}

.image-6.tr {
  width: 130px;
}

.div-block-27 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-28 {
  align-items: center;
  display: flex;
}

.div-block-29 {
  justify-content: flex-end;
  display: flex;
}

.link-block, .link-block-2, .link-block-3 {
  width: 100%;
  text-decoration: none;
}

.link-block-4 {
  text-decoration: none;
}

.text-span-4 {
  font-family: Messinasans, sans-serif;
  font-weight: 600;
}

.text-span-5 {
  font-weight: 700;
}

.div-block-30 {
  width: 70px;
  height: 70px;
  position: relative;
}

.div-block-30.torte {
  flex: none;
  width: 75px;
  height: 75px;
}

.div-block-31 {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.div-block-32 {
  color: #000;
  background-color: #414141;
  width: 30px;
  height: 1px;
  margin-left: 15px;
  margin-right: 15px;
}

.image-7 {
  width: 150px;
}

.image-7.invert {
  filter: invert();
  width: 100px;
}

.div-block-33 {
  z-index: 0;
  background-color: #fff;
  border: 2px solid #000;
  flex-direction: column;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: scroll;
}

.div-block-33.dope {
  background-color: #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  top: 10px;
  bottom: -5px;
  left: 10px;
  right: -5px;
}

.div-block-33.front {
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  position: relative;
}

.div-block-33.front.hundo {
  height: 100%;
  padding: 20px;
}

.div-block-33.front.figma {
  border-style: none;
  align-items: center;
}

.div-block-34 {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-35 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 60px;
  display: flex;
}

.div-block-36 {
  padding-top: 30px;
  padding-bottom: 60px;
}

.text-span-6 {
  text-decoration: line-through;
}

.link-2 {
  font-family: Space Mono, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.div-block-37 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: .5fr 1.75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-38 {
  background-color: #000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-38.littler {
  width: 90%;
}

.div-block-38.littler.and {
  opacity: .23;
  width: 86%;
  height: 70px;
}

.div-block-38.gris {
  background-color: #000;
  height: 70px;
}

.div-block-39 {
  align-items: center;
  height: 60px;
  display: flex;
}

.div-block-40 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-41 {
  background-color: #000;
  width: 30px;
  height: 30px;
}

.flip {
  filter: invert();
  width: 30px;
  height: 30px;
}

.bold-text, .bold-text-2, .bold-text-3 {
  font-size: 36px;
  line-height: 120%;
}

.div-block-42 {
  border-top: 1px solid #000;
  margin-top: 0;
  padding-top: 40px;
}

.div-block-43 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.div-block-43.center {
  border-bottom: 1px solid #e7e7e7;
  justify-content: center;
  height: 40px;
  display: flex;
}

.div-block-43.center.wave {
  z-index: 200;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #f5663e;
  background-color: rgba(255, 255, 255, 0);
  border-bottom-style: none;
  border-bottom-color: #c9c9c9;
  justify-content: space-between;
  height: auto;
  margin-bottom: 0;
  padding: 40px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.div-block-43.center.wave.hoid {
  display: flex;
}

.div-block-43.center.wave.han {
  filter: none;
}

.div-block-43.center.wave.hide {
  display: none;
}

.div-block-43.center.wave.hh {
  filter: invert();
  background-color: rgba(255, 255, 255, 0);
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Helveticanowdisplay, sans-serif;
}

.div-block-43.center.wave.hh.chot {
  filter: none;
  background-color: #000;
  padding-top: 12px;
  padding-bottom: 12px;
  position: static;
}

.div-block-43.center.dupe {
  display: flex;
}

.div-block-43.wave.alternate {
  background-color: #f7f0e4;
}

.div-block-43.wave.alternate.hid {
  filter: none;
  background-color: #000;
  border-top: 1px solid rgba(255, 255, 255, .26);
  justify-content: center;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
}

.body-wave {
  margin-left: 0;
}

.text-block-11 {
  color: #000;
  letter-spacing: -.3px;
  text-transform: none;
  margin-top: -7px;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 3.4vh;
  font-weight: 500;
  line-height: 100%;
}

.text-block-11.lil {
  margin-top: -18px;
  margin-left: 3px;
  font-size: .8vh;
}

.text-block-11.m {
  opacity: .15;
  color: #fff;
  margin-top: -17px;
  margin-left: 50px;
  font-size: 3vh;
  transform: rotate(6deg);
}

.text-block-11.wave {
  color: #fff;
  text-transform: uppercase;
  border-top-left-radius: 10px;
  margin-top: 0;
  font-family: "Lazer 84", sans-serif;
  font-size: 3vh;
  font-weight: 700;
  line-height: 90%;
}

.text-block-11.wave.smilt {
  text-align: center;
  font-size: 2.2vh;
}

.text-block-11.wave.die {
  text-align: right;
  letter-spacing: 0;
  text-transform: none;
  font-family: Helveticanowdisplay extblk, sans-serif;
  font-size: 8vh;
  font-style: normal;
  font-weight: 900;
  transform: skew(0deg);
}

.text-block-11.wave.die.fat {
  margin-bottom: -7px;
  margin-left: -9px;
  font-family: Streetwear, sans-serif;
  font-size: 2vh;
}

.text-block-11.wave.die.ff {
  color: #fafcff;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 2.4vh;
  font-weight: 900;
  line-height: 100%;
  display: flex;
  transform: none;
}

.text-block-11.wave.die.ff.great {
  font-family: "P22mackinacpro 26", sans-serif;
  font-size: 2vh;
  display: flex;
  transform: none;
}

.text-block-11.wave.die.ff.tam {
  opacity: 1;
  color: #fff;
  margin-bottom: -35px;
  margin-right: 0;
  font-size: 4vh;
  box-shadow: 0 2px 5px -20px rgba(0, 0, 0, .2);
}

.text-block-11.wave.die.ff.chone {
  color: #fff;
  font-size: 2.4vh;
}

.text-block-11.wave.die.ff.bb {
  color: #ff5c02;
}

.text-block-11.wave.die.ff.bb.xx {
  font-size: 3.6vh;
}

.text-block-11.wave.die.ff.bb.xx.tron.bennet {
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 900;
}

.text-block-11.wave.first {
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.6vh;
  transition: opacity .2s;
  position: absolute;
  transform: rotate(-16deg);
}

.text-block-11.wave.first.second {
  color: #f0f;
  margin-top: -2px;
  margin-left: 0;
  font-size: 2.3vh;
}

.text-block-11.wave.first.third {
  color: #00e1ff;
  margin-top: -4px;
  margin-left: -2px;
  font-size: 2.3vh;
}

.text-block-11.wave.heavy {
  color: #000;
  text-transform: none;
  margin-top: 12px;
  margin-bottom: 5px;
  margin-right: 10px;
  font-family: Streetwear, sans-serif;
  font-size: 1.6vh;
}

.text-block-11.wave.heavy.pop {
  line-height: 120%;
}

.image-8 {
  width: 35px;
  height: 35px;
  margin-right: 6px;
}

.div-block-44 {
  align-items: center;
  width: 33%;
  display: flex;
}

.div-block-44.hid {
  display: none;
}

.div-block-45 {
  background-image: url('../images/Group-12.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  display: flex;
}

.div-block-45.shogun {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.div-block-45.roker {
  display: none;
}

.text-block-12 {
  color: #fff;
  text-transform: none;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 90%;
}

.image-9 {
  width: 20px;
  margin-bottom: 1px;
}

.div-block-46 {
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  letter-spacing: 1px;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/DIELAN.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  margin-top: -84px;
  padding-bottom: 0;
  display: flex;
}

.div-block-46.chan {
  height: 500px;
  padding-left: 40px;
  padding-right: 40px;
}

.text-block-13 {
  color: #000;
  text-align: center;
  text-transform: none;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.text-block-13.buy {
  color: #fff;
  letter-spacing: 0;
  font-size: 21px;
  font-weight: 500;
}

.text-block-13.kick {
  color: #5a5a5a;
  font-size: 12px;
  font-weight: 400;
}

.text-block-13.buy-buy {
  color: #c80202;
  font-size: 14px;
  text-decoration: underline;
}

.text-block-13.red-shop {
  filter: none;
  color: #000;
  text-transform: uppercase;
  font-family: Helveticanowdisplay, sans-serif;
  font-weight: 400;
}

.text-block-13.chek {
  font-size: 12px;
}

.text-block-13.tennet {
  text-align: left;
  font-size: 21px;
}

.text-block-13.toalk {
  text-align: left;
}

.text-block-13.toalk.home {
  color: #999;
  margin-top: 3px;
  font-size: 14px;
  font-weight: 400;
  display: none;
}

.text-block-13.seller {
  text-align: left;
  margin-top: 15px;
  font-size: 16px;
}

.text-block-13.pras {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.div-block-47 {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  width: 33%;
  display: flex;
}

.div-block-47.not33 {
  width: auto;
}

.div-block-47.roger.hi {
  filter: none;
  justify-content: flex-end;
  width: 100%;
}

.div-block-47.roger.hi.goog {
  filter: none;
  width: 100%;
  font-family: Messinasansmono, sans-serif;
}

.div-block-47.roger.hi.goog.poke {
  margin-bottom: 40px;
}

.div-block-47.roger.hi.goog.ton {
  justify-content: center;
}

.image-10 {
  filter: invert();
  margin-left: 10px;
}

.image-10.mosh {
  opacity: 1;
  filter: none;
  width: 20px;
  margin-left: 0;
  margin-right: 10px;
}

.div-block-48 {
  justify-content: flex-end;
  width: 33%;
  display: flex;
}

.div-block-48.auto {
  filter: none;
  width: auto;
}

.div-block-48.hid {
  display: none;
}

.heading-5 {
  color: #fff;
  text-align: center;
  letter-spacing: -3px;
  text-transform: none;
  border-style: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 0;
  padding-left: 0;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 70%;
  display: flex;
}

.heading-5.swety {
  text-transform: none;
  margin-top: -20px;
  padding-top: 0;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.heading-5.shtawn {
  color: #000;
}

.heading-5.jericho {
  color: #000;
  letter-spacing: -1px;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  font-size: 48px;
  display: none;
}

.div-block-49 {
  opacity: 1;
  filter: invert();
  background-color: #000;
  border: 2px solid #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 60px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-block-49:hover {
  border-radius: 100px;
}

.div-block-49.both {
  filter: invert();
}

.div-block-49.chiba {
  filter: none;
  background-color: rgba(0, 0, 0, .26);
  border: 2px solid #fff;
}

.div-block-50 {
  z-index: 3;
  flex-direction: column;
  order: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.div-block-52 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.div-block-53 {
  background-image: url('../images/Group-13.png');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 700px;
  height: 600px;
  display: flex;
}

.image-12 {
  filter: invert();
  width: 100px;
  margin-top: 69px;
  margin-left: 76px;
}

.div-block-54 {
  opacity: .15;
  filter: invert();
  background-image: url('../images/Group-12-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 100px;
  margin-top: 29px;
  margin-left: 66px;
  display: flex;
  transform: rotate(6deg);
}

.div-block-54.radio {
  width: 90px;
  margin-top: 46px;
}

.image-13 {
  filter: none;
  width: 35px;
  margin-bottom: 3px;
  margin-left: -2px;
}

.text-span-7 {
  font-size: .7vh;
}

.image-14 {
  width: 60px;
}

.div-block-55 {
  background-color: #ffd900;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  padding: 3px;
  display: flex;
}

.div-block-56 {
  background-image: url('../images/Peter.jpeg');
  background-position: 50%;
  background-size: cover;
  border: 3px solid #fff;
  border-radius: 100px;
  width: 100%;
  height: 100%;
}

.div-block-57 {
  opacity: .84;
  background-color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.div-block-57.d {
  opacity: 1;
  filter: none;
  background-color: #000;
  border: 4px solid #000;
  border-radius: 6px;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  height: auto;
  margin-right: 20px;
  padding: 45px 5px 5px;
}

.div-block-57.d.jin {
  opacity: .15;
  margin-top: 30px;
  margin-left: 87px;
}

.div-block-57.d.chuck {
  background-color: var(--ghost-white);
  filter: none;
  color: #dadada;
  border-width: 2px;
  border-color: #000;
  margin-left: 0;
  padding-top: 5px;
  padding-right: 5px;
}

.div-block-57.d.chuck.swiatch {
  filter: invert();
  border-width: 2px;
}

.div-block-57.d.chuck.bun {
  background-color: #ff5c02;
}

.div-block-57.d.son {
  color: #fff;
  background-color: #fff;
  border-width: 4px;
  border-color: #ff5c02;
  justify-content: flex-end;
  align-items: flex-end;
  width: 105px;
  height: 105px;
  padding-top: 5px;
}

.div-block-57.d.son.mess {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  border-width: 1px;
  align-items: flex-start;
  margin-left: 93px;
}

.div-block-57.d.son.hh {
  background-color: #ff5c02;
  border-color: #ff5c02;
  border-radius: 20px;
  justify-content: flex-end;
  padding: 10px;
}

.div-block-57.d.son.hh.mickint {
  width: 40px;
}

.div-block-57.d.son.hh.coco.yo {
  border-color: var(--ghost-white);
  background-color: rgba(0, 0, 0, 0);
  margin-left: 120px;
}

.div-block-57.d.son.hh.mosh {
  background-color: rgba(0, 0, 0, 0);
  width: auto;
  height: auto;
}

.div-block-57.d.son.hh.mosh.bb {
  border-radius: 6px;
  margin-right: 5px;
}

.div-block-57.d.son.hh.mosh.take, .div-block-57.d.son.hh.take {
  display: none;
}

.body-2 {
  margin-left: 0;
}

.div-block-58 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.div-block-58.middle {
  z-index: 2;
  border-top: 1px #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.div-block-58.middle.horizontal-scroll {
  flex-direction: row;
  align-items: center;
  margin-left: 20%;
  margin-right: 20%;
  padding-right: 40px;
}

.div-block-58.middle.fez {
  background-color: #000;
}

.div-block-58.middle.uppernav {
  z-index: 4;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.div-block-58.upper {
  padding-top: 60px;
  padding-bottom: 60px;
}

.div-block-58.upper.lower {
  border-bottom: 1px solid #e7e7e7;
  height: auto;
  padding: 0 0%;
}

.div-block-58.upper.title {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.text-block-14 {
  text-transform: none;
  font-family: Helveticanowdisplay, sans-serif;
}

.text-block-14.body {
  color: #000;
  margin-top: 10px;
  font-size: 1rem;
  line-height: 150%;
}

.div-block-59 {
  flex-direction: column;
  align-items: flex-start;
  width: 66.666%;
  display: flex;
}

.div-block-59.poppins {
  margin-top: 60px;
}

.text-block-15 {
  color: #000;
  text-transform: none;
  margin-top: 20px;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 140%;
}

.text-block-15.specialties {
  margin-top: 0;
  margin-right: 0;
  font-size: 1.2rem;
  font-weight: 500;
}

.text-span-8 {
  color: var(--0d2371);
}

.div-block-60 {
  filter: grayscale();
  background-image: url('../images/Peter.jpeg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 100px;
  height: 100px;
  margin-right: 100px;
}

.div-block-61 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 81%;
  display: flex;
}

.stand {
  flex-direction: column;
  align-items: flex-start;
  width: 81%;
  display: flex;
}

.div-block-62 {
  grid-column-gap: 0px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 60px;
  display: grid;
}

.div-block-63 {
  background-color: #f3f3f3;
  background-image: linear-gradient(309deg, #ffe1c1, #fff);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 81%;
  height: 300px;
  display: flex;
}

.div-block-63.horizontal {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  width: 60%;
  height: 400px;
}

.div-block-63.hund {
  background-image: linear-gradient(339deg, #36dffd, #fd5c36 64%, #faa24a 92%);
  width: 100%;
  height: 400px;
}

.div-block-63.container {
  background-color: rgba(243, 243, 243, 0);
  background-image: none;
}

.div-block-63.genai-day {
  background-image: linear-gradient(309deg, #fba14a, #fd5f38);
  flex-flow: column;
  max-width: 1000px;
  height: 350px;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-63.genai-day.speakers.alone {
  background-color: #f3f3f3;
  background-image: none;
  max-width: 1000px;
  height: auto;
  padding: 60px;
}

.div-block-63.genai-day.speakers.alone.hey {
  background-color: #000;
}

.div-block-63.genai-day.speakers.alone.high {
  background-color: rgba(255, 255, 255, 0);
  padding-top: 40px;
  padding-bottom: 40px;
}

.div-block-63.genai-day.speakers.alone.speaker {
  justify-content: center;
  align-items: flex-start;
}

.div-block-63.genai-day.speakers.alone.genial {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0;
}

.div-block-63.genai-day.mode {
  background-image: linear-gradient(#f3f3f3, #f3f3f3), linear-gradient(309deg, rgba(251, 161, 74, .4), rgba(253, 95, 56, .4));
  width: 100%;
}

.div-block-63.genai-day.mode.mark {
  justify-content: flex-start;
  align-items: center;
  height: 300px;
}

.div-block-63.genai-day.mode.pope {
  background-image: linear-gradient(#e2e2e2, #e2e2e2), linear-gradient(309deg, #fba14a, #fd5f38);
  height: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.div-block-63.genai-day.mode.september {
  background-image: linear-gradient(#f3f3f3, #f3f3f3), linear-gradient(309deg, rgba(251, 161, 74, .2), rgba(253, 95, 56, .2));
  width: auto;
  max-width: none;
  height: auto;
}

.div-block-63.genai-day.mode.left {
  background-image: linear-gradient(#eee, #eee), linear-gradient(309deg, rgba(251, 161, 74, .4), rgba(253, 95, 56, .4));
}

.div-block-63.genai-day.smallish {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: #ebeaea;
  background-image: none;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 120px;
}

.div-block-63.genai-day.smallish._3 {
  background-color: #f3f3f3;
  height: 300px;
}

.div-block-63.genai-day.smallish.hono {
  background-color: #000;
  justify-content: space-around;
  height: auto;
  padding: 60px;
}

.div-block-63.genai-day.code-roast {
  justify-content: flex-end;
  align-items: flex-start;
  height: 400px;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

.div-block-63.genai-day.code-roast.auto {
  height: auto;
  padding-top: 60px;
}

.div-block-63.genai-day.nav-bar {
  background-image: linear-gradient(309deg, #f99530, #fd5f38);
  flex-flow: row;
  justify-content: space-between;
  height: 80px;
  padding: 25px 60px;
}

.image-15 {
  width: 300px;
}

.div-block-64 {
  z-index: -1;
  justify-content: space-between;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-65 {
  color: #cecece;
  border-right: 1px dashed #e7e7e7;
  width: 20%;
}

.div-block-65.bade {
  border-right-color: #fff;
}

.div-block-65.bade.capstone, .div-block-65.lefty {
  width: 9.5%;
}

.div-block-65.first-column, .div-block-65._2 {
  width: 41%;
}

.div-block-65._3 {
  width: 27%;
}

.div-block-66, .div-block-67 {
  padding-right: 40px;
}

.image-16 {
  filter: grayscale();
  width: 100px;
  height: 100px;
}

.div-block-68 {
  width: 100%;
  height: 400px;
  margin-right: 0;
}

.image-17 {
  filter: brightness(93%) grayscale();
  width: 500px;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-69 {
  grid-column-gap: 180px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr .5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 60px;
  display: grid;
}

.div-block-70 {
  filter: none;
  background-image: url('../images/fall.jpeg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 150px;
  margin-top: 20px;
}

.div-block-71 {
  width: 100%;
}

.div-block-72 {
  padding-bottom: 220px;
}

.div-block-73 {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  align-items: flex-start;
  padding: 20px 40px 20px 20px;
  display: flex;
}

.div-block-73:hover {
  border-top-color: #f7f7f7;
  border-bottom-color: #f7f7f7;
}

.div-block-73.rippa {
  border-top-color: #fff;
}

.div-block-74 {
  background-image: url('../images/locus-robotics-DHL-pic.jpeg');
  background-position: 50%;
  background-size: cover;
  flex: none;
  width: 80px;
  height: 80px;
}

.div-block-74.compressed {
  background-image: url('../images/compressed-for-web-crop.jpeg');
  background-position: 0%;
}

.div-block-74.compressed.dogs {
  background-image: url('../images/bottdogs.webp');
  background-position: 50%;
}

.div-block-75 {
  width: 100%;
  margin-left: 20px;
}

.div-block-76 {
  background-color: #ededed;
  margin-top: 40px;
  padding: 20px;
}

.link-block-5 {
  text-decoration: none;
  transition: all .3s;
  position: relative;
}

.link-block-5:hover {
  background-color: #f7f7f7;
}

.image-18 {
  width: 14px;
  margin-bottom: 10px;
  margin-right: 10px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-77 {
  margin-bottom: 57px;
  margin-right: 23px;
  display: none;
  position: relative;
}

.text-span-9 {
  font-size: 1vh;
}

.bold-text-4 {
  opacity: 1;
  color: #000;
  letter-spacing: -.2px;
  text-transform: uppercase;
  margin-top: 16px;
  font-family: "P22mackinac 9", sans-serif;
  font-size: 1vh;
}

.div-block-78 {
  border: 2px solid #fff;
  border-radius: 8px;
  padding: 1px;
}

.div-block-79 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-80 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  width: 100%;
  display: none;
}

.div-block-81 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.div-block-82 {
  background-color: #a5a5a5;
  width: 100%;
  height: 3px;
}

.div-block-83 {
  background-color: #000;
  width: 100%;
  height: 2px;
  margin-top: 2px;
}

.bold-text-5 {
  color: #ff5c02;
}

.div-block-84 {
  opacity: 1;
  filter: none;
  background-color: rgba(0, 0, 0, 0);
  border: 2px #f5f5f5;
  border-radius: 3px;
  flex: none;
  order: 0;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: -34px;
  margin-left: 37px;
  margin-right: 62px;
  padding: 3px;
  display: flex;
  overflow: hidden;
}

.div-block-84.homage {
  opacity: 1;
  border-style: none;
  width: 25px;
  height: 25px;
  margin-bottom: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
}

.div-block-84.molk {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  filter: none;
  border: 2px solid #ff5c02;
  order: -1;
  width: 20px;
  height: 20px;
  padding: 0;
  display: none;
  overflow: hidden;
}

.div-block-84.som {
  margin: 2px 55px 4px 8px;
  position: relative;
}

.div-block-85 {
  background-color: #ff5c02;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: visible;
}

.div-block-85.holmes {
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}

.div-block-86 {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.div-block-86.hold {
  background-color: rgba(0, 0, 0, 0);
}

.div-block-86.hold._50 {
  background-color: #ff5c02;
  width: 50%;
}

.div-block-86.hold._50.holmes {
  z-index: 2;
  position: absolute;
}

.image-19 {
  filter: invert() brightness(0%) grayscale();
  flex: 0 auto;
  display: none;
}

.image-19.sinner {
  filter: invert() brightness(0%) grayscale();
  width: 20px;
}

.div-block-87 {
  align-items: center;
  display: flex;
}

.image-20 {
  z-index: 0;
  filter: invert() grayscale();
  height: 80%;
  position: absolute;
}

.body-3 {
  margin-left: 0;
}

.body-3.build {
  background-color: #000;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.body-3.build.tode {
  background-color: #fff;
}

.div-block-88 {
  background-color: #fff;
  border-bottom: 1px #f1f1f1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-88.toque {
  filter: none;
  background-color: #fff;
  border-top: 1px #e6e6e6;
  border-bottom-style: none;
  border-bottom-color: #e6e6e6;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1400px;
  margin-bottom: 0;
  padding: 30px 40px 10px;
  display: flex;
  position: static;
  top: 0;
}

.div-block-88.toque.tips {
  display: flex;
}

.div-block-88.toque.cover {
  filter: none;
  background-color: #5463d3;
  background-image: url('../images/build-with.png');
  background-position: 50%;
  background-size: cover;
  border-bottom-style: none;
  height: 200px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.div-block-88.toque.birdie {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  object-fit: none;
  background-color: #ebedf0;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  overflow: scroll;
}

.div-block-88.toque.smone {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  padding-top: 10px;
  display: flex;
}

.div-block-88.toque.smone.tanner {
  padding-top: 10px;
  display: flex;
}

.div-block-88.toque.smone.hater {
  border-bottom-style: none;
  max-width: 1400px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  display: flex;
}

.div-block-88.toque.w2 {
  filter: none;
  border-bottom-style: none;
  border-bottom-color: #e7e7e7;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-88.toque.hidden {
  display: none;
}

.div-block-88.w2 {
  border-bottom-style: none;
}

.div-block-89 {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-89.top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-89.upper-nav {
  filter: invert();
  background-color: #000;
  border: 1px #000;
  border-bottom-color: #585858;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  padding: 20px 40px;
  display: flex;
}

.div-block-89.upper-nav.second-tier {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-89.upper-nav.channel {
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
  padding-top: 8px;
  padding-left: 0;
  overflow: scroll;
}

.div-block-89.upper-nav.channel.next {
  background-image: url('../images/Screenshot-2023-10-12-at-12.40.28-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #b0b0b0;
  border-radius: 10px;
  width: 50%;
  height: 350px;
  margin-top: 20px;
  margin-bottom: 100px;
  display: none;
  box-shadow: 0 2px 18px rgba(0, 0, 0, .2);
}

.div-block-89.upper-nav.w2 {
  padding-bottom: 10px;
}

.image-21 {
  filter: brightness(0%) grayscale() invert();
  width: 140px;
}

.image-21.flipp {
  filter: brightness(200%);
  width: 20px;
}

.image-21.loog {
  filter: brightness(0%) grayscale() invert();
  width: 160px;
  margin-right: 10px;
}

.image-21.loog.w2 {
  filter: invert();
}

.div-block-90 {
  justify-content: flex-end;
  align-items: center;
  margin-top: -2px;
  display: flex;
}

.div-block-90.blocka {
  margin-top: 8px;
}

.text-block-16 {
  color: #646464;
  letter-spacing: .3px;
  text-transform: none;
  font-family: Helveticanowdisplay, sans-serif;
  font-weight: 500;
  display: flex;
}

.text-block-16.but-on {
  color: #222;
}

.text-block-16.but-on.spark {
  letter-spacing: .5px;
  font-size: 12px;
  font-weight: 700;
}

.text-block-16.but-on.tone {
  letter-spacing: .2px;
}

.text-block-16.but-on.ton {
  letter-spacing: .1px;
}

.text-block-16.honus {
  letter-spacing: .7px;
}

.div-block-91 {
  align-items: center;
  margin-left: 22px;
  margin-right: 8px;
  display: flex;
}

.div-block-91.honk {
  margin-left: 25px;
  margin-right: 10px;
}

.image-22 {
  margin-left: 4px;
}

.div-block-92 {
  grid-column-gap: 49px;
  grid-row-gap: 49px;
  margin-top: 2px;
  margin-bottom: 5px;
  padding-left: 9px;
  display: flex;
}

.image-23 {
  margin-bottom: 4px;
  margin-right: 30px;
}

.div-block-93 {
  background-color: #f63;
  border: 1px #f63;
  border-radius: 8px;
  margin-left: 23px;
  padding: 14px 16px;
}

.div-block-93.clear {
  background-color: #fff;
  border: 1px solid #f63;
  margin-left: 8px;
}

.div-block-93.butta {
  margin-top: 40px;
  margin-left: 0;
}

.div-block-93.butta.park {
  margin-top: 0;
  padding: 6px 10px;
}

.div-block-93.butta.grey {
  border-color: var(--white-smoke);
  background-color: var(--white-smoke);
  margin-top: 20px;
  display: flex;
}

.div-block-93.mosterrt {
  margin-left: 0;
  margin-right: 10px;
}

.div-block-94 {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.div-block-94.reuild {
  filter: invert();
  background-color: #000;
  background-image: linear-gradient(259deg, #f63, #fbad41);
  border: 1px solid #5e5e5e;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-bottom: 40px;
  padding: 20px 40px 20px 20px;
}

.div-block-94.reuild.builder {
  filter: invert();
  background-color: #fff;
  background-image: none;
}

.div-block-94.reuild.builder.w2 {
  filter: none;
  background-image: linear-gradient(to right, #f63, #fbad41);
  border-style: solid;
  border-color: #e9e9e9;
}

.div-block-94.sterm {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1400px;
  height: auto;
  padding-top: 0;
}

.div-block-95 {
  grid-column-gap: 160px;
  grid-row-gap: 160px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 70%;
  max-width: 1100px;
  margin-bottom: 40px;
  display: flex;
}

.div-block-95.hide {
  margin-bottom: 60px;
  display: flex;
}

.div-block-95.hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-top: 20px;
}

.div-block-95.hero.horiztonal {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.heading-6 {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  border-style: none;
  margin-bottom: 0;
  margin-left: 40px;
  padding: 0;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 90%;
  display: block;
}

.heading-6.feeel {
  font-size: 2.7rem;
}

.heading-6.feeel.adjust {
  margin-bottom: 0;
  font-size: 1.6rem;
}

.heading-6.feeel.adjust.platty {
  margin-bottom: 0;
  margin-left: 20px;
}

.heading-6.feeel.adjust.benefit {
  color: var(--coral);
  text-align: right;
  width: auto;
  max-width: none;
  margin-top: -19px;
  margin-left: 0;
  font-size: 1.4rem;
}

.heading-6.feeel.adjust.price {
  margin-top: 9px;
  margin-bottom: 13px;
  font-size: 5rem;
}

.heading-6.feeel.adjust.price.mid {
  margin-top: -1px;
}

.image-24 {
  width: 120%;
}

.solution-set {
  color: #222;
  text-transform: none;
  margin-top: 20px;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.div-block-96 {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding-right: 100px;
  display: flex;
}

.div-block-97 {
  width: 50%;
}

.text-block-17 {
  color: #3a3a3a;
  text-transform: none;
  margin-top: 30px;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 18px;
  line-height: 150%;
}

.text-block-17.stong {
  margin-top: 0;
  margin-left: 10px;
}

.text-block-17.stong.touch {
  letter-spacing: .2px;
  margin-left: 0;
  font-size: 14px;
  line-height: 140%;
}

.text-block-17.stong.touch.brunch {
  margin-bottom: 2px;
  font-weight: 500;
}

.text-block-17.stong.touch.brunch.trap {
  margin-top: 3px;
  margin-bottom: 0;
}

.text-block-17.stong.touch.brunch.trap.bouchon {
  color: #000;
  margin-top: 0;
  text-decoration: none;
}

.text-block-17.stong.touch.brunch.trap.bouchon.build {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 700;
}

.text-block-17.stong.touch.brunch.trap.bouchon.build.link {
  color: #f78000;
  margin-left: 6px;
}

.text-block-17.stong.touch.brunch.trap.bouchon.butter {
  color: #0155dc;
  margin-top: 2px;
  font-size: 18px;
}

.text-block-17.stong.touch.brunch.trap.bouchon.butter.buildish {
  color: #fff;
  font-size: 50px;
}

.text-block-17.stong.touch.brunch.trap.bouchon.butter.video-tutorials {
  color: #000;
}

.text-block-17.stong.touch.brunch.trap.bouchon.butter.video-tutorials.tight, .text-block-17.stong.touch.brunch.trap.bouchon.butter.video-tutorials.tight.media {
  margin-top: 0;
  font-size: 13px;
  font-weight: 500;
}

.text-block-17.stong.touch.brunch.trap.bouchon.butter.video-tutorials.tight.media.white-button {
  color: #000;
}

.text-block-17.stong.touch.brunch.trap.bouchon.butter.video-tutorials.tight.chorda {
  color: #000;
  font-size: 3vh;
}

.text-block-17.stong.touch.brunch.trap.bouchon.s {
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: 700;
}

.text-block-17.stong.touch.brunch.trap.bouchon.flak {
  color: #fff;
}

.text-block-17.stong.touch.brunch.trap.bouchon.devlabs {
  color: #fff;
  margin-top: 0;
  margin-bottom: -4px;
  font-family: Space Mono, sans-serif;
  font-size: 13px;
}

.text-block-17.stong.touch.brunch.trap.bouchon.chop {
  font-size: 13px;
}

.text-block-17.stong.touch.brunch.trap.bouchon.ten {
  color: #fff;
}

.text-block-17.stong.touch.brunch.trap.bouchon.b {
  filter: invert();
}

.text-block-17.stong.touch.brunch.trap.live {
  color: #fff;
}

.text-block-17.stong.touch.brunch.trap.live.fine {
  color: #000;
  text-align: left;
}

.text-block-17.stong.touch.brunch.trap.live.fine.stump {
  color: #000;
  margin-top: 0;
  margin-left: 0;
  font-size: 18px;
}

.text-block-17.stong.touch.brunch.trap.live.fine.stump.bigger {
  color: #fff;
  font-size: 42px;
  line-height: 90%;
}

.text-block-17.stong.touch.brunch.trap.live.fine.stump.bigger.same {
  color: #00092a;
  font-weight: 700;
}

.text-block-17.stong.touch.brunch.trap.live.fine.stump.bigger.mocha {
  color: #fff;
}

.text-block-17.stong.touch.brunch.trap.live.fine.stump.bigger.mocha.hiya {
  color: #f63;
}

.text-block-17.stong.touch.brunch.trap.live.fine.stump.made {
  color: #000a29;
  margin-top: 10px;
}

.text-block-17.stong.touch.brunch.trap.live.fine.stump.made.spot {
  display: none;
}

.text-block-17.stong.touch.brunch.trap.live.fine.w2 {
  color: #fff;
}

.text-block-17.stong.touch.truth {
  color: #000;
  font-size: 12px;
  line-height: 100%;
}

.text-block-17.stong.touch.truth.young {
  color: #313131;
  margin-top: 0;
  font-size: 14px;
}

.text-block-17.stong.touch.truth.young.poke {
  filter: invert();
  margin-top: 10px;
}

.text-block-17.stong.touch.truth.young.poke.son {
  margin-top: 0;
  line-height: 140%;
}

.text-block-17.stong.touch.truth.grey {
  color: #9b9b9b;
  margin-top: 0;
}

.text-block-17.stong.touch.truth.live {
  color: #9b9b9b;
}

.text-block-17.stong.touch.truth.live.stream, .text-block-17.stong.touch.truth.live.stream.onair {
  color: red;
}

.text-block-17.tonic {
  color: var(--coral);
  letter-spacing: .3px;
  font-size: 14px;
  font-weight: 700;
}

.div-block-98 {
  border: 1px solid #b1b1b1;
  border-radius: 10px;
  align-items: center;
  padding: 10px 40px 10px 10px;
  display: flex;
}

.div-block-98.pop {
  margin-right: 10px;
  padding-right: 20px;
}

.div-block-98.pop.second {
  opacity: .5;
  filter: grayscale();
  flex: none;
  width: 200px;
  transition: all .3s;
}

.div-block-98.pop.second:hover {
  opacity: 1;
  filter: none;
  border-color: #f63;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.div-block-98.pop.first {
  background-color: #000;
  border-width: 1px;
  border-color: #f63;
  flex: none;
  width: 200px;
  box-shadow: 0 1px 13px rgba(0, 0, 0, .2);
}

.div-block-98.pop.mesh {
  border-style: none;
  align-items: flex-start;
  margin-right: 0;
  padding-top: 14px;
  padding-left: 0;
  padding-right: 10px;
}

.image-25 {
  margin-right: 10px;
}

.div-block-99 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  margin-left: 10px;
  display: flex;
}

.div-block-99.pesh {
  margin-left: 0;
}

.div-block-100 {
  display: flex;
}

.image-26 {
  margin-left: 6px;
}

.div-block-101 {
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.div-block-102 {
  border: 2px solid var(--coral);
  border-radius: 8px;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.div-block-103 {
  background-color: var(--coral);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 10px 16px;
}

.div-block-104 {
  padding: 10px 16px;
}

.text-span-10 {
  font-weight: 700;
}

.div-block-105 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-start;
  width: 100%;
  height: 300px;
  margin-top: 35px;
  display: flex;
}

.div-block-105.tom {
  margin-top: 80px;
}

.div-block-105.centre {
  justify-content: center;
  align-items: center;
}

.div-block-106 {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 30px;
}

.div-block-106.winner {
  width: 600px;
  height: 400px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.collection-item {
  width: 200px;
  height: 200px;
}

.text-span-11 {
  color: var(--floral-white);
  -webkit-text-stroke-color: var(--floral-white);
  font-weight: 500;
}

.sizing {
  width: 300px;
  margin-top: 0;
  margin-bottom: 20px;
}

.div-block-107 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  display: flex;
}

.div-block-108 {
  background-image: url('../images/svgexport-10.png');
  background-size: cover;
  border-top: 1px solid #e2e2e2;
  justify-content: flex-start;
  align-items: center;
  width: 800px;
  height: 300px;
  margin-top: -9px;
  margin-left: -27px;
  padding-left: 40px;
  display: flex;
  transform: rotate(-13deg);
}

.div-block-109 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 500px;
  height: 100%;
  padding: 20px 0 0 20px;
  display: flex;
  position: relative;
}

.div-block-109.toga {
  background-image: url('../images/Phillip.png');
  background-size: cover;
  width: 800px;
  height: 400px;
  margin-left: 20px;
  overflow: hidden;
}

.text-span-12 {
  color: var(--coral);
}

.image-27 {
  margin-left: 10px;
}

.image-28 {
  border-radius: 10px 10px 0 0;
  width: 360px;
  max-width: none;
  height: auto;
  margin-top: 0;
  margin-bottom: -11px;
  margin-left: 20px;
  display: block;
  position: absolute;
  top: auto;
  bottom: -33%;
  left: 0%;
  right: 0%;
  box-shadow: 0 -4px 20px -9px rgba(0, 0, 0, .2);
}

.image-29 {
  width: 250px;
  max-width: none;
  margin-top: 10px;
}

.image-30 {
  width: 400px;
  max-width: none;
  margin-top: 0;
  margin-left: -49px;
  margin-right: 26px;
}

.text-span-13 {
  color: var(--floral-white);
}

.text-span-13.tonic {
  color: var(--coral);
}

.text-span-13.tonic.break {
  font-size: 4rem;
}

.text-span-14 {
  color: var(--coral);
}

.mid {
  width: 250px;
  max-width: none;
  margin-top: 20px;
}

.div-block-110 {
  justify-content: space-between;
  align-items: center;
  height: 100px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-111 {
  background-color: #fff;
  background-image: url('../images/airbnb.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  position: relative;
}

.div-block-111.make-cf {
  z-index: 0;
  background-image: none;
  margin-left: -7px;
  padding: 10px;
  overflow: hidden;
  box-shadow: 6px 6px 19px rgba(0, 0, 0, .2);
}

.div-block-111._1 {
  z-index: 1;
  box-shadow: 11px 3px 19px rgba(0, 0, 0, .2);
}

.div-block-111._1._2 {
  background-color: #f8fafb;
  background-image: url('../images/middy.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70px 70px;
}

.div-block-111._1.twitch {
  background-image: url('../images/twitch.jpeg');
}

.text-span-15 {
  color: var(--coral);
}

.div-block-112 {
  display: flex;
}

.image-31 {
  filter: brightness(200%) brightness(200%) grayscale();
  width: 40px;
  margin-left: 10px;
  padding-top: 10px;
}

.div-block-113 {
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  display: flex;
}

.div-block-114 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-115 {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-116 {
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-117 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 60px;
  height: 60px;
  display: flex;
}

.div-block-118 {
  background-color: #ff5c02;
  border-radius: 5px;
  width: 20px;
  height: 20px;
}

.div-block-119, .div-block-120 {
  width: 100%;
  height: 100%;
}

.image-32 {
  filter: none;
  width: 150px;
  margin-top: -10px;
  margin-bottom: 0;
  margin-right: 60px;
}

.image-32.flip {
  filter: invert();
  width: 120px;
  height: auto;
  margin-top: 0;
}

.image-33 {
  border-radius: 20px;
  width: 400px;
}

.body-4 {
  background-color: #f0f0f0;
  margin-left: 0;
}

.div-block-121 {
  background-color: #fff;
  border-bottom: 1px solid #ececec;
  justify-content: space-between;
  padding: 3vh;
  display: flex;
}

.text-block-18 {
  color: #000;
  text-transform: none;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}

.text-block-18.highlight {
  font-size: 4rem;
  line-height: 100%;
}

.text-block-18.move {
  color: #afafaf;
  margin-left: 5px;
}

.text-block-18.move.type {
  opacity: 1;
  color: var(--white);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-bottom: 0;
  font-size: 1.2rem;
  font-weight: 400;
  display: block;
}

.text-block-18.move.type.log {
  color: #313131;
  margin-left: 0;
  font-size: 1rem;
  font-weight: 500;
}

.text-block-18.move.type.log.mono {
  color: #afafaf;
  margin-bottom: 10px;
  font-size: .8rem;
  font-weight: 400;
}

.text-block-18.move.type.log.mono.boddice {
  margin-top: 20px;
}

.text-block-18.move.type.log.mono.bundle {
  margin-bottom: 0;
  margin-left: 30px;
}

.text-block-18.move.type.log.mono.x {
  margin-bottom: 0;
}

.text-block-18.move.type.log.mono.x.ten {
  margin-bottom: 20px;
}

.text-block-18.move.type.log.mono.buddy {
  color: #000;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
}

.text-block-18.move.type.log.mono.radge {
  margin-bottom: 0;
}

.text-block-18.move.type.log.normal {
  font-weight: 400;
}

.text-block-18.move.type.log.bodus {
  color: #000;
  font-size: .8rem;
}

.text-block-18.move.type.indigo {
  color: var(--ghost-white);
  font-weight: 100;
}

.text-block-18.move.brud {
  margin-bottom: 0;
  margin-left: 0;
}

.text-block-18.move.mocha {
  flex: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 5px;
  font-size: .6rem;
  font-weight: 400;
  line-height: 100%;
}

.text-block-18.move.stack {
  margin-top: 5px;
  margin-left: 0;
}

.text-block-18.bellow {
  font-size: 1rem;
  font-weight: 500;
  line-height: 100%;
}

.text-block-18.bellow.grey {
  color: #afafaf;
  font-weight: 400;
}

.text-block-18.bellow.filer {
  margin-left: 10px;
  font-size: .8rem;
}

.text-block-18._8 {
  font-size: 1.6rem;
}

.text-block-18._8.pub {
  margin-bottom: 40px;
}

.bron {
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 6vh;
  padding-bottom: 10vh;
  display: flex;
}

.bron.stork {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  color: #292929;
  background-color: #f0f0f0;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 3vh 10vh 50vh;
  position: relative;
}

.div-block-122 {
  align-items: center;
  display: flex;
}

.div-block-122.stack {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 20%;
}

.div-block-123 {
  border: 1px none var(--ghost-white);
  background-color: #19181b;
  border-radius: 100px;
  flex: none;
  justify-content: space-between;
  width: 45%;
  max-width: 800px;
  height: 65px;
  display: flex;
  box-shadow: 0 17px 12px -8px rgba(0, 0, 0, .16);
}

.div-block-123.the-hib {
  width: 45%;
}

.div-block-123.newslang:hover {
  opacity: 1;
}

.div-block-124 {
  background-color: rgba(0, 0, 0, 0);
  border-right: 1px solid #71717b;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 10px;
  padding-right: 0;
  display: flex;
}

.div-block-125 {
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  padding-left: 20px;
  display: flex;
}

.div-block-126 {
  justify-content: center;
  align-items: center;
  width: 10%;
  display: flex;
}

.image-34 {
  opacity: 1;
  filter: invert();
}

.div-block-127 {
  width: auto;
  max-width: 600px;
  margin-top: 0;
}

.text-block-19 {
  color: var(--dim-grey);
  text-transform: none;
  margin-bottom: 0;
  font-family: Space Mono, sans-serif;
  font-size: .8rem;
  font-weight: 400;
}

.text-block-19.upper {
  color: #afafaf;
  margin-bottom: 20px;
}

.div-block-128 {
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  padding: 8px 20px;
  transition: all .2s;
  display: flex;
}

.div-block-128:hover {
  background-color: #ececec;
}

.div-block-128.biggum {
  background-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-color: #ececec;
  margin-top: 20px;
  transition: all .2s;
}

.div-block-128.biggum:hover {
  background-color: #ececec;
}

.div-block-128.boddle {
  opacity: .25;
  border-style: solid;
  border-color: #000;
  margin-top: 20px;
  transition: all .2s;
}

.div-block-128.boddle:hover {
  opacity: 1;
  background-color: #ececec;
  border-color: #ececec;
}

.div-block-128.boddle.boom {
  margin-top: 0;
}

.image-35 {
  opacity: .5;
  filter: invert();
}

.div-block-129 {
  opacity: 1;
  filter: invert();
  background-image: url('../images/gpt.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 100px;
  width: 30px;
  height: 30px;
}

.div-block-129.make {
  opacity: 1;
  filter: none;
  background-image: url('../images/chatgpt.png');
  width: 18px;
  height: 18px;
}

.div-block-130 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 0;
  display: flex;
}

.div-block-130.in {
  margin-right: 10px;
}

.div-block-130.movement {
  margin-right: 20px;
}

.div-block-131 {
  justify-content: flex-end;
  align-items: center;
  width: 20%;
  display: flex;
}

.div-block-132 {
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.div-block-132.suom {
  margin-top: 10px;
}

.div-block-133 {
  flex-direction: column;
  width: auto;
  display: flex;
}

.div-block-134 {
  width: 100%;
}

.div-block-135 {
  border-bottom: 1px solid #ececec;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  margin-left: 0;
  padding-left: 20px;
  display: flex;
}

.div-block-135.numbies {
  border-bottom-style: solid;
  justify-content: flex-end;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-135.numbies.last, .div-block-135.last {
  border-bottom-style: none;
}

.div-block-135.trick {
  border-bottom-style: none;
  justify-content: flex-start;
  height: 25px;
  padding-left: 0;
}

.div-block-136 {
  border: 1px #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-137 {
  outline-offset: 0px;
  border: 1px solid #ececec;
  border-radius: 100px;
  outline: 3px #818181;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  padding: 4px;
  transition: all .2s;
  display: flex;
}

.div-block-137:hover {
  background-color: #ececec;
}

.div-block-137.first {
  border-color: #afafaf;
  border-radius: 3px;
  order: -1;
  width: 15px;
  height: 15px;
  margin-left: 0;
  transition: all .2s;
}

.div-block-137.first:hover, .div-block-137.first.selected {
  background-color: #000;
}

.div-block-138 {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 6px;
  flex-direction: column;
  padding: 60px;
  display: flex;
}

.div-block-138.yon {
  box-shadow: none;
  filter: none;
  background-color: #fff;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-radius: 0;
  height: 100%;
  padding: 3vh;
}

.div-block-138.yon.tight {
  background-color: #fff;
  border-style: solid;
  flex: none;
  min-width: 300px;
  margin-top: 20px;
  display: flex;
}

.div-block-138.yon.tight.align {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  padding: 3vh;
}

.div-block-138.heady {
  padding: 2vh 2vh 3vh;
}

.text-span-16 {
  color: #afafaf;
}

.text-span-17 {
  text-decoration: underline;
}

.div-block-139 {
  align-items: center;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  transition: all .2s;
  display: flex;
}

.div-block-139:hover {
  background-color: #ececec;
}

.div-block-139.upper {
  background-color: #ececec;
  border-radius: 5px;
  justify-content: space-between;
}

.div-block-139.tick {
  justify-content: space-between;
}

.image-36 {
  order: -1;
  width: 15px;
  margin-right: 10px;
}

.div-block-140 {
  width: 250px;
  padding-bottom: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.div-block-141 {
  flex: none;
  display: flex;
}

.image-37 {
  width: 15px;
}

.div-block-142 {
  display: flex;
}

.div-block-143 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: stretch;
  width: auto;
  height: auto;
  margin-top: 0;
  display: flex;
}

.div-block-144 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.div-block-145 {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  flex-direction: column;
  display: flex;
}

.div-block-146 {
  opacity: .5;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: all .2s;
  display: flex;
}

.div-block-146:hover {
  opacity: .7;
}

.div-block-147 {
  padding-left: 0;
  padding-right: 0;
}

.div-block-148 {
  filter: invert();
  background-color: #ebedf0;
  border: 1px solid #c2c3c6;
  border-radius: 100px;
  justify-content: space-between;
  width: 400px;
  height: auto;
  padding: 3px 10px;
  display: flex;
}

.div-block-148.hider {
  filter: none;
  align-items: center;
  width: 250px;
  display: flex;
}

.div-block-149 {
  align-items: center;
  display: flex;
}

.text-block-20 {
  color: #000;
  letter-spacing: .5px;
  text-transform: none;
  margin-left: 6px;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 1.8vh;
  font-weight: 400;
}

.image-38 {
  width: 100%;
  max-width: none;
  height: auto;
}

.div-block-150 {
  background-color: #f63;
  border-radius: 199px;
  width: 8px;
  height: 8px;
  margin-right: 0;
}

.div-block-151 {
  filter: invert();
  align-items: center;
  margin-top: 2px;
  display: flex;
}

.div-block-152 {
  background-color: rgba(223, 244, 250, .48);
  border-radius: 100px;
  margin-right: 5px;
  padding: 3px;
}

.div-block-153 {
  background-image: url('../images/Nuxtee.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  height: 20px;
}

.div-block-153.svelte {
  background-image: url('../images/svelte.png');
}

.div-block-153.svelte.next {
  background-image: url('../images/njs.png');
}

.div-block-153.svelte.react {
  background-image: url('../images/reacticon.png');
}

.div-block-153.svelte.angular {
  background-image: url('../images/angular.png');
}

.div-block-153.ten {
  filter: none;
}

.div-block-154 {
  filter: invert();
  background-color: #fff;
  border-right: 1px #ddd;
  width: auto;
  min-width: 200px;
  padding: 20px 40px 40px;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: scroll;
}

.div-block-154.w2 {
  padding-top: 40px;
}

.div-block-155 {
  border-bottom: 1px solid #bdbdbd;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 3px;
  text-decoration: none;
  display: flex;
}

.div-block-155.second {
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-block-155.second.stoob {
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-155.second.mash {
  margin-top: 0;
  margin-bottom: 6px;
}

.div-block-155.second.mash.x {
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-block-155.w2 {
  border-bottom-color: #e7e7e7;
}

.div-block-156 {
  background-color: #b8b5b5;
  border-bottom: 2px #000;
  border-radius: 5px;
  align-items: center;
  margin-bottom: 0;
  margin-right: 5px;
  padding: 10px 15px;
  display: flex;
}

.div-block-156.wither {
  opacity: .6;
  background-color: rgba(238, 238, 238, 0);
  border-bottom-color: rgba(2, 85, 220, 0);
  transition: all .3s;
}

.div-block-156.wither:hover {
  opacity: 1;
  background-color: #b8b5b5;
  border-bottom-color: #000;
}

.div-block-156.wither.w2 {
  flex-direction: column;
}

.div-block-156.wither.stern {
  opacity: 1;
}

.div-block-156.wither.stern.chay {
  background-color: rgba(129, 129, 129, .59);
}

.div-block-156.wither.stern.tone {
  opacity: .6;
}

.div-block-156.wither.stern.tone:hover {
  opacity: 1;
}

.div-block-156.budget {
  background-color: #fff;
  margin-bottom: 0;
  margin-right: 20px;
}

.div-block-156.budget.change {
  background-image: linear-gradient(98deg, #fa7529, #faab42);
  margin-top: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.div-block-156.budget.change.upper {
  background-color: #fff;
  background-image: none;
  margin-top: 12px;
}

.div-block-156.budget.pah {
  margin-top: 12px;
}

.image-39 {
  filter: brightness(0%) grayscale();
  width: 15px;
  margin-right: 4px;
}

.div-block-157 {
  opacity: 1;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 10px;
  transition: all .3s;
  display: flex;
}

.div-block-157:hover {
  opacity: 1;
  background-color: #000;
}

.div-block-157.macho {
  padding-top: 5px;
  padding-bottom: 5px;
}

.div-block-158 {
  justify-content: space-around;
  display: flex;
}

.div-block-158.hide {
  display: none;
}

.div-block-159 {
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  width: 15px;
  height: 15px;
  margin-right: 6px;
}

.div-block-159:hover {
  background-color: #000;
}

.image-40 {
  opacity: .3;
  width: 12px;
  margin-top: 0;
  margin-left: 4px;
}

.div-block-160 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.div-block-160.hidden {
  display: none;
}

.div-block-160.clears {
  margin-top: -5px;
  margin-bottom: 20px;
  display: block;
}

.div-block-160.collapse {
  margin-top: -5px;
}

.text-span-18 {
  color: #cfcfcf;
}

.div-block-161 {
  border-color: #0f0f0f;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.div-block-161.w2 {
  padding-top: 40px;
}

.div-block-162 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  filter: none;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.div-block-162.today {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: grayscale();
  border-bottom: 1px #f1f1f1;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 6px;
  padding-bottom: 6px;
}

.div-block-162.w2 {
  filter: invert();
}

.div-block-163 {
  width: 33%;
}

.div-block-163.remove {
  opacity: 0;
}

.div-block-164 {
  filter: invert();
  background-image: url('../images/Screenshot-2023-10-12-at-12.40.28-PM.png');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #757575;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: 200px;
  padding-top: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-164.change {
  filter: invert();
  background-image: url('../images/stream.jpeg');
  background-repeat: no-repeat;
  background-size: contain;
  border-color: #535353;
  height: 200px;
}

.div-block-164.change.flare {
  filter: invert();
  background-image: url('../images/stream.jpeg');
  background-repeat: no-repeat;
  background-size: contain;
  height: 200px;
}

.div-block-164.change.w2 {
  filter: none;
  background-color: #000;
  border-color: #e6e6e6;
}

.div-block-164.champ {
  background-repeat: no-repeat;
  background-size: contain;
  border-color: red;
  box-shadow: 0 0 20px 6px rgba(255, 0, 0, .5);
}

.div-block-164.champ.w2 {
  box-shadow: none;
}

.div-block-165 {
  background-color: red;
  border-radius: 100px;
  order: -1;
  width: 10px;
  height: 10px;
  margin-right: 0;
}

.div-block-166 {
  align-items: flex-start;
  display: flex;
}

.div-block-167 {
  filter: invert();
  border: 1px solid #707070;
  border-radius: 100px;
  flex: none;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  padding: 2px;
  display: flex;
}

.div-block-167.chores {
  padding: 4px;
}

.div-block-167.chores.w2 {
  filter: invert();
  border-color: #222;
}

.div-block-167.w2 {
  filter: none;
  border-color: #e2e2e2;
}

.div-block-168 {
  background-image: url('../images/Phillip.png');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #ddd;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.image-41 {
  order: -1;
  width: 15px;
}

.image-42 {
  filter: invert();
}

.image-42.sleection {
  width: 14px;
  margin-left: 3px;
}

.image-42.w2 {
  filter: none;
}

.div-block-169 {
  padding-bottom: 10px;
  display: flex;
}

.div-block-169.mang {
  align-items: center;
  margin-right: 0;
}

.text-span-19 {
  color: #7a7a7a;
}

.image-43 {
  filter: invert();
}

.select {
  width: 20px;
  margin-left: 6px;
}

.select.bogue {
  width: 12px;
  margin-left: 2px;
  margin-right: 2px;
}

.samllify {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  order: -1;
  width: 250px;
}

.image-44 {
  filter: none;
  flex: none;
  width: 20px;
  height: 100%;
  margin-top: 1px;
  margin-right: 5px;
}

.div-block-170 {
  margin-left: 40px;
  margin-right: 40px;
}

.div-block-171 {
  justify-content: flex-end;
  width: auto;
  display: flex;
}

.div-block-172 {
  background-color: #000;
  border-radius: 3px;
  padding: 5px 12px;
}

.div-block-172.tombo {
  background-color: #f1f1f1;
  border: 1px #d8d8d8;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-172.tombo.corrsive {
  filter: invert();
}

.small {
  width: auto;
  height: 15px;
  margin-right: 3px;
}

.image-45 {
  width: 22px;
  margin-right: 6px;
}

.image-45.chain {
  filter: brightness(0%) grayscale();
}

.image-45.chain.lest, .image-45.chain.lest.letter {
  width: 20px;
  margin-bottom: 3px;
  margin-right: 5px;
}

.image-45.chain.lest.letter.w2 {
  margin-bottom: 5px;
  margin-right: 0;
}

.image-45.chain.lest.letter.moiki {
  width: 30px;
  margin-bottom: 0;
}

.image-45.chain.lest.w2 {
  margin-bottom: 5px;
  margin-right: 0;
}

.image-45.sunday {
  margin-top: -5px;
}

.div-block-173 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.div-block-173.w2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: stretch;
  height: 100%;
  margin-bottom: -1px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-174 {
  order: -1;
}

.div-block-175 {
  text-align: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.div-block-175.second {
  opacity: 1;
}

.div-block-175.w2 {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.div-block-175.w2.seelct {
  border-bottom: 2px solid #000;
  padding-left: 0;
  padding-right: 0;
}

.div-block-175.w2.un {
  opacity: .3;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
  transition: all .25s;
}

.div-block-175.w2.un:hover {
  opacity: 1;
  border-bottom-color: #000;
}

.div-block-176 {
  filter: invert();
  background-color: #f7f7f7;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 6px;
  display: flex;
}

.div-block-176.w2 {
  filter: none;
}

.image-46 {
  filter: brightness(0%) grayscale();
}

.div-block-177 {
  width: 180px;
}

.someliar {
  filter: invert();
  margin-right: 10px;
}

.div-block-178 {
  background-color: #252525;
  border-top: 1px solid #464646;
  border-bottom: 1px solid #4d4d4d;
  border-left: 1px solid #464646;
  border-right: 1px #464646;
  border-radius: 5px 0 0 5px;
  flex-direction: column;
  order: -1;
  align-items: stretch;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.text-span-20 {
  color: #070033;
}

.div-block-179 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.div-block-180 {
  border-bottom: 1px solid #a3a3a3;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-180.w2 {
  border: 1px #000;
}

.div-block-181 {
  z-index: 10;
  background-color: #fff;
  border-bottom: 1px #e6e6e6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: -10px;
}

.div-block-181.w2 {
  border-bottom-style: solid;
  top: 0;
}

.div-block-182 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.link-block-6, .link-block-7 {
  width: 100%;
  text-decoration: none;
}

.div-block-183 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-184 {
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-block-185 {
  padding-left: 40px;
  padding-right: 40px;
}

.image-47 {
  filter: grayscale() invert();
  width: 12px;
  height: auto;
  margin-right: 5px;
}

.image-47.brass {
  filter: invert();
  width: 15px;
  margin-right: 6px;
}

.image-47.brass.chon {
  margin-left: 4px;
  margin-right: 0;
}

.image-47.remix, .image-47.remix.w2 {
  filter: none;
}

.image-47.gat {
  filter: invert();
  width: 14px;
}

.image-47.gat.w2 {
  filter: none;
}

.image-47.gat.n {
  margin-left: 5px;
  margin-right: 0;
}

.image-47.w2 {
  filter: none;
}

.div-block-186 {
  filter: invert();
  position: relative;
}

.div-block-186.w2 {
  filter: none;
}

.image-48 {
  flex: none;
  order: -1;
  width: auto;
  height: 15px;
  margin-top: -14px;
  margin-right: 20px;
  display: none;
}

.div-block-187 {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 40px;
  display: flex;
}

.div-block-188 {
  filter: invert();
  background-color: red;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.div-block-189 {
  filter: none;
  background-color: red;
  border-radius: 100px;
  width: 8px;
  height: 8px;
}

.link-block-8, .link-block-9 {
  text-decoration: none;
}

.div-block-190 {
  filter: invert();
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-191 {
  align-items: center;
  display: flex;
}

.image-49 {
  margin-left: 5px;
}

.image-50 {
  opacity: 1;
  filter: invert();
  width: 1000px;
  margin-bottom: 10px;
  display: block;
}

.div-block-192 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.div-block-193 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.div-block-194 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-195 {
  background-color: #fff;
  margin-top: -50px;
  padding-top: 40px;
  padding-right: 40px;
}

.div-block-196 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-51 {
  order: -1;
  width: 15px;
  margin-right: 10px;
}

.div-block-197 {
  opacity: 0;
  filter: invert();
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-197.middle {
  opacity: 1;
  justify-content: center;
}

.div-block-197.chocolate {
  justify-content: flex-end;
}

.image-52, .image-53 {
  width: 12px;
  margin-right: 15px;
}

.image-54 {
  width: 12px;
}

.body-5 {
  background-color: #000;
  margin-left: 0;
}

.body-5.white {
  background-color: var(--white);
}

.div-block-198 {
  flex-direction: column;
  width: 30%;
  margin-top: 40px;
  margin-left: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-198.middle {
  border-top: 1px solid #4d4d4d;
  border-left: 1px solid #4d4d4d;
  border-right: 1px solid #4d4d4d;
  border-top-right-radius: 5px;
  width: 80%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 40px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-198.lefty {
  width: 20%;
  margin-top: 0;
  padding-right: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}

.div-block-199 {
  display: flex;
  position: relative;
}

.div-block-199.ha {
  justify-content: center;
  align-items: center;
}

.div-block-199.ha.orange {
  background-color: #fff;
}

.text-block-21 {
  color: #fff;
  letter-spacing: -6px;
  text-transform: none;
  max-width: 80%;
  font-family: Inter, sans-serif;
  font-size: 12vh;
  font-weight: 500;
  line-height: 90%;
}

.text-block-21.subhead {
  color: #fff;
  letter-spacing: 0;
  margin-top: 40px;
  font-size: 3vh;
  position: relative;
}

.text-block-21.bacl {
  color: #000;
  width: 100%;
  max-width: none;
  font-size: 12vh;
  font-weight: 600;
}

.div-block-200 {
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: rgba(255, 255, 255, 0);
  background-image: none;
  border: 1px #000;
  border-top-color: #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  margin-left: 0;
  padding: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-200:hover {
  border-style: none none solid;
  border-color: #0037ff #0037ff #4d4d4d;
}

.div-block-200.freight {
  padding: 10px;
}

.image-55 {
  width: 120px;
  margin-top: 0;
  margin-left: 0;
  transform: rotate(-15deg);
}

.image-55.major {
  margin-top: -234px;
  margin-right: -99px;
}

.image-55.doo {
  width: 230px;
  margin-top: 72px;
  margin-bottom: -68px;
  transform: rotate(-180deg);
}

.image-56 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  width: 60px;
  margin-top: -52px;
  margin-bottom: 0;
  margin-left: -36px;
  transform: rotate(-158deg);
}

.div-block-201 {
  filter: invert();
  display: block;
}

.div-block-202 {
  margin-top: 0;
  margin-bottom: -44px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.div-block-203 {
  background-image: linear-gradient(108deg, #000, rgba(255, 255, 255, .1));
  border: 1px solid #444;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 40px;
  padding: 20px;
  display: flex;
}

.div-block-203.choice {
  margin-top: 0;
  padding: 10px;
}

.div-block-203.choice.yanni {
  padding: 6px;
}

.div-block-204 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #444;
  border-radius: 0;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.text-block-22 {
  color: #fff;
  text-transform: none;
  font-family: Helveticanowdisplay, sans-serif;
  font-size: 2vh;
  font-weight: 500;
}

.text-block-22.chark {
  margin-bottom: 20px;
  font-size: 3vh;
  line-height: 100%;
}

.text-block-22.chark.simpl {
  font-size: 1.6vh;
}

.text-block-22.chark.black {
  color: #000;
}

.div-block-205 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #444;
  justify-content: space-between;
  padding: 40px;
  display: flex;
}

.div-block-205:hover {
  background-color: #232323;
  border: 1px #000;
}

.div-block-205.line-item {
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-206 {
  filter: invert();
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-206.tick {
  width: 30%;
}

.div-block-207 {
  flex-direction: column;
  align-items: flex-start;
  width: 15%;
  display: flex;
}

.div-block-208 {
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

.div-block-209 {
  width: 50%;
}

.image-57 {
  filter: invert();
}

.image-57.filet {
  width: 16px;
}

.div-block-210 {
  background-color: #0037ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 10px 20px;
  display: flex;
}

.div-block-210.trust {
  border-radius: 5px;
  margin-top: 0;
}

.div-block-210.trust.button {
  background-color: #222;
  border-style: solid;
  border-color: #4d4d4d;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.div-block-210.trust.button.left {
  background-color: #fff;
  margin-right: 10px;
}

.div-block-210.trust.button.left.right {
  background-color: #252525;
}

.div-block-210.trust.button.left.hudo {
  width: 100%;
  margin-right: 0;
}

.div-block-210.trust.upcoming {
  margin-bottom: 20px;
}

.div-block-211 {
  width: 60%;
}

.div-block-212 {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.div-block-213 {
  border-top: 1px solid #4d4d4d;
  padding: 20px 10px;
}

.div-block-213.shock {
  border-top-style: none;
  margin-left: -10px;
  padding-bottom: 0;
  padding-left: 0;
}

.text-block-23 {
  color: #c9c9c9;
  text-transform: none;
  font-family: Inter, sans-serif;
  font-size: 15px;
}

.text-block-23.yaya {
  color: #818181;
}

.text-block-23.down {
  opacity: .55;
  font-size: 18px;
}

.text-block-23.down.smeng {
  opacity: 1;
  color: #000;
}

.text-block-23.down.hawn {
  opacity: 1;
}

.text-block-23.bold {
  font-weight: 600;
}

.image-58 {
  order: -1;
  margin-right: 10px;
}

.image-58.inverse {
  filter: brightness(200%) grayscale();
  order: 0;
  width: 18px;
}

.image-58.inverse.sin {
  width: 15px;
  margin-right: 0;
}

.image-58.inverse.sin.budget {
  opacity: 1;
  margin-bottom: 0;
}

.image-58.inverse.sin.tanic {
  filter: brightness(0%) grayscale();
  margin-left: 10px;
}

.image-58.inverse.trust {
  opacity: .55;
  width: 20px;
  margin-right: 5px;
}

.image-58.inverse.trust.headshot {
  filter: none;
  border: 1px solid #4d4d4d;
  border-radius: 100px;
}

.image-58.inverse.trust.caret {
  opacity: .55;
  width: 15px;
  margin-left: 10px;
  margin-right: 0;
}

.image-58.inverse.trust.caret.ad {
  filter: brightness(200%) grayscale();
}

.image-58.inverse.trust.caret.ad.check {
  margin-left: 0;
  margin-right: 10px;
}

.image-58.inverse.trust.caret.ad.check.chaulk {
  opacity: 1;
  filter: none;
  border-radius: 100px;
}

.image-58.inverse.trust.so {
  width: 15px;
  margin-right: 10px;
}

.image-58.inverse.sumo {
  width: 25px;
}

.image-58.inverse.punt, .image-58.inverse.channel {
  margin-left: 10px;
  margin-right: 0;
}

.div-block-214 {
  border: 1px #464646;
  border-bottom-color: #4d4d4d;
  width: 100%;
  padding: 20px;
}

.div-block-215 {
  opacity: 1;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.div-block-215:hover {
  opacity: 1;
}

.div-block-215.shark {
  opacity: 1;
  margin-bottom: 0;
}

.div-block-215.chat {
  opacity: .6;
  margin-bottom: 20px;
}

.div-block-215.chat:hover {
  opacity: 1;
}

.div-block-215.chat.right {
  border-left: 1px solid #636363;
  margin-left: 20px;
  padding-left: 20px;
}

.image-59 {
  filter: brightness(200%) brightness(200%) grayscale();
  width: 15px;
  margin-right: 10px;
}

.text-block-24 {
  letter-spacing: 2px;
  margin-bottom: 6px;
  padding-left: 10px;
  font-family: Space Mono, sans-serif;
}

.text-block-24.champion {
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-block-24.champion.fun {
  color: #fff;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 0;
  font-size: 10px;
}

.text-block-25 {
  color: #fff;
  text-transform: none;
  margin-top: 0;
  margin-bottom: -15px;
  margin-left: 54px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 100;
}

.text-block-26 {
  color: #fff;
  letter-spacing: -3px;
  text-transform: none;
  margin-top: 80px;
  margin-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 6vh;
  font-weight: 500;
  line-height: 100%;
}

.text-block-26.littles {
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 3vh;
}

.text-block-26.table {
  letter-spacing: -1px;
  margin-top: 60px;
  font-size: 3vh;
}

.text-block-26.react {
  max-width: 80%;
  margin-top: 10px;
}

.text-block-26.change {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 20px;
}

.text-block-26.change.grey {
  color: #949494;
}

.div-block-216 {
  padding: 40px 0 0 80px;
}

.div-block-216.workshops {
  padding-top: 0;
}

.grid {
  grid-template-columns: 1fr 1fr;
  padding-right: 80px;
}

.grid.builds {
  padding-right: 0;
}

.div-block-217 {
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.div-block-217:hover {
  border-color: #0137ff;
}

.div-block-218 {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.div-block-218.lowest {
  justify-content: space-between;
  width: 100%;
  margin-top: 40px;
}

.div-block-219 {
  margin-left: 20px;
}

.div-block-219.nod {
  margin-left: 0;
}

.text-block-27 {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 150%;
}

.text-span-21 {
  color: #fff;
  font-weight: 700;
}

.div-block-220 {
  background-color: #0137ff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin: 20px 40px;
  padding-top: 0;
  display: flex;
}

.div-block-221 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-28 {
  color: #fff;
  text-transform: none;
  font-family: Inter, sans-serif;
}

.text-block-28.s {
  opacity: 1;
  margin-left: 0;
}

.div-block-222 {
  opacity: .55;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.div-block-222:hover {
  opacity: 1;
}

.div-block-223 {
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  align-items: center;
  width: 100%;
  height: 60px;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.div-block-224 {
  align-items: center;
  display: flex;
}

.div-block-225 {
  align-items: stretch;
  width: 100%;
  display: flex;
}

.div-block-226 {
  width: 100%;
  padding-right: 0;
}

.div-block-227 {
  width: 40%;
  padding-left: 60px;
  padding-right: 60px;
}

.div-block-227.trace {
  width: 50%;
  padding-top: 40px;
  padding-left: 80px;
  padding-right: 80px;
}

.div-block-228 {
  border: 1px solid #4d4d4d;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-right: 20px;
}

.div-block-228:hover {
  background-color: #fff;
}

.div-block-229 {
  align-items: stretch;
  margin-top: 40px;
  display: flex;
}

.div-block-230 {
  margin-right: 40px;
}

.div-block-231 {
  margin-bottom: 20px;
}

.image-60 {
  margin-bottom: 0;
}

.div-block-232 {
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  display: flex;
}

.div-block-233 {
  background-color: #252525;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 60px;
  margin-left: 10px;
  display: flex;
}

.div-block-234 {
  align-items: center;
  display: flex;
}

.image-61 {
  width: 16px;
  margin-right: 6px;
}

.div-block-235 {
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.image-62 {
  filter: grayscale();
  width: 15px;
  margin-top: -7px;
  margin-left: 10px;
}

.image-62.inversion {
  filter: grayscale();
}

.text-block-29 {
  color: #000;
  letter-spacing: 0;
  text-transform: none;
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.text-block-29.white {
  color: #fff;
}

.dropdown-toggle {
  background-color: #252525;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  justify-content: center;
  width: 120px;
  margin-left: 10px;
  padding-right: 20px;
  display: flex;
}

.dropdown-toggle:hover {
  opacity: 1;
  border-color: #fff;
}

.dropdown-list {
  margin-top: 20px;
}

.dropdown-list.w--open {
  background-color: #000;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  width: 200px;
  padding: 5px 10px 10px;
}

.dropdown-link {
  color: #9e9e9e;
  text-transform: none;
  border-radius: 5px;
  margin-top: 5px;
  font-family: Inter, sans-serif;
}

.dropdown-link:hover {
  color: #000;
  background-color: #fff;
}

.dropdown-link._1 {
  color: #000;
  background-color: #fff;
  border-radius: 5px;
}

.dropdown-link-2 {
  color: #858585;
  text-transform: none;
  font-family: Inter, sans-serif;
}

.dropdown-link-3, .dropdown-link-4, .dropdown-link-5 {
  font-family: Inter, sans-serif;
}

.div-block-236 {
  background-color: #252525;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-right: 5px;
  padding: 0 15px;
  display: flex;
}

.div-block-237 {
  align-items: center;
  display: flex;
}

.div-block-238 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.div-block-239 {
  width: 100%;
}

.div-block-240 {
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  height: auto;
  margin-top: 20px;
}

.div-block-240.second {
  margin-top: 0;
}

.div-block-241 {
  background-color: #252525;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px #4d4d4d;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.div-block-241.why {
  border-top-style: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.div-block-241.why.mess {
  border-top-style: solid;
  border-left: 1px solid #4d4d4d;
  border-top-right-radius: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-241.why.mess.punk {
  background-color: rgba(37, 37, 37, 0);
  border-top-style: solid;
  border-right: 1px solid #4d4d4d;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
}

.div-block-242 {
  border-top: 1px solid #4d4d4d;
  padding: 10px 20px 20px;
}

.div-block-243 {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 0;
  display: flex;
}

.div-block-244 {
  border-bottom: 1px solid #4d4d4d;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: 40px;
}

.div-block-245 {
  display: flex;
}

.div-block-246 {
  padding-top: 40px;
  padding-bottom: 80px;
  padding-right: 80px;
}

.div-block-247 {
  border-top: 1px solid #4d4d4d;
  border-left: 1px solid #4d4d4d;
  border-right: 1px solid #4d4d4d;
  border-top-right-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  display: flex;
}

.div-block-247:hover {
  background-color: #252525;
}

.div-block-247.no {
  border-top-right-radius: 0;
}

.div-block-247.no.highlight {
  background-color: #252525;
}

.div-block-248, .div-block-249 {
  align-items: center;
  display: flex;
}

.div-block-250 {
  margin-top: 60px;
  margin-bottom: 40px;
}

.div-block-251 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-252 {
  width: 100%;
  height: auto;
}

.mini {
  width: 100px;
  margin-bottom: 10px;
}

.div-block-253 {
  border: 5px solid #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 120px;
  display: flex;
  position: relative;
}

.text-block-30 {
  color: #fff;
  margin-left: 20px;
  font-family: Inter, sans-serif;
  font-size: 6vh;
  font-weight: 600;
  line-height: 100%;
}

.text-block-30.cor3 {
  margin-left: 0;
}

.div-block-254 {
  border: 1px #000;
  border-left: 5px solid #fff;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
}

.text-block-31 {
  color: #fff;
  letter-spacing: -2px;
  text-transform: none;
  margin-top: 33px;
  font-family: Inter, sans-serif;
  font-size: 5vh;
  font-weight: 500;
  line-height: 100%;
}

.text-block-31.high {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 3vh;
}

.text-block-31.high.black {
  color: #000;
  letter-spacing: -2px;
  font-size: 4vh;
}

.text-block-31.high.black.lil {
  letter-spacing: -1px;
  font-size: 2vh;
}

.text-block-31.high.black.lil.title {
  color: #fff;
  letter-spacing: -.05px;
  margin-top: 20px;
  font-size: 1.8vh;
  font-weight: 500;
}

.text-block-31.high.black.lil.title.smoke {
  color: #000;
  letter-spacing: 0;
  margin-top: 10px;
  font-size: 1.4vh;
  line-height: 150%;
}

.text-block-31.high.black.lil.title.smoke.cta {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.text-block-31.high.black.lil.title.smoke.cta.invert {
  color: #000;
  text-decoration: none;
}

.text-block-31.high.black.lil.title.smoke.white {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  margin-left: 0;
}

.text-block-31.high.black.lil.title.hefty {
  color: #000;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.6vh;
  font-weight: 600;
}

.text-block-31.high.black.lil.title.switch {
  color: #000;
}

.text-block-31.high.boom {
  font-size: 5vh;
}

.text-block-31.high.boom.roast {
  letter-spacing: -10px;
  margin-bottom: 0;
  font-size: 15vh;
}

.text-block-31.high.boom.roast.most {
  letter-spacing: -2px;
  margin-top: 40px;
  padding-right: 220px;
  font-size: 5vh;
  line-height: 120%;
}

.text-block-31.high.lowsef {
  margin-bottom: 0;
}

.text-block-31.switch {
  color: #000;
}

.text-block-31.switch.sugar, .text-block-31.poot {
  margin-top: 0;
}

.text-block-31.poot._4 {
  color: #000;
  font-size: 4vh;
}

.text-block-31.poot.try-me {
  letter-spacing: -.5px;
  font-family: San Serif, sans-serif;
  font-size: 24px;
}

.text-block-31.star {
  margin-left: 25px;
}

.text-block-31.star.borg {
  letter-spacing: -1px;
  margin-top: 15px;
  margin-left: 0;
  font-size: 3vh;
}

.text-block-31.star.borg.mocha {
  opacity: .5;
}

.left-image {
  filter: none;
  background-image: url('../images/Rectangle-19729.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.left-image.dgrant {
  background-image: url('../images/boot.jpeg');
}

.event-info {
  background-color: rgba(0, 0, 0, .03);
  border-left: 1px #000;
  border-right: 1px #ddd;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 100px 60px;
  display: flex;
}

.event-info.hack {
  background-image: linear-gradient(rgba(240, 240, 240, .5), rgba(240, 240, 240, .5));
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.event-info.hone {
  background-image: linear-gradient(152deg, rgba(251, 159, 73, .06), rgba(253, 96, 57, .25));
}

.event-info.left {
  background-image: linear-gradient(66deg, rgba(253, 96, 56, .2), rgba(249, 147, 49, .1));
}

.event-info.left.black.hide {
  display: none;
}

.event-info.make {
  padding-top: 20px;
}

.event-info.card {
  filter: none;
  background-image: none;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 0;
}

.event-info.black {
  background-image: linear-gradient(#000, #000);
}

.event-info.second {
  border-left: 1px #ddd;
  border-right-style: none;
}

.div-block-257 {
  width: 50%;
  height: 100%;
}

.button-black {
  background-color: #000;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 10px 20px;
  transition: all .3s;
  display: flex;
}

.button-black:hover {
  opacity: .7;
}

.button-black.hack {
  background-color: #000;
  background-image: none;
  width: auto;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.button-black.hack:hover {
  filter: invert();
}

.button-black.hack.invert {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  width: auto;
  text-decoration: none;
}

.button-black.hack.invert:hover {
  background-color: var(--ghost-white);
  filter: none;
  border-color: #fff;
}

.button-black.hack.nav {
  margin-top: 0;
}

.title-style {
  margin-top: 10px;
  margin-left: 20px;
  display: flex;
}

.title-style.torque {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  padding-left: 0;
}

.star-20 {
  width: 20px;
  margin-top: -30px;
}

.star-20.lefty {
  opacity: .15;
  filter: invert();
  width: 15px;
}

.star-20.ministar {
  width: 12px;
}

.div-block-260 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .5fr 1.5fr .5fr 1.5fr .5fr 1.5fr;
  grid-auto-columns: 1fr;
  width: 80%;
  display: grid;
}

.div-block-260.trust {
  flex: none;
  grid-template-columns: 1.5fr .5fr 1.5fr .5fr 1.5fr;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-261 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-262, .div-block-263 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-264 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.background-video {
  filter: grayscale();
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  padding-left: 9.5%;
  padding-right: 9.5%;
  display: flex;
}

.div-block-265 {
  z-index: 3;
  opacity: 1;
  background-color: rgba(253, 93, 55, 0);
  background-image: linear-gradient(113deg, #fd6239, #fca14a);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 400px;
  padding-left: 9.5%;
  padding-right: 9.5%;
  display: none;
  position: static;
}

.hero-video-background {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 81%;
  max-width: 1000px;
  height: 400px;
  padding: 60px;
  display: flex;
}

.hero-video-background._300 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  height: 270px;
  padding: 0;
}

.location {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-top: 10px;
  display: flex;
}

.location.height {
  width: auto;
  max-width: 400px;
}

.image-64 {
  width: 200px;
}

.div-block-267 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.main-logo {
  filter: brightness(0%) invert() brightness(200%) grayscale();
  width: 200px;
  margin-bottom: 0;
}

.main-logo.nav {
  width: 48px;
  margin-bottom: 0;
}

.div-block-268 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 81%;
  max-width: 1000px;
  height: 100%;
  padding-top: 0;
  display: grid;
}

.div-block-268.hakuna {
  background-color: #f3f3f3;
  align-items: start;
  justify-items: stretch;
}

.div-block-269 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-66 {
  filter: grayscale();
}

.image-66.holdup {
  width: 100px;
  margin-bottom: 10px;
}

.div-block-270 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-271 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-272, .div-block-273 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-274 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.link-3 {
  color: #aaa;
  text-decoration: none;
}

.link-block-10 {
  text-decoration: none;
}

.button-group {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.button-group.invert {
  filter: invert();
  margin-top: 0;
}

.button-group.invert.nav {
  margin-top: 0;
}

.div-block-276 {
  background-image: url('../images/IMG_0915.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 3px;
  width: 200px;
  height: 200px;
  position: relative;
}

.div-block-277 {
  flex-flow: column;
  display: flex;
}

.div-block-278 {
  background-image: url('../images/IMG_0917.jpeg');
  background-size: cover;
  border-radius: 3px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 0 2px 20px 15px rgba(0, 0, 0, .1);
}

.left-nav-box {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-280 {
  border-right: 1px #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-right: 0;
  display: flex;
}

.button-empty {
  border: 1px solid #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  transition: all .3s;
  display: flex;
}

.button-empty:hover {
  background-color: #fff;
}

.play-black {
  filter: invert();
  width: 10px;
  margin-right: 6px;
}

.key-white {
  filter: brightness(200%);
  width: 10px;
  margin-right: 6px;
}

.body-text {
  color: #fff;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 150%;
}

.body-text.cta {
  margin-top: 0;
  margin-bottom: 0;
}

.body-text.cta.black {
  color: #000;
  font-weight: 500;
}

.body-text.no-low {
  text-align: center;
  max-width: 500px;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: San Serif, sans-serif;
  font-size: 14px;
}

.body-text.black {
  color: #000;
  font-family: San Serif, sans-serif;
  font-size: 14px;
}

.subhead-4 {
  color: #fff;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 0;
  font-family: San Serif, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
}

.subhead-4.black {
  color: #000;
  letter-spacing: -1px;
  font-family: San Serif, sans-serif;
}

.subhead-4.black.take {
  margin-bottom: 20px;
}

.subhead-2 {
  color: #fff;
  letter-spacing: -.1vh;
  text-transform: none;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2vh;
  font-weight: 500;
  line-height: 100%;
}

.subhead-2.space-20 {
  letter-spacing: 0;
  margin-top: 20px;
  margin-bottom: 25px;
  font-family: San Serif, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.subhead-2.black {
  color: #000;
  letter-spacing: 0;
  font-family: San Serif, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.subhead-2.black.spacing {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
}

.subhead-2.black._10.online {
  margin-bottom: 0;
}

.subhead-2.black.bottom-20 {
  letter-spacing: 0;
  margin-bottom: 20px;
  font-family: San Serif, sans-serif;
  font-size: 20px;
}

.subhead-2._10 {
  margin-bottom: 10px;
  font-size: 16px;
}

.subhead-3 {
  color: #fff;
  letter-spacing: -.5px;
  text-transform: none;
  font-family: San Serif, sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.subhead-3.thin {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: San Serif, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.subhead-3.black {
  color: #000;
}

.subhead-3.main {
  letter-spacing: -.7px;
  font-family: San Serif, sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.subhead-5 {
  color: #fff;
  letter-spacing: -1px;
  text-transform: none;
  font-family: San Serif, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
}

.subhead-5.black {
  color: #000;
  text-align: center;
  margin-top: 0;
}

.subhead-5.black.big {
  letter-spacing: -.5vh;
  font-size: 120px;
}

.big-body-18 {
  color: #fff;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 1.8vh;
  line-height: 100%;
}

.subhead-6 {
  text-transform: none;
  font-family: San Serif, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 100%;
}

.star-12 {
  width: 12px;
  margin-bottom: 19px;
  padding-top: 0;
}

.icon-nav {
  filter: brightness(200%) brightness(200%) brightness(200%) grayscale();
  width: 60px;
}

.sun {
  filter: brightness(200%);
  width: 20px;
  margin-right: 3px;
}

.cta-button-white {
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 12px 40px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.cta-button-white:hover {
  opacity: 1;
  background-color: #ffc2ac;
}

.cta-button-white.remind {
  opacity: 1;
  color: rgba(0, 0, 0, .1);
  background-color: rgba(0, 0, 0, .1);
}

.cta-button-white.traditional {
  background-color: #ff6733;
}

.cta-button-white.traditional:hover {
  background-color: #f6821e;
}

.cta-button-white.traditional:active {
  box-shadow: inset 0 2px 0 3px rgba(246, 130, 30, .3);
}

.cta-button-white.traditional:focus {
  background-color: #ff6733;
  box-shadow: inset 0 0 8px rgba(255, 103, 51, .3);
}

.text-cta {
  color: #000;
  text-align: center;
  text-transform: none;
  font-family: San Serif, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}

.text-cta.white {
  color: #fff;
  text-transform: none;
  font-size: 14px;
}

.text-cta.disabled {
  color: rgba(0, 0, 0, .5);
}

.link-block-11 {
  background-color: rgba(255, 255, 255, .1);
  border: 1px solid #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 12px 40px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.link-block-11:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, .2);
}

.link-block-11.secondary {
  border-color: #f6821e;
}

.link-block-11.secondary:hover {
  background-color: #ffc2ac;
}

.link-block-11.secondary:active {
  border-width: 2px;
}

.link-block-11.secondary:focus {
  box-shadow: 0 0 0 8px rgba(246, 130, 30, .25);
}

.play-icon {
  width: 10px;
  margin-right: 6px;
}

.play-icon.white {
  filter: invert();
}

.play-icon.black {
  filter: invert();
  flex: 0 auto;
  display: none;
}

.button-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.button-block.invert {
  filter: invert();
}

.button-block.invert.vert {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.button-block.vert {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
}

.button-block.vert.in {
  filter: invert();
}

.daypass-black {
  background-color: rgba(0, 0, 0, .3);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 60px;
  display: flex;
  position: relative;
}

.key {
  filter: brightness(200%);
  width: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
}

.div-block-281 {
  display: flex;
}

.bookmark-icon {
  filter: brightness(200%) invert() brightness(200%);
  width: 10px;
  margin-right: 6px;
}

.next-episode-box {
  background-color: rgba(0, 0, 0, 0);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.next-episode-box.right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid #e2e2e2;
  border-left-style: none;
  padding-left: 60px;
  padding-right: 60px;
}

.next-episode-box.left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid #e2e2e2;
  padding-left: 60px;
  padding-right: 60px;
}

.shell {
  border-right: 1px solid #e4e4e4;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.shell.v1, .shell.v2 {
  display: none;
}

.episode-box {
  background-color: rgba(0, 0, 0, .03);
  justify-content: space-around;
  align-items: center;
  width: 81%;
  max-width: 1000px;
  height: 350px;
  display: flex;
}

.episode-box.online {
  width: 100%;
  margin-top: 40px;
}

.speaker-box {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.text-block-32 {
  width: auto;
  height: auto;
}

.person {
  background-image: url('../images/jam.dev.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  margin-right: 6px;
}

.person.jam-dev {
  filter: none;
}

.person.craig {
  filter: none;
  background-image: url('../images/craig.jpeg');
  border: 3px solid #ffc2ac;
  width: 35px;
  height: 35px;
}

.person.craig.jam {
  background-image: url('../images/jam.dev.jpeg');
}

.friends-block {
  background-color: #f7f7f7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 81%;
  max-width: 1000px;
  padding: 60px;
  display: flex;
}

.event-block {
  background-color: #000;
  background-image: linear-gradient(151deg, #fe6734, #f8972f);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 81%;
  max-width: 1000px;
  height: 350px;
  display: flex;
}

.next-box {
  background-color: #ebeaea;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 81%;
  max-width: 1000px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.bottom-nav {
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  width: 81%;
  max-width: 1000px;
  padding: 60px;
  display: flex;
}

.online-overlay {
  z-index: 100;
  color: #f3f3f3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.online-overlay.rsvp {
  display: none;
}

.div-block-283 {
  background-color: #fff;
  background-image: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 81%;
  max-width: 1000px;
  height: 100%;
  padding-top: 100px;
  display: flex;
  position: relative;
}

.div-block-284 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 40px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-285 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-286 {
  width: 400px;
  height: 400px;
}

.div-block-287 {
  background-image: linear-gradient(354deg, #000, rgba(255, 255, 255, .15)), url('../images/Rectangle-19729.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 400px;
  height: 100%;
  display: flex;
}

.link-block-12 {
  background-image: linear-gradient(#fff, #fff), linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Rectangle-19729.png');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, auto;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  padding: 0 60px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.link-block-12:hover {
  box-shadow: 0 2px 20px 13px rgba(0, 0, 0, .08);
}

.link-block-12.stream {
  background-image: linear-gradient(#fff, #fff), linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Idan.jpeg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}

.div-block-288 {
  background-image: linear-gradient(#ff6733, #ff6733);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  margin-top: 20px;
  padding: 12px 40px;
  display: flex;
}

.image-67 {
  width: 10px;
  margin-right: 6px;
}

.div-block-289 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-68 {
  filter: invert();
  margin-top: -29px;
}

.image-69 {
  width: 60px;
  margin-right: 3px;
}

.image-70 {
  width: 12px;
  margin-right: 6px;
}

.image-70.invert {
  filter: brightness(200%);
}

.image-70.black {
  filter: brightness(0%);
}

.div-block-290 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.image-71 {
  filter: brightness(200%);
  width: 30px;
}

.text-block-33 {
  background-color: #f6821e;
}

html.w-mod-js [data-ix="move-up"] {
  opacity: 0;
  transform: translate(0, -30px);
}

html.w-mod-js [data-ix="from-top"], html.w-mod-js [data-ix="from-top-2"], html.w-mod-js [data-ix="from-top-3"] {
  opacity: 0;
  transform: translate(0, -33px);
}

html.w-mod-js [data-ix="frome-left"] {
  opacity: 0;
  transform: translate(-100px);
}

@media screen and (max-width: 991px) {
  body {
    margin-left: 0%;
  }

  .button.custom._2 {
    margin-top: 14px;
    margin-bottom: -26px;
  }

  .button.custom._2._3 {
    margin-top: 6px;
    font-size: 10px;
    line-height: 11px;
  }

  .nav-linke {
    text-align: center;
    max-width: 100%;
    font-family: Open Sans, sans-serif;
  }

  .nav-linke:hover {
    color: #323232;
  }

  .nav-linke.w--current {
    text-align: center;
    font-family: Open Sans, sans-serif;
  }

  .center.custom._3 {
    margin-top: -65px;
  }

  .center._3 {
    margin-top: -42px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .row {
    margin-top: 0;
    padding-top: 0;
  }

  .port-text {
    top: 37%;
  }

  .big-text {
    padding: 8px 12px;
    font-size: 12px;
  }

  .vertical.vt-right {
    margin-right: 200px;
  }

  .vertical.vt-left {
    margin-left: 200px;
  }

  .brand-logo {
    display: block;
  }

  .client-logo {
    width: 50%;
    margin-bottom: 45px;
  }

  .banner, .slider-projec {
    height: 400px;
  }

  .nav-device {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-menu {
    background-color: #fff;
    background-image: none;
  }

  .col-space {
    margin-bottom: 50px;
  }

  .menu-button {
    color: #323232;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, .59);
  }

  .banner-home {
    height: 100%;
    margin-top: 0;
    padding-top: 40px;
  }

  .container-center {
    overflow: visible;
  }

  .btn-banner {
    margin-top: 31px;
  }

  .left-aligned-sub-text.custom {
    margin-right: 19px;
  }

  .center-aligned-text.custom {
    padding-left: 0;
    padding-right: 0;
  }

  .digital-advert-body {
    padding-left: 33px;
  }

  .digital-advert-row.custom {
    background-image: none;
  }

  .link {
    color: #949494;
    text-transform: none;
    border-bottom: 1px #000;
    text-decoration: none;
    transition: opacity .7s;
    display: inline-block;
  }

  .link:hover {
    float: none;
    clear: none;
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 4px #000;
    font-weight: 600;
  }

  .big-letters.custom.double {
    padding-right: 65px;
    line-height: 42px;
  }

  .column1 {
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 4px;
    padding-right: 14px;
    overflow: visible;
  }

  .column1._2 {
    margin-top: 30px;
  }

  .right-side {
    margin-top: 0;
    margin-left: 1px;
  }

  .right-side.custom {
    margin-top: 104px;
    padding-bottom: 47px;
  }

  .column2 {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 13px;
    display: block;
    position: static;
  }

  .mobileimgcolumn {
    margin-top: 0;
  }

  .tablet {
    margin-bottom: 61px;
    padding-bottom: 0;
  }

  .row2 {
    margin-top: 0;
    margin-bottom: -102px;
    padding-bottom: 0;
  }

  .right-image-webinar {
    margin-top: 0;
  }

  .right-image {
    margin-top: -69px;
  }

  .right-copy {
    margin-top: 17px;
    padding-bottom: 17px;
  }

  .homeelement {
    margin-bottom: 0;
  }

  .nav-bar {
    font-family: Open Sans, sans-serif;
  }

  .div-block-2 {
    width: 100%;
  }

  .div-block-2.trickedout.viam {
    width: 80%;
  }

  .div-block-2.gosh {
    padding-left: 20px;
  }

  .div-block-6.full-width {
    padding-right: 0;
  }

  .div-block-7.notting {
    flex-direction: column;
  }

  .text-block-5.viam {
    margin-top: 20px;
  }

  .div-block-10.viam {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-block-6.viam.underscore {
    width: auto;
  }

  .text-block-6.viam.underscore.light {
    font-size: 1vh;
  }

  .div-block-34 {
    grid-template-columns: 1.5fr .5fr;
    width: 100%;
  }

  .div-block-35 {
    padding-bottom: 40px;
  }

  .div-block-37 {
    grid-template-columns: .75fr 1.75fr;
  }

  .div-block-38.littler.and, .div-block-38.littler.gris, .div-block-38.gris {
    height: 70px;
  }

  .div-block-39 {
    height: auto;
  }

  .div-block-43 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-47.roger {
    grid-column-gap: 20px;
  }

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

  .div-block-63.genai-day {
    height: 300px;
  }

  .div-block-63.genai-day.speakers.alone {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-63.genai-day.smallish._3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-63.genai-day.nav-bar {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-78 {
    padding-bottom: 2px;
    padding-right: 2px;
  }

  .text-block-18.move.mocha, .text-block-18.move.stack {
    display: none;
  }

  .div-block-122.stack {
    width: 15%;
  }

  .div-block-123.newslang {
    width: 60%;
  }

  .div-block-128 {
    flex: none;
  }

  .div-block-129.make {
    display: none;
  }

  .div-block-131 {
    width: 15%;
  }

  .div-block-138.yon {
    display: none;
  }

  .div-block-146 {
    padding-right: 10px;
  }

  .div-block-197 {
    opacity: .75;
  }

  .text-block-31.high.black.lil.title.switch {
    text-align: center;
  }

  .event-info {
    padding: 60px 40px;
  }

  .hero-video-background {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-267 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .subhead-2._10 {
    text-align: center;
  }

  .subhead-5.black.big {
    font-size: 12vh;
  }

  .next-episode-box, .bottom-nav {
    padding-left: 40px;
    padding-right: 40px;
  }

  .online-overlay.rsvp {
    display: flex;
  }

  .div-block-283 {
    display: none;
  }

  .div-block-284, .link-block-12, .link-block-12.stream {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    padding: 20px 40px 15px;
    font-size: 29px;
  }

  .button.custom.custom2._4 {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .button.custom._2._3 {
    flex-direction: column;
    align-self: center;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .nav-linke, .nav-linke.w--current {
    text-align: center;
    font-family: Open Sans, sans-serif;
  }

  .center._3 {
    margin-top: -75px;
  }

  .welcoe-text.text-pages {
    margin-bottom: 0;
  }

  .sub-text {
    display: flex;
  }

  .row {
    margin-top: -37px;
  }

  .port-text {
    top: 197px;
  }

  .port-text.mob {
    top: 375px;
  }

  .port-text.mob-2 {
    top: 99px;
  }

  .brand-logo {
    display: block;
  }

  .client-logo {
    width: 100%;
    margin-bottom: 50px;
    display: block;
  }

  .client-logo.no-sp {
    margin-bottom: 0;
  }

  .col-right {
    text-align: center;
    margin-top: 14px;
  }

  .copyright {
    text-align: center;
    margin-bottom: 15px;
  }

  .social-ico.social-team {
    top: 289px;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, .59);
  }

  .cent {
    text-align: center;
  }

  .banner-home {
    height: auto;
    padding-top: 116px;
    padding-bottom: 45px;
  }

  .small-text {
    font-size: 20px;
  }

  .video {
    margin-top: 268px;
  }

  .left-aligned-sub-text.custom {
    text-align: center;
  }

  .center-aligned-text.custom, .digital-advert-body {
    padding-left: 0;
    padding-right: 0;
  }

  .big-letters.custom.double {
    text-align: center;
    align-self: center;
    padding-right: 0;
  }

  .column1 {
    flex-direction: column;
    display: flex;
  }

  .right-side.custom {
    margin-top: 57px;
    padding-bottom: 26px;
  }

  .column2 {
    margin-top: 0;
    margin-bottom: 37px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .imagio._2 {
    margin-top: -3px;
    padding-bottom: 0;
  }

  .left-copy {
    flex-direction: column;
    margin-left: 0;
    display: flex;
  }

  .right-copy {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .mobile {
    padding-bottom: 20px;
  }

  .heading {
    font-family: Open Sans, sans-serif;
  }

  .header-home {
    font-size: 48px;
    display: block;
    position: relative;
  }

  .wraps {
    margin-left: 31px;
    margin-right: 31px;
    display: flex;
  }

  .left-aligned-resume-header {
    margin-top: 0;
    padding-bottom: 40px;
  }

  .text-block-4.viam {
    font-size: 44px;
  }

  .div-block-7.notting {
    align-items: flex-start;
  }

  .div-block-9 {
    margin-left: 0;
  }

  .div-block-10.viam {
    padding-right: 40px;
  }

  .div-block-45, .div-block-47.roger {
    display: none;
  }

  .heading-5 {
    text-align: center;
    line-height: 90%;
  }

  .div-block-58.middle.uppernav {
    display: none;
  }

  .div-block-63.genai-day {
    width: 90%;
    height: auto;
    padding: 40px;
  }

  .div-block-63.genai-day.speakers.alone {
    padding: 40px;
  }

  .div-block-63.genai-day.mode.september {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-63.genai-day.smallish._3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .text-block-31.high.black.lil.title.switch, .text-block-31.switch {
    text-align: center;
  }

  .event-info {
    padding: 40px;
  }

  .hero-video-background {
    width: 90%;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero-video-background._300 {
    height: auto;
    padding-top: 0;
  }

  .div-block-267 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-268 {
    flex-flow: column;
    grid-auto-flow: row;
    width: 90%;
    display: flex;
  }

  .subhead-5.black.big {
    letter-spacing: -.5vh;
    font-size: 10vh;
  }

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

  .episode-box {
    width: 90%;
  }

  .friends-block {
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    padding: 40px;
  }

  .event-block, .next-box {
    width: 90%;
  }

  .bottom-nav {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    width: 90%;
  }

  .online-overlay.rsvp {
    display: flex;
  }

  .div-block-283 {
    width: 90%;
  }

  .div-block-284 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-285 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-block-12, .link-block-12.stream {
    width: 100%;
    height: 400px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    padding: 15px 30px 10px;
    font-size: 24px;
  }

  .button.btn-project {
    font-size: 10px;
  }

  .button.btn-spc {
    margin-bottom: 20px;
  }

  .button.custom {
    margin-bottom: 0;
    display: block;
  }

  .button.custom.custom2 {
    padding-bottom: 17px;
  }

  .button.custom.custom2._4 {
    margin-top: 14px;
    margin-bottom: 0;
  }

  .button.custom._2._3 {
    display: block;
  }

  .nav-linke, .nav-linke.w--current {
    text-align: center;
    font-family: Open Sans, sans-serif;
  }

  .service-section {
    padding-top: 50px;
  }

  .center {
    margin-top: 0;
  }

  .center.custom {
    margin-top: -73px;
  }

  .center._2 {
    margin-top: -56px;
  }

  .center._3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 19px;
  }

  .welcoe-text {
    font-size: 18px;
    line-height: 35px;
  }

  .welcoe-text.text-pages {
    font-size: 15px;
  }

  .welcoe-text.webinar {
    margin-top: -74px;
  }

  .row {
    margin-top: -22px;
  }

  .port-text {
    top: 100px;
  }

  .port-text.mob {
    top: 212px;
  }

  .port-text.mob-2 {
    top: 42px;
  }

  .slider-div {
    height: auto;
  }

  .social-ico.social-team {
    top: 147px;
  }

  .tittle-section {
    margin-top: 0;
    padding-top: 45px;
    padding-bottom: 40px;
  }

  .banner, .slider-projec {
    height: auto;
  }

  .info-section {
    padding-top: 70px;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, .59);
  }

  .banner-home {
    padding-top: 35px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .small-text {
    line-height: 26px;
  }

  .left-aligned-sub-text.custom {
    text-align: center;
    margin-right: 0;
  }

  .left-aligned-sub-text._3 {
    margin-right: 10px;
  }

  .center-aligned-text.custom {
    padding-left: 0;
    padding-right: 0;
  }

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

  .digital-advert-body {
    padding-left: 10px;
    padding-right: 10px;
  }

  .digital-advert-row.digad {
    margin-top: 0;
  }

  .custom-div {
    margin-top: 0;
    margin-bottom: 0;
  }

  .big-letters.custom.double {
    text-align: center;
    padding-right: 0;
  }

  .column1 {
    margin-top: 24px;
    padding-left: 0;
    display: flex;
  }

  .column1._2 {
    flex-direction: column;
    padding-right: 0;
    position: static;
  }

  .right-side {
    margin-left: 0;
    margin-right: 0;
  }

  .right-side.custom {
    margin-top: 5px;
    padding-bottom: 34px;
  }

  .column2 {
    margin-bottom: 33px;
    padding-left: 21px;
    padding-right: 21px;
  }

  .middle-section {
    padding-bottom: 0;
  }

  .imagio._2 {
    margin-top: 0;
    padding-bottom: 0;
  }

  .mobileimgcolumn {
    flex-direction: column;
    margin-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .tablet {
    margin-bottom: 0;
  }

  .row2 {
    margin-top: 0;
    margin-bottom: 53px;
    padding-bottom: 36px;
  }

  .right-image-webinar {
    margin-top: 0;
  }

  .left-copy {
    align-self: center;
    margin-left: 0;
  }

  .right-image {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .right-copy {
    margin-top: 0;
  }

  .mobile {
    order: 1;
  }

  .mobilecolumn {
    flex-direction: column;
    margin-top: 25px;
    padding-bottom: 0;
    display: flex;
  }

  .stats {
    margin-top: 9px;
  }

  .header2 {
    margin-bottom: 13px;
  }

  .header2._2 {
    padding-bottom: 17px;
  }

  .homeelement {
    margin-top: -11px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .header-home {
    font-size: 36px;
  }

  .mobile-home {
    opacity: .18;
  }

  .right-subhead._3 {
    display: flex;
  }

  .divvy {
    flex-direction: column;
  }

  .div-block.viam.header {
    flex-direction: column;
    padding: 0;
  }

  .div-block-2 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-2.trickedout.viam {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-2.trickedout.viam.graph.even-height, .div-block-2.trickedout.viam.graph.even-height.bret {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-2.viam {
    display: none;
  }

  .div-block-5.viam {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-6.full-width {
    flex-direction: column;
    align-items: center;
    padding-right: 0;
    display: block;
  }

  .text-block-4.viam {
    font-size: 36px;
  }

  .text-block-4.viam.header {
    font-size: 45px;
  }

  .div-block-7.notting {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .div-block-8.viam.behind {
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 0;
  }

  .div-block-9 {
    margin-top: 10px;
    margin-left: 20px;
  }

  .text-block-5.viam {
    margin-top: 0;
  }

  .div-block-10.viam {
    flex-direction: column;
    justify-content: center;
    width: auto;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-18.viam {
    margin-right: 0;
  }

  .div-block-30 {
    width: 50px;
    height: 50px;
  }

  .div-block-31 {
    flex-direction: column;
    align-items: flex-start;
  }

  .div-block-32 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-33.dope {
    display: none;
  }

  .div-block-33.front {
    border-style: none;
    overflow: hidden;
  }

  .div-block-33.front.hundo.p {
    padding-bottom: 40px;
  }

  .div-block-34 {
    grid-column-gap: 0px;
    flex-direction: column;
    align-items: center;
    width: auto;
    display: flex;
  }

  .div-block-35 {
    flex-direction: row;
    flex: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 40px;
  }

  .div-block-43 {
    flex-direction: row;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-43.center {
    display: none;
  }

  .text-block-11 {
    font-size: 2.7vh;
  }

  .text-block-11.lil {
    margin-top: -19px;
  }

  .div-block-44 {
    width: auto;
  }

  .div-block-45 {
    flex: none;
    width: 30px;
    height: 30px;
    display: flex;
  }

  .image-9 {
    width: 15px;
  }

  .text-block-13.lost, .div-block-47 {
    display: none;
  }

  .heading-5 {
    text-align: center;
    font-size: 40px;
  }

  .image-11 {
    filter: invert();
  }

  .div-block-51 {
    width: 33%;
  }

  .div-block-58.middle.uppernav {
    display: none;
  }

  .div-block-58.upper.lower {
    height: auto;
  }

  .div-block-63.genai-day {
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    height: auto;
    padding: 40px 20px;
  }

  .div-block-63.genai-day.speakers.alone {
    width: 90%;
    padding: 40px 20px;
  }

  .div-block-63.genai-day.mode.september {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-63.genai-day.smallish._3 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-63.genai-day.smallish.hono {
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-31.high.black.lil.title.smoke.white {
    text-align: left;
    margin-left: 0;
  }

  .text-block-31.high.black.lil.title.switch {
    text-align: left;
  }

  .text-block-31.high.lowsef {
    margin-bottom: 0;
  }

  .event-info {
    padding: 40px 20px;
  }

  .title-style {
    margin-left: 0;
  }

  .star-20 {
    order: 0;
  }

  .star-20.last {
    order: 1;
  }

  .hero-video-background {
    width: 90%;
    height: 350px;
    padding: 40px 20px;
  }

  .hero-video-background._300 {
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-267 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .main-logo {
    margin-top: 60px;
  }

  .div-block-268 {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 90%;
    display: flex;
  }

  .div-block-274 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .body-text.no-low {
    text-align: left;
    max-width: none;
  }

  .subhead-4 {
    font-size: 36px;
  }

  .subhead-4.black {
    text-align: left;
    letter-spacing: 0;
    font-size: 20px;
  }

  .subhead-4.center {
    letter-spacing: -.15vh;
    font-size: 3vh;
  }

  .subhead-2.space-20 {
    text-align: left;
    letter-spacing: 0;
    margin-top: 10px;
    font-size: 16px;
    line-height: 120%;
  }

  .subhead-2.black {
    letter-spacing: -.5px;
    font-size: 16px;
  }

  .subhead-2.black.spacing {
    text-align: left;
  }

  .subhead-2.black._10 {
    margin-bottom: 10px;
  }

  .subhead-2.black.bottom-20 {
    font-size: 16px;
    font-weight: 400;
  }

  .subhead-2._10 {
    text-align: center;
    margin-bottom: 20px;
  }

  .subhead-3 {
    letter-spacing: -.8px;
    font-size: 18px;
    line-height: 100%;
  }

  .subhead-3.thin {
    display: none;
  }

  .subhead-3.main {
    letter-spacing: -.5px;
    font-size: 21px;
  }

  .subhead-5 {
    text-align: left;
    letter-spacing: -1px;
    font-size: 36px;
  }

  .subhead-5.black {
    letter-spacing: -.15vh;
    font-size: 36px;
  }

  .subhead-5.black.big {
    letter-spacing: -.3vh;
    font-size: 6vh;
  }

  .subhead-6 {
    font-size: 40px;
    line-height: 90%;
  }

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

  .daypass-black {
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .next-episode-box {
    justify-content: center;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .next-episode-box.right {
    text-align: left;
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: #e2e2e2;
    border-bottom-width: 1px;
    border-bottom-color: #e2e2e2;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
  }

  .next-episode-box.left {
    border-style: solid none none;
    border-top-width: 1px;
    border-top-color: #e2e2e2;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .episode-box {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    width: 90%;
    height: auto;
    padding: 40px 20px;
  }

  .episode-box.online {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 0;
  }

  .friends-block {
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    padding: 40px 20px;
  }

  .event-block {
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    height: auto;
    padding: 40px 20px;
  }

  .next-box {
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bottom-nav {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .online-overlay, .online-overlay.rsvp {
    display: none;
  }

  .div-block-283 {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    width: 90%;
    display: flex;
  }

  .div-block-284 {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-285 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-285.online {
    padding-left: 0;
    padding-right: 0;
  }

  .link-block-12 {
    width: 100%;
    height: auto;
    padding: 40px 20px;
  }

  .image-68 {
    width: 14px;
    margin-top: -20px;
  }

  .image-69 {
    width: 50px;
  }

  .div-block-290 {
    width: 40px;
    height: 40px;
  }

  .image-71 {
    width: 20px;
  }
}

#w-node-_4cd5e435-723c-0754-07b6-08f3318611b4-6f7e6d61, #w-node-ba87dace-57b4-361e-7fe9-0040de362539-494fccd1, #w-node-_2a6faaa5-d538-859a-565c-984fa505fd16-494fccd1, #w-node-_972e8e54-477d-ec96-dd67-bd529c77eb1f-494fccd1, #w-node-_81a51bee-7d84-9412-7979-6eb99c588e09-494fccd1, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cf75-494fccd1, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cf98-494fccd1, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cfaf-494fccd1, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cfc6-494fccd1, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cfdd-494fccd1, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cff4-494fccd1, #w-node-_3cc3db70-ab0c-a12d-099e-86fa8cc21a78-494fccd1, #w-node-_39a3f25d-7e25-3e24-a21c-c10927455184-494fccd1, #w-node-_9a9abdb3-0965-5113-32d2-2ec0f408cd5b-494fccd1, #w-node-_30d0d769-3ef9-aaca-1cdb-510a5bf65d1e-494fccd1, #w-node-_30d0d769-3ef9-aaca-1cdb-510a5bf65d35-494fccd1, #w-node-ba87dace-57b4-361e-7fe9-0040de362539-61b65dec, #w-node-_2a6faaa5-d538-859a-565c-984fa505fd16-61b65dec, #w-node-_972e8e54-477d-ec96-dd67-bd529c77eb1f-61b65dec, #w-node-_81a51bee-7d84-9412-7979-6eb99c588e09-61b65dec, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cf75-61b65dec, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cf98-61b65dec, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cfaf-61b65dec, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cfc6-61b65dec, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cfdd-61b65dec, #w-node-f3d5c13f-2dad-8648-8030-ebd3e616cff4-61b65dec, #w-node-_3cc3db70-ab0c-a12d-099e-86fa8cc21a78-61b65dec, #w-node-_39a3f25d-7e25-3e24-a21c-c10927455184-61b65dec, #w-node-_9a9abdb3-0965-5113-32d2-2ec0f408cd5b-61b65dec, #w-node-_30d0d769-3ef9-aaca-1cdb-510a5bf65d1e-61b65dec, #w-node-_30d0d769-3ef9-aaca-1cdb-510a5bf65d35-61b65dec {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Black.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-BlackIta.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Black.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-BlackIta.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-Black.woff') format('woff'), url('../fonts/HelveticaNowDisplay-BlackIta.woff') format('woff'), url('../fonts/HelveticaNowDisplay-BlackIta.ttf') format('truetype'), url('../fonts/HelveticaNowDisplay-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Bold.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-BoldIta.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-ExtraBold.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-BoldIta.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-Bold.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-ExtraBold.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-Bold.woff') format('woff'), url('../fonts/HelveticaNowDisplay-BoldIta.woff') format('woff'), url('../fonts/HelveticaNowDisplay-ExtraBold.woff') format('woff'), url('../fonts/HelveticaNowDisplay-Bold.ttf') format('truetype'), url('../fonts/HelveticaNowDisplay-BoldIta.ttf') format('truetype'), url('../fonts/HelveticaNowDisplay-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay extbdita';
  src: url('../fonts/HelveticaNowDisplay-ExtBdIta.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-ExtBdIta.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-ExtBdIta.woff') format('woff'), url('../fonts/HelveticaNowDisplay-ExtBdIta.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay extblk';
  src: url('../fonts/HelveticaNowDisplay-ExtBlk.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-ExtBlk.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-ExtBlk.woff') format('woff'), url('../fonts/HelveticaNowDisplay-ExtBlk.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay extblkita';
  src: url('../fonts/HelveticaNowDisplay-ExtBlkIta.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-ExtBlkIta.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-ExtBlkIta.woff') format('woff'), url('../fonts/HelveticaNowDisplay-ExtBlkIta.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay extlt';
  src: url('../fonts/HelveticaNowDisplay-ExtLt.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-ExtLt.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-ExtLt.woff') format('woff'), url('../fonts/HelveticaNowDisplay-ExtLt.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay extltita';
  src: url('../fonts/HelveticaNowDisplay-ExtLtIta.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-ExtLtIta.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-ExtLtIta.woff') format('woff'), url('../fonts/HelveticaNowDisplay-ExtLtIta.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay hairline';
  src: url('../fonts/HelveticaNowDisplay-Hairline.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Hairline.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-Hairline.woff') format('woff'), url('../fonts/HelveticaNowDisplay-Hairline.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay hairlinei';
  src: url('../fonts/HelveticaNowDisplay-HairlineI.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-HairlineI.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-HairlineI.woff') format('woff'), url('../fonts/HelveticaNowDisplay-HairlineI.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Light.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-LightIta.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Light.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-LightIta.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-Light.woff') format('woff'), url('../fonts/HelveticaNowDisplay-LightIta.woff') format('woff'), url('../fonts/HelveticaNowDisplay-Light.ttf') format('truetype'), url('../fonts/HelveticaNowDisplay-LightIta.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay medita';
  src: url('../fonts/HelveticaNowDisplay-MedIta.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-MedIta.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-MedIta.woff') format('woff'), url('../fonts/HelveticaNowDisplay-MedIta.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Medium.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Medium.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-Medium.woff') format('woff'), url('../fonts/HelveticaNowDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay regita';
  src: url('../fonts/HelveticaNowDisplay-RegIta.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-RegIta.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-RegIta.woff') format('woff'), url('../fonts/HelveticaNowDisplay-RegIta.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Regular.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Regular.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-Regular.woff') format('woff'), url('../fonts/HelveticaNowDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helveticanowdisplay';
  src: url('../fonts/HelveticaNowDisplay-Thin.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-ThinIta.woff2') format('woff2'), url('../fonts/HelveticaNowDisplay-Thin.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-ThinIta.eot') format('embedded-opentype'), url('../fonts/HelveticaNowDisplay-Thin.woff') format('woff'), url('../fonts/HelveticaNowDisplay-ThinIta.woff') format('woff'), url('../fonts/HelveticaNowDisplay-Thin.ttf') format('truetype'), url('../fonts/HelveticaNowDisplay-ThinIta.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-MediumItalic.woff2') format('woff2'), url('../fonts/Whyte-MediumItalic.eot') format('embedded-opentype'), url('../fonts/Whyte-MediumItalic.woff') format('woff'), url('../fonts/Whyte-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-Black.woff2') format('woff2'), url('../fonts/Whyte-Heavy.woff2') format('woff2'), url('../fonts/Whyte-Black.eot') format('embedded-opentype'), url('../fonts/Whyte-Heavy.eot') format('embedded-opentype'), url('../fonts/Whyte-Black.woff') format('woff'), url('../fonts/Whyte-Heavy.woff') format('woff'), url('../fonts/Whyte-Black.ttf') format('truetype'), url('../fonts/Whyte-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-BlackItalic.woff2') format('woff2'), url('../fonts/Whyte-HeavyItalic.woff2') format('woff2'), url('../fonts/Whyte-BlackItalic.eot') format('embedded-opentype'), url('../fonts/Whyte-HeavyItalic.eot') format('embedded-opentype'), url('../fonts/Whyte-BlackItalic.woff') format('woff'), url('../fonts/Whyte-HeavyItalic.woff') format('woff'), url('../fonts/Whyte-BlackItalic.ttf') format('truetype'), url('../fonts/Whyte-HeavyItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-Bold.woff2') format('woff2'), url('../fonts/Whyte-Bold.eot') format('embedded-opentype'), url('../fonts/Whyte-Bold.woff') format('woff'), url('../fonts/Whyte-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-ThinItalic.woff2') format('woff2'), url('../fonts/Whyte-ThinItalic.eot') format('embedded-opentype'), url('../fonts/Whyte-ThinItalic.woff') format('woff'), url('../fonts/Whyte-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-BoldItalic.woff2') format('woff2'), url('../fonts/Whyte-BoldItalic.eot') format('embedded-opentype'), url('../fonts/Whyte-BoldItalic.woff') format('woff'), url('../fonts/Whyte-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte book';
  src: url('../fonts/Whyte-Book.woff2') format('woff2'), url('../fonts/Whyte-Book.eot') format('embedded-opentype'), url('../fonts/Whyte-Book.woff') format('woff'), url('../fonts/Whyte-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-BookItalic.woff2') format('woff2'), url('../fonts/Whyte-Italic.woff2') format('woff2'), url('../fonts/Whyte-SuperItalic.woff2') format('woff2'), url('../fonts/Whyte-BookItalic.eot') format('embedded-opentype'), url('../fonts/Whyte-Italic.eot') format('embedded-opentype'), url('../fonts/Whyte-SuperItalic.eot') format('embedded-opentype'), url('../fonts/Whyte-BookItalic.woff') format('woff'), url('../fonts/Whyte-Italic.woff') format('woff'), url('../fonts/Whyte-SuperItalic.woff') format('woff'), url('../fonts/Whyte-BookItalic.ttf') format('truetype'), url('../fonts/Whyte-Italic.ttf') format('truetype'), url('../fonts/Whyte-SuperItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-ExtraLight.woff2') format('woff2'), url('../fonts/Whyte-ExtraLight.eot') format('embedded-opentype'), url('../fonts/Whyte-ExtraLight.woff') format('woff'), url('../fonts/Whyte-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Whyte-ExtraLightItalic.eot') format('embedded-opentype'), url('../fonts/Whyte-ExtraLightItalic.woff') format('woff'), url('../fonts/Whyte-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-Light.woff2') format('woff2'), url('../fonts/Whyte-Light.eot') format('embedded-opentype'), url('../fonts/Whyte-Light.woff') format('woff'), url('../fonts/Whyte-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-LightItalic.woff2') format('woff2'), url('../fonts/Whyte-LightItalic.eot') format('embedded-opentype'), url('../fonts/Whyte-LightItalic.woff') format('woff'), url('../fonts/Whyte-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-Regular.woff2') format('woff2'), url('../fonts/Whyte-Regular.eot') format('embedded-opentype'), url('../fonts/Whyte-Regular.woff') format('woff'), url('../fonts/Whyte-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-Medium.woff2') format('woff2'), url('../fonts/Whyte-Medium.eot') format('embedded-opentype'), url('../fonts/Whyte-Medium.woff') format('woff'), url('../fonts/Whyte-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte super';
  src: url('../fonts/Whyte-Super.woff2') format('woff2'), url('../fonts/Whyte-Super.eot') format('embedded-opentype'), url('../fonts/Whyte-Super.woff') format('woff'), url('../fonts/Whyte-Super.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte';
  src: url('../fonts/Whyte-Thin.woff2') format('woff2'), url('../fonts/Whyte-Thin.eot') format('embedded-opentype'), url('../fonts/Whyte-Thin.woff') format('woff'), url('../fonts/Whyte-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'San Serif';
  src: url('../fonts/SFPRODISPLAYMEDIUM.OTF') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'San Serif';
  src: url('../fonts/SFPRODISPLAYBOLD.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'San Serif';
  src: url('../fonts/SFPRODISPLAYREGULAR.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'San Serif';
  src: url('../fonts/SFPRODISPLAYSEMIBOLDITALIC.OTF') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Messinasans book';
  src: url('../fonts/MessinaSans-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Messinasans';
  src: url('../fonts/MessinaSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Messinasansmono book';
  src: url('../fonts/MessinaSansMono-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Messinasansmono';
  src: url('../fonts/MessinaSansMono-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Messinasans';
  src: url('../fonts/MessinaSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Messinasansmono';
  src: url('../fonts/MessinaSansMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Messinasans';
  src: url('../fonts/MessinaSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Messinasans';
  src: url('../fonts/MessinaSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lazer 84';
  src: url('../fonts/Lazer84.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nhaasgrotesktxpro 75 Bd';
  src: url('../fonts/NHaasGroteskTXPro-75Bd.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nhaasgrotesktxpro 55 Rg';
  src: url('../fonts/NHaasGroteskTXPro-55Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nhaasgrotesktxpro 65 Md';
  src: url('../fonts/NHaasGroteskTXPro-65Md.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lovelo';
  src: url('../fonts/Lovelo_Black.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'P22mackinac 7';
  src: url('../fonts/P22Mackinac-BoldItalic_7.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 10';
  src: url('../fonts/P22Mackinac-BoldItalicSC_10.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac book 13';
  src: url('../fonts/P22Mackinac-Book_13.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 23';
  src: url('../fonts/P22Mackinac-Bold_23.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 24';
  src: url('../fonts/P22Mackinac-BookItalicSC_24.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 19';
  src: url('../fonts/P22Mackinac-BoldSC_19.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 5';
  src: url('../fonts/P22Mackinac-BookItalic_5.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac booksc 8';
  src: url('../fonts/P22Mackinac-BookSC_8.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 20';
  src: url('../fonts/P22Mackinac-ExBoldSC_20.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 3';
  src: url('../fonts/P22Mackinac-ExBoldSCItalic_3.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 9';
  src: url('../fonts/P22Mackinac-ExtraBold_9.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 4';
  src: url('../fonts/P22Mackinac-ExtraBoldItalic_4.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 6';
  src: url('../fonts/P22Mackinac-Medium_6.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 21';
  src: url('../fonts/P22Mackinac-MediumItalicSC_21.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinacpro 15';
  src: url('../fonts/P22MackinacPro-BookItalic_15.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 14';
  src: url('../fonts/P22Mackinac-MediumSC_14.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinacpro 16';
  src: url('../fonts/P22MackinacPro-Bold_16.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinac 22';
  src: url('../fonts/P22Mackinac-MedItalic_22.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinacpro 12';
  src: url('../fonts/P22MackinacPro-ExtraBold_12.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinacpro 17';
  src: url('../fonts/P22MackinacPro-ExBoldItalic_17.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinacpro 18';
  src: url('../fonts/P22MackinacPro-MedItalic_18.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinacpro 26';
  src: url('../fonts/P22MackinacPro-Medium_26.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinacpro 11';
  src: url('../fonts/P22MackinacPro-BoldItalic_11.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'P22mackinacpro book 25';
  src: url('../fonts/P22MackinacPro-Book_25.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Streetwear';
  src: url('../fonts/Streetwear.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}